.elementor-20690 .elementor-element.elementor-element-f587e19{margin-top:10px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-b491303 > .elementor-element-populated{margin:0px 2px 0px 10px;--e-column-margin-right:2px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-ad2bc01{width:var( --container-widget-width, 99.284% );max-width:99.284%;--container-widget-width:99.284%;--container-widget-flex-grow:0;}.elementor-20690 .elementor-element.elementor-element-ad2bc01 > .elementor-widget-container{margin:20px 4px -18px 0px;padding:0px 4px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-7931dd39{margin-top:70px;margin-bottom:70px;}.elementor-20690 .elementor-element.elementor-element-7b2c78c1 > .elementor-element-populated{padding:0px 40px 0px 31px;}.elementor-20690 .elementor-element.elementor-element-61eeaf7a:not(.elementor-motion-effects-element-type-background), .elementor-20690 .elementor-element.elementor-element-61eeaf7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-20690 .elementor-element.elementor-element-61eeaf7a > .elementor-background-overlay{background-color:#F6F6F6;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-20690 .elementor-element.elementor-element-61eeaf7a{border-style:solid;border-width:2px 2px 2px 2px;border-color:#F47F16;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-20690 .elementor-element.elementor-element-61eeaf7a, .elementor-20690 .elementor-element.elementor-element-61eeaf7a > .elementor-background-overlay{border-radius:4px 4px 4px 4px;}.elementor-20690 .elementor-element.elementor-element-41bc30f6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20690 .elementor-element.elementor-element-41bc30f6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-20690 .elementor-element.elementor-element-41bc30f6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:9px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-41bc30f6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-20690 .elementor-element.elementor-element-cc945c2 > .elementor-widget-container{margin:25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-cc945c2{text-align:end;font-family:"Big Shoulders Display", Sans-serif;font-size:47px;font-weight:400;color:#F47F16;}.elementor-20690 .elementor-element.elementor-element-585a662:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20690 .elementor-element.elementor-element-585a662 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-20690 .elementor-element.elementor-element-585a662 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20690 .elementor-element.elementor-element-585a662 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20690 .elementor-element.elementor-element-5e370254 > .elementor-widget-container{margin:-59px 0px -75px 0px;padding:0px 0px -8px 0px;}.elementor-20690 .elementor-element.elementor-element-5e370254{z-index:20;}.elementor-20690 .elementor-element.elementor-element-65c25b69:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-20690 .elementor-element.elementor-element-65c25b69 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-bc-flex-widget .elementor-20690 .elementor-element.elementor-element-65c25b69.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-20690 .elementor-element.elementor-element-65c25b69.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-20690 .elementor-element.elementor-element-65c25b69.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-20690 .elementor-element.elementor-element-65c25b69 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-20690 .elementor-element.elementor-element-65c25b69 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button{background-color:#F06424;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-color:#02010100;border-radius:5px 5px 5px 5px;}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button:hover, .elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button:focus{background-color:#F06424CC;color:#FFFFFF;}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;align-self:center;}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d > .elementor-widget-container{margin:0px -5px 0px 9px;padding:0px 0px 0px 20px;}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button:hover svg, .elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-20690 .elementor-element.elementor-element-1b3c7d2d .elementor-button .elementor-button-icon{font-size:10px;}.elementor-20690 .elementor-element.elementor-element-4769c00{margin-top:0px;margin-bottom:25px;padding:5px 0px 30px 0px;}.elementor-20690 .elementor-element.elementor-element-628709e > .elementor-widget-container{padding:0px 29px 0px 20px;}@media(max-width:1500px){.elementor-20690 .elementor-element.elementor-element-f587e19{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 46px;}.elementor-20690 .elementor-element.elementor-element-cc945c2{font-size:40px;}}@media(max-width:1024px){.elementor-20690 .elementor-element.elementor-element-cc945c2 > .elementor-widget-container{margin:11px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-cc945c2{font-size:29px;}}@media(max-width:767px){.elementor-20690 .elementor-element.elementor-element-7931dd39{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-41bc30f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-cc945c2 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-cc945c2{text-align:center;font-size:26px;line-height:1.1em;word-spacing:0.1em;}.elementor-20690 .elementor-element.elementor-element-585a662 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-5e370254 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20690 .elementor-element.elementor-element-65c25b69 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-20690 .elementor-element.elementor-element-41bc30f6{width:50%;}.elementor-20690 .elementor-element.elementor-element-585a662{width:29.332%;}.elementor-20690 .elementor-element.elementor-element-65c25b69{width:20%;}}/* Start custom CSS for shortcode, class: .elementor-element-ad2bc01 *//* -------------------------------
   Ajuste del Overlay del Nombre en Videos
--------------------------------- */

.rc-etiqueta-programas .rc-overlay-nombre {
  position: absolute;
  bottom: 50px !important; /* fuerza 15px de distancia */
  left: 0;
  width: 100%;
  padding: 10px 15px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #181833;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.3)) !important;
border: none !important; /* 👈 esto elimina el borde */
outline: none !important; /* 👈 Esto elimina contornos de foco */
border-radius: 0 !important;

}

/* En pantallas pequeñas */
@media (max-width: 768px) {
.rc-etiqueta-programas .rc-overlay-nombre {
  bottom: 15px !important;
  padding: 8px 12px;
  font-size: 14px;
  border: none !important; /* 👈 esto elimina el borde */
outline: none !important; /* 👈 Esto elimina contornos de foco */
border-radius: 0 !important;
}
}


/* -------------------------------
 Ajustes en pantallas pequeñas
--------------------------------- */
@media (max-width: 768px) {
  /* Ajustar en móviles */
  .rc-etiqueta-programas .rc-overlay-nombre {
      bottom: 15px; /* Ajuste proporcional en móviles */
      padding: 8px 12px;
      font-size: 14px;
      border: none !important; /* 👈 esto elimina el borde */
outline: none !important; /* 👈 Esto elimina contornos de foco */
border-radius: 0 !important;
  }
}

/* Contenedor del video */
.rc-video-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Video dentro del contenedor */
.rc-video-container video {
  width: 100%;
  height: auto;
  display: block;
}


/* -------------------------------
 Overlay de Marco Especial Ajustado
--------------------------------- */
/* El contenedor que muestra la miniatura debe permitir que los overlays se vean */
.rc-video-thumbnail {
position: relative;
/* Si tu tema tiene overflow: hidden en algún lugar, cámbialo a: */
overflow: visible !important;
}

/* Ajustar la imagen en la miniatura para que sea block */
.rc-video-thumbnail img {
display: block;
width: 100%;
height: auto;
border-radius: 6px; /* o el que uses */
}

/* El marco especial debe abarcar toda la miniatura */
.rc-overlay-marco-especial {
position: absolute;
top: 0;
left: 0;
/* Si quieres que coincida exactamente con el tamaño de la miniatura: */
width: 100%;
height: 100%;
z-index: 10;           /* que quede por encima de la imagen */
pointer-events: none;  /* para no interferir con el clic del usuario */
}

/* La imagen que uses como marco debe ocupar todo ese contenedor */
.rc-overlay-marco-especial img {
display: block;
width: 100%;
height: 100%;  /* si tu marco es un PNG “hueco” alrededor */
object-fit: cover;  /* o contain, según el diseño */
}


/* La estrella: */
.rc-overlay-estrella {
position: absolute;
top:-28px !important;        /* Ajusta estos valores para “sacar” la estrella */
left: -20px;       /* sobre la esquina superior izquierda */
width: 50px;
height: 50px;
z-index: 9999;      /* Para que quede encima de otros overlays */
background: none;  /* Sin fondo */
}

/* Asegura la imagen de la estrella sin fondo extra: */
.rc-overlay-estrella img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
background: none;
}


/* -------------------------------
 📱 Ajuste en Pantallas Pequeñas
--------------------------------- */
@media (max-width: 768px) {
  .rc-overlay-marco-especial {
      width: 150px;
      height: 225px;
  }

  .rc-overlay-marco-especial img {
      width: 150px;
      height: 225px;
  }

  .rc-overlay-estrella {
      width: 30px;
      height: 30px;
      top: -12px;
      left: -6px;
  }
}
.rc-video-thumbnail {
position: relative; 
/* Asegúrate de no tener overflow: hidden, 
   a menos que realmente lo necesites */
overflow: visible; 
}


/* -------------------------------
 Ancho video
--------------------------------- */
/* 6 columnas fijas de 180px cada una */
.rc-videos-programas-formato-grid {
display: grid;
grid-template-columns: repeat(6, 150px);
gap: 5x;
justify-content: flex-start; /* centra si sobra espacio horizontal */
}

/* La imagen llena la tarjeta fija */
.rc-video-programa-item .rc-video-thumbnail {
width: 100%;
height: auto;
}
.rc-video-programa-item .rc-video-thumbnail img {
width: 98%;
height: 100% !important; 
object-fit: cover;
border-radius: 6px;
}

/* -------------------------------
Filtros color
--------------------------------- */
  .rc-filter-btn-formato {
      /* Normal (no seleccionado) */
      background-color: #F1F1F1 !important; /* Fondo gris claro */
      color: #181833 !important;           /* Texto en color #181833 */
      border: none;
      padding: 8px 12px;
      margin: 5px;
      cursor: pointer;
      font-family: 'Roboto', sans-serif;
      font-size: 14px;
      border-radius: 4px;
  }
  .rc-filter-btn-formato.active {
      /* Estado activo (seleccionado) */
      background-color: #181833 !important; /* Fondo oscuro */
      color: #ffffff !important;            /* Texto blanco */
    }



/* Ajustes responsivos para que en pantallas medianas sean 4 por fila */
@media (max-width: 1200px) {
  .rc-filter-link-formato {
      flex: 0 0 calc(25% - 5px);
  }
}

/* En pantallas pequeñas, 3 por fila */
@media (max-width: 768px) {
  .rc-filter-link-formato {
      flex: 0 0 calc(33.3333% - 5px);
  }
}

/* En pantallas muy pequeñas, 2 por fila */
@media (max-width: 480px) {
  .rc-filter-link-formato {
      flex: 0 0 calc(50% - 5px);
  }
}
.rc-filter-link-formato:hover {
  color: #ffffff !important; /* Texto en blanco */
  /* Si deseas cambiar también el fondo en hover, puedes agregar: */
 background-color: #181833 !important; 
}
.rc-filter-link-formato.active {
  background-color: #181833;
  color: #F1F1F1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-61eeaf7a */#miSeccion {
  background-color: #F6F6F6;
  /* Otros estilos opcionales */
}/* End custom CSS */