.uc-card_img img {
  object-fit: cover;
  height: 240px;
  width: 100%
}

/*
.uc-card {
    margin-bottom: 30px;
    width: 100%
}
*/

.uc-btn-inline {
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  padding: 10px 20px;
}

/* alto mínimo y ancho flexible para los charts */
.uc-chart{
  width: 100%;
  min-height: 450px;   /* puedes ajustar a 380–500 px */
}

#graduados-doctorado .d-flex.flex-column, #graduados-magister .d-flex.flex-column {
    width: 100%;
}

/* Cards de mediciones */
.uc-card--chart .uc-card_body { padding: 20px; }
.uc-card--chart .uc-card_body h5 { font-weight: 600; }
.uc-chart { min-height: 300px; }

/* Espaciado/altura consistente en la grilla */
@media (min-width: 768px){
  .uc-card--chart { min-height: 380px; } /* opcional, ajusta si quieres parejo */
}

.uc-card.w-100.d-flex.flex-column.uc-card--chart {
    width: 100%;
}

/* Últimas publicaciones */

#home-ultimas-publicaciones .uc-card {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.break-anywhere {
  word-break: break-word;
  overflow-wrap: anywhere;
}
.min-w-0 { min-width: 0; }


/* Carrusel de logos */
/* Oculta los controles por defecto generados por tiny-slider */
#home-colaboradores .tns-controls {
  display: none !important;
}

/* Flechas personalizadas */
.uc-carousel__arrows .btn-inline--icon-only {
  background: transparent;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  color: var(--uc-color-primary, #0055b8);
}
.uc-carousel__arrows .btn-inline--icon-only:hover {
  opacity: 0.8;
}
.uc-carousel__arrows .uc-icon {
  font-size: 26px;
  line-height: 1;
}

/* Logos */
.uc-carousel--logos .uc-logo-item { padding: 16px 24px; }
.uc-carousel--logos .uc-logo {
  max-height: 68px;
  width: auto;
  object-fit: contain;
  filter: none;
}

/* Flechas al lado derecho del título (opcional) */
@media (min-width: 992px) {
  #home-colaboradores .uc-carousel__arrows {
    margin-top: -48px;
    justify-content: flex-end;
  }
}



#home-ultimas-publicaciones .row {
    justify-content: center;
}

ul.uc-table-list_content li {
    list-style: none;
}


#home-laboratorios img.w-100.d-block {
    width: 100%;
}

#home-laboratorios ul.uc-table-list_content {
    margin-left: -30px !important;
}


#home-laboratorios .row.no-gutters {
    display: flex
;
    align-items: center;
}



/* === Ajuste de imágenes en tarjetas de Centros === */
#uc-centros .uc-card_img {
  width: 100%;
  height: auto;
  max-height: 220px; /* puedes ajustar según tu diseño */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 16px;
}

#uc-centros .uc-card_img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px; /* ajusta para evitar que sobresalga */
  object-fit: contain; /* mantiene proporciones sin recortar */
}



#home-colaboradores .tns-outer [data-action] {
    display: none;
}

#home-ultimas-publicaciones .uc-btn{
	display: block;
	margin-left: 35px
}

#home-colaboradores .uc-carousel_index {
    display: none;
}



/* === Estilos Contacto Kit Digital UC === */
.uc-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}


.uc-accordion .uc-card h3 {
  font-weight: 600;
  color: #1a1a1a; /* gris oscuro, no negro absoluto */
  position: relative;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/*
.uc-card h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: #ffcc00; /* Amarillo UC */
}
*/

.uc-input,
.wpcf7-form-control {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 0.95rem;
  transition: border-color 0.2s ease;
}

.uc-input:focus,
.wpcf7-form-control:focus {
  border-color: #0056b3; /* Azul UC */
  outline: none;
}

.wpcf7-form .uc-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: background 0.2s ease;
}

a.uc-icon-button.boton-sobre i:hover {
    background: #fec60d;
    color: #000;
}

a.uc-icon-button.boton-sobre i {
     transition: all .2s ease-in;
}



#uc-proyectos, #uc-publicaciones, #uc-centros {
    margin-bottom: 40px;
}

#uc-laboratorio{
	margin-bottom: 80px
}

.img-fluid{
	width: 100%
}


/* Mobile: reemplaza imagen por color */
@media (max-width: 767.98px) {
  #home-ultimas-publicaciones .position-relative.rounded-lg.overflow-hidden {
    background-image: none !important;
    background-color: #0176de !important;
  }
}

/* --- Publicaciones: separar label e input y dar gap entre grupos --- */
#uc-publicaciones #ucPubsForm{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:16px;               /* espacio ENTRE grupos (buscador / año / ordenar) */
}

#uc-publicaciones #ucPubsForm .uc-form-group.label-inline{
  display:flex;
  align-items:center;
  gap:12px;               /* espacio ENTRE label y select */
  margin:0 !important;
}

#uc-publicaciones #ucPubsForm .uc-form-group.label-inline label{
  margin:0 !important;
  white-space:nowrap;
}

#uc-publicaciones #ucPubsForm .uc-form-group.label-inline .uc-input-style{
  min-width:220px;        /* ancho decente para selects */
}

/* Buscador ocupa más ancho */
#uc-publicaciones #ucPubsForm .uc-form-group.flex-grow-1{
  flex:1 1 520px;
  min-width:280px;
}

/* Responsive: apilar en móvil */
@media (max-width: 767.98px){
  #uc-publicaciones #ucPubsForm{
    gap:12px;
    align-items:stretch;
  }
  #uc-publicaciones #ucPubsForm .uc-form-group.label-inline{
    width:100%;
    justify-content:space-between;
  }
  #uc-publicaciones #ucPubsForm .uc-form-group.label-inline .uc-input-style{
    width:100%;
    min-width:0;
  }
}

#ucPubsLoader.uc-pubs-loader{
  display: none;                 /* el JS lo enciende */
  margin: 0 0 24px 0;            /* ✅ separación inferior */
  padding: 12px 16px;            /* ✅ aire interno */
  border-radius: 8px;
  background: rgba(0,0,0,.04);
}

/* Home publicaciones: tabla 1 col sin cabecera visual */
.uc-table.uc-table--no-head thead { display: none; }

/* Quita padding exagerado típico de tabla si aplica */
.uc-table.uc-table--no-head td {
  padding: 28px 0;
  border-top: 1px solid #eaeaea;
  vertical-align: top;
}

/* Primera fila sin borde superior */
.uc-table.uc-table--no-head tbody tr:first-child td {
  border-top: 0;
}

/* Evita que el link/ícono agregue margen raro */
.uc-pub-title-icon { margin-left: 0 !important; }


.uc-publicacion-item{
	text-align: left
}

.uc-form-actions{
  width: 100%;
}

/* mobile: normal */
.uc-form-recaptcha{
  display: flex;
}

 .uc-form-submit input[type="submit"]{
  line-height: normal;
}
/* desktop: alinear por abajo */
@media (min-width: 768px){
  .uc-form-actions{
    align-items: flex-end; /* 🔥 esto lo alinea */
  }

  .uc-form-submit{
    width: 260px; /* ajusta */
  }
}


/* Quita subrayado completo */
.uc-footer-privacy-link {
  text-decoration: none !important;
}

/* Evita subrayado en íconos */
.uc-footer-privacy-link i {
  text-decoration: none !important;
}

/* Subraya SOLO el texto */
.uc-footer-privacy-link .privacy-text {
  text-decoration: underline;
}

/* Hover consistente */
.uc-footer-privacy-link:hover {
  text-decoration: none;
}

.uc-footer-privacy-link:hover .privacy-text {
  text-decoration: underline;
}

.uc-footer-privacy-link::after {
    margin-left: 5px;
    margin-top: -8px;
}

.uc-btn.btn-cta {
    background-color: #fec60d !important;
    color: #173f8a !important;
}

.uc-btn.btn-cta:hover, .uc-btn.btn-cta.hover {
    background-color: #e3ae00 !important;
}

/* Mantener oculto el textarea que inyecta reCAPTCHA (evita que WAVE lo tome como control visible) */
.g-recaptcha-response{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* =========================================================
   ✅ FIX #1: NO cortar la imagen del sidebar (siempre completa)
   ✅ FIX #2: Números azules (no blancos)
   Pega este bloque CSS AL FINAL de tu <style> del template
   (o en tu CSS global), para que sobreescriba los estilos UC.
   ========================================================= */

.dkz-sidebar-banner .dkz-sidebar-media{
  /* el alto lo determina el ratio; mantenemos el wrapper */
  background: transparent !important;
  overflow: hidden !important;
}

/* ✅ Forzar que el carrusel y el item midan 100% del wrapper */
.dkz-sidebar-banner .uc-primary-carousel--sidebar,
.dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-outer,
.dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-inner,
.dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-slider,
.dkz-sidebar-banner .uc-primary-carousel--sidebar .primary-carousel_item,
.dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero{
  height: 100% !important;
}

/* ✅ Imagen SIEMPRE completa (sin corte) */
.dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero__bg-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: transparent !important;
}

/* =========================================================
   ✅ NAV: números azules + indicador azul
   (estaba heredando estilos “blancos” del overlay)
   ========================================================= */

/* que el nav NO tenga fondo blanco/overlay raro */
/*
.dkz-sidebar-banner .primary-carousel-nav{
  background: transparent !important;
  padding-top: 0 !important;
}

/* números */
.dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .number{
  color: #0176DE !important;   /* azul UC */
  opacity: 1 !important;
}

/* subrayado/indicador */
.dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .indicator{
  background: #0176DE !important;
  opacity: .35 !important;
}

/* activo */
.dkz-sidebar-banner .carousel-nav-list .carousel-nav-item.tns-nav-active .number{
  color: #0176DE !important;
  opacity: 1 !important;
}
.dkz-sidebar-banner .carousel-nav-list .carousel-nav-item.tns-nav-active .indicator{
  background: #0176DE !important;
  opacity: 1 !important;
}
*/

/* play/pause azul */
.dkz-sidebar-banner .autoplay-buttons .uc-icon,
.dkz-sidebar-banner .autoplay-buttons i{
  color: #0176DE !important;
}

.subheading-container {
    align-items: center;
    display: flex;
    margin-bottom: 44px;
}

.dkz-semestres .dkz-semestre-card{
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  border-bottom: 16px solid #3b76d3;
  box-shadow: none;
}

.dkz-semestres .dkz-semestre-card__body{
  /* min-height: 420px; */
  padding: 48px 32px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.dkz-semestres .dkz-semestre-card__icon{
  margin-bottom: 28px;
  line-height: 1;
}

.dkz-semestres .dkz-semestre-card__icon .uc-icon{
  font-size: 68px;
  color: #3b76d3;
}

.dkz-semestres .dkz-semestre-card__title{
  margin: 0 0 22px;
  /* font-size: 2.25rem; */
  font-weight: 700;
  line-height: 1.1;
  /* color: #111; */
  text-align: center;
}

.dkz-semestres .dkz-semestre-card__date{
  /* font-size: 2rem; */
  line-height: 1.2;
  color: #111;
  text-align: center;
}

@media (max-width: 991.98px){
  .dkz-semestres .dkz-semestre-card__body{
    min-height: 360px;
    padding: 40px 24px 48px;
  }

  .dkz-semestres .dkz-semestre-card__icon .uc-icon{
    font-size: 88px;
  }

  .dkz-semestres .dkz-semestre-card__title{
    font-size: 1.9rem;
  }

  .dkz-semestres .dkz-semestre-card__date{
    font-size: 1.7rem;
  }
}

@media (max-width: 767.98px){
  .dkz-semestres .dkz-semestre-card__body{
    min-height: 300px;
  }

  .dkz-semestres .dkz-semestre-card__icon .uc-icon{
    font-size: 72px;
  }

  .dkz-semestres .dkz-semestre-card__title{
    font-size: 1.7rem;
  }

  .dkz-semestres .dkz-semestre-card__date{
    font-size: 1.5rem;
  }
}

.page-template-page-estructura h3 {
    margin-bottom: 32px;
}

.dkz-transfer-select{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}

.dkz-transfer-select option{
  color:#fff;
  background:#2f2f2e;
}

.dkz-transfer-select:focus{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}

.dkz-transfer-input,
.dkz-transfer-textarea{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}


.absolute-title>.container {
                background: #fff;
                border-radius: 8px 8px 0 0;
                box-shadow: 0 -15px 15px 0 rgba(0,0,0,.03)
            }

            @media (min-width: 992px) {
                .absolute-title {
                    margin-top:-55px;
                    position: relative;
                    z-index: 5
                }
            }
            
            
            
            
  /* Sello de agua en el banner principal */
  .uc-hero { position: relative; }

  .uc-hero__watermark{
    position:absolute;
    right:24px;
    top:24px;
    width:140px;
    max-width:25%;
    opacity:0.7;
    pointer-events:none;
    z-index:5;
  }

  @media (max-width: 767.98px){
    .uc-hero__watermark{
      width:100px;
      right:16px;
      bottom:16px;
      opacity:0.8;
    }
  }

  .uc-hero__full-link{
    position:absolute;
    inset:0;
    z-index:4;
    display:block;
    text-decoration:none;
  }

  /* Contenido para SEO, pero no visible */
  .uc-visually-hidden{
    position:absolute !important;
    width:1px; height:1px;
    padding:0; margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  /* Watermark: oculto pero reactivable */
  .uc-hero__watermark.is-hidden{ display:none !important; }

  /* Degradé inferior: oculto */
  .uc-hero__black-bottom-gradient.is-hidden{ display:none !important; }

  /* ===== Ajuste imágenes mobile (altura completa, sin recorte) ===== */
  @media (max-width: 767.98px){
    .uc-hero{ height:auto !important; min-height:auto !important; }
    .uc-hero__bg-img{
      position:relative !important;
      height:auto !important;
      width:100%;
      object-fit:contain !important;
    }
  }

  /* =========================
     Ratios independientes
     ========================= */
  :root{
    --dkz-featured-ratio: <?php echo esc_html($dkz_ratio_featured); ?>;
    --dkz-sidebar-ratio:  <?php echo esc_html($dkz_ratio_sidebar); ?>;
  }

  /* =========================
     Imagen destacada (NO se afecta cuando cambias sidebar)
     ========================= */
  .dkz-featured-media{
    aspect-ratio: var(--dkz-featured-ratio);
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
  }
  .dkz-featured-media img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* como tu ejemplo */
    display: block;
  }

  /* =========================
     Sidebar media (slider)
     ========================= */
  .dkz-sidebar-banner .dkz-sidebar-media{
    aspect-ratio: var(--dkz-sidebar-ratio);
    width: 100%;
    overflow: hidden;
    background: transparent !important;
  }

  /* Asegurar que el carrusel “llene” el wrapper (Tiny Slider wrappers) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-outer,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-inner,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-slider,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .primary-carousel_item,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero{
    height: 100% !important;
    min-height: 0 !important;
  }

  /* ✅ Imagen del sidebar SIEMPRE completa (sin corte) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero__bg-img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    position: relative !important;
  }

  /* ✅ Ocultar overlays/textos del slider */
  .dkz-sidebar-banner .uc-hero__black-bottom-gradient,
  .dkz-sidebar-banner .uc-visually-hidden,
  .dkz-sidebar-banner .uc-hero__watermark{
    display: none !important;
  }
/* ✅ Link clickeable sobre toda la imagen del sidebar */
.dkz-sidebar-banner .uc-hero{ position: relative !important; }

.dkz-sidebar-banner .uc-hero__full-link{
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  display: block !important;
}

  /* Nav abajo (fuera de la imagen) */
  .dkz-sidebar-banner .primary-carousel-nav{
    position: static !important;
    inset: auto !important;
    margin-top: 12px;
    background: transparent !important;
    padding-top: 0 !important;
  }
  .dkz-sidebar-banner .uc-carousel-nav .container{
    padding-left: 0;
    padding-right: 0;
  }
  .dkz-sidebar-banner .carousel-nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .dkz-sidebar-banner .carousel-nav-list{
    margin: 0 !important;
  }

  /* ✅ Colores nav (azul UC) */
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .number{
    color: #0176DE !important;
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .indicator{
    background: #0176DE !important;
    opacity: .35 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item.tns-nav-active .indicator{
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .autoplay-buttons .uc-icon,
  .dkz-sidebar-banner .autoplay-buttons i{
    color: #0176DE !important;
  }

  /* Sticky sidebar */
  @media (min-width: 992px){
    .dkz-sticky-sidebar{ position: sticky; top: 24px; }
  }
  
    /* =========================
     Ratios independientes
     ========================= */
  :root{
    --dkz-featured-ratio: <?php echo esc_html($dkz_ratio_featured); ?>;
    --dkz-sidebar-ratio:  <?php echo esc_html($dkz_ratio_sidebar); ?>;
  }

  /* =========================
     Imagen destacada (NO se afecta cuando cambias sidebar)
     ========================= */
  .dkz-featured-media{
    aspect-ratio: var(--dkz-featured-ratio);
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
  }
  .dkz-featured-media img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* como tu ejemplo */
    display: block;
  }

  /* =========================
     Sidebar media (slider)
     ========================= */
  .dkz-sidebar-banner .dkz-sidebar-media{
    aspect-ratio: var(--dkz-sidebar-ratio);
    width: 100%;
    overflow: hidden;
    background: transparent !important;
  }

  /* Asegurar que el carrusel “llene” el wrapper (Tiny Slider wrappers) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-outer,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-inner,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-slider,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .primary-carousel_item,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero{
    height: 100% !important;
    min-height: 0 !important;
  }

  /* ✅ Imagen del sidebar SIEMPRE completa (sin corte) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero__bg-img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    position: relative !important;
  }

  /* ✅ Ocultar overlays/textos del slider */
  .dkz-sidebar-banner .uc-hero__black-bottom-gradient,
  .dkz-sidebar-banner .uc-visually-hidden,
  .dkz-sidebar-banner .uc-hero__watermark{
    display: none !important;
  }
/* ✅ Link clickeable sobre toda la imagen del sidebar */
.dkz-sidebar-banner .uc-hero{ position: relative !important; }

.dkz-sidebar-banner .uc-hero__full-link{
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  display: block !important;
}

  /* Nav abajo (fuera de la imagen) */
  .dkz-sidebar-banner .primary-carousel-nav{
    position: static !important;
    inset: auto !important;
    margin-top: 12px;
    background: transparent !important;
    padding-top: 0 !important;
  }
  .dkz-sidebar-banner .uc-carousel-nav .container{
    padding-left: 0;
    padding-right: 0;
  }
  .dkz-sidebar-banner .carousel-nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .dkz-sidebar-banner .carousel-nav-list{
    margin: 0 !important;
  }

  /* ✅ Colores nav (azul UC) */
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .number{
    color: #0176DE !important;
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .indicator{
    background: #0176DE !important;
    opacity: .35 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item.tns-nav-active .indicator{
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .autoplay-buttons .uc-icon,
  .dkz-sidebar-banner .autoplay-buttons i{
    color: #0176DE !important;
  }

  /* Sticky sidebar */
  @media (min-width: 992px){
    .dkz-sticky-sidebar{ position: sticky; top: 24px; }
  }
  
    /* =========================
     Ratios independientes
     ========================= */
  :root{
    --dkz-featured-ratio: <?php echo esc_html($dkz_ratio_featured); ?>;
    --dkz-sidebar-ratio:  <?php echo esc_html($dkz_ratio_sidebar); ?>;
  }

  /* =========================
     Imagen destacada (NO se afecta cuando cambias sidebar)
     ========================= */
  .dkz-featured-media{
    aspect-ratio: var(--dkz-featured-ratio);
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
  }
  .dkz-featured-media img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* como tu ejemplo */
    display: block;
  }

  /* =========================
     Sidebar media (slider)
     ========================= */
  .dkz-sidebar-banner .dkz-sidebar-media{
    aspect-ratio: var(--dkz-sidebar-ratio);
    width: 100%;
    overflow: hidden;
    background: transparent !important;
  }

  /* Asegurar que el carrusel “llene” el wrapper (Tiny Slider wrappers) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-outer,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-inner,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .tns-slider,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .primary-carousel_item,
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero{
    height: 100% !important;
    min-height: 0 !important;
  }

  /* ✅ Imagen del sidebar SIEMPRE completa (sin corte) */
  .dkz-sidebar-banner .uc-primary-carousel--sidebar .uc-hero__bg-img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    position: relative !important;
  }

  /* ✅ Ocultar overlays/textos del slider */
  .dkz-sidebar-banner .uc-hero__black-bottom-gradient,
  .dkz-sidebar-banner .uc-visually-hidden,
  .dkz-sidebar-banner .uc-hero__watermark{
    display: none !important;
  }
/* ✅ Link clickeable sobre toda la imagen del sidebar */
.dkz-sidebar-banner .uc-hero{ position: relative !important; }

.dkz-sidebar-banner .uc-hero__full-link{
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  display: block !important;
}

  /* Nav abajo (fuera de la imagen) */
  .dkz-sidebar-banner .primary-carousel-nav{
    position: static !important;
    inset: auto !important;
    margin-top: 12px;
    background: transparent !important;
    padding-top: 0 !important;
  }
  .dkz-sidebar-banner .uc-carousel-nav .container{
    padding-left: 0;
    padding-right: 0;
  }
  .dkz-sidebar-banner .carousel-nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .dkz-sidebar-banner .carousel-nav-list{
    margin: 0 !important;
  }

  /* ✅ Colores nav (azul UC) */
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .number{
    color: #0176DE !important;
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item .indicator{
    background: #0176DE !important;
    opacity: .35 !important;
  }
  .dkz-sidebar-banner .carousel-nav-list .carousel-nav-item.tns-nav-active .indicator{
    opacity: 1 !important;
  }
  .dkz-sidebar-banner .autoplay-buttons .uc-icon,
  .dkz-sidebar-banner .autoplay-buttons i{
    color: #0176DE !important;
  }

  /* Sticky sidebar */
  @media (min-width: 992px){
    .dkz-sticky-sidebar{ position: sticky; top: 24px; }
  }
  
  
    /* ✅ Forzar que la imagen llene toda la columna derecha */
  #home-postula .dkz-postula__media{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
  #home-postula .dkz-postula__media img{
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
  
  
.grecaptcha-badge {
    display: none !important;
}




.container .uc-navbar-dropdown_menu > .active > .uc-btn {
    border-bottom: 0px solid black !important;
}


.external.espacio {
    letter-spacing: .8px;
}

.dkz-video-embed,
.dkz-video-file{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  overflow:hidden;
  background:#000;
}

.dkz-video-embed iframe{
  width:100%;
  height:100%;
  display:block;
}

.dkz-video-file{
  object-fit:cover;
}


.dkz-video-thumb{
  position:relative;
  display:block;
  overflow:hidden;
}

.dkz-video-thumb img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  transition:all .3s ease;
}
.dkz-video-thumb:hover img{
  transform:scale(1.05);
}

.dkz-video-play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  background:rgba(1,118,222,.28); /* Azul UC transparente */
  transition:all .3s ease;
}

.dkz-video-thumb:hover .dkz-video-play{
  background:rgba(1,118,222,.40);
}

.dkz-video-play .material-icons{
  font-size:90px;
  color:#fff;
  text-shadow:0 4px 15px rgba(0,0,0,.25);
  transition:all .3s ease;
}

.dkz-video-thumb:hover .material-icons{
  transform:scale(1.1);
}
.dkz-video-play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:58px;
  color:#fff;
  text-shadow:0 4px 20px rgba(0,0,0,.45);
}

.dkz-video-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.85);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.dkz-video-lightbox.is-active{
  display:flex;
}

.dkz-video-lightbox__inner{
  width:min(960px,100%);
  position:relative;
}

.dkz-video-lightbox__content iframe,
.dkz-video-lightbox__content video{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  background:#000;
}

.dkz-video-lightbox__close{
  position:absolute;
  top:-44px;
  right:0;
  background:none;
  border:0;
  color:#fff;
  font-size:34px;
  cursor:pointer;
}

.uc-card 
.fixed2 {
    left: 15px!important;
    top: 15px!important;
}

.uc-carousel-cards .uc-card{
    height:100%;
    display:flex;
    flex-direction:column;
}

.uc-carousel-cards .uc-card_body{
    flex:1;
    display:flex;
    flex-direction:column;
}

.uc-carousel-cards .uc-card_body .text-right{
    margin-top:auto;
}

.uc-card_body h3.h4{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:0px;
}

/* Videos: igualar altura de cards */
#home-videos .tns-item,
#home-videos .item{
  height: 100%;
}

#home-videos .uc-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

#home-videos .uc-card_body{
  flex: 1;
  min-height: 150px;
  display: flex;
  flex-direction: column;
}

#home-videos .uc-card_body p{
  margin-bottom: 0;
}