.elementor-381 .elementor-element.elementor-element-38e16758{--display:grid;--min-height:496px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;box-shadow:2px 0px 100px 0px rgba(0,0,0,0.5);}.elementor-381 .elementor-element.elementor-element-38e16758:not(.elementor-motion-effects-element-type-background), .elementor-381 .elementor-element.elementor-element-38e16758 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F1A;}.elementor-381 .elementor-element.elementor-element-38e16758.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-381 .elementor-element.elementor-element-4b636031{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;box-shadow:2px 0px 100px 0px rgba(0,0,0,0.5);}.elementor-381 .elementor-element.elementor-element-4b636031:not(.elementor-motion-effects-element-type-background), .elementor-381 .elementor-element.elementor-element-4b636031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1F1A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-381 .elementor-element.elementor-element-6c94a180:hover{background-color:#2F7E0E;}.elementor-381 .elementor-element.elementor-element-6c94a180{transition:background 1s;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#F8F8F8;}#elementor-popup-modal-381{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-381 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-381 .dialog-close-button{display:flex;}#elementor-popup-modal-381 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-381 .elementor-element.elementor-element-38e16758{--grid-auto-flow:row;}.elementor-381 .elementor-element.elementor-element-4b636031{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-381 .elementor-element.elementor-element-38e16758{--width:100%;}}@media(max-width:767px){.elementor-381 .elementor-element.elementor-element-38e16758{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-381 .elementor-element.elementor-element-4b636031{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-ff324f5 */.carrusel {
  max-width: 900px;
  margin: auto;
  background: #0d0d0d;
  border-radius: 12px;
  overflow: visible; /* permite que las flechas se vean */
  padding: 0 0 60px 0; /* espacio para las flechas */
  position: relative;
}

/* Ocultar radios */
.carrusel input { 
  display: none; 
}

/* Contenedor de slides */
.slides {
  position: relative;
  width: 100%;
  height: 440px; /* ajusta si quieres más alto */
}

/* Cada slide */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Iframe del reproductor */
.slide iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
  pointer-events: auto; /* permite hacer clic */
}

/* Mostrar slide activo */
#ep1:checked ~ .slides .slide:nth-child(1),
#ep2:checked ~ .slides .slide:nth-child(2),
#ep3:checked ~ .slides .slide:nth-child(3),
#ep4:checked ~ .slides .slide:nth-child(4),
#ep5:checked ~ .slides .slide:nth-child(5),
#ep6:checked ~ .slides .slide:nth-child(6),
#ep7:checked ~ .slides .slide:nth-child(7),
#ep8:checked ~ .slides .slide:nth-child(8) {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

/* Flechas */
.flechas {
  position: absolute;
  bottom: -50px; /* debajo del video */
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 12px;
  z-index: 10;
}

.flechas label {
  font-size: 20px;
  color: #fff;
  background: #222;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
}

.flechas label:hover {
  background: #444;
  transform: scale(1.05);
}

.flechas span {
  font-size: 14px;
  color: #ccc;
}/* End custom CSS */