.une-institutional-section { background:#fff; padding:75px 0; }
        .une-institutional-block { scroll-margin-top:120px; }
        .une-institutional-heading { margin-bottom:28px; }
        .une-institutional-heading .eyebrow {
            display:inline-block; margin-bottom:8px; color:#00a859;
            font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
        }
        .une-institutional-heading h2 { margin:0; color:#112452; font-size:32px; font-weight:700; line-height:1.2; }
        .une-institutional-heading p { max-width:760px; margin:12px 0 0; color:#666; font-size:15px; line-height:1.75; }
        .une-mission-vision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:1000px; }
        .une-mv-card { padding:30px; border:1px solid #e8e8e8; border-radius:8px; background:#fff; }
        .une-mv-card h3 { position:relative; margin:0 0 18px; padding-left:16px; color:#112452; font-size:20px; font-weight:700; }
        .une-mv-card h3::before { content:""; position:absolute; left:0; top:8px; width:6px; height:6px; background:#00a859; }
        .une-mv-card p { margin:0; color:#333; font-size:15px; line-height:1.8; }

        .une-map-box { width:100%; height:430px; overflow:hidden; border-radius:18px; background:#fff; box-shadow:0 14px 35px rgba(0,0,0,.20); }
        .une-map-box iframe { display:block; width:100%; height:100%; border:0; }

        body.une-inner-page { background:#fff; }
        
        
        
        
        

        .une-history-text { max-width:980px; }
        .une-history-text p { margin-bottom:18px; color:#333; font-size:15px; line-height:1.85; text-align:justify; }
        .une-history-highlight { margin:26px 0; padding:20px 24px; border-left:4px solid #00a859; background:#f8f9fa; color:#333; font-size:15px; line-height:1.75; }
        .une-authorities-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:900px; }
        .une-authority-card { padding:28px; border:1px solid #e8e8e8; border-radius:8px; background:#fff; }
        .une-authority-card .role { display:block; margin-bottom:8px; color:#00a859; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
        .une-authority-card h3 { margin:0 0 8px; color:#112452; font-size:20px; font-weight:700; line-height:1.35; }
        .une-authority-card p { margin:0; color:#666; font-size:14px; }

        .une-doc-notice { max-width:980px; margin-top:28px; padding:34px; border:1px solid #e7e7e7; border-radius:10px; background:#fafafa; }
        .une-doc-notice .status { display:inline-block; margin-bottom:14px; padding:6px 10px; border-radius:999px; background:#eef8f2; color:#008f4c; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
        .une-doc-notice h3 { margin:0 0 12px; color:#112452; font-size:22px; font-weight:700; }
        .une-doc-notice p { margin:0; color:#4b4b4b; font-size:15px; line-height:1.8; }
        .une-doc-roadmap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:28px; }
        .une-doc-roadmap .item { padding:22px; border:1px solid #eee; border-radius:8px; background:#fff; }
        .une-doc-roadmap .item i { margin-bottom:12px; color:#00a859; font-size:20px; }
        .une-doc-roadmap .item h4 { margin:0 0 8px; color:#112452; font-size:16px; font-weight:700; }
        .une-doc-roadmap .item p { margin:0; color:#666; font-size:14px; line-height:1.65; }

        @media (max-width:991px) {
            
            
            
            
            
            .une-map-box { height:320px; margin-bottom:28px; }
            .une-mission-vision-grid, .une-authorities-grid, .une-doc-roadmap { grid-template-columns:1fr; }
            
            .une-history-text p { text-align:left; }
        }
        @media (max-width:575px) {
            .une-map-box { height:280px; border-radius:14px; }
            .contact-us .container { padding-left:18px; padding-right:18px; }
        }


        

        

        @media (max-width: 991px) {

            :root {
                --une-mobile-menu-bg: #f7f7f7;
                --une-mobile-blue: #112452;
            }

            /* Cabecera móvil */
            

            
            

            /* Botón hamburguesa / X más pequeño */
            

            

            

            

            

            

            

            

            
            

            
            

            

            
            

            

            

            /* Quitar los cuadrados verdes solamente en móvil */
            

            

            

            

            /* IMPORTANTE: en móvil abre/cierra únicamente con mobile-open.
               Esto permite que el segundo toque sobre la flecha cierre. */
            

            

            /* Flecha gira al desplegar */
            

            
        }

        


        /* ==========================================================
           UNE EN CIFRAS - VIDEO
        ========================================================== */

        .une-facts-video {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-radius: 18px;
            background: #000;
            box-shadow: 0 14px 35px rgba(0, 0, 0, .22);
        }

        .une-facts-video iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        @media (max-width: 991px) {
            .une-facts-video {
                margin-top: 28px;
                border-radius: 14px;
            }
        }



        /* ==========================================================
           AJUSTE MÓVIL UNE - ANCHO COMPLETO + CIERRE COMPACTO
           Este bloque está al final para sobrescribir el CSS previo.
        ========================================================== */

        @media (max-width: 991px) {

            :root {
                --une-mobile-menu-bg: #ffffff;
                --une-mobile-blue: #112452;
            }

            html,
            body {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
            }

            /* La cabecera ocupa TODO el ancho del viewport */
            

            

            

            

            

            /* Logo conserva una separación limpia respecto al borde */
            

            
            

            

            

            

            
            

            /*
             * Hamburguesa/X compacta.
             * 26 x 26 es un tamaño visual estándar sin dominar la cabecera.
             */
            

            

            

            

            

            

            

            
            

            

            

            

            /* Mantener apertura/cierre por segundo toque */
            

            
        }

        

        /* Quitar indicadores verdes */
.une-mv-card h3::before{
    display: none !important;
    content: none !important;
}

.une-mv-card h3{
    padding-left: 0 !important;
}



        /* ==========================================================
           OFERTA ACADÉMICA - FACULTADES Y ESCUELAS
        ========================================================== */

        .une-faculty-carousel .owl-stage {
            display: flex;
        }

        .une-faculty-carousel .owl-item {
            display: flex;
            height: auto;
        }

        .une-faculty-carousel .owl-item .item {
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            margin-bottom: 0;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
        }

        .une-faculty-carousel .une-faculty-card-link {
            display: flex;
            flex: 1;
            flex-direction: column;
            width: 100%;
            height: 100%;
            color: inherit !important;
            text-decoration: none !important;
            cursor: pointer;
        }

        .une-faculty-carousel .une-faculty-card-link > img {
            display: block;
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }

        .une-faculty-carousel .une-faculty-card-link:hover .down-content h4,
        .une-faculty-carousel .une-faculty-card-link:focus .down-content h4 {
            color: #146B3A;
        }

        .une-faculty-carousel .owl-item .item .down-content {
            display: flex;
            flex: 1;
            align-items: center;
            justify-content: center;
            min-height: 112px;
            padding: 22px 20px;
            background: #ffffff;
        }

        .une-faculty-carousel .owl-item .item .down-content h4 {
            width: 100%;
            margin: 0;
            color: #112452;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.35;
            text-align: center;
        }

        @media (max-width: 991px) {
            .une-faculty-carousel .une-faculty-card-link > img {
                height: 220px;
            }

            .une-faculty-carousel .owl-item .item .down-content {
                min-height: 100px;
                padding: 20px 16px;
            }

            .une-faculty-carousel .owl-item .item .down-content h4 {
                font-size: 17px;
            }
        }

        @media (max-width: 575px) {
            .une-faculty-carousel .une-faculty-card-link > img {
                height: 205px;
            }

            .une-faculty-carousel .owl-item .item .down-content {
                min-height: 92px;
            }
        }



        

        :root {
            --une-yellow: #F8B229;
            --une-coral: #EA4630;
            --une-red: #BB2528;
            --une-green: #146B3A;
            --une-dark-green: #0B3D2E;
            --une-black: #171717;
            --une-text: #2B2B2B;
            --une-white: #FFFFFF;
            --une-light: #F7F7F5;
        }

        /* Barra superior */
        

        

        

        

        

        

        

        
        

        

        

        

        

        

        

        

        /* Hero */
        .main-banner {
            position: relative;
            overflow: hidden;
        }

        .main-banner #bg-video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

        .main-banner .video-overlay {
            background: rgba(31, 39, 43, .72) !important;
        }

        .main-banner .caption {
            max-width: 760px;
        }

        .main-banner .caption h6 {
            margin-bottom: 16px !important;
            color: var(--une-yellow) !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            letter-spacing: .12em !important;
            text-transform: uppercase !important;
        }

        .main-banner .caption h2 {
            max-width: 720px;
            margin-bottom: 22px !important;
            color: var(--une-white) !important;
            font-size: 52px !important;
            font-weight: 700 !important;
            line-height: 1.08 !important;
            letter-spacing: -.02em !important;
            text-transform: none !important;
        }

        .main-banner .caption p {
            max-width: 680px;
            margin-bottom: 28px !important;
            color: rgba(255, 255, 255, .94) !important;
            font-size: 17px !important;
            line-height: 1.75 !important;
        }

        .main-banner .main-button-red a {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            padding: 14px 24px !important;
            border-radius: 999px !important;
            background: var(--une-white) !important;
            color: var(--une-black) !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            text-transform: none !important;
            transition:
                background .2s ease,
                color .2s ease,
                transform .2s ease !important;
        }

        .main-banner .main-button-red a:hover {
            background: var(--une-yellow) !important;
            color: var(--une-black) !important;
            transform: translateY(-2px);
        }

        /* Ajuste móvil de esta primera etapa */
        @media (max-width: 991px) {
            

            

            .main-banner .caption {
                max-width: 100%;
            }

            .main-banner .caption h6 {
                font-size: 12px !important;
            }

            .main-banner .caption h2 {
                max-width: 620px;
                font-size: 38px !important;
            }

            .main-banner .caption p {
                max-width: 620px;
                font-size: 15px !important;
                line-height: 1.65 !important;
            }
        }

        @media (max-width: 575px) {
            .main-banner .video-overlay {
                background: rgba(31, 39, 43, .76) !important;
            }

            .main-banner .caption h2 {
                font-size: 32px !important;
                line-height: 1.12 !important;
            }

            .main-banner .caption p {
                font-size: 14px !important;
            }
        }



        /* ==========================================================
           REDISEÑO UNE - ETAPA 2
           Pasarela de accesos institucionales
           Se conserva Owl Carousel y su movimiento original.
        ========================================================== */

        .services .owl-service-item .item {
            background-color: var(--une-white) !important;
            background-image: none !important;
            border-top: 4px solid var(--une-yellow) !important;
            overflow: hidden;
            transition: background-color .2s ease, transform .2s ease;
        }

        .services .owl-service-item .item:hover {
            background-color: var(--une-dark-green) !important;
            border-top: 4px solid var(--une-yellow) !important;
            transform: translateY(-3px);
        }

        .services .owl-service-item .item .icon i {
            color: var(--une-green)!important;
            font-size: 42px !important;
            line-height: 1 !important;
        }

       .services .owl-service-item .item:hover .icon i {
            color: var(--une-yellow)!important;
            font-size: 42px !important;
            line-height: 1 !important;
        }

        .services .owl-service-item .item .down-content h4,
        .services .owl-service-item .item .down-content p {
            color: #0e0a0a !important;
        }
        .services .owl-service-item .item:hover .down-content h4,
        .services .owl-service-item .item:hover .down-content p {
            color: #ffffff !important;
        }

        .services .owl-service-item .item .down-content h4 {
            font-weight: 700 !important;
        }

        .services .une-service-link {
            display: block;
            width: 100%;
            height: 100%;
            color: inherit !important;
            text-decoration: none !important;
        }

        .services .une-service-link:hover {
            color: inherit !important;
            text-decoration: none !important;
        }

        .services .une-service-action {
            display: inline-block;
            margin-top: 14px;
            color: var(--une-green)!important;
            font-size: 13px;
            font-weight: 700;
        }

        .services .owl-service-item .item:hover .une-service-action {
            color: var(--une-yellow) !important;
        }



        /* ==========================================================
           MISIÓN Y VISIÓN - REDISEÑO INSTITUCIONAL
           No afecta el carrusel ni otras secciones.
        ========================================================== */

        #mision-vision.une-institutional-section {
            background: #F7F7F5 !important;
            padding: 88px 0 92px !important;
        }

        #mision-vision .une-institutional-heading {
            margin-bottom: 36px !important;
        }

        #mision-vision .une-institutional-heading .eyebrow {
            display: block !important;
            margin-bottom: 10px !important;
            color: #146B3A !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            letter-spacing: .14em !important;
            text-transform: uppercase !important;
        }

        #mision-vision .une-institutional-heading h2 {
            position: relative;
            margin: 0 !important;
            padding-bottom: 20px !important;
            color: #171717 !important;
            font-size: 36px !important;
            font-weight: 700 !important;
            line-height: 1.15 !important;
            letter-spacing: -.02em;
        }

        #mision-vision .une-institutional-heading h2::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 56px;
            height: 4px;
            border-radius: 999px;
            background: #F8B229;
        }

        #mision-vision .une-mission-vision-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 28px !important;
            max-width: 1120px !important;
        }

        #mision-vision .une-mv-card {
            position: relative;
            min-height: 285px;
            padding: 40px 38px !important;
            border-radius: 16px !important;
            box-shadow: none !important;
            overflow: hidden;
        }

        #mision-vision .une-mv-card::before {
            content: "";
            display: block;
            width: 46px;
            height: 4px;
            margin-bottom: 24px;
            border-radius: 999px;
            background: #F8B229;
        }

        #mision-vision .une-mv-card:first-child {
            background: #0B3D2E !important;
            border: 1px solid #0B3D2E !important;
        }

        #mision-vision .une-mv-card:first-child h3,
        #mision-vision .une-mv-card:first-child p {
            color: #FFFFFF !important;
        }

        #mision-vision .une-mv-card:last-child {
            background: #FFFFFF !important;
            border: 1px solid #E1E4E2 !important;
        }

        #mision-vision .une-mv-card:last-child h3 {
            color: #171717 !important;
        }

        #mision-vision .une-mv-card:last-child p {
            color: #444444 !important;
        }

        #mision-vision .une-mv-card h3 {
            margin: 0 0 18px !important;
            padding-left: 0 !important;
            font-size: 24px !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
        }

        #mision-vision .une-mv-card h3::before {
            display: none !important;
            content: none !important;
        }

        #mision-vision .une-mv-card p {
            max-width: 510px;
            margin: 0 !important;
            font-size: 15px !important;
            line-height: 1.85 !important;
        }

        @media (max-width: 991px) {
            #mision-vision.une-institutional-section {
                padding: 68px 0 72px !important;
            }

            #mision-vision .une-mission-vision-grid {
                grid-template-columns: 1fr !important;
                gap: 20px !important;
            }

            #mision-vision .une-mv-card {
                min-height: auto;
                padding: 32px 28px !important;
            }
        }

        @media (max-width: 575px) {
            #mision-vision.une-institutional-section {
                padding: 54px 0 58px !important;
            }

            #mision-vision .une-institutional-heading h2 {
                font-size: 30px !important;
            }

            #mision-vision .une-mv-card {
                padding: 28px 24px !important;
                border-radius: 14px !important;
            }

            #mision-vision .une-mv-card h3 {
                font-size: 21px !important;
            }

            #mision-vision .une-mv-card p {
                font-size: 14px !important;
                line-height: 1.75 !important;
            }
        }



        /* ==========================================================
           FONDOS INSTITUCIONALES UNE
           Mantiene meetings-bg.jpg y reemplaza solamente el tono gris
           por una capa verde translúcida. Sin multiply para evitar negro.
        ========================================================== */

        #meetings.upcoming-meetings,
        #courses.our-courses,
        #contact.contact-us {
            background-color: transparent !important;
            background-image:
                linear-gradient(
                    rgba(0, 0, 0, .20),
                    rgba(0, 0, 0, .20)
                ),
               url("/edu-meeting/assets/images/meetings-bg.jpg") !important;

            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-blend-mode: normal !important;
        }

        /*
         * Caja lateral de Actualidad:
         * el template original pone algunos LI en línea.
         * Los forzamos a una opción por renglón sin cambiar la tarjeta.
         */
        #meetings .categories ul li {
            display: block !important;
            width: 100% !important;
            margin: 0 0 12px 0 !important;
            padding: 0 !important;
        }

        #meetings .categories ul li:last-child {
            margin-bottom: 0 !important;
        }

        #meetings .categories ul li a {
            display: block !important;
            width: 100% !important;
            line-height: 1.5 !important;
        }
        #meetings .categories .main-button-red a {
    background: #0B3D2E !important;
    color: #FFFFFF !important;
}
#meetings .categories .main-button-red a:hover {
    background: #146B3A !important;
    color: #FFFFFF !important;
}



        /* ==========================================================
           UNE EN CIFRAS - FONDO TUCÚ
           Conserva la estructura y el video actuales.
        ========================================================== */

        .our-facts {
            position: relative;
            background-image:
                linear-gradient(
                    rgba(31, 39, 43, .72),
                    rgba(31, 39, 43, .72)
                ),
                url("/images/tucu.jpeg") !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        .our-facts h2 {
            color: #FFFFFF !important;
        }

        /* ==========================================================
           CONTACTO - TARJETA VERDE
        ========================================================== */

        #contact.contact-us .right-info {
            background: #0B3D2E !important;
            border-radius: 18px !important;
            box-shadow: 0 14px 35px rgba(0, 0, 0, .18) !important;
        }

        #contact.contact-us .right-info ul li {
            border-bottom-color: rgba(255, 255, 255, .18) !important;
        }

        #contact.contact-us .right-info ul li:last-child {
            border-bottom: 0 !important;
        }

        #contact.contact-us .right-info ul li h6 {
            color: #F8B229 !important;
        }

        #contact.contact-us .right-info ul li span {
            color: #FFFFFF !important;
        }

        /* ==========================================================
           FOOTER INSTITUCIONAL UNE
        ========================================================== */

        .une-footer {
            background: #0B3D2E;
            color: #FFFFFF;
        }

        .une-footer-main {
            padding: 58px 0 46px;
        }

        .une-footer-grid {
            display: grid;
            grid-template-columns: 1.2fr 1fr 1fr;
            gap: 56px;
            align-items: start;
        }

        .une-footer-brand img {
            display: block;
            width: 72px;
            height: 72px;
            object-fit: contain;
            margin-bottom: 18px;
        }

        .une-footer-brand h3 {
            margin: 0 0 10px;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 700;
        }

        .une-footer-brand p {
            max-width: 360px;
            margin: 0;
            color: rgba(255, 255, 255, .78);
            font-size: 14px;
            line-height: 1.75;
        }

        .une-footer h4 {
            margin: 0 0 18px;
            color: #F8B229;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .une-footer-links {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .une-footer-links li {
            margin-bottom: 10px;
        }

        .une-footer-links a {
            color: rgba(255, 255, 255, .82);
            font-size: 14px;
            transition: color .18s ease, padding-left .18s ease;
        }

        .une-footer-links a:hover {
            color: #F8B229;
            padding-left: 3px;
        }

        .une-footer-social-text {
            margin: 0 0 18px;
            color: rgba(255, 255, 255, .78);
            font-size: 14px;
            line-height: 1.65;
        }

        .une-footer-socials {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .une-footer-socials a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border: 1px solid rgba(255, 255, 255, .24);
            border-radius: 50%;
            color: #FFFFFF;
            font-size: 15px;
            transition:
                background .18s ease,
                color .18s ease,
                border-color .18s ease,
                transform .18s ease;
        }

        .une-footer-socials a:hover {
            background: #F8B229;
            border-color: #F8B229;
            color: #171717;
            transform: translateY(-2px);
        }

        .une-footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, .14);
        }

        .une-footer-bottom-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            min-height: 62px;
        }

        .une-footer-copy {
            margin: 0;
            color: rgba(255, 255, 255, .72);
            font-size: 12px;
        }
@media (max-width: 991px) {
            .une-footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 38px;
            }

            .une-footer-brand {
                grid-column: 1 / -1;
            }

            .une-footer-bottom-inner {
                padding: 18px 0;
                flex-direction: column;
                align-items: flex-start;
            }
        }

        @media (max-width: 575px) {
            .une-footer-main {
                padding: 44px 0 36px;
            }

            .une-footer-grid {
                grid-template-columns: 1fr;
                gap: 32px;
            }

            .une-footer-brand {
                grid-column: auto;
            }

            .une-footer-brand img {
                width: 64px;
                height: 64px;
            }
}



        /* ==========================================================
           ESPACIADO FINAL - CONTACTO / FOOTER
        ========================================================== */

        #contact.contact-us {
            padding-bottom: 72px !important;
        }

        .une-footer-main {
            padding-top: 72px !important;
        }

        @media (max-width: 991px) {
            #contact.contact-us {
                padding-bottom: 56px !important;
            }

            .une-footer-main {
                padding-top: 58px !important;
            }
        }

        @media (max-width: 575px) {
            #contact.contact-us {
                padding-bottom: 44px !important;
            }

            .une-footer-main {
                padding-top: 48px !important;
            }
        }




        /* ==========================================================
           ACTUALIDAD DEL RECTORADO - TARJETAS UNIFORMES
        ========================================================== */

        .une-rectorate-card {
            display: flex !important;
            width: 93%;
            height: 360px;
            flex-direction: column;
            margin-bottom: 30px !important;
            overflow: hidden;
        }

        .une-rectorate-card .thumb {
            flex: 0 0 155px;
            height: 155px;
            overflow: hidden;
        }

        .une-rectorate-card .thumb a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .une-rectorate-card .thumb img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 35%;
        }

        .une-rectorate-card .down-content {
            display: flex;
            min-height: 0;
            flex: 1;
            flex-direction: column;
            padding-top: 18px !important;
            padding-bottom: 18px !important;
        }

        .une-rectorate-card .down-content h4 {
            display: -webkit-box;
            overflow: hidden;
            font-size: 17px !important;
            line-height: 1.28 !important;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .une-rectorate-card .down-content p {
            display: -webkit-box;
            margin-top: 9px !important;
            overflow: hidden;
            font-size: 12px !important;
            line-height: 1.55 !important;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        @media (max-width: 991px) {
            .une-rectorate-card {
                height: 350px;
            }
        }

        @media (max-width: 767px) {
            .une-rectorate-card {
                height: auto;
                min-height: 340px;
            }
        }

        /* ==========================================================
           NOTICIAS UNE - PREPARADA PARA CRUD landing_news
        ========================================================== */

        .une-news-section {
            padding: 84px 0 76px;
            background: #F7F7F5;
        }

        .une-news-heading {
            max-width: 760px;
            margin-bottom: 34px;
        }

        .une-news-heading .eyebrow {
            display: block;
            margin-bottom: 9px;
            color: #146B3A;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .13em;
            text-transform: uppercase;
        }

        .une-news-heading h2 {
            position: relative;
            margin: 0 0 17px;
            padding-bottom: 18px;
            color: #171717;
            font-size: 36px;
            font-weight: 700;
            line-height: 1.15;
        }

        .une-news-heading h2::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 54px;
            height: 4px;
            border-radius: 999px;
            background: #F8B229;
        }

        .une-news-heading p {
            margin: 0;
            color: #5F6363;
            font-size: 15px;
            line-height: 1.7;
        }

        .une-news-card {
            display: flex;
            width: 100%;
            height: auto;
            min-height: 430px;
            flex-direction: column;
            margin-bottom: 24px;
            overflow: hidden;
            border: 1px solid #E2E5E3;
            border-radius: 16px;
            background: #FFFFFF;
            box-shadow: 0 7px 24px rgba(0, 0, 0, .06);
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .une-news-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, .10);
        }

        .une-news-image {
            display: block;
            flex: 0 0 auto;
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            background: #EDEFEF;
        }

        .une-news-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 20%;
            transition: transform .3s ease;
        }

        .une-news-card:hover .une-news-image img {
            transform: scale(1.025);
        }

        .une-news-content {
            display: flex;
            min-height: 0;
            flex: 1;
            flex-direction: column;
            padding: 19px 21px 21px;
        }

        .une-news-date {
            display: block;
            margin-bottom: 10px;
            color: #146B3A;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .04em;
        }

        .une-news-content h3 {
            display: -webkit-box;
            margin: 0 0 10px;
            overflow: hidden;
            color: #171717;
            font-size: 17px;
            font-weight: 700;
            line-height: 1.32;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .une-news-content p {
            display: -webkit-box;
            margin: 0 0 13px;
            overflow: hidden;
            color: #5F6363;
            font-size: 13px;
            line-height: 1.6;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }

        .une-news-link {
            margin-top: auto;
            color: #146B3A;
            font-size: 12px;
            font-weight: 700;
        }

        .une-news-more-wrap {
            display: flex;
            justify-content: center;
            margin-top: 8px;
        }

        .une-news-more-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 20px;
            border-radius: 999px;
            background: #146B3A;
            color: #FFFFFF !important;
            font-size: 12px;
            font-weight: 800;
            text-decoration: none !important;
        }

        .une-news-more-button:hover {
            background: #0B3D2E;
        }

        .une-news-empty {
            padding: 30px;
            border: 1px solid #E2E5E3;
            border-radius: 14px;
            background: #FFFFFF;
            color: #5F6363;
            text-align: center;
        }

        @media (max-width: 991px) {
            .une-news-section {
                padding: 68px 0 60px;
            }

        }

        @media (max-width: 575px) {
            .une-news-section {
                padding: 56px 0 48px;
            }

            .une-news-heading h2 {
                font-size: 30px;
            }

            .une-news-card {
                height: auto;
                min-height: 370px;
                border-radius: 14px;
            }
        }


        /* ==========================================================
           FOOTER - CIERRE SIMPLE
        ========================================================== */
        .une-footer-bottom-inner {
            justify-content: center !important;
            text-align: center;
        }



        /* ==========================================================
           CTAs - ICONO DOBLE FLECHA
        ========================================================== */

        .main-banner .main-button-red a i,
        .services .une-service-action i,
        .une-news-link i {
            margin-left: 7px;
            font-size: .9em;
            vertical-align: middle;
        }

        /* ==========================================================
           FACULTADES Y ESCUELAS - LIMPIEZA DE TARJETAS
           Quita la línea gris heredada del template original.
        ========================================================== */

        .une-faculty-carousel .owl-item .item,
        .une-faculty-carousel .owl-item .item .down-content,
        .une-faculty-carousel .owl-item .item .down-content h4 {
            border-bottom: 0 !important;
        }

        .une-faculty-carousel .owl-item .item .down-content::before,
        .une-faculty-carousel .owl-item .item .down-content::after,
        .une-faculty-carousel .owl-item .item .down-content h4::before,
        .une-faculty-carousel .owl-item .item .down-content h4::after {
            display: none !important;
            content: none !important;
            border: 0 !important;
        }



        /* ==========================================================
           FACULTADES Y ESCUELAS - COLOR DE NOMBRES
        ========================================================== */

        .une-faculty-carousel .owl-item .item .down-content h4 {
            color: #BB2528 !important;
        }


        

        



        /* ==========================================================
           FACULTADES Y ESCUELAS - TARJETA TIPO NOTICIA
        ========================================================== */

        .une-faculty-carousel .owl-item .item {
            overflow: hidden !important;
            border: 1px solid #E2E5E3 !important;
            border-radius: 16px !important;
            background: #FFFFFF !important;
            box-shadow: 0 7px 24px rgba(0, 0, 0, .06) !important;
            transition: transform .2s ease, box-shadow .2s ease !important;
        }

        .une-faculty-carousel .owl-item .item:hover {
            transform: translateY(-4px);
            box-shadow: 0 14px 30px rgba(0, 0, 0, .10) !important;
        }

        .une-faculty-carousel .owl-item .item > img {
            border: 0 !important;
            border-radius: 0 !important;
            transition: transform .3s ease;
        }

        .une-faculty-carousel .owl-item .item:hover > img {
            transform: scale(1.025);
        }

        .une-faculty-carousel .owl-item .item .down-content {
            border: 0 !important;
            background: #FFFFFF !important;
        }

        .une-faculty-carousel .owl-item .item .down-content h4 {
            border: 0 !important;
            color: #BB2528 !important;
        }

        

        

        

        



        /* ==========================================================
           AJUSTE FINAL MÓVIL + FACULTADES
        ========================================================== */

        /* Nombres de facultades/escuelas en negro */
        .une-faculty-carousel .owl-item .item .down-content h4 {
            color: #171717 !important;
        }

        

        



        

        

        

        



        

        

        

        



        

        

        

        

        

        

        

        

        

        

        



        

        

        

        

        
        

        

        

        

        

        

        

        

        

        

        



        

        
        

        

        

        



        

        /* ---------- Escritorio ---------- */
        

        /* ---------- Móvil ---------- */
        

        



        

        

        



        

        

        

        

        

        

        



        

        

        



        
        

        
        

        



        
        

        



        
        

        



        /* ==========================================================
           DROPDOWN VERTICAL - CONSERVAR DIVISIONES Y ENCABEZADOS
           Mantiene el comportamiento vertical aprobado, pero restaura
           los títulos principales en negrita y el espacio entre grupos.
        ========================================================== */
        

        



        
        

        



        
        

        

        



        
        

        



        /* ==========================================================
           AJUSTE FINAL INSTITUCIONAL - EVITAR SUPERPOSICIÓN
           Da un poco más de ancho a la segunda columna y permite
           que títulos largos bajen de línea sin invadir ARANCELES.
        ========================================================== */
        



        
        @media (min-width: 992px) {
            :root {
                --une-menu-surface: #f8f9fa;
            }

            

            

            
        }



        
        



        

        html,
        body,
        button,
        input,
        textarea,
        select {
            font-family: "Poppins", sans-serif !important;
        }

        body,
        p,
        a,
        span,
        li,
        label,
        small,
        strong,
        em,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: "Poppins", sans-serif;
        }

        /* Mantener una jerarquía tipográfica consistente */
        h1,
        h2,
        h3 {
            font-weight: 700;
        }

        h4,
        h5,
        h6 {
            font-weight: 600;
        }

        p,
        li,
        label,
        input,
        textarea,
        select {
            font-weight: 400;
        }

        button, .btn, .main-button-red a, .une-news-link{
            font-family: "Poppins", sans-serif !important;
            font-weight: 600;
        }

        
        

    

        
        



        
        



        /* ==========================================================
           RESPONSIVE GLOBAL UNE - TABLETS, NOTEBOOKS Y PANTALLAS MEDIAS
           Objetivo: continuidad visual entre móvil y escritorio grande.
           ========================================================== */

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html,
        body {
            max-width: 100%;
            overflow-x: hidden;
        }

        img,
        video,
        iframe {
            max-width: 100%;
        }

        /* Tipografía fluida: evita saltos bruscos entre breakpoints. */
        .main-banner .caption h2 {
            font-size: clamp(2rem, 3.8vw, 3.25rem) !important;
        }

        .main-banner .caption p {
            font-size: clamp(.9rem, 1.2vw, 1.0625rem) !important;
        }

        .une-institutional-heading h2,
        .une-news-heading h2,
        .section-heading h2,
        .our-facts h2 {
            overflow-wrap: break-word;
            word-break: normal;
        }

        .une-rectorate-card {
            width: 100% !important;
        }

        .une-rectorate-card .thumb img {
            height: 100% !important;
        }

        /* Notebook estándar 1200–1399px: compactamos sin cambiar de modo. */
        @media (min-width: 1200px) and (max-width: 1399px) {
            .main-banner .caption {
                max-width: 690px !important;
            }

            .main-banner .caption h2 {
                font-size: 46px !important;
                line-height: 1.1 !important;
            }

            .main-banner .caption p {
                max-width: 630px !important;
                font-size: 15px !important;
                line-height: 1.65 !important;
            }

            .une-rectorate-card {
                height: 350px !important;
            }

            .une-news-card {
                height: auto !important;
                min-height: 430px !important;
            }

            .une-footer-grid {
                gap: 38px !important;
            }
        }

        /* Pantallas de poca altura: típico notebook 1366x768. */
        @media (min-width: 1200px) and (max-height: 820px) {
            .main-banner .caption h6 {
                margin-bottom: 10px !important;
            }

            .main-banner .caption h2 {
                margin-bottom: 16px !important;
                font-size: 42px !important;
            }

            .main-banner .caption p {
                margin-bottom: 20px !important;
                font-size: 14.5px !important;
                line-height: 1.6 !important;
            }

            .main-banner .main-button-red a {
                padding: 12px 20px !important;
            }
        }

        /*
         * Tablet / notebook compacto: 768–1199px.
         * Bootstrap considera 992px como desktop; acá evitamos esa transición
         * prematura y damos más aire a los bloques principales.
         */
        @media (min-width: 768px) and (max-width: 1199px) {
            .main-banner .caption {
                max-width: 650px !important;
            }

            .main-banner .caption h2 {
                font-size: clamp(36px, 5vw, 44px) !important;
                line-height: 1.12 !important;
            }

            .main-banner .caption p {
                max-width: 600px !important;
                font-size: 15px !important;
                line-height: 1.65 !important;
            }

            /* Actualidad: lateral arriba y noticias en dos columnas. */
            #meetings > .container > .row > .col-lg-4,
            #meetings > .container > .row > .col-lg-8 {
                flex: 0 0 100% !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            #meetings .categories {
                margin-bottom: 28px !important;
            }

            #meetings .col-lg-8 > .row > .col-lg-6 {
                flex: 0 0 50% !important;
                width: 50% !important;
                max-width: 50% !important;
            }

            .une-rectorate-card {
                height: auto !important;
                min-height: 350px !important;
                margin-bottom: 24px !important;
            }

            .une-rectorate-card .thumb {
                flex-basis: 165px !important;
                height: 165px !important;
            }

            /* Noticias: dos columnas en tablet, tres recién desde 1200px. */
            .une-news-section .col-lg-4.col-md-6 {
                flex: 0 0 50% !important;
                width: 50% !important;
                max-width: 50% !important;
            }

            .une-news-card {
                height: auto !important;
                min-height: 430px !important;
            }

            .une-news-image {
                height: auto !important;
                aspect-ratio: 16 / 9 !important;
            }

            /* Cifras: texto y video apilados para evitar columnas angostas. */
            .our-facts > .container > .row > .col-lg-6 {
                flex: 0 0 100% !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            .our-facts > .container > .row > .col-lg-6.align-self-center {
                margin-top: 28px !important;
            }

            /* Contacto: mapa completo + datos debajo. */
            #contact > .container > .row > .col-lg-9,
            #contact > .container > .row > .col-lg-3 {
                flex: 0 0 100% !important;
                width: 100% !important;
                max-width: 100% !important;
            }

            .une-map-box {
                height: 360px !important;
                margin-bottom: 24px !important;
            }

            #contact.contact-us .right-info {
                width: 100% !important;
                margin: 0 !important;
            }

            #contact.contact-us .right-info ul {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 0 24px !important;
            }

            /* Footer con dos columnas, marca ocupando todo el ancho. */
            .une-footer-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 34px !important;
            }

            .une-footer-brand {
                grid-column: 1 / -1 !important;
            }
        }

        /* Tablet angosta / móvil grande. */
        @media (min-width: 576px) and (max-width: 767px) {
            .main-banner .caption {
                max-width: 92% !important;
            }

            .main-banner .caption h2 {
                font-size: 34px !important;
            }

            .une-news-card,
            .une-rectorate-card {
                min-height: 0 !important;
                height: auto !important;
            }

            .une-map-box {
                height: 320px !important;
            }
        }

        /* Teléfonos: conservar el diseño actual, eliminando anchos rígidos. */
        @media (max-width: 575px) {
            .container {
                padding-left: 16px;
                padding-right: 16px;
            }

            .main-banner .caption h2 {
                font-size: clamp(28px, 9vw, 32px) !important;
            }

            .main-banner .caption p {
                font-size: 14px !important;
            }

            .une-rectorate-card,
            .une-news-card {
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
            }

            .une-rectorate-card .thumb,
            .une-news-image {
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: 16 / 9;
            }

            .une-map-box {
                width: 100% !important;
                height: 285px !important;
            }

            #contact.contact-us .right-info {
                width: 100% !important;
                margin: 0 !important;
            }

            .une-footer-grid {
                grid-template-columns: 1fr !important;
            }
        }

        /* Accesibilidad: respetar usuarios que prefieren menos animación. */
        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                scroll-behavior: auto !important;
                transition-duration: .01ms !important;
                animation-duration: .01ms !important;
                animation-iteration-count: 1 !important;
            }
        }



        /* 1280 px: ocultar únicamente las flechas de los carruseles. */
        @media (min-width: 1200px) and (max-width: 1299px) {
            .services .owl-service-item .owl-nav,
            .services .owl-service-item .owl-prev,
            .services .owl-service-item .owl-next,
            .une-faculty-carousel .owl-nav,
            .une-faculty-carousel .owl-prev,
            .une-faculty-carousel .owl-next {
                display: none !important;
            }
        }

        /* ==========================================================
           HERO MÓVIL - ALTURA Y ENCUADRE
           El template base fuerza el fondo a ocupar prácticamente 100vh.
           En teléfonos lo compactamos y acercamos la fachada para evitar
           demasiado cielo/espacio vacío sobre el contenido.
        ========================================================== */
        @media (max-width: 575px) {
            .main-banner {
                height: clamp(400px, 72vh, 460px) !important;
                min-height: 0 !important;
                overflow: hidden !important;
            }

            .main-banner #bg-video {
                width: 100% !important;
                height: 100% !important;
                min-width: 100% !important;
                min-height: 0 !important;
                max-width: none !important;
                max-height: none !important;

                object-fit: cover !important;
                object-position: center 58% !important;

                transform: scale(1.12);
                transform-origin: center 58%;
            }

            .main-banner .video-overlay {
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                height: 100% !important;
            }

            .main-banner .caption {
                top: 50% !important;
                transform: translateY(-50%) !important;
            }
        }