/* DMAT UI FINAL v1.3.7 */

.faci-bar .institution-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
}

.faci-bar .ubb-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

/* Logo UBB: aprox. 50% mayor que el que se estaba viendo. */
.faci-bar .ubb-brand img {
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

/* Única línea: UBB | Facultad de Ciencias */
.faci-bar .institution-separator {
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 30px !important;
    background: rgba(255,255,255,.42) !important;
    border: 0 !important;
    margin: 0 1px !important;
}

/* El link ya existe físicamente en header.php. */
.faci-bar .faci-brand-link,
.faci-bar .faci-brand-link:visited {
    display: inline-flex !important;
    align-items: center !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.faci-bar .faci-brand-link:hover,
.faci-bar .faci-brand-link:focus-visible {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Ya no hay menú FACI: este bloque contiene solo la lupa. */
.faci-bar .faci-tools {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
}

.faci-bar .faci-tools::before,
.faci-bar .faci-tools::after {
    display: none !important;
    content: none !important;
}

.faci-bar .faci-tools > span {
    display: none !important;
}

.faci-bar .top-search {
    border-left: 0 !important;
    border-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* Logo DMAT: 20% mayor de forma explícita. */
.dmat-header .dmat-logo-image {
    display: block !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

.dmat-header .dmat-brand {
    overflow: visible !important;
}

@media (max-width: 980px) {
    .faci-bar .ubb-brand img {
        width: 125px !important;
        min-width: 125px !important;
        max-width: 125px !important;
    }

    .faci-bar .faci-brand-link,
    .faci-bar .faci-brand-link:visited {
        font-size: 15px !important;
    }

    .dmat-header .dmat-logo-image {
        width: 70px !important;
        min-width: 70px !important;
        max-width: 70px !important;
    }
}

@media (max-width: 720px) {
    .faci-bar .institution-left {
        gap: 9px !important;
    }

    .faci-bar .ubb-brand img {
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;
    }

    .faci-bar .institution-separator {
        height: 24px !important;
    }

    .faci-bar .faci-brand-link,
    .faci-bar .faci-brand-link:visited {
        font-size: 13px !important;
        white-space: normal !important;
    }
}

/* ==========================================================
   AJUSTE HEADER 2026-09-30
   ========================================================== */

/* Logo Universidad del Bío-Bío más grande y legible */
.faci-bar .ubb-brand img {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

/* Da espacio vertical suficiente al logo UBB */
.faci-bar,
.faci-bar .faci-bar-inner {
    min-height: 58px !important;
}

/* Alineación vertical del bloque DMAT */
.dmat-header .dmat-brand {
    display: flex !important;
    align-items: center !important;
}

/* Línea separadora centrada respecto del logo y texto */
.dmat-header .dmat-brand-rule {
    align-self: center !important;
}

/* Texto DMAT centrado verticalmente respecto del logo */
.dmat-header .dmat-brand-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Corrige posibles márgenes que levantaban el texto */
.dmat-header .dmat-brand-copy strong,
.dmat-header .dmat-brand-copy small {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Un poco más de separación visual logo / texto */
.dmat-header .dmat-logo-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 980px) {
    .faci-bar .ubb-brand img {
        width: 155px !important;
        min-width: 155px !important;
        max-width: 155px !important;
    }
}

@media (max-width: 720px) {
    .faci-bar .ubb-brand img {
        width: 125px !important;
        min-width: 125px !important;
        max-width: 125px !important;
    }
}




/* Logo UBB: 190px -> 205px aprox. (+8%) */
.faci-bar .ubb-brand img {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
}

/* Texto principal DMAT +8% */


/* Subtítulo DMAT +8% */


@media (max-width: 980px) {
    .faci-bar .ubb-brand img {
        width: 167px !important;
        min-width: 167px !important;
        max-width: 167px !important;
    }
}

@media (max-width: 720px) {
    .faci-bar .ubb-brand img {
        width: 135px !important;
        min-width: 135px !important;
        max-width: 135px !important;
    }
}









/* ==========================================================
   DMAT STATS CLICKABLE 2026
   ========================================================== */

.home-stats .stat-item-link,
.home-stats .stat-item-link:visited {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    transition:
        background-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.home-stats .stat-item-link:hover,
.home-stats .stat-item-link:focus-visible {
    color: inherit !important;
    text-decoration: none !important;
    background: rgba(0, 159, 218, .055);
    transform: translateY(-2px);
}

.home-stats .stat-item-link:focus-visible {
    outline: 2px solid #009fda;
    outline-offset: -2px;
}

.home-stats .stat-item-link strong,
.home-stats .stat-item-link span {
    color: inherit;
}


/* ==========================================================
   DMAT STATS DYNAMIC
   ========================================================== */

.home-stats .stat-item-link,
.home-stats .stat-item-link:visited {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
}

.home-stats .stat-item-link {
    transition:
        background-color .18s ease,
        transform .18s ease;
}

.home-stats .stat-item-link:hover,
.home-stats .stat-item-link:focus-visible {
    color: inherit !important;
    text-decoration: none !important;
    background: rgba(0, 159, 218, .055);
    transform: translateY(-2px);
}

.home-stats .stat-item-link:focus-visible {
    outline: 2px solid #009fda;
    outline-offset: -2px;
}


/* ==========================================================
   DMAT v1.4.x
   Invertir header superior:
   - lupa + A-/A/A+ a la izquierda
   - logo UBB + Facultad de Ciencias a la derecha
   ========================================================== */

/* contenedor principal de la barra superior */
.dmat-topbar .dmat-container,
.dmat-topbar-inner,
.site-topbar .dmat-container,
.site-header-top .dmat-container,
.topbar-inner,
.header-top-inner {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* bloque logo UBB + Facultad */
.dmat-topbar-left,
.site-topbar-left,
.header-top-left,
.topbar-left {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

/* bloque lupa + controles A-/A/A+ */
.dmat-topbar-right,
.site-topbar-right,
.header-top-right,
.topbar-right {
    order: 1 !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

/* asegurar alineación interna correcta */
.dmat-topbar-left,
.dmat-topbar-right,
.site-topbar-left,
.site-topbar-right,
.header-top-left,
.header-top-right,
.topbar-left,
.topbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

/* opcional: que el grupo derecho quede pegado a la derecha visualmente */
.dmat-topbar-left a,
.site-topbar-left a,
.header-top-left a,
.topbar-left a {
    text-align: right !important;
}

/* opcional: que el grupo izquierdo quede ordenado y limpio */
.dmat-topbar-right a,
.site-topbar-right a,
.header-top-right a,
.topbar-right a,
.dmat-topbar-right button,
.site-topbar-right button,
.header-top-right button,
.topbar-right button {
    text-align: center !important;
}

/* si quedaron separadores/lineas del menú viejo por CSS anterior, ocultarlos */
.dmat-topbar-right::before,
.dmat-topbar-right::after,
.dmat-topbar-left::before,
.dmat-topbar-left::after,
.site-topbar-right::before,
.site-topbar-right::after,
.site-topbar-left::before,
.site-topbar-left::after,
.header-top-right::before,
.header-top-right::after,
.header-top-left::before,
.header-top-left::after,
.topbar-right::before,
.topbar-right::after,
.topbar-left::before,
.topbar-left::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   DMAT - HEADER SUPERIOR INVERTIDO - CLASES REALES
   izquierda: lupa + A-/A/A+
   derecha: UBB | FACULTAD DE CIENCIAS
   ========================================================== */

/* El único contenedor interior de la barra superior */
.faci-bar > div {
    display: flex !important;
    align-items: center !important;
}

/* 1: lupa al extremo izquierdo */
.faci-bar .faci-links {
    order: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
}

/* 2: controles de tamaño inmediatamente después de la lupa */
.faci-bar .dmat-text-size-controls {
    order: 2 !important;
    margin-left: 14px !important;
    margin-right: 0 !important;
}

/* 3: UBB + Facultad al extremo derecho */
.faci-bar .institution-left {
    order: 3 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    justify-content: flex-end !important;
}

/* Evitar que reglas anteriores vuelvan a empujar la búsqueda */
.faci-bar .top-search {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Mantener UBB | FACULTAD juntos y bien alineados */
.faci-bar .institution-left {
    display: flex !important;
    align-items: center !important;
}

/* Móvil */
@media (max-width: 720px) {
    .faci-bar > div {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .faci-bar .dmat-text-size-controls {
        margin-left: 8px !important;
    }
}