/* =========================================
RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f4f7fb;
    color:#0f172a;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

.container{
    width:92%;
    max-width:1280px;
    margin:auto;
}

/* =========================================
HERO
========================================= */

.hero{
    position:relative;
    height:650px;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    z-index:2;
    color:#fff;
    width:100%;
}

.hero-mini-title{
    display:inline-block;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.25);
    padding:10px 18px;
    border-radius:50px;
    margin-bottom:20px;
    font-size:13px;
    font-weight:600;
}

.hero-content h1{
    font-size:72px;
    line-height:1.1;
    margin-bottom:25px;
    font-weight:800;
}

.hero-content p{
    font-size:24px;
    line-height:1.7;
    margin-bottom:35px;
}

/* BOTONES */

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
}

.btn-yellow,
.btn-outline,
.btn-blue{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 34px;
    border-radius:12px;
    font-weight:700;
    transition:.3s;
}

.btn-yellow{
    background:#f4c430;
    color:#00152f;
}

.btn-yellow:hover{
    transform:translateY(-3px);
}

.btn-outline{
    border:2px solid #fff;
    color:#fff;
}

.btn-outline:hover{
    background:#fff;
    color:#00152f;
}

.btn-blue{
    background:#012247;
    color:#fff;
}

/* =========================================
SERVICIOS
========================================= */

.services-home{
    margin-top:-80px;
    position:relative;
    z-index:20;
    padding-bottom:90px;
}

.cards-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.service-card{
    background:#fff;
    border-radius:24px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-8px);
}

.icon-box{
    width:90px;
    height:90px;
    margin:auto auto 25px;
    border-radius:50%;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    font-size:40px;
    color:#012247;
}

.service-card h3{
    font-size:24px;
    margin-bottom:15px;
}

.service-card p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:22px;
}

.service-card a{
    color:#012247;
    font-weight:700;
}

/* =========================================
INSTITUCION
========================================= */

.institucion{
    padding:90px 0;
}

.institucion-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.small-title{
    color:#c89d16;
    font-weight:700;
    letter-spacing:.5px;
}

.institucion-info h2{
    font-size:52px;
    line-height:1.2;
    margin:18px 0;
}

.institucion-info p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:35px;
    font-size:17px;
}

.institucion-img img{
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.1);
}

/* =========================================
NEWS SECTION
========================================= */

.news-section{
    padding:80px 0;
}

.news-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:35px;
}

.section-title-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:28px;
}

.section-title-flex h2{
    font-size:40px;
}

.section-title-flex a{
    color:#012247;
    font-weight:700;
}

/* MINI NEWS */

.mini-news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.mini-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.mini-card:hover{
    transform:translateY(-8px);
}

.mini-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.mini-card-body{
    padding:22px;
}

.mini-card-body span{
    color:#64748b;
    font-size:14px;
}

.mini-card-body h3{
    margin:15px 0;
    font-size:24px;
    line-height:1.4;
}

.mini-card-body a{
    color:#012247;
    font-weight:700;
}

/* =========================================
EVENTOS
========================================= */

.eventos-box{
    background:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.evento-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:24px 0;
    border-bottom:1px solid #e2e8f0;
}

.evento-item:last-child{
    border-bottom:none;
}

.fecha-box{
    width:80px;
    min-width:80px;
    height:80px;
    border-radius:16px;
    background:#012247;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-weight:700;
    font-size:28px;
}

.fecha-box span{
    font-size:13px;
}

.evento-info h3{
    font-size:22px;
    margin-bottom:10px;
}

.evento-info p{
    color:#64748b;
    margin-bottom:6px;
}

.evento-item button{
    margin-left:auto;
    border:none;
    background:#012247;
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
}

/* =========================================
FOOTER ESTILO FINAL
========================================= */

.footer{
    background:#012247;
    color:#ffffff;
    padding-top:55px;
    margin-top:70px;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:40px;
}

.footer-col{
    position:relative;
}

.footer-col:not(:last-child){
    border-right:1px solid rgba(255,255,255,0.08);
    padding-right:25px;
}

.footer-brand{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.footer-logo{
    width:85px;
    height:85px;
    object-fit:contain;
}

.footer-brand h3{
    font-size:18px;
    line-height:1.5;
    color:#ffffff;
    margin-bottom:12px;
}

.footer-text{
    color:rgba(255,255,255,0.75);
    font-size:14px;
    line-height:1.9;
}

.footer-col h4{
    font-size:20px;
    margin-bottom:24px;
    color:#ffffff;
}

.footer-links{
    list-style:none;
}

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

.footer-links li a{
    color:rgba(255,255,255,0.82);
    text-decoration:none;
    font-size:14px;
    transition:0.3s;
}

.footer-links li a:hover{
    color:#f4c430;
}

.footer-contact p{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:16px;
    font-size:14px;
    line-height:1.7;
    color:rgba(255,255,255,0.82);
}

.footer-contact i{
    color:#ffffff;
    min-width:16px;
    margin-top:4px;
}

.social-icons{
    display:flex;
    gap:14px;
    margin-top:24px;
}

.social-icons a{
    color:#ffffff !important;
    font-size:18px;
    transition:0.3s;
}

.social-icons a:hover{
    color:#f4c430 !important;
}

.mapa-box{
    border-radius:12px;
    overflow:hidden;
}

.mapa-footer{
    width:100%;
    height:165px;
    border:none;
    display:block;
    border-radius:12px;
}

.copy{
    border-top:1px solid rgba(255,255,255,0.08);
    padding:18px 0;
}

.copy-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.copy p,
.copy span{
    color:rgba(255,255,255,0.75);
    font-size:13px;
}

.copy span a{
    color:#ffffff;
    text-decoration:none;
    font-weight:600;
}

.copy span a:hover{
    color:#f4c430;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:992px){

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

    .footer-col{
        border:none !important;
        padding-right:0 !important;
    }

}

@media(max-width:768px){

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

    .footer-brand{
        flex-direction:column;
    }

    .copy-flex{
        flex-direction:column;
        text-align:center;
    }

}

/* =========================================
NEWS + EVENTS
========================================= */

.news-events{
    padding:80px 0;
}

.news-grid{
    display:grid;
    grid-template-columns:2fr 1.2fr;
    gap:35px;
}

/* HEAD */

.section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:25px;
}

.section-head h2{
    font-size:34px;
    color:#0f172a;
    margin-bottom:8px;
}

.line-title{
    display:block;
    width:55px;
    height:4px;
    background:#f4c430;
    border-radius:30px;
}

.view-all{
    color:#012247;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:8px;
}

/* =========================================
NEWS CARDS
========================================= */

.news-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.news-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    overflow:hidden;
    transition:0.3s ease;
}

.news-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,0.08);
}

.news-card img{
    width:100%;
    height:160px;
    object-fit:cover;
}

.news-content{
    padding:18px;
}

.news-content span{
    font-size:13px;
    color:#64748b;
}

.news-content h3{
    font-size:18px;
    line-height:1.5;
    margin:12px 0 18px;
    color:#0f172a;
}

.news-content a{
    color:#012247;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:8px;
}

/* =========================================
EVENTOS
========================================= */

.events-box{
    border-left:1px solid #e5e7eb;
    padding-left:30px;
}

.event-item{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:18px;
    margin-bottom:18px;
}

.event-date{
    width:72px;
    min-width:72px;
    height:72px;
    border:2px solid #dbe2ea;
    border-radius:8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#012247;
}

.event-date strong{
    font-size:28px;
    line-height:1;
}

.event-date span{
    font-size:13px;
    font-weight:700;
}

.event-info{
    flex:1;
}

.event-info h3{
    font-size:17px;
    margin-bottom:10px;
    color:#0f172a;
}

.event-info p{
    font-size:13px;
    color:#64748b;
    margin-bottom:5px;
}

.event-info p i{
    margin-right:6px;
}

.btn-event{
    background:#012247;
    color:#fff;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    transition:0.3s ease;
}

.btn-event:hover{
    background:#00152f;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

    .news-grid{
        grid-template-columns:1fr;
    }

    .events-box{
        border-left:none;
        padding-left:0;
    }

}

@media(max-width:768px){

    .news-cards{
        grid-template-columns:1fr;
    }

    .event-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .btn-event{
        width:100%;
        text-align:center;
    }

}
/* =========================================
ABOUT HOME
========================================= */

.about-home{
    padding:85px 0;
    background:#ffffff;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:55px;
    align-items:center;
}

/* TEXTO */

.about-mini-title{
    display:inline-block;
    color:#b88b16;
    font-size:14px;
    font-weight:700;
    letter-spacing:.8px;
    margin-bottom:18px;
}

.about-content h2{
    font-size:54px;
    line-height:1.2;
    color:#071a39;
    margin-bottom:26px;
    font-weight:800;
    max-width:620px;
}

.about-content p{
    font-size:18px;
    line-height:2;
    color:#4b5563;
    margin-bottom:35px;
    max-width:620px;
}

/* BOTON */

.btn-about{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#012247;
    color:#ffffff;
    padding:18px 34px;
    border-radius:8px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:0.3s ease;
    box-shadow:0 10px 25px rgba(1,34,71,0.15);
}

.btn-about:hover{
    background:#00152f;
    transform:translateY(-3px);
}

/* IMAGEN */

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:18px;
    display:block;
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

    .about-grid{
        grid-template-columns:1fr;
    }

    .about-content h2{
        font-size:42px;
    }

}

@media(max-width:768px){

    .about-home{
        padding:65px 0;
    }

    .about-content h2{
        font-size:34px;
    }

    .about-content p{
        font-size:16px;
        line-height:1.9;
    }

    .about-image img{
        height:350px;
    }

    .btn-about{
        width:100%;
    }

}

/* =========================================
HEADER PREMIUM
========================================= */

.main-header{
    width:100%;
    background:linear-gradient(90deg,#012247,#001a38);
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

.header-flex{
    height:86px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

/* =========================================
LOGO
========================================= */

.header-logo{
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    position:relative;
}

/* IMAGEN */

.header-logo img{
    width:118px;
    height:118px;
    object-fit:contain;
    margin-top:16px;
    position:relative;
    z-index:5;
}

/* TEXTO */

.header-logo-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:2px;
}

.header-logo-text h1{
    color:#ffffff;
    font-size:15px;
    line-height:1.28;
    font-weight:700;
    letter-spacing:.2px;
    margin:0;
}

.header-logo-text span{
    color:#f4c430;
    font-size:15px;
    font-weight:800;
    margin-top:4px;
    letter-spacing:.4px;
}

/* =========================================
MENU
========================================= */

.main-menu ul{
    display:flex;
    align-items:center;
    gap:16px;
    list-style:none;
    margin:0;
    padding:0;
}

/* LINKS */

.main-menu ul li a{
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
    transition:0.3s ease;
    text-transform:uppercase;
}

.main-menu ul li a:hover{
    color:#f4c430;
}

/* ACTIVE */

.main-menu ul li a.active{
    color:#f4c430;
    position:relative;
}

/* LINEA AMARILLA */

.main-menu ul li a.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-14px;
    width:42px;
    height:4px;
    border-radius:30px;
    background:#f4c430;
}

/* ICONOS */

.main-menu ul li a i{
    font-size:10px;
    margin-left:4px;
}

/* =========================================
SUBMENU
========================================= */

.submenu{
    position:absolute;
    top:140%;
    left:0;
    background:#ffffff;
    min-width:230px;
    border-radius:12px;
    padding:12px 0;
    opacity:0;
    visibility:hidden;
    transition:0.3s ease;
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.dropdown:hover .submenu{
    opacity:1;
    visibility:visible;
    top:120%;
}

.submenu li{
    width:100%;
}

.submenu li a{
    display:block;
    padding:13px 20px;
    color:#012247 !important;
    font-size:13px !important;
    font-weight:600;
    background:#ffffff;
    transition:0.3s ease;
}

/* HOVER */

.submenu li a:hover{
    background:#f5f7fb;
    color:#012247 !important;
    padding-left:26px;
}

.submenu li a:hover{
    background:#f5f7fb;
    color:#012247 !important;
}

/* =========================================
BOTON
========================================= */

.btn-header{
    background:#f4c430;
    color:#00152f !important;
    padding:14px 24px;
    border-radius:10px;
    display:flex;
    align-items:center;
    gap:9px;
    font-size:13px !important;
    font-weight:700;
    box-shadow:0 8px 18px rgba(244,196,48,0.20);
    transition:0.3s ease;
}

.btn-header:hover{
    background:#ffd84d;
    transform:translateY(-2px);
}

/* ICONO */

.btn-header i{
    font-size:13px;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1200px){

    .main-menu ul{
        gap:22px;
    }

}

@media(max-width:992px){

    .header-flex{
        flex-direction:column;
        height:auto;
        padding:18px 0;
        gap:20px;
    }

    .main-menu ul{
        flex-wrap:wrap;
        justify-content:center;
    }

}

@media(max-width:768px){

    .header-logo{
        flex-direction:column;
        text-align:center;
    }

    .header-logo img{
        width:90px;
        height:90px;
        margin-top:0;
    }

    .header-logo-text h1{
        font-size:13px;
    }

    .header-logo-text span{
        font-size:13px;
    }

    .main-menu ul{
        gap:14px;
    }

}
/* SEPARAR MENU DEL LOGO */

.main-menu{
    margin-left:auto;
    padding-left:25px;
}
/* =========================================
FIX MENU HORIZONTAL
========================================= */

.main-menu{
    margin-left:auto;
    display:flex;
    align-items:center;
}

.main-menu ul{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:flex-end;
    gap:22px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-menu ul li{
    position:relative;
    list-style:none;
}

.main-menu ul li > a{
    color:#ffffff;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    white-space:nowrap;
}

/* BOTON */

.btn-header{
    background:#f4c430;
    color:#00152f !important;
    padding:12px 18px;
    border-radius:10px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:12px !important;
    font-weight:700;
    white-space:nowrap;
    width:auto;
    min-width:auto;
}

/* SUBMENU */

.submenu{
    position:absolute;
    top:130%;
    left:0;
    background:#ffffff;
    min-width:240px;
    border-radius:12px;
    padding:12px 0;
    z-index:999;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:0.3s ease;

    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* MOSTRAR */

.dropdown:hover .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.submenu li{
    width:100%;
}

.submenu li a{
    display:block;
    padding:12px 18px;
    color:#012247 !important;
    font-size:13px !important;
}

/* HEADER */

.header-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* LOGO */

.header-logo{
    flex-shrink:0;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .header-flex{
        flex-direction:column;
        justify-content:center;
        gap:20px;
        padding:15px 0;
        height:auto;
    }

    .main-menu ul{
        flex-wrap:wrap;
        justify-content:center;
    }

}
/* =========================================
BANNER INTERNO
========================================= */

.page-banner{
    position:relative;
    height:340px;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    overflow:hidden;
}

.page-banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}

.page-banner-content{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#ffffff;
}

.page-banner-content span{
    font-size:14px;
    color:#f4c430;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:14px;
}

.page-banner-content h1{
    font-size:58px;
    font-weight:800;
    margin-bottom:15px;
}

.page-banner-content p{
    font-size:18px;
    color:rgba(255,255,255,0.85);
}

/* =========================================
ABOUT PAGE
========================================= */

.about-page{
    padding:90px 0;
    background:#ffffff;
}

.about-page-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

/* IMAGEN */

.about-page-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,0.10);
}

/* TEXTO */

.section-mini-title{
    display:inline-block;
    color:#c89d16;
    font-size:14px;
    font-weight:700;
    margin-bottom:16px;
    letter-spacing:.8px;
}

.about-page-content h2{
    font-size:48px;
    line-height:1.2;
    margin-bottom:25px;
    color:#071a39;
}

.about-page-content p{
    font-size:17px;
    line-height:1.9;
    color:#4b5563;
    margin-bottom:22px;
}

/* BOXES */

.about-boxes{
    display:flex;
    gap:25px;
    margin-top:35px;
    flex-wrap:wrap;
}

.about-mini-box{
    display:flex;
    align-items:center;
    gap:15px;
    background:#f8fafc;
    padding:18px 22px;
    border-radius:14px;
    border:1px solid #e2e8f0;
}

.about-mini-box i{
    width:55px;
    height:55px;
    background:#012247;
    color:#ffffff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.about-mini-box strong{
    display:block;
    font-size:22px;
    color:#071a39;
}

.about-mini-box span{
    color:#64748b;
    font-size:14px;
}

/* =========================================
MISSION
========================================= */

.mission-section{
    padding:90px 0;
    background:#f5f7fb;
}

.mission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
}

.mission-card{
    background:#ffffff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(0,0,0,0.06);
}

.mission-icon{
    width:80px;
    height:80px;
    background:#eef4ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.mission-icon i{
    color:#012247;
    font-size:34px;
}

.mission-card h3{
    font-size:30px;
    margin-bottom:18px;
    color:#071a39;
}

.mission-card p{
    color:#64748b;
    line-height:1.9;
    font-size:16px;
}

/* =========================================
VALORES
========================================= */

.values-section{
    padding:90px 0;
    background:#ffffff;
}

.section-center-title{
    text-align:center;
    margin-bottom:55px;
}

.section-center-title span{
    color:#c89d16;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}

.section-center-title h2{
    font-size:48px;
    margin-top:14px;
    color:#071a39;
}

/* GRID */

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* CARD */

.value-card{
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:40px 28px;
    text-align:center;
    transition:0.3s ease;
}

.value-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.value-card i{
    width:75px;
    height:75px;
    margin:auto auto 22px;
    border-radius:50%;
    background:#012247;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.value-card h3{
    font-size:24px;
    margin-bottom:14px;
    color:#071a39;
}

.value-card p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

    .about-page-grid,
    .mission-grid,
    .values-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .about-page-grid,
    .mission-grid,
    .values-grid{
        grid-template-columns:1fr;
    }

    .page-banner{
        height:280px;
    }

    .page-banner-content h1{
        font-size:42px;
    }

    .about-page-content h2,
    .section-center-title h2{
        font-size:34px;
    }

    .about-page-image img{
        height:350px;
    }

}

/* =========================================
SERVICIOS PAGE
========================================= */

.servicios-banner{
    background:url('/assets/img/banner-servicios.jpg')
    center center/cover no-repeat;
}

.servicios-page{
    padding:90px 0;
    background:#f8fafc;
}

/* TITULO */

.section-title-center{
    text-align:center;
    max-width:850px;
    margin:auto auto 70px;
}

.section-title-center span{
    color:#c89d16;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}

.section-title-center h2{
    font-size:48px;
    color:#071a39;
    margin:18px 0;
    line-height:1.2;
}

.section-title-center p{
    font-size:17px;
    line-height:1.9;
    color:#64748b;
}

/* GRID */

.servicios-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* CARD */

.servicio-card{
    background:#ffffff;
    border-radius:22px;
    padding:45px 35px;
    position:relative;
    overflow:hidden;
    transition:0.35s ease;
    border:1px solid #e2e8f0;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.servicio-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,0.10);
}

/* ICONO */

.servicio-icon{
    width:90px;
    height:90px;
    border-radius:22px;
    background:linear-gradient(135deg,#012247,#01366f);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.servicio-icon i{
    color:#ffffff;
    font-size:38px;
}

/* TITULO */

.servicio-card h3{
    font-size:28px;
    line-height:1.3;
    color:#071a39;
    margin-bottom:18px;
    font-weight:700;
}

/* TEXTO */

.servicio-card p{
    font-size:16px;
    line-height:1.9;
    color:#64748b;
    margin-bottom:28px;
}

/* BOTON */

.servicio-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#012247;
    font-weight:700;
    font-size:15px;
    transition:0.3s ease;
}

.servicio-card a:hover{
    gap:16px;
    color:#c89d16;
}

/* EFECTO */

.servicio-card::before{
    content:'';
    position:absolute;
    top:-60px;
    right:-60px;
    width:160px;
    height:160px;
    background:rgba(1,34,71,0.04);
    border-radius:50%;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .servicios-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .servicios-grid{
        grid-template-columns:1fr;
    }

    .section-title-center h2{
        font-size:36px;
    }

    .servicio-card{
        padding:35px 28px;
    }

}

/* =========================================
COLEGIADOS PAGE
========================================= */

.colegiados-banner{
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
}

.colegiados-page{
    padding:90px 0;
    background:#f8fafc;
}

.colegiados-search-box{
    background:#ffffff;
    padding:30px;
    border-radius:22px;
    margin-bottom:40px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.colegiados-search-box form{
    display:flex;
    gap:18px;
}

.search-input-group{
    flex:1;
    position:relative;
}

.search-input-group i{
    position:absolute;
    top:50%;
    left:20px;
    transform:translateY(-50%);
    color:#64748b;
}

.search-input-group input{
    width:100%;
    height:60px;
    border:1px solid #dbe2ea;
    border-radius:14px;
    padding:0 20px 0 55px;
    font-size:15px;
    outline:none;
}

.colegiados-search-box button{
    background:#012247;
    color:#ffffff;
    border:none;
    padding:0 35px;
    border-radius:14px;
    font-weight:700;
    cursor:pointer;
}

.tabla-colegiados{
    background:#ffffff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.tabla-colegiados table{
    width:100%;
    border-collapse:collapse;
}

.tabla-colegiados thead{
    background:#012247;
}

.tabla-colegiados thead th{
    color:#ffffff;
    padding:20px;
    text-align:left;
    font-size:14px;
}

.tabla-colegiados tbody td{
    padding:20px;
    border-bottom:1px solid #eef2f7;
    color:#334155;
}

.estado{
    padding:8px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
}

.habilitado{
    background:#dcfce7;
    color:#15803d;
}

.no-habilitado{
    background:#fee2e2;
    color:#b91c1c;
}

/* =========================================
NOTICIAS PAGE
========================================= */

.noticias-banner{
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
}

.noticias-page{
    padding:90px 0;
    background:#f8fafc;
}

/* TITULOS */

.section-title-left{
    margin-bottom:50px;
}

.section-title-left span{
    color:#c9a227;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title-left h2{
    font-size:48px;
    color:#071a39;
    margin:12px 0 18px;
    font-weight:800;
}

.section-title-left p{
    color:#64748b;
    font-size:17px;
    line-height:1.8;
    max-width:900px;
}

/* GRID */

.noticias-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* CARD */

.noticia-card{
    background:#ffffff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    transition:0.3s ease;
}

.noticia-card:hover{
    transform:translateY(-8px);
}

/* IMAGEN */

.noticia-img{
    height:240px;
    overflow:hidden;
}

.noticia-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.4s ease;
}

.noticia-card:hover img{
    transform:scale(1.05);
}

/* CONTENIDO */

.noticia-content{
    padding:28px;
}

.noticia-content .fecha{
    color:#64748b;
    font-size:14px;
    display:block;
    margin-bottom:14px;
}

.noticia-content h3{
    font-size:26px;
    line-height:1.4;
    color:#071a39;
    margin-bottom:16px;
    font-weight:700;
}

.noticia-content p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:22px;
}

.noticia-content a{
    color:#012247;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:0.3s ease;
}

.noticia-content a:hover{
    color:#c9a227;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .noticias-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .noticias-grid{
        grid-template-columns:1fr;
    }

    .section-title-left h2{
        font-size:36px;
    }

}
/* =========================================
NOSOTROS PAGE
========================================= */

.nosotros-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.nosotros-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,25,60,0.60);
}

.page-banner-content{
    position:relative;
    z-index:2;
    color:#ffffff;
}

.page-banner-content span{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    color:#f4c430;
    margin-bottom:15px;
    text-transform:uppercase;
}

.page-banner-content h1{
    font-size:62px;
    font-weight:800;
    margin-bottom:15px;
    line-height:1.1;
}

.page-banner-content p{
    font-size:20px;
    color:rgba(255,255,255,0.90);
}

/* =========================================
SECCION NOSOTROS
========================================= */

.nosotros-page{
    padding:90px 0;
    background:#f8fafc;
}

.nosotros-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

/* TEXTO */

.section-mini-title{
    display:inline-block;
    color:#c9a227;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.nosotros-content h2{
    font-size:50px;
    line-height:1.2;
    color:#071a39;
    margin-bottom:25px;
    font-weight:800;
}

.nosotros-content p{
    color:#64748b;
    line-height:1.9;
    font-size:17px;
    margin-bottom:22px;
}

/* BOTON */

.btn-nosotros{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#012247;
    color:#ffffff;
    padding:16px 34px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    margin-top:10px;
    transition:0.3s ease;
}

.btn-nosotros:hover{
    background:#f4c430;
    color:#012247;
    transform:translateY(-3px);
}

/* IMAGEN */

.nosotros-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:24px;
    box-shadow:0 18px 45px rgba(0,0,0,0.12);
}

/* =========================================
ESTADISTICAS
========================================= */

.nosotros-stats{
    display:flex;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}

.stat-box{
    flex:1;
    min-width:180px;
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    border:1px solid #e2e8f0;
}

.stat-box h3{
    font-size:40px;
    color:#012247;
    margin-bottom:10px;
    font-weight:800;
}

.stat-box span{
    color:#64748b;
    font-size:15px;
}

/* =========================================
MISION Y VISION
========================================= */

.mision-vision{
    padding:90px 0;
    background:#ffffff;
}

.mision-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
}

.mision-card{
    background:#f8fafc;
    padding:45px;
    border-radius:24px;
    transition:0.3s ease;
    border:1px solid #e2e8f0;
}

.mision-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.mision-icon{
    width:85px;
    height:85px;
    background:#012247;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.mision-icon i{
    color:#ffffff;
    font-size:34px;
}

.mision-card h3{
    font-size:34px;
    color:#071a39;
    margin-bottom:18px;
    font-weight:700;
}

.mision-card p{
    color:#64748b;
    line-height:1.9;
    font-size:16px;
}

/* =========================================
VALORES
========================================= */

.valores-section{
    padding:90px 0;
    background:#f8fafc;
}

.section-title-center{
    text-align:center;
    margin-bottom:60px;
}

.section-title-center span{
    display:block;
    color:#c9a227;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:12px;
    text-transform:uppercase;
}

.section-title-center h2{
    font-size:50px;
    color:#071a39;
    font-weight:800;
}

.valores-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.valor-card{
    background:#ffffff;
    padding:40px 28px;
    border-radius:22px;
    text-align:center;
    border:1px solid #e2e8f0;
    transition:0.3s ease;
}

.valor-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.valor-card i{
    width:85px;
    height:85px;
    background:#012247;
    color:#ffffff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin:auto auto 25px;
}

.valor-card h3{
    font-size:24px;
    color:#071a39;
    margin-bottom:15px;
    font-weight:700;
}

.valor-card p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:1100px){

    .nosotros-grid,
    .mision-grid,
    .valores-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .nosotros-grid,
    .mision-grid,
    .valores-grid{
        grid-template-columns:1fr;
    }

    .page-banner-content h1{
        font-size:42px;
    }

    .nosotros-content h2{
        font-size:38px;
    }

    .section-title-center h2{
        font-size:38px;
    }

    .nosotros-image img{
        height:350px;
    }

    .nosotros-stats{
        flex-direction:column;
    }

}
/* =========================================
TRANSPARENCIA
========================================= */

.transparencia-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.transparencia-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.65);
}

.transparencia-page{
    padding:90px 0;
    background:#f8fafc;
}

/* GRID */

.transparencia-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

/* CARD */

.transparencia-card{
    background:#ffffff;
    padding:40px 32px;
    border-radius:24px;
    border:1px solid #e2e8f0;
    transition:0.3s ease;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.transparencia-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,0.10);
}

/* ICONO */

.transparencia-icon{
    width:85px;
    height:85px;
    background:#012247;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.transparencia-icon i{
    color:#ffffff;
    font-size:34px;
}

/* TITULO */

.transparencia-card h3{
    font-size:26px;
    color:#071a39;
    margin-bottom:16px;
    font-weight:700;
    line-height:1.3;
}

/* TEXTO */

.transparencia-card p{
    color:#64748b;
    line-height:1.9;
    font-size:15px;
    margin-bottom:28px;
}

/* BOTON */

.transparencia-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#012247;
    color:#ffffff;
    text-decoration:none;
    padding:14px 24px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    transition:0.3s ease;
}

.transparencia-card a:hover{
    background:#f4c430;
    color:#012247;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .transparencia-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .transparencia-grid{
        grid-template-columns:1fr;
    }

}
/* =========================================
CONTACTO PAGE
========================================= */

.contacto-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.contacto-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.65);
}

.contacto-page{
    padding:90px 0;
    background:#f8fafc;
}

/* GRID */

.contacto-grid{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:40px;
    margin-top:60px;
}

/* INFORMACION */

.contacto-info{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.contacto-item{
    display:flex;
    gap:22px;
    align-items:flex-start;
    background:#ffffff;
    padding:28px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    border:1px solid #e2e8f0;
}

/* ICONO */

.contacto-icon{
    width:70px;
    height:70px;
    background:#012247;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.contacto-icon i{
    color:#ffffff;
    font-size:28px;
}

/* TEXTO */

.contacto-item h3{
    color:#071a39;
    font-size:22px;
    margin-bottom:10px;
    font-weight:700;
}

.contacto-item p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* FORMULARIO */

.contacto-form-box{
    background:#ffffff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    border:1px solid #e2e8f0;
}

.contacto-form-box h2{
    font-size:34px;
    color:#071a39;
    margin-bottom:35px;
    font-weight:800;
}

/* FORM GROUP */

.form-group{
    margin-bottom:24px;
}

.form-group label{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#071a39;
    margin-bottom:10px;
}

/* INPUT */

.form-group input,
.form-group textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #dbe3ef;
    border-radius:12px;
    font-size:15px;
    font-family:'Poppins',sans-serif;
    outline:none;
    transition:0.3s ease;
    background:#f8fafc;
}

.form-group input:focus,
.form-group textarea:focus{
    border-color:#012247;
    background:#ffffff;
}

.form-group textarea{
    height:160px;
    resize:none;
}

/* BOTON */

.btn-contacto{
    width:100%;
    background:#012247;
    color:#ffffff;
    border:none;
    padding:18px;
    border-radius:12px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;
}

.btn-contacto:hover{
    background:#f4c430;
    color:#012247;
}

/* MAPA */

.mapa-contacto{
    margin-top:70px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.mapa-contacto iframe{
    width:100%;
    height:450px;
    border:0;
    display:block;
}

/* RESPONSIVE */

@media(max-width:1000px){

    .contacto-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .contacto-form-box{
        padding:28px;
    }

    .contacto-form-box h2{
        font-size:28px;
    }

}
/* =========================================
HISTORIA PAGE
========================================= */

.historia-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.historia-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.65);
}

.historia-page{
    padding:90px 0;
    background:#ffffff;
    padding-top:90px;
}

/* GRID */

.historia-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    margin-top:20px;
}

/* IMAGEN */

.historia-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:24px;
    box-shadow:0 18px 40px rgba(0,0,0,0.10);
}

/* CONTENIDO */

.historia-content h2{
    font-size:50px;
    line-height:1.2;
    color:#071a39;
    margin:18px 0 25px;
    font-weight:800;
    padding-top:20px;
}

.historia-content p{
    color:#64748b;
    line-height:1.9;
    font-size:17px;
    margin-bottom:22px;
}

/* =========================================
TIMELINE
========================================= */

.timeline-section{
    padding:90px 0;
    background:#f8fafc;
}

.timeline{
    position:relative;
    margin-top:60px;
}

.timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:4px;
    height:100%;
    background:#dbe4ef;
    transform:translateX(-50%);
}

/* ITEM */

.timeline-item{
    position:relative;
    width:50%;
    padding:25px 40px;
}

.timeline-item:nth-child(odd){
    left:0;
    text-align:right;
}

.timeline-item:nth-child(even){
    left:50%;
}

/* AÑO */

.timeline-year{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:90px;
    height:90px;
    border-radius:50%;
    background:#012247;
    color:#ffffff;
    font-size:22px;
    font-weight:800;
    margin-bottom:20px;
    box-shadow:0 10px 25px rgba(1,34,71,0.20);
}

/* CARD */

.timeline-content{
    background:#ffffff;
    padding:30px;
    border-radius:22px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    border:1px solid #e2e8f0;
}

.timeline-content h3{
    color:#071a39;
    font-size:26px;
    margin-bottom:14px;
    font-weight:700;
}

.timeline-content p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* RESPONSIVE */

@media(max-width:992px){

    .historia-grid{
        grid-template-columns:1fr;
    }

    .timeline::before{
        left:20px;
    }

    .timeline-item{
        width:100%;
        left:0 !important;
        text-align:left !important;
        padding-left:70px;
        padding-right:0;
    }

}

@media(max-width:768px){

    .historia-content h2{
        font-size:36px;
    }

    .historia-image img{
        height:350px;
    }

}
/* =========================================
MISION Y VISION
========================================= */

.misionvision-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.misionvision-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.70);
}

/* PAGE */

.misionvision-page{
    padding:90px 0;
    background:#ffffff;
}

/* GRID */

.misionvision-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:35px;
    margin-top:60px;
}

/* CARD */

.misionvision-card{
    background:#ffffff;
    padding:50px;
    border-radius:24px;
    border:1px solid #e2e8f0;
    box-shadow:0 12px 35px rgba(0,0,0,0.06);
    transition:0.4s ease;
}

.misionvision-card:hover{
    transform:translateY(-8px);
}

/* ICON */

.misionvision-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#012247;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    margin-bottom:30px;
}

/* TITULO */

.misionvision-card h3{
    font-size:36px;
    color:#071a39;
    margin-bottom:20px;
    font-weight:800;
}

/* TEXTO */

.misionvision-card p{
    color:#64748b;
    line-height:1.9;
    font-size:16px;
}

/* =========================================
VALORES
========================================= */

.valores-section{
    padding:90px 0;
    background:#f8fafc;
}

.valores-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:60px;
}

/* CARD */

.valor-card{
    background:#ffffff;
    padding:40px 30px;
    text-align:center;
    border-radius:22px;
    border:1px solid #e2e8f0;
    transition:0.4s ease;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.valor-card:hover{
    transform:translateY(-8px);
}

/* ICONO */

.valor-card i{
    font-size:42px;
    color:#d4a017;
    margin-bottom:25px;
}

/* TITULO */

.valor-card h3{
    color:#071a39;
    font-size:24px;
    margin-bottom:16px;
    font-weight:700;
}

/* TEXTO */

.valor-card p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

/* RESPONSIVE */

@media(max-width:992px){

    .misionvision-grid{
        grid-template-columns:1fr;
    }

    .valores-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .valores-grid{
        grid-template-columns:1fr;
    }

    .misionvision-card{
        padding:35px;
    }

    .misionvision-card h3{
        font-size:30px;
    }

}
/* =========================================
CONSEJO DIRECTIVO
========================================= */

.directivo-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.directivo-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.70);
}

/* PAGE */

.directivo-page{
    padding:90px 0;
    background:#f8fafc;
}

/* GRID */

.directivo-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
    margin-top:60px;
}

/* CARD */

.directivo-card{
    background:#ffffff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,0.06);
    border:1px solid #e2e8f0;
    transition:0.4s ease;
}

.directivo-card:hover{
    transform:translateY(-10px);
}

/* IMAGEN */

.directivo-img{
    height:320px;
    overflow:hidden;
}

.directivo-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

.directivo-card:hover img{
    transform:scale(1.06);
}

/* INFO */

.directivo-info{
    padding:35px;
}

/* CARGO */

.directivo-info span{
    display:inline-block;
    background:#012247;
    color:#ffffff;
    padding:8px 18px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}

/* NOMBRE */

.directivo-info h3{
    font-size:30px;
    color:#071a39;
    margin-bottom:18px;
    font-weight:800;
}

/* TEXTO */

.directivo-info p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
    margin-bottom:25px;
}

/* REDES */

.directivo-social{
    display:flex;
    gap:12px;
}

.directivo-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#f1f5f9;
    color:#012247;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:0.3s ease;
    font-size:16px;
}

.directivo-social a:hover{
    background:#012247;
    color:#ffffff;
    transform:translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .directivo-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .directivo-img{
        height:260px;
    }

    .directivo-info{
        padding:28px;
    }

    .directivo-info h3{
        font-size:25px;
    }

}
/* =========================================
COLEGIATURA PAGE
========================================= */

.colegiatura-banner{
    position:relative;
    background:url('/assets/img/banner.jpg')
    center center/cover no-repeat;
    height:420px;
    display:flex;
    align-items:center;
}

.colegiatura-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,20,50,0.70);
}

/* PAGE */

.colegiatura-page{
    padding:90px 0;
    background:#f8fafc;
}

/* INTRO */

.colegiatura-intro{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:35px;
    margin-bottom:50px;
}

.intro-left span{
    color:#d4a017;
    font-weight:700;
    letter-spacing:1px;
}

.intro-left h2{
    font-size:45px;
    color:#071a39;
    margin:15px 0 20px;
    line-height:1.2;
}

.intro-left p{
    color:#64748b;
    line-height:1.9;
    font-size:17px;
}

/* BOX */

.intro-box{
    background:#012247;
    border-radius:24px;
    padding:40px;
    color:#ffffff;
}

.intro-box i{
    font-size:45px;
    color:#f4c430;
    margin-bottom:25px;
}

.intro-box h3{
    font-size:28px;
    margin-bottom:20px;
}

.intro-box ul{
    padding-left:18px;
}

.intro-box li{
    margin-bottom:12px;
    line-height:1.7;
}

/* FORM CARD */

.colegiatura-form-card{
    background:#ffffff;
    padding:50px;
    border-radius:28px;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
    border:1px solid #e2e8f0;
}

/* TITULO */

.form-title{
    margin-bottom:40px;
}

.form-title h3{
    font-size:35px;
    color:#071a39;
    margin-bottom:10px;
}

.form-title p{
    color:#64748b;
}

/* GRID */

.grid-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.full-width{
    grid-column:1/3;
}

/* FORM */

.grupo-form label{
    display:block;
    margin-bottom:10px;
    font-weight:600;
    color:#071a39;
}

.grupo-form input,
.grupo-form textarea{
    width:100%;
    padding:16px 18px;
    border-radius:14px;
    border:1px solid #dbe4ef;
    font-size:15px;
    font-family:'Poppins',sans-serif;
    transition:0.3s ease;
}

.grupo-form input:focus,
.grupo-form textarea:focus{
    border-color:#012247;
    outline:none;
    box-shadow:0 0 0 4px rgba(1,34,71,0.08);
}

.grupo-form textarea{
    height:140px;
    resize:none;
}

/* UPLOAD */

.upload-section{
    margin-top:50px;
}

.upload-section h3{
    font-size:28px;
    color:#071a39;
    margin-bottom:30px;
}

/* GRID */

.upload-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* CARD */

.upload-card{
    background:#f8fafc;
    border:2px dashed #cbd5e1;
    border-radius:20px;
    padding:30px;
    text-align:center;
    transition:0.3s ease;
}

.upload-card:hover{
    border-color:#012247;
    transform:translateY(-5px);
}

.upload-card i{
    font-size:40px;
    color:#012247;
    margin-bottom:18px;
}

.upload-card label{
    display:block;
    font-weight:700;
    margin-bottom:18px;
    color:#071a39;
}

.upload-card input{
    width:100%;
}

/* BOTON */

.btn-form-box{
    margin-top:50px;
    text-align:center;
}

.btn-colegiatura{
    background:#012247;
    color:#ffffff;
    border:none;
    padding:18px 45px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;
}

.btn-colegiatura:hover{
    background:#d4a017;
    color:#071a39;
    transform:translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:992px){

    .colegiatura-intro{
        grid-template-columns:1fr;
    }

    .upload-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .grid-form{
        grid-template-columns:1fr;
    }

    .full-width{
        grid-column:auto;
    }

    .upload-grid{
        grid-template-columns:1fr;
    }

    .colegiatura-form-card{
        padding:30px;
    }

    .intro-left h2{
        font-size:35px;
    }

}

/* =========================================
HABILITACION
========================================= */

.habilitacion-banner{
    position:relative;
    background:url('assets/img/banner-trujillo.jpg') center center/cover;
    padding:160px 0 130px;
}

.page-banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.60);
}

.page-banner-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
}

.page-banner-content span{
    color:#f4c430;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:15px;
}

.page-banner-content h1{
    font-size:78px;
    font-weight:800;
    margin:15px 0;
}

.page-banner-content p{
    font-size:20px;
}

/* INTRO */

.habilitacion-intro{
    padding:90px 0;
    background:#f7f9fc;
}

.habilitacion-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
    align-items:center;
}

.habilitacion-texto span{
    color:#d4a017;
    font-weight:700;
    letter-spacing:1px;
}

.habilitacion-texto h2{
    font-size:68px;
    line-height:1.1;
    color:#071a39;
    margin:20px 0;
    font-weight:800;
}

.habilitacion-texto p{
    color:#64748b;
    line-height:1.9;
    font-size:19px;
}

.habilitacion-box{
    background:#012247;
    color:#fff;
    padding:70px 40px;
    border-radius:30px;
    text-align:center;
}

.habilitacion-box h3{
    font-size:42px;
    margin-bottom:20px;
}

/* SERVICIOS */

.servicios-habilitacion{
    padding:40px 0 100px;
    background:#f7f9fc;
}

.servicios-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.servicio-card{
    background:#fff;
    border-radius:25px;
    padding:60px 40px;
    text-align:center;
    border:1px solid #e2e8f0;
    transition:0.3s ease;
}

.servicio-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.servicio-card i{
    font-size:60px;
    color:#012247;
    margin-bottom:30px;
}

.servicio-card h3{
    font-size:24px;
    color:#071a39;
    margin-bottom:20px;
}

.servicio-card p{
    color:#64748b;
    line-height:1.9;
}

/* RESPONSIVE */

@media(max-width:992px){

    .habilitacion-grid{
        grid-template-columns:1fr;
    }

    .servicios-grid{
        grid-template-columns:1fr;
    }

    .page-banner-content h1{
        font-size:48px;
    }

    .habilitacion-texto h2{
        font-size:42px;
    }

}
/* =========================================
CONSULTA HOME
========================================= */

.consulta-home{
    background:#f5f7fb;
    padding:90px 0;
}

.consulta-search-box{
    background:#ffffff;
    padding:34px;
    border-radius:28px;
    margin-top:50px;
    box-shadow:0 8px 30px rgba(0,0,0,0.04);
}

.consulta-search-box form{
    display:flex;
    gap:20px;
    align-items:center;
}

.consulta-input-group{
    flex:1;
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #dbe3ee;
    border-radius:18px;
    padding:0 25px;
    height:72px;
}

.consulta-input-group i{
    color:#5b6b86;
    font-size:20px;
    margin-right:18px;
}

.consulta-input-group input{
    width:100%;
    border:none;
    outline:none;
    font-size:18px;
    color:#071a39;
    background:transparent;
}

.consulta-search-box button{
    width:160px;
    height:72px;
    border:none;
    border-radius:18px;
    background:#012247;
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;
}

.consulta-search-box button:hover{
    background:#02366d;
}

.consulta-table{
    margin-top:45px;
    overflow:hidden;
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 30px rgba(0,0,0,0.04);
}

.consulta-table table{
    width:100%;
    border-collapse:collapse;
}

.consulta-table thead{
    background:#012247;
}

.consulta-table th{
    color:#fff;
    padding:26px 22px;
    text-align:left;
    font-size:17px;
    font-weight:700;
}

.consulta-table td{
    padding:26px 22px;
    border-bottom:1px solid #edf1f7;
    color:#22324d;
    font-size:17px;
}

.consulta-table tr:last-child td{
    border-bottom:none;
}

.estado{
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    display:inline-block;
}

.habilitado{
    background:#dff5e5;
    color:#178a43;
}

.no-habilitado{
    background:#fde2e2;
    color:#c62828;
}

/* RESPONSIVE */

@media(max-width:992px){

    .consulta-search-box form{
        flex-direction:column;
    }

    .consulta-search-box button{
        width:100%;
    }

    .consulta-table{
        overflow-x:auto;
    }

    .consulta-table table{
        min-width:900px;
    }

}
/* =========================================
CERTIFICADOS
========================================= */

.certificados-banner{
    position:relative;
    background:url('assets/img/banner-trujillo.jpg') center center/cover;
    padding:170px 0 130px;
}

.certificados-intro{
    padding:90px 0;
    background:#f5f7fb;
}

.certificados-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:50px;
    align-items:center;
}

.certificados-text span{
    color:#d4a017;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.certificados-text h2{
    font-size:58px;
    line-height:1.1;
    color:#071a39;
    margin:20px 0;
    font-weight:800;
}

.certificados-text p{
    font-size:19px;
    line-height:1.9;
    color:#64748b;
}

.certificados-box{
    background:#012247;
    color:#fff;
    border-radius:28px;
    padding:60px 35px;
    text-align:center;
}

.certificados-box i{
    font-size:70px;
    margin-bottom:25px;
    color:#f4c430;
}

.certificados-box h3{
    font-size:34px;
    margin-bottom:20px;
}

/* SERVICIOS */

.servicios-certificados{
    padding:30px 0 100px;
    background:#f5f7fb;
}

.certificados-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.cert-card{
    background:#fff;
    border-radius:24px;
    padding:50px 35px;
    text-align:center;
    border:1px solid #e2e8f0;
    transition:0.3s ease;
}

.cert-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.cert-card i{
    font-size:60px;
    color:#012247;
    margin-bottom:25px;
}

.cert-card h3{
    font-size:28px;
    margin-bottom:18px;
    color:#071a39;
}

.cert-card p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:30px;
}

.cert-card a{
    display:inline-block;
    padding:14px 30px;
    border-radius:12px;
    background:#012247;
    color:#fff;
    text-decoration:none;
    font-weight:700;
}

/* FORMULARIO */

.solicitud-certificado{
    padding:100px 0;
    background:#ffffff;
}

.form-certificado{
    margin-top:50px;
    background:#fff;
    border-radius:28px;
    padding:50px;
    box-shadow:0 8px 30px rgba(0,0,0,0.05);
    border:1px solid #e5e7eb;
}

.form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    margin-bottom:10px;
    font-weight:700;
    color:#071a39;
}

.form-group input,
.form-group select{
    height:62px;
    border-radius:14px;
    border:1px solid #dbe3ee;
    padding:0 20px;
    font-size:16px;
    outline:none;
}

.btn-certificado{
    margin-top:35px;
    height:60px;
    padding:0 35px;
    border:none;
    border-radius:14px;
    background:#012247;
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
}

/* RESPONSIVE */

@media(max-width:992px){

    .certificados-grid{
        grid-template-columns:1fr;
    }

    .certificados-cards{
        grid-template-columns:1fr;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .certificados-text h2{
        font-size:42px;
    }

    .page-banner-content h1{
        font-size:48px;
    }

}
/* =========================================
CONSULTA PAGE
========================================= */

.consulta-banner{
    position:relative;
    background:url('assets/img/banner-trujillo.jpg')
    center center/cover;
    padding:170px 0 130px;
}

/* INTRO */

.consulta-intro{
    padding:90px 0;
    background:#f5f7fb;
}

.consulta-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:50px;
    align-items:center;
}

.consulta-text span{
    color:#d4a017;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.consulta-text h2{
    font-size:58px;
    line-height:1.1;
    color:#071a39;
    margin:20px 0;
    font-weight:800;
}

.consulta-text p{
    font-size:19px;
    line-height:1.9;
    color:#64748b;
}

.consulta-box{
    background:#012247;
    border-radius:28px;
    padding:60px 35px;
    color:#fff;
    text-align:center;
}

.consulta-box i{
    font-size:65px;
    margin-bottom:25px;
    color:#f4c430;
}

.consulta-box h3{
    font-size:34px;
    margin-bottom:20px;
}

/* CONSULTA */

.consulta-profesional{
    background:#f5f7fb;
    padding:20px 0 90px;
}

/* BUSCADOR */

.consulta-search-box{
    background:#ffffff;
    padding:34px;
    border-radius:28px;
    margin-top:50px;
    box-shadow:0 8px 30px rgba(0,0,0,0.04);
}

.consulta-search-box form{
    display:flex;
    gap:20px;
    align-items:center;
}

.consulta-input-group{
    flex:1;
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #dbe3ee;
    border-radius:18px;
    padding:0 25px;
    height:72px;
}

.consulta-input-group i{
    color:#5b6b86;
    font-size:20px;
    margin-right:18px;
}

.consulta-input-group input{
    width:100%;
    border:none;
    outline:none;
    font-size:18px;
    color:#071a39;
    background:transparent;
}

.consulta-search-box button{
    width:160px;
    height:72px;
    border:none;
    border-radius:18px;
    background:#012247;
    color:#fff;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
}

/* TABLA */

.consulta-table{
    margin-top:45px;
    overflow:hidden;
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 30px rgba(0,0,0,0.04);
}

.consulta-table table{
    width:100%;
    border-collapse:collapse;
}

.consulta-table thead{
    background:#012247;
}

.consulta-table th{
    color:#fff;
    padding:26px 22px;
    text-align:left;
    font-size:17px;
    font-weight:700;
}

.consulta-table td{
    padding:26px 22px;
    border-bottom:1px solid #edf1f7;
    color:#22324d;
    font-size:17px;
}

/* ESTADOS */

.estado{
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
}

.habilitado{
    background:#dff5e5;
    color:#178a43;
}

.no-habilitado{
    background:#fde2e2;
    color:#c62828;
}

/* SERVICIOS */

.consulta-servicios{
    padding:90px 0;
    background:#fff;
}

.consulta-servicios-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.consulta-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:25px;
    padding:50px 35px;
    text-align:center;
    transition:0.3s ease;
}

.consulta-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.consulta-card i{
    font-size:60px;
    color:#012247;
    margin-bottom:25px;
}

.consulta-card h3{
    font-size:28px;
    margin-bottom:20px;
    color:#071a39;
}

.consulta-card p{
    color:#64748b;
    line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:992px){

    .consulta-grid{
        grid-template-columns:1fr;
    }

    .consulta-servicios-grid{
        grid-template-columns:1fr;
    }

    .consulta-search-box form{
        flex-direction:column;
    }

    .consulta-search-box button{
        width:100%;
    }

    .consulta-table{
        overflow-x:auto;
    }

    .consulta-table table{
        min-width:900px;
    }

}

@media(max-width:768px){

    .consulta-text h2{
        font-size:40px;
    }

    .page-banner-content h1{
        font-size:48px;
    }

}
/* =========================================
CARNET DIGITAL
========================================= */

.carnet-banner{
    position:relative;
    background:url('assets/img/banner-trujillo.jpg')
    center center/cover;
    padding:170px 0 130px;
}

/* INTRO */

.carnet-intro{
    padding:90px 0;
    background:#f5f7fb;
}

.carnet-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:50px;
    align-items:center;
}

.carnet-text span{
    color:#d4a017;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.carnet-text h2{
    font-size:58px;
    line-height:1.1;
    color:#071a39;
    margin:20px 0;
    font-weight:800;
}

.carnet-text p{
    font-size:19px;
    line-height:1.9;
    color:#64748b;
}

.carnet-box{
    background:#012247;
    color:#fff;
    border-radius:28px;
    padding:60px 35px;
    text-align:center;
}

.carnet-box i{
    font-size:70px;
    color:#f4c430;
    margin-bottom:25px;
}

.carnet-box h3{
    font-size:34px;
    margin-bottom:20px;
}

/* VISTA */

.vista-carnet{
    padding:100px 0;
    background:#f5f7fb;
}

/* CARD */

.carnet-card{
    max-width:950px;
    margin:auto;
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,0.08);
}

/* HEADER */

.carnet-header{
    background:#012247;
    padding:30px 40px;
    display:flex;
    align-items:center;
    gap:25px;
}

.carnet-header img{
    width:90px;
}

.carnet-header h3{
    color:#fff;
    font-size:28px;
    margin-bottom:5px;
}

.carnet-header span{
    color:#f4c430;
    font-size:18px;
}

/* BODY */

.carnet-body{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:40px;
    padding:45px;
}

/* FOTO */

.carnet-foto img{
    width:100%;
    border-radius:22px;
    object-fit:cover;
}

/* INFO */

.carnet-info h2{
    font-size:42px;
    color:#071a39;
    margin-bottom:25px;
}

.carnet-info p{
    margin-bottom:18px;
    font-size:18px;
    color:#475569;
}

/* FOOTER */

.carnet-footer{
    border-top:1px solid #e5e7eb;
    padding:30px 45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.qr-box img{
    width:110px;
}

.firma-box p{
    color:#64748b;
    font-size:15px;
}

/* BENEFICIOS */

.beneficios-carnet{
    padding:90px 0;
    background:#fff;
}

/* RESPONSIVE */

@media(max-width:992px){

    .carnet-grid{
        grid-template-columns:1fr;
    }

    .carnet-body{
        grid-template-columns:1fr;
    }

    .beneficios-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .carnet-text h2{
        font-size:40px;
    }

    .carnet-header{
        flex-direction:column;
        text-align:center;
    }

    .carnet-footer{
        flex-direction:column;
        gap:20px;
    }

    .carnet-info h2{
        font-size:30px;
    }

}
/* =========================================
PUBLICACIONES DINAMICAS
========================================= */

.tipo-publicacion{

    display:inline-block;
    background:#012247;
    color:#fff;
    padding:7px 16px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    margin-bottom:14px;
    text-transform:uppercase;

}

/* EVENTOS */

.evento-extra{

    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #e5e7eb;

}

.evento-extra p{

    margin-bottom:10px;
    color:#475569;
    font-size:14px;

}

.evento-extra i{

    color:#012247;
    margin-right:8px;

}
/* =========================================
DETALLE NOTICIA
========================================= */

.detalle-noticia{

    padding:90px 0;
    background:#f5f7fb;

}

.detalle-img img{

    width:100%;
    border-radius:24px;
    margin-bottom:35px;

}

.detalle-meta{

    margin-bottom:25px;
    color:#64748b;
    font-size:15px;

}

.detalle-content{

    background:#fff;
    padding:50px;
    border-radius:24px;
    box-shadow:0 8px 30px rgba(0,0,0,0.05);

}

.detalle-content h2{

    font-size:42px;
    color:#071a39;
    margin-bottom:25px;

}

.detalle-content p{

    font-size:18px;
    line-height:1.9;
    color:#475569;

}
/* =========================================
DETALLE NOTICIA PROFESIONAL
========================================= */

.detalle-noticia-page{

    padding:90px 0;
    background:#f5f7fb;

}

/* GRID */

.detalle-grid{

    display:grid;
    grid-template-columns:3fr 1fr;
    gap:40px;

}

/* MAIN */

.detalle-main{

    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,0.05);

}

/* IMAGEN */

.detalle-img img{

    width:100%;
    height:520px;
    object-fit:cover;

}

/* META */

.detalle-meta{

    padding:30px 40px 0;
    display:flex;
    gap:25px;
    flex-wrap:wrap;

}

.detalle-meta span{

    color:#64748b;
    font-size:14px;
    font-weight:600;

}

.detalle-meta i{

    color:#012247;
    margin-right:8px;

}

/* CONTENIDO */

.detalle-content{

    padding:30px 40px 50px;

}

.detalle-content h2{

    font-size:44px;
    line-height:1.2;
    color:#071a39;
    margin-bottom:30px;

}

.detalle-content p{

    font-size:18px;
    line-height:2;
    color:#475569;

}

/* SIDEBAR */

.detalle-sidebar{

    background:#fff;
    border-radius:30px;
    padding:35px;
    height:fit-content;
    box-shadow:0 8px 30px rgba(0,0,0,0.05);

}

/* TITULO */

.sidebar-title{

    margin-bottom:30px;

}

.sidebar-title h3{

    font-size:28px;
    color:#071a39;

}

/* CARD */

.sidebar-news{

    display:flex;
    gap:15px;
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid #e5e7eb;

}

.sidebar-news:last-child{

    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;

}

/* IMG */

.sidebar-news-img img{

    width:110px;
    height:90px;
    object-fit:cover;
    border-radius:12px;

}

/* INFO */

.sidebar-news-info span{

    color:#64748b;
    font-size:13px;

}

.sidebar-news-info h4{

    margin-top:10px;
    font-size:16px;
    line-height:1.5;

}

.sidebar-news-info a{

    color:#071a39;
    text-decoration:none;
    transition:0.3s ease;

}

.sidebar-news-info a:hover{

    color:#012247;

}

/* RESPONSIVE */

@media(max-width:992px){

    .detalle-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .detalle-content{

        padding:25px;

    }

    .detalle-content h2{

        font-size:32px;

    }

    .detalle-img img{

        height:320px;

    }

}
/* =========================================
SECCIONES PUBLICACIONES
========================================= */

.publicaciones-section{

    padding:90px 0;

}

.bg-light{

    background:#f5f7fb;

}

.publicaciones-section .section-title-left{

    margin-bottom:50px;

}
/* =========================================================
   COLITUR 2026 — PORTAL, CONSEJO DIRECTIVO Y ADMINISTRACIÓN
   ========================================================= */
:root{--colitur-navy:#123b66;--colitur-navy-2:#082847;--colitur-gold:#f2d42b;--colitur-ink:#0f172a;--colitur-muted:#64748b;--colitur-soft:#f4f7fb;--colitur-line:#dfe7ef;--colitur-ok:#188653;--colitur-bad:#c43d3d}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.7px;color:var(--colitur-navy);margin-bottom:12px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.3px}.status-pill.ok{background:#e8f7ef;color:#137148}.status-pill.bad{background:#fdebec;color:#a82d35}.btn-primary-public,.portal-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--colitur-navy);color:#fff!important;border:0;border-radius:12px;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer}.portal-primary:hover,.btn-primary-public:hover{background:var(--colitur-navy-2)}.portal-primary[disabled]{opacity:.45;cursor:not-allowed}.portal-primary.inline{display:inline-flex;width:auto}.portal-secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid #cdd9e6;border-radius:12px;padding:12px 17px;color:var(--colitur-navy);font-weight:700;text-decoration:none;background:#fff}

/* Consejo Directivo */
.council-intro,.council-section{padding:72px 0}.council-intro{background:#f5f8fb}.council-intro-card{display:grid;grid-template-columns:1fr 180px;gap:42px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:42px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.council-intro-card h2{font-size:36px;color:#102b49;margin:0 0 14px}.council-intro-card p{color:#536579;line-height:1.8}.council-intro-card img{width:170px;height:170px;object-fit:contain;border-radius:50%;background:#fff}.council-section{background:#fff}.council-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:44px}.council-card{background:#fff;border:1px solid #dfe7ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.25s ease}.council-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(15,23,42,.10)}.council-photo{height:300px;background:#8aa8c4;overflow:hidden}.council-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.council-card-body{padding:20px 18px 22px}.council-card-body span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#ad8f00;min-height:32px}.council-card-body h3{font-size:19px;color:#102b49;margin:6px 0}.council-card-body p{font-size:12px;color:#718096;margin:0}.council-line{width:38px;height:3px;background:var(--colitur-gold);border-radius:2px;margin:12px 0}.council-commitment{padding:0 0 80px}.commitment-box{display:flex;gap:24px;align-items:center;background:linear-gradient(135deg,#0c3157,#164f82);color:#fff;border-radius:24px;padding:34px 40px}.commitment-box>i{font-size:42px;color:var(--colitur-gold)}.commitment-box span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ffe765}.commitment-box h2{margin:5px 0 8px;color:#fff}.commitment-box p{margin:0;color:#d8e5f1;line-height:1.7}

/* Portal home/public */
.member-portal-home{padding:76px 0;background:linear-gradient(135deg,#0a2949 0%,#154c7d 100%);color:#fff}.member-portal-home-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}.member-portal-home-copy>span{font-size:12px;font-weight:800;letter-spacing:1.6px;color:#ffe35d}.member-portal-home-copy h2{font-size:40px;line-height:1.18;color:#fff;margin:10px 0 18px}.member-portal-home-copy p{font-size:16px;line-height:1.8;color:#dce9f4;max-width:700px}.member-portal-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn-outline-dark{display:inline-flex;gap:9px;align-items:center;padding:13px 18px;border:1px solid rgba(255,255,255,.5);color:#fff!important;border-radius:10px;text-decoration:none;font-weight:700}.member-portal-home-card{background:#fff;color:#1e293b;border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.member-portal-home-card>img{width:78px;height:78px;object-fit:contain;border-radius:50%;float:left;margin-right:15px}.member-portal-home-card div small{display:block;font-size:11px;color:#8b7300;font-weight:800}.member-portal-home-card div strong{display:block;color:#102b49;font-size:16px;line-height:1.35}.member-portal-home-card ul{clear:both;list-style:none;margin:24px 0 0;padding:0}.member-portal-home-card li{padding:9px 0;border-bottom:1px solid #edf2f7;font-size:13px}.member-portal-home-card li i{color:#1d985e;margin-right:8px}.member-public-page{padding:74px 0;background:#f5f8fb}.member-public-card{display:grid;grid-template-columns:230px 1fr;gap:38px;background:#fff;border-radius:26px;padding:32px;border:1px solid #e1e8ef;box-shadow:0 14px 38px rgba(15,23,42,.06)}.member-public-photo img{width:100%;height:300px;object-fit:cover;border-radius:18px}.member-public-info h2{font-size:34px;color:#102b49;margin:0 0 6px}.member-code{font-weight:800;color:#ad8f00;margin-bottom:26px}.member-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-public-grid div{background:#f7f9fc;border-radius:14px;padding:15px}.member-public-grid small{display:block;color:#718096;font-size:11px;margin-bottom:6px}.member-public-grid strong{display:block;color:#1e293b}.privacy-note{margin:22px 0 0;color:#64748b;font-size:12px}.public-empty{text-align:center;background:#fff;border-radius:22px;padding:58px}.public-empty>i{font-size:44px;color:#d0aa00}.btn-ver-colegiado{display:inline-block;padding:7px 10px;background:#edf4fa;border-radius:8px;color:#123b66;font-weight:700;text-decoration:none;font-size:12px}.digital-service-public{padding:78px 0;background:#f5f8fb}.digital-service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.digital-service-grid h2{font-size:40px;color:#102b49;margin:0 0 15px}.digital-service-grid>div>p{color:#5d6b7a;line-height:1.8}.feature-list{display:grid;gap:14px;margin:26px 0}.feature-list>div{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:15px}.feature-list i{color:#123b66;font-size:20px;margin-top:2px}.feature-list b,.feature-list small{display:block}.feature-list small{margin-top:3px;color:#64748b}.carnet-demo-modern{background:linear-gradient(145deg,#0b2e52,#174f80);color:#fff;border-radius:26px;padding:32px;text-align:center;box-shadow:0 22px 50px rgba(18,59,102,.23)}.carnet-demo-modern>img{width:90px;height:90px;border-radius:50%;object-fit:contain;background:#fff}.carnet-demo-modern>span{display:block;font-size:10px;font-weight:800;letter-spacing:.7px;margin:15px 0 6px}.carnet-demo-modern h3{color:#ffe145}.demo-photo{width:95px;height:110px;border-radius:14px;background:#e7eff7;margin:20px auto;display:grid;place-items:center}.demo-photo i{font-size:50px;color:#8fa2b4}.carnet-demo-modern p{margin:7px 0}.public-cta{padding:50px 0;background:#fff}.public-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.public-cta span{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#ad8f00}.public-cta h2{color:#102b49;margin:5px 0}.public-cta p{margin:0;color:#64748b}.public-cta a{display:inline-flex;gap:9px;align-items:center;background:#123b66;color:#fff;border-radius:12px;padding:13px 18px;text-decoration:none;font-weight:800}

/* Portal */
.portal-login-section{min-height:720px;padding:70px 24px;background:linear-gradient(120deg,#0a2949,#123b66 55%,#f3d226 55%,#f7df54)}.portal-login-shell{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.portal-login-brand{color:#fff}.portal-login-brand img{width:100px;height:100px;object-fit:contain;border-radius:50%;background:#fff;padding:3px}.portal-login-brand>span{display:block;margin-top:20px;color:#ffe45b;font-size:12px;font-weight:800;letter-spacing:1.8px}.portal-login-brand h1{font-size:44px;line-height:1.13;margin:8px 0 16px;color:#fff}.portal-login-brand p{color:#dbe7f2;line-height:1.8}.portal-login-brand ul{list-style:none;padding:0;margin:22px 0}.portal-login-brand li{margin:10px 0}.portal-login-brand li i{color:#ffe45b;margin-right:8px}.portal-login-card{background:#fff;border-radius:26px;padding:38px;box-shadow:0 25px 60px rgba(0,0,0,.2)}.portal-login-card h2{font-size:29px;color:#102b49;margin:0 0 22px}.portal-login-card label,.portal-form-card label{display:block;font-weight:700;font-size:12px;color:#334155;margin:14px 0 7px}.portal-login-card input,.portal-form-card input,.portal-form-card select,.portal-form-card textarea{width:100%;border:1px solid #cfd8e3;border-radius:11px;padding:12px 13px;font:inherit;box-sizing:border-box;background:#fff}.portal-login-card .portal-primary{width:100%;margin-top:22px}.portal-help{font-size:11px;color:#728197;line-height:1.6;margin-top:18px}.portal-back{display:inline-block;margin-top:8px;color:#123b66;font-size:12px;font-weight:700;text-decoration:none}.portal-alert{border-radius:12px;padding:13px 16px;margin:14px 0;font-size:13px}.portal-alert.error,.admin-alert.error{background:#fdecec;color:#9d2c33;border:1px solid #f4c7ca}.portal-alert.success,.admin-alert.success{background:#e9f7ef;color:#146c45;border:1px solid #bfe6d0}.portal-alert.warning{background:#fff7d7;color:#7c6500;border:1px solid #eedb85}.portal-top{padding:38px 0;background:#0c3157;color:#fff}.portal-top .container{display:flex;justify-content:space-between;align-items:center}.portal-top span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#f7dc48}.portal-top h1{margin:6px 0 4px;color:#fff}.portal-top p{margin:0;color:#cfe0ee}.portal-logout{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:10px 14px}.portal-dashboard,.portal-inner{padding:60px 0;background:#f5f8fb;min-height:620px}.portal-status-card{border-radius:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:#fff}.portal-status-card.is-ok{background:linear-gradient(135deg,#187a4f,#25a56b)}.portal-status-card.is-bad{background:linear-gradient(135deg,#a82e39,#d85a62)}.portal-status-card span{font-size:11px;font-weight:800;letter-spacing:1.4px}.portal-status-card h2{color:#fff;font-size:32px;margin:5px 0}.portal-status-card p{margin:0;color:rgba(255,255,255,.85)}.portal-status-card>i{font-size:48px;opacity:.9}.portal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.portal-kpis>div{background:#fff;border:1px solid #e1e8ef;border-radius:18px;padding:20px}.portal-kpis i{float:right;font-size:24px;color:#a9bac9}.portal-kpis span,.portal-kpis small{display:block;color:#64748b}.portal-kpis strong{display:block;font-size:26px;color:#123b66;margin:6px 0}.portal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-actions>a{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:21px;text-decoration:none;color:#1e293b;transition:.2s}.portal-actions>a:hover{transform:translateY(-3px);border-color:#9fb7ca}.portal-actions>a.disabled{opacity:.55;pointer-events:none}.portal-actions>a>i{font-size:24px;color:#123b66;background:#edf4fa;width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.portal-actions h3{margin:1px 0 5px;color:#102b49;font-size:17px}.portal-actions p{margin:0;color:#718096;font-size:12px;line-height:1.5}.portal-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.portal-page-head span{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#ad8f00}.portal-page-head h1{font-size:34px;color:#102b49;margin:5px 0}.portal-page-head p{margin:0;color:#64748b}.portal-page-head>a{color:#123b66;text-decoration:none;font-weight:700}.portal-profile-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.portal-profile-summary,.portal-form-card,.portal-section-card{background:#fff;border:1px solid #dfe7ef;border-radius:20px;padding:26px;box-shadow:0 9px 28px rgba(15,23,42,.04)}.portal-profile-summary{text-align:center}.portal-profile-summary>img{width:150px;height:180px;object-fit:cover;border-radius:16px}.portal-profile-summary h3{color:#102b49;margin:14px 0 3px}.portal-profile-summary>span{color:#ad8f00;font-weight:800}.portal-profile-summary dl{text-align:left;margin:22px 0 0}.portal-profile-summary dt{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#94a3b8}.portal-profile-summary dd{margin:2px 0 13px;color:#334155}.portal-form-card small{display:block;color:#94a3b8;font-size:11px;margin-top:5px}.portal-form-card .portal-primary{margin-top:20px}.container.narrow{max-width:760px}.portal-section-card{margin-bottom:22px}.portal-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.portal-section-title h2{margin:0;color:#102b49}.portal-section-title span{font-size:12px;color:#64748b}.fees-grid{display:grid;gap:13px}.fee-card{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;border:1px solid #e2e8f0;border-radius:15px;padding:16px}.fee-icon{width:46px;height:46px;border-radius:12px;background:#edf4fa;color:#123b66;display:grid;place-items:center;font-size:20px}.fee-content>span{font-size:10px;font-weight:800;letter-spacing:.7px;color:#ad8f00}.fee-content h3{margin:3px 0;color:#102b49}.fee-content p{margin:0;color:#64748b;font-size:12px}.fee-meta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.fee-meta small{color:#7b8a9a}.fee-pay{text-align:right}.fee-pay strong{display:block;font-size:20px;color:#123b66;margin-bottom:8px}.portal-table-wrap{overflow:auto}.portal-table{width:100%;border-collapse:collapse}.portal-table th,.portal-table td{padding:12px;border-bottom:1px solid #e8edf2;text-align:left;font-size:12px}.portal-table th{color:#5e6c7b;background:#f8fafc}.portal-empty{text-align:center;padding:34px}.portal-empty i{font-size:36px;color:#19905b}.portal-empty h3{color:#102b49}.digital-card-wrap{max-width:790px;margin:auto}.digital-card{border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#0b2e52,#174f80);color:#fff;box-shadow:0 24px 60px rgba(18,59,102,.24)}.dc-top{display:flex;gap:16px;align-items:center;padding:22px 28px;border-top:8px solid #f2d42b}.dc-top img{width:72px;height:72px;border-radius:50%;object-fit:contain;background:#fff}.dc-top strong{display:block;font-size:14px;max-width:430px}.dc-top span{font-size:11px;color:#d4e5f3}.dc-body{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:12px 28px 26px}.dc-photo{width:160px;height:195px;object-fit:cover;border:3px solid #fff;border-radius:15px}.dc-info small{color:#f3d631;font-weight:800;letter-spacing:1px}.dc-info h2{font-size:27px;color:#fff;margin:4px 0 14px}.dc-info p{margin:8px 0;color:#e1edf5}.dc-foot{display:flex;justify-content:space-between;gap:20px;padding:13px 28px;background:rgba(0,0,0,.15);font-size:10px;color:#d8e6f1}.document-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.verify-page{padding:75px 0;background:#f5f8fb}.verify-card{background:#fff;border-radius:24px;padding:38px;text-align:center;border:1px solid #dfe7ef;box-shadow:0 18px 48px rgba(15,23,42,.07)}.verify-card>img{width:92px;height:92px;object-fit:contain;border-radius:50%}.verify-icon{display:block;font-size:44px;margin:18px 0}.verify-card.valid .verify-icon{color:#188653}.verify-card.invalid .verify-icon{color:#b93b44}.verify-card>span{font-size:11px;font-weight:800;color:#188653;letter-spacing:1.5px}.verify-card h1{color:#102b49}.verify-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:24px 0}.verify-data p{margin:0;background:#f7f9fb;border-radius:12px;padding:13px}.verify-data small,.verify-data strong{display:block}.verify-data small{color:#8a99a8;font-size:10px;margin-bottom:5px}.verify-note{color:#64748b;font-size:12px}

/* Admin v2 */
.admin-layout{display:flex;min-height:100vh;background:#f3f6f9}.admin-sidebar-v2{width:255px;min-height:100vh;background:#0c2d4d;color:#fff;padding:24px 0;position:sticky;top:0;align-self:flex-start}.sidebar-top{text-align:center;padding:0 22px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:78px;height:78px;object-fit:contain;border-radius:50%;background:#fff}.sidebar-top h2{color:#fff;margin:8px 0 2px}.sidebar-top span{font-size:11px;color:#b7cadd}.sidebar-menu{list-style:none;padding:18px 12px;margin:0}.sidebar-menu li{margin:4px 0}.sidebar-menu a{display:flex;gap:10px;align-items:center;color:#d7e4ee;padding:11px 12px;border-radius:9px;text-decoration:none;font-size:13px}.sidebar-menu a:hover{background:#164b79;color:#fff}.admin-main{flex:1;padding:32px;min-width:0}.top-page{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.top-page h1{margin:0;color:#102b49;font-size:30px}.top-page p{margin:6px 0 0;color:#64748b}.admin-actions{display:flex;gap:10px}.btn-primary,.btn-secondary-admin,.btn-neutral,.btn-edit,.btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;text-decoration:none;cursor:pointer}.btn-primary{background:#123b66;color:#fff;padding:11px 15px;font-weight:700}.btn-primary.small{padding:8px 10px;font-size:11px}.btn-secondary-admin{background:#fff;color:#123b66;border:1px solid #cdd9e5;padding:10px 14px;font-weight:700}.btn-neutral,.btn-edit{width:34px;height:34px;background:#edf4fa;color:#123b66}.card-admin-page,.form-card,.admin-info-card{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.table-responsive{overflow:auto}.table-modern{width:100%;border-collapse:collapse}.table-modern th,.table-modern td{padding:11px 10px;border-bottom:1px solid #e7edf2;text-align:left;font-size:12px;vertical-align:middle}.table-modern th{background:#f8fafc;color:#5a6878;font-size:11px;text-transform:uppercase;letter-spacing:.35px}.table-sub{display:block;color:#93a0af;font-size:10px;margin-top:3px}.badge-success,.badge-danger,.badge-muted{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.badge-success{background:#e5f6ed;color:#147048}.badge-danger{background:#fdebec;color:#a72f37}.badge-muted{background:#eef2f6;color:#617080}.acciones{white-space:nowrap}.inline-form{display:inline}.admin-alert{border-radius:11px;padding:12px 15px;margin-bottom:18px;font-size:12px}.admin-form-v2{max-width:1000px}.admin-form-v2 label,.admin-import-card label{display:block;font-size:11px;font-weight:800;color:#475569;margin:11px 0 6px}.admin-form-v2 input,.admin-form-v2 select,.admin-import-card input{width:100%;box-sizing:border-box;border:1px solid #cfd8e2;border-radius:9px;padding:10px 11px;font:inherit}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form-grid .span-2{grid-column:1/-1}.admin-profile-strip{display:flex;align-items:center;gap:14px;padding:14px;background:#f8fafc;border-radius:12px;margin-bottom:12px}.admin-profile-strip img{width:70px;height:80px;object-fit:cover;border-radius:10px}.admin-profile-strip b,.admin-profile-strip span{display:block}.admin-profile-strip b{color:#123b66}.admin-profile-strip span{font-size:11px;color:#718096}.admin-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.admin-info-card>i{font-size:28px;color:#123b66}.admin-info-card h3{color:#102b49}.admin-info-card p{color:#64748b;line-height:1.7;font-size:12px}.check-row{display:flex!important;align-items:center;gap:9px;margin:17px 0!important}.check-row input{width:auto!important}

@media(max-width:1200px){.council-grid{grid-template-columns:repeat(4,1fr)}.portal-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:992px){.council-grid{grid-template-columns:repeat(3,1fr)}.member-portal-home-grid,.digital-service-grid,.portal-login-shell{grid-template-columns:1fr}.portal-login-section{background:#0b3155}.portal-profile-grid,.admin-two-col{grid-template-columns:1fr}.admin-sidebar-v2{width:210px}.portal-kpis{grid-template-columns:1fr 1fr}.member-public-card{grid-template-columns:180px 1fr}}
@media(max-width:768px){.council-grid{grid-template-columns:repeat(2,1fr)}.council-intro-card{grid-template-columns:1fr;text-align:center}.council-intro-card img{margin:auto}.portal-kpis,.portal-actions,.member-public-grid,.verify-data{grid-template-columns:1fr}.member-public-card{grid-template-columns:1fr}.member-public-photo img{max-width:260px}.fee-card{grid-template-columns:45px 1fr}.fee-pay{grid-column:1/-1;text-align:left;padding-left:61px}.portal-page-head,.public-cta .container{display:block}.portal-page-head>a{display:inline-block;margin-top:12px}.portal-top .container{align-items:flex-start}.portal-login-brand h1,.member-portal-home-copy h2,.digital-service-grid h2{font-size:32px}.admin-layout{display:block}.admin-sidebar-v2{position:relative;width:auto;min-height:0}.sidebar-menu{display:flex;overflow:auto}.sidebar-menu li{flex:0 0 auto}.admin-main{padding:20px}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-2{grid-column:auto}.dc-body{grid-template-columns:1fr}.dc-photo{width:130px;height:155px}.council-photo{height:260px}}
@media(max-width:520px){.council-grid{grid-template-columns:1fr}.portal-login-card{padding:26px}.portal-login-section{padding:40px 14px}.portal-kpis{grid-template-columns:1fr}.member-portal-home-card{padding:22px}.admin-actions{flex-direction:column}.top-page{align-items:flex-start;flex-direction:column}}

/* =========================================================
   COLITUR LA LIBERTAD · REDISEÑO INSTITUCIONAL 2026
   Ajustes globales para coliturlalibertad.org.pe
   ========================================================= */

:root{
    --colitur-navy:#082f56;
    --colitur-navy-dark:#041c35;
    --colitur-blue:#0e4b7f;
    --colitur-blue-light:#eaf3fb;
    --colitur-gold:#f3ce2f;
    --colitur-gold-dark:#b89000;
    --colitur-ink:#10243a;
    --colitur-muted:#64748b;
    --colitur-border:#dce6ef;
    --colitur-bg:#f5f8fb;
    --colitur-white:#ffffff;
    --colitur-green:#168a65;
    --shadow-soft:0 16px 42px rgba(7,40,70,.10);
    --shadow-card:0 10px 28px rgba(7,40,70,.08);
}

html{scroll-padding-top:158px}
body{font-family:'Poppins',sans-serif;background:var(--colitur-bg);color:var(--colitur-ink)}
#contenido-principal{min-height:55vh}
.container{max-width:1340px}

/* Header institucional en tres niveles */
.main-header.colitur-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 5px 22px rgba(8,47,86,.09)}
.colitur-header.is-scrolled{box-shadow:0 7px 28px rgba(8,47,86,.15)}
.header-utility{background:var(--colitur-navy-dark);color:#fff;font-size:12px}
.header-utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-identity{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.78)}
.utility-identity i{color:var(--colitur-gold)}
.utility-actions{display:flex;align-items:center;gap:24px}
.utility-actions a{color:rgba(255,255,255,.9);display:flex;align-items:center;gap:7px;font-weight:600}
.utility-actions a:hover{color:var(--colitur-gold)}
.header-brand-row{background:#fff}
.header-brand-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.colitur-header .header-logo{display:flex;align-items:center;gap:16px;margin:0;padding:8px 0;flex-shrink:1}
.colitur-header .header-logo img{width:76px;height:76px;object-fit:contain;margin:0;position:static;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08))}
.colitur-header .header-logo-text{margin:0;display:block;line-height:1.05}
.colitur-header .header-logo-text strong{display:block;color:var(--colitur-navy);font-size:15px;letter-spacing:.2px}
.colitur-header .header-logo-text h1{color:var(--colitur-navy);font-size:22px;line-height:1.15;margin:2px 0 4px;font-weight:800;letter-spacing:-.3px}
.colitur-header .header-logo-text span{color:var(--colitur-blue);font-size:13px;font-weight:800;letter-spacing:.6px;margin:0}
.header-brand-actions{display:flex;align-items:center;gap:10px}
.header-search-link{width:42px;height:42px;border:1px solid var(--colitur-border);border-radius:10px;color:var(--colitur-navy);display:grid;place-items:center;background:#fff}
.header-search-link:hover{background:var(--colitur-blue-light)}
.btn-login-top{height:42px;border-radius:10px;background:var(--colitur-navy);color:#fff;padding:0 18px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}
.btn-login-top:hover{background:var(--colitur-blue);color:#fff}
.mobile-menu-toggle{display:none;width:42px;height:42px;border:none;border-radius:10px;background:var(--colitur-navy);color:#fff;font-size:18px;cursor:pointer}
.header-nav-row{background:linear-gradient(90deg,var(--colitur-navy-dark),var(--colitur-navy),#0b426e)}
.header-nav-inner{min-height:48px;display:flex;align-items:center}
.colitur-header .main-menu{margin:0;padding:0;width:100%}
.colitur-header .main-menu ul{width:100%;display:flex!important;align-items:center;justify-content:flex-start;gap:2px;margin:0;padding:0;flex-wrap:nowrap}
.colitur-header .main-menu>ul>li>a{display:flex;align-items:center;gap:6px;padding:15px 17px;color:#fff;font-size:12.5px;font-weight:700;text-transform:none;letter-spacing:0;border-radius:0;transition:.2s}
.colitur-header .main-menu>ul>li:first-child>a{background:rgba(255,255,255,.08)}
.colitur-header .main-menu>ul>li>a:hover{background:rgba(255,255,255,.10);color:var(--colitur-gold)}
.colitur-header .main-menu .submenu{top:100%;left:0;transform:translateY(8px);min-width:260px;border-radius:0 0 13px 13px;border-top:3px solid var(--colitur-gold);padding:8px 0;box-shadow:0 18px 36px rgba(0,0,0,.17)}
.colitur-header .dropdown:hover>.submenu{top:100%;transform:translateY(0)}
.colitur-header .submenu li a{font-size:13px!important;padding:11px 17px;color:var(--colitur-navy)!important;text-transform:none!important;font-weight:600}

/* Portada regional */
.home-hero{position:relative;min-height:500px;background:url('/assets/img/trujillo/hero-institucional.jpg') center 54%/cover no-repeat;overflow:hidden;color:#fff}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,49,.91) 0%,rgba(5,38,70,.76) 42%,rgba(5,38,70,.22) 72%,rgba(4,22,40,.12) 100%)}
.home-hero-shade{position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(0deg,rgba(3,25,49,.58),transparent);z-index:1}
.home-hero-inner{position:relative;z-index:2;min-height:500px;display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:36px;padding-bottom:34px}
.home-hero-copy{max-width:740px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.4px;color:#fff;border-left:4px solid var(--colitur-gold);padding-left:12px;margin-bottom:14px}
.home-hero h1{font-size:64px;line-height:.98;letter-spacing:-2.2px;text-transform:uppercase;margin:0 0 18px;font-weight:800;text-shadow:0 4px 16px rgba(0,0,0,.22)}
.home-hero h1 em{font-style:normal;color:var(--colitur-gold)}
.home-hero-copy>p{font-size:18px;line-height:1.7;max-width:650px;color:rgba(255,255,255,.92);margin-bottom:25px}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn-gold,.btn-ghost,.btn-ghost-dark{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border-radius:9px;font-size:13px;font-weight:800;transition:.2s}
.btn-gold{background:var(--colitur-gold);color:#092945;box-shadow:0 9px 24px rgba(243,206,47,.25)}
.btn-gold:hover{background:#ffdb42;color:#092945;transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(255,255,255,.64);color:#fff;background:rgba(4,30,57,.18);backdrop-filter:blur(5px)}
.btn-ghost:hover{background:#fff;color:var(--colitur-navy)}
.btn-ghost-dark{border:1px solid rgba(8,47,86,.30);color:var(--colitur-navy);background:#fff}
.btn-ghost-dark:hover{background:var(--colitur-blue-light)}
.hero-values{display:flex;gap:12px;margin-top:30px;max-width:820px}
.hero-values>div{display:flex;align-items:center;gap:11px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.26);min-width:0}
.hero-values i{font-size:26px;color:var(--colitur-gold)}
.hero-values span{display:flex;flex-direction:column}
.hero-values strong{font-size:12px;color:#fff}
.hero-values small{font-size:10.5px;color:rgba(255,255,255,.75)}
.hero-region-seal{align-self:flex-start;margin-top:48px;max-width:320px;text-align:right;padding:20px 18px;border-right:3px solid var(--colitur-gold);text-shadow:0 3px 10px rgba(0,0,0,.35)}
.hero-region-seal span{display:block;color:var(--colitur-gold);font-weight:800;letter-spacing:2px;font-size:14px}
.hero-region-seal strong{display:block;font-size:28px;line-height:1.15;margin:5px 0 8px;font-weight:600;font-style:italic}
.hero-region-seal small{color:rgba(255,255,255,.82);font-size:11px}

/* accesos rápidos */
.quick-services{position:relative;z-index:10;margin-top:-22px;padding-bottom:30px}
.quick-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.quick-card{min-height:104px;background:#fff;border:1px solid var(--colitur-border);border-radius:13px;display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:12px;padding:18px 16px;color:var(--colitur-ink);box-shadow:var(--shadow-card);transition:.22s}
.quick-card:hover{transform:translateY(-4px);border-color:#bed4e7;box-shadow:0 15px 34px rgba(8,47,86,.13)}
.quick-icon{width:52px;height:52px;border-radius:10px;background:linear-gradient(145deg,var(--colitur-blue),var(--colitur-navy));color:#fff;display:grid;place-items:center;font-size:20px}
.quick-card span:nth-child(2){display:flex;flex-direction:column;gap:4px}
.quick-card strong{font-size:14px;color:var(--colitur-navy)}
.quick-card small{font-size:11px;color:var(--colitur-muted);line-height:1.35}
.quick-arrow{width:28px;height:28px;border-radius:50%;background:var(--colitur-navy);color:#fff;display:grid!important;place-items:center;font-size:11px}

/* estructura de secciones home */
.home-section{padding:58px 0}
.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}
.section-heading-row.compact{align-items:center;margin-bottom:20px}
.section-heading-row h2,.section-heading-center h2{font-size:34px;line-height:1.15;color:var(--colitur-navy);margin:5px 0 4px;letter-spacing:-.6px}
.section-heading-row p{font-size:14px;color:var(--colitur-muted);max-width:760px;line-height:1.7;margin:0}
.gold-line-label,.section-heading-center>span{display:inline-flex;align-items:center;gap:9px;color:var(--colitur-gold-dark);font-size:11px;font-weight:800;letter-spacing:1px}
.gold-line-label:before,.section-heading-center>span:before{content:"";width:38px;height:4px;background:var(--colitur-gold);border-radius:4px}
.section-more{background:var(--colitur-navy);color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
.section-more:hover{background:var(--colitur-blue);color:#fff}
.text-link{color:var(--colitur-navy);font-weight:700;font-size:12px}
.section-heading-center{text-align:center;max-width:850px;margin:0 auto 30px}
.section-heading-center>span{justify-content:center}
.section-heading-center h2{margin-top:10px}
.section-heading-center p{color:var(--colitur-muted);font-size:14px;line-height:1.7;margin-top:8px}

/* Consejo Directivo */
.council-home{background:#fff}
.council-home-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}
.council-home-card{background:linear-gradient(180deg,#7fa8cf 0%,#7fa8cf 64%,var(--colitur-navy) 64%);border-radius:6px 6px 0 0;overflow:hidden;min-width:0;border:1px solid #d6e2ec;box-shadow:0 5px 15px rgba(8,47,86,.05)}
.council-home-card img{width:100%;height:220px;object-fit:cover;object-position:center top;display:block}
.council-home-card>div{min-height:98px;padding:11px 7px 8px;text-align:center;background:linear-gradient(180deg,var(--colitur-navy),#092a4a);color:#fff;display:flex;flex-direction:column;justify-content:flex-start}
.council-home-card strong{font-size:10.5px;line-height:1.25;text-transform:uppercase}
.council-home-card span{font-size:9.5px;line-height:1.2;color:var(--colitur-gold);font-weight:800;text-transform:uppercase;margin-top:7px}

/* Servicios destacados */
.featured-services{background:#f1f6fa}
.featured-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.featured-service-grid a{background:#fff;border:1px solid var(--colitur-border);border-radius:12px;min-height:142px;padding:20px 13px;text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--colitur-ink);transition:.2s}
.featured-service-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:#bdd2e3}
.featured-service-grid i{font-size:29px;color:var(--colitur-blue);margin-bottom:12px}
.featured-service-grid strong{font-size:13px;color:var(--colitur-navy)}
.featured-service-grid small{font-size:10.5px;color:var(--colitur-muted);line-height:1.4;margin-top:5px}

/* Trujillo y La Libertad */
.region-showcase{background:#fff}
.region-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}
.region-card{position:relative;overflow:hidden;border-radius:14px;background:#0a3158;box-shadow:var(--shadow-card)}
.region-card.large{grid-row:span 2}
.region-card:nth-child(4){grid-column:2/4}
.region-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.region-card:hover img{transform:scale(1.035)}
.region-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,24,46,.78),rgba(3,24,46,.05) 66%)}
.region-card>div{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff}
.region-card span{font-size:10px;color:var(--colitur-gold);font-weight:800;letter-spacing:1px}
.region-card h3{font-size:21px;line-height:1.16;margin:4px 0 0;color:#fff}
.region-card p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.82);margin-top:6px;max-width:620px}
.region-card.large h3{font-size:27px}

/* Noticias y agenda */
.news-events-modern{background:#f4f8fb}
.news-events-modern-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:30px}
.news-modern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.news-modern-card{background:#fff;border:1px solid var(--colitur-border);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:145px 1fr;min-height:170px}
.news-modern-card.featured{grid-column:1/-1;grid-template-columns:44% 1fr;min-height:250px}
.news-modern-card img{width:100%;height:100%;object-fit:cover}
.news-modern-card>div{padding:17px;align-self:center}
.news-modern-card small{font-size:10px;color:var(--colitur-blue);font-weight:700}
.news-modern-card h3{font-size:16px;color:var(--colitur-navy);line-height:1.35;margin:6px 0 10px}
.news-modern-card.featured h3{font-size:21px}
.news-modern-card p{font-size:12px;color:var(--colitur-muted);line-height:1.6;margin:0 0 10px}
.news-modern-card a{font-size:11px;color:var(--colitur-blue);font-weight:800}
.events-modern-col{padding-left:25px;border-left:1px solid var(--colitur-border)}
.event-modern-item{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--colitur-border);color:var(--colitur-ink)}
.event-modern-date{width:58px;height:58px;border-radius:8px;background:var(--colitur-navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.event-modern-date strong{font-size:22px;line-height:1}
.event-modern-date small{font-size:10px;color:var(--colitur-gold);font-weight:800;margin-top:4px}
.event-modern-date>i{font-size:20px;color:var(--colitur-gold)}
.event-modern-item>span:last-child{display:flex;flex-direction:column;gap:6px}
.event-modern-item>span:last-child strong{font-size:13px;color:var(--colitur-navy);line-height:1.35}
.event-modern-item>span:last-child small{font-size:10px;color:var(--colitur-muted);line-height:1.45}
.event-modern-item.static{cursor:default}

/* Consulta en portada */
.modern-consulta{background:linear-gradient(140deg,var(--colitur-navy-dark),var(--colitur-blue));padding:58px 0!important;margin:0!important;color:#fff}
.consulta-modern-shell{display:grid;grid-template-columns:1fr 1.25fr;gap:20px 45px;align-items:end}
.consulta-modern-copy span{color:var(--colitur-gold);font-size:11px;font-weight:800;letter-spacing:1px}
.consulta-modern-copy h2{font-size:31px;line-height:1.15;margin:6px 0 10px;color:#fff}
.consulta-modern-copy p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.75);margin:0}
.consulta-modern-form{height:54px;background:#fff;border-radius:10px;padding:6px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:4px}
.consulta-modern-form>i{color:#7c8ea1;text-align:center}
.consulta-modern-form input{height:42px;border:none;outline:none;font-family:inherit;font-size:13px;color:var(--colitur-ink);min-width:0}
.consulta-modern-form button{height:42px;padding:0 20px;border:none;border-radius:7px;background:var(--colitur-gold);color:var(--colitur-navy-dark);font-family:inherit;font-weight:800;cursor:pointer}
.consulta-modern-table{grid-column:1/-1;background:#fff;border-radius:10px;overflow:auto;margin-top:6px}
.consulta-modern-table table{width:100%;border-collapse:collapse;min-width:900px}
.consulta-modern-table th{background:#f0f5f9;color:var(--colitur-navy);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:12px}
.consulta-modern-table td{color:var(--colitur-ink);font-size:11px;padding:11px 12px;border-top:1px solid #edf2f6}
.consulta-modern-table .estado{font-size:9px;padding:5px 8px;border-radius:30px;font-weight:800;white-space:nowrap}
.consulta-modern-table .btn-ver-colegiado{font-size:10px;color:var(--colitur-blue);font-weight:800;white-space:nowrap}

/* CTA portal */
.portal-cta-home{background:#fff;padding:60px 0}
.portal-cta-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:45px;align-items:center}
.portal-cta-grid>div:first-child>span{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--colitur-gold-dark)}
.portal-cta-grid h2{font-size:37px;color:var(--colitur-navy);line-height:1.12;margin:8px 0 14px}
.portal-cta-grid p{font-size:14px;color:var(--colitur-muted);line-height:1.8;max-width:760px}
.portal-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.portal-card-preview{background:linear-gradient(145deg,#0a3966,#082a4c);color:#fff;border-radius:18px;padding:25px;box-shadow:0 20px 45px rgba(8,47,86,.18);display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;position:relative;overflow:hidden}
.portal-card-preview:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.10);right:-80px;top:-90px}
.portal-card-preview img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:50%;padding:4px;position:relative;z-index:2}
.portal-card-preview>div{display:flex;flex-direction:column;position:relative;z-index:2}
.portal-card-preview small{font-size:9px;color:var(--colitur-gold);font-weight:800;letter-spacing:.8px}
.portal-card-preview strong{font-size:15px;line-height:1.3}
.portal-card-preview ul{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}
.portal-card-preview li{font-size:10.5px;color:rgba(255,255,255,.88)}
.portal-card-preview li i{color:var(--colitur-gold);margin-right:5px}

/* Enlaces de interés */
.interest-links-section{background:#f2f6f9;padding-top:48px;padding-bottom:58px}
.interest-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.interest-links-grid a{background:#fff;border:1px solid var(--colitur-border);border-radius:10px;padding:14px 15px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;color:var(--colitur-ink)}
.interest-links-grid a:hover{border-color:#b8d0e4;box-shadow:var(--shadow-card)}
.interest-icon{width:38px;height:38px;border-radius:10px;background:#d60022;color:#fff;display:grid;place-items:center;font-weight:800}
.interest-icon.green{background:#168a65}.interest-icon.red{background:#d72232}.interest-icon.crest{background:var(--colitur-blue)}
.interest-links-grid a>span:nth-child(2){display:flex;flex-direction:column}
.interest-links-grid strong{font-size:12px;color:var(--colitur-navy)}
.interest-links-grid small{font-size:10px;color:var(--colitur-muted);margin-top:2px}
.interest-links-grid a>i{color:var(--colitur-blue);font-size:11px}

/* Banners de páginas internas: identidad visual de Trujillo */
.page-banner{height:300px!important;background-image:url('/assets/img/trujillo/banner-ciudad.jpg')!important;background-position:center 58%!important;background-size:cover!important}
.page-banner:before{content:none!important}
.page-banner-overlay{background:linear-gradient(90deg,rgba(4,28,53,.82),rgba(8,47,86,.56),rgba(8,47,86,.35))!important}
.page-banner-content{align-items:flex-start!important;text-align:left!important;max-width:1340px!important}
.page-banner-content span{display:inline-flex;align-items:center;gap:8px;color:var(--colitur-gold)!important;font-size:11px!important;letter-spacing:1px!important;text-transform:uppercase}
.page-banner-content span:before{content:"";width:35px;height:3px;background:var(--colitur-gold);border-radius:3px}
.page-banner-content h1{font-size:44px!important;line-height:1.08!important;margin:7px 0 7px!important;text-shadow:0 4px 14px rgba(0,0,0,.2)}
.page-banner-content p{font-size:14px!important;color:rgba(255,255,255,.86)!important;max-width:720px}
.nosotros-banner,.historia-banner,.noticias-banner{background-image:url('/assets/img/trujillo/atardecer-trujillo.jpg')!important}
.misionvision-banner,.transparencia-banner,.contacto-banner{background-image:url('/assets/img/trujillo/centro-historico.jpg')!important}
.servicios-banner,.certificados-banner,.colegiatura-banner{background-image:url('/assets/img/trujillo/catedral-trujillo.jpg')!important}
.colegiados-banner,.consulta-banner,.habilitacion-banner,.carnet-banner,.council-banner,.directivo-banner{background-image:url('/assets/img/trujillo/plaza-de-armas.jpg')!important}

/* Imágenes institucionales existentes: presentación más coherente */
.about-image img,.nosotros-image img,.historia-image img,.institucion-img img{border-radius:16px!important;box-shadow:var(--shadow-soft)!important}
.about-image:after,.historia-image:after{content:"Trujillo · La Libertad";position:absolute;left:16px;bottom:16px;background:rgba(4,28,53,.83);color:#fff;padding:7px 10px;border-left:3px solid var(--colitur-gold);font-size:10px;font-weight:700;letter-spacing:.4px;border-radius:4px}

/* Council interno */
.council-intro-card{border-top:4px solid var(--colitur-gold)!important}
.council-card{border-radius:12px!important;overflow:hidden!important;box-shadow:var(--shadow-card)!important;border:1px solid var(--colitur-border)!important}
.council-photo{background:#86a9cb!important}
.council-photo img{object-position:center top!important}
.council-card-body{background:linear-gradient(180deg,#fff,#f7fafc)!important}
.council-card-body>span{color:var(--colitur-gold-dark)!important;font-weight:800!important}

/* Portal del colegiado */
.portal-login-section{background:
linear-gradient(90deg,rgba(3,25,49,.91),rgba(5,38,70,.74)),url('/assets/img/trujillo/hero-institucional.jpg') center/cover no-repeat!important;padding:64px 20px!important}
.portal-login-shell{box-shadow:0 28px 70px rgba(0,0,0,.25)!important;border-radius:22px!important;overflow:hidden!important}
.portal-login-brand{background:linear-gradient(155deg,rgba(8,47,86,.96),rgba(4,28,53,.98))!important}
.portal-login-brand img{background:#fff;border-radius:50%;padding:6px}
.portal-inner{background:#f4f8fb!important}
.portal-page-head h1{color:var(--colitur-navy)!important}
.portal-section-card{border:1px solid var(--colitur-border)!important;box-shadow:var(--shadow-card)!important}

/* Login administrativo con Trujillo */
.login-container{min-height:100vh!important;background:linear-gradient(120deg,rgba(3,25,49,.90),rgba(8,47,86,.72)),url('/assets/img/trujillo/hero-institucional.jpg') center/cover no-repeat!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:30px!important}
.login-box{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 26px 70px rgba(0,0,0,.27)!important;border-radius:18px!important;max-width:420px!important}
.login-box img{background:#fff;border-radius:50%;padding:4px}
.login-box h2{color:var(--colitur-navy)!important}

/* Footer profesional */
.colitur-footer{margin-top:0!important;background:linear-gradient(135deg,#041c35,#082f56)!important;position:relative;overflow:hidden;padding-top:46px!important}
.footer-skyline{position:absolute;inset:auto 0 0 0;height:180px;opacity:.045;background:url('/assets/img/trujillo/centro-historico.jpg') center 65%/cover no-repeat;filter:grayscale(1)}
.colitur-footer .footer-grid{position:relative;z-index:2;grid-template-columns:1.55fr .8fr .8fr 1fr;gap:32px}
.colitur-footer .footer-logo{width:82px;height:82px;background:#fff;border-radius:50%;padding:4px}
.colitur-footer .footer-brand h3{font-size:16px;margin:0 0 3px}
.colitur-footer .footer-brand strong{color:var(--colitur-gold);font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.footer-location-chip{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:7px 11px;font-size:10px;color:rgba(255,255,255,.8)}
.footer-location-chip i{color:var(--colitur-gold)}
.footer-contact-btn{display:inline-flex;align-items:center;gap:8px;color:var(--colitur-gold);font-size:11px;font-weight:700;margin-top:7px}
.colitur-footer .copy{position:relative;z-index:2}

/* Responsive */
@media(max-width:1240px){
  .colitur-header .main-menu>ul>li>a{padding-left:11px;padding-right:11px;font-size:11.5px}
  .council-home-grid{grid-template-columns:repeat(5,1fr);gap:8px}
  .council-home-card img{height:250px}
  .featured-service-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  html{scroll-padding-top:100px}
  .header-utility{display:none}
  .header-brand-inner{min-height:76px}
  .colitur-header .header-logo img{width:62px;height:62px}
  .colitur-header .header-logo-text h1{font-size:17px}
  .colitur-header .header-logo-text strong{font-size:12px}
  .colitur-header .header-logo-text span{font-size:11px}
  .header-nav-row{position:relative}
  .mobile-menu-toggle{display:grid;place-items:center}
  .header-search-link{display:none}
  .colitur-header .main-menu{display:none;position:absolute;top:0;left:0;right:0;background:var(--colitur-navy-dark);box-shadow:0 16px 35px rgba(0,0,0,.22)}
  .colitur-header .main-menu.active{display:block}
  .colitur-header .main-menu ul{display:block!important}
  .colitur-header .main-menu>ul>li>a{padding:13px 5%;border-bottom:1px solid rgba(255,255,255,.08)}
  .colitur-header .main-menu .submenu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:none;border-radius:0;background:#fff;padding:0}
  .colitur-header .dropdown:hover>.submenu{display:block}
  .home-hero-inner{min-height:520px}
  .home-hero h1{font-size:54px}
  .hero-region-seal{display:none}
  .quick-services-grid{grid-template-columns:repeat(2,1fr)}
  .news-events-modern-grid{grid-template-columns:1fr}
  .events-modern-col{border-left:none;padding-left:0}
  .portal-cta-grid{grid-template-columns:1fr}
  .colitur-footer .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .header-brand-inner{padding:6px 0}
  .colitur-header .header-logo{gap:10px;flex-direction:row;text-align:left}
  .colitur-header .header-logo img{width:54px;height:54px}
  .colitur-header .header-logo-text strong{font-size:9.5px}
  .colitur-header .header-logo-text h1{font-size:13px;max-width:240px}
  .colitur-header .header-logo-text span{font-size:9px}
  .btn-login-top{display:none}
  .home-hero{min-height:520px;background-position:55% center}
  .home-hero-inner{min-height:520px;padding-top:42px;align-items:flex-end}
  .home-hero h1{font-size:42px;letter-spacing:-1.3px}
  .home-hero-copy>p{font-size:14px}
  .hero-values{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:20px}
  .hero-values>div:nth-child(3){grid-column:1/-1}
  .quick-services{margin-top:0;padding-top:14px}
  .quick-services-grid{grid-template-columns:1fr}
  .quick-card{min-height:88px}
  .home-section{padding:42px 0}
  .section-heading-row{align-items:flex-start;flex-direction:column;gap:12px}
  .section-heading-row h2,.section-heading-center h2{font-size:28px}
  .section-more{align-self:flex-start}
  .council-home-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:8px}
  .council-home-card{min-width:165px;scroll-snap-align:start}
  .council-home-card img{height:240px}
  .featured-service-grid{grid-template-columns:repeat(2,1fr)}
  .region-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}
  .region-card,.region-card.large,.region-card:nth-child(4){grid-column:auto;grid-row:auto;height:270px}
  .news-modern-grid{grid-template-columns:1fr}
  .news-modern-card,.news-modern-card.featured{grid-column:auto;grid-template-columns:1fr;min-height:0}
  .news-modern-card img,.news-modern-card.featured img{height:210px}
  .consulta-modern-shell{grid-template-columns:1fr}
  .consulta-modern-table{grid-column:auto}
  .portal-cta-grid h2{font-size:30px}
  .portal-card-preview ul{grid-template-columns:1fr}
  .interest-links-grid{grid-template-columns:1fr}
  .page-banner{height:250px!important}
  .page-banner-content h1{font-size:34px!important}
  .colitur-footer .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .home-hero h1{font-size:35px}
  .hero-values{grid-template-columns:1fr}
  .hero-values>div:nth-child(3){grid-column:auto}
  .featured-service-grid{grid-template-columns:1fr 1fr}
  .featured-service-grid a{min-height:130px;padding:17px 8px}
  .portal-cta-actions{flex-direction:column;align-items:stretch}
}
.transparencia-pendiente{display:inline-flex;align-items:center;gap:7px;color:#7b8794!important;background:#f3f6f8;border:1px solid #dfe6ec;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.social-icons-pending span{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:rgba(255,255,255,.72);cursor:default}.document-verify-search{padding:70px 0;background:#f5f8fb}.verify-search-card{background:#fff;border:1px solid var(--colitur-border);border-radius:20px;padding:38px;box-shadow:var(--shadow-card);text-align:center}.verify-search-icon{width:72px;height:72px;border-radius:18px;background:var(--colitur-blue-light);color:var(--colitur-navy);display:grid;place-items:center;font-size:30px;margin:0 auto 18px}.verify-search-card h2{color:var(--colitur-navy);font-size:30px;margin:7px 0 10px}.verify-search-card p{color:var(--colitur-muted);line-height:1.7;max-width:620px;margin:0 auto 22px}.verify-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:650px;margin:0 auto 16px}.verify-search-form input{height:48px;border:1px solid #cad7e2;border-radius:9px;padding:0 14px;font:inherit}.verify-search-form button{height:48px;border:0;border-radius:9px;background:var(--colitur-navy);color:#fff;padding:0 20px;font:inherit;font-weight:700;cursor:pointer}.verify-search-card>small{color:#8795a5;font-size:10px}@media(max-width:620px){.verify-search-form{grid-template-columns:1fr}.verify-search-card{padding:28px 20px}}