/* ==========================================================
   INSTITUCIONAL 2026
   ========================================================== */

:root{
    --ap-verde:#0b3029;
    --ap-verde-claro:#123f35;
    --ap-lima:#d7ef35;
    --ap-blanco:#ffffff;
    --ap-texto:#dce8e4;
}

/* Fondo general */
html,
body,
#wrap,
#elContenidoDelSitio{
    background:var(--ap-verde) !important;
}

/* Ocultar aviso de mantenimiento */
.ap-renovation-notice{
    display:none !important;
}

/* ==========================================================
   CABECERA
   ========================================================== */

#laCabeceraDelSitio,
#laCabeceraDelSitio > .row{
    background:var(--ap-verde) !important;
}

#laCabeceraDelSitio{
    border-bottom:3px solid var(--ap-lima) !important;
}

/* Menu principal */
#menuPrincipalSitio,
.navbar,
.navbar-default,
.navbar-collapse{
    background:var(--ap-verde) !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.16) !important;
}

#menuPrincipalSitio a{
    color:#ffffff !important;
}

#menuPrincipalSitio a:hover,
#menuPrincipalSitio .active > a{
    color:var(--ap-lima) !important;
    background:transparent !important;
}

/* ==========================================================
   CONTENIDO
   ========================================================== */

#elContenidoDelSitio{
    position:relative !important;
    overflow:hidden !important;

    width:100% !important;
    max-width:none !important;

    padding:55px 0 70px !important;
    color:var(--ap-texto) !important;
}

/* Contenedor real */
#elContenidoDelSitio > h2,
#elContenidoDelSitio > .row{
    position:relative !important;
    z-index:3 !important;

    width:100% !important;
    max-width:1180px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}

/* Titulo principal */
#elContenidoDelSitio > h2.sinPadding{
    margin-top:0 !important;
    margin-bottom:30px !important;

    padding:0 30px !important;

    color:#ffffff !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
}

/* Kicker visual */
#elContenidoDelSitio > h2.sinPadding:before{
    content:"INSTITUCIONAL" !important;

    display:block !important;
    margin-bottom:8px !important;

    color:var(--ap-lima) !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
}

/* Línea decorativa */
#elContenidoDelSitio > h2.sinPadding:after{
    content:"" !important;

    display:block !important;
    width:48px !important;
    height:3px !important;

    margin-top:15px !important;

    background:var(--ap-lima) !important;
    border-radius:4px !important;
}

/* ==========================================================
   ESTRUCTURA 2 COLUMNAS
   ========================================================== */

#elContenidoDelSitio > .row{
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:30px !important;

    padding:0 30px !important;
}

#elContenidoDelSitio > .row > .col-lg-3,
#elContenidoDelSitio > .row > .col-sm-3,
#elContenidoDelSitio > .row > .col-lg-9,
#elContenidoDelSitio > .row > .col-sm-9{
    width:100% !important;
    float:none !important;
    padding:0 !important;
}

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

#elContenidoDelSitio .well{
    margin:0 0 22px !important;
    padding:0 !important;

    overflow:hidden !important;

    background:transparent !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:12px !important;

    box-shadow:none !important;
}

#tabMenuSeccion{
    margin:0 !important;
    padding:0 !important;

    border:0 !important;
}

#tabMenuSeccion > li{
    float:none !important;
    margin:0 !important;
}

#tabMenuSeccion > li > a{
    position:relative !important;

    margin:0 !important;
    padding:15px 42px 15px 18px !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
    border-radius:0 !important;

    background:transparent !important;

    color:#ffffff !important;
    font-size:15px !important;

    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease !important;
}

#tabMenuSeccion > li:last-child > a{
    border-bottom:0 !important;
}

/* Flecha */
#tabMenuSeccion > li > a:after{
    content:"›" !important;

    position:absolute !important;
    right:16px !important;
    top:50% !important;

    transform:translateY(-52%) !important;

    color:var(--ap-lima) !important;
    font-size:25px !important;
}

/* Hover */
#tabMenuSeccion > li > a:hover{
    padding-left:23px !important;
    background:var(--ap-verde-claro) !important;
    color:var(--ap-lima) !important;
}

/* Activo */
#tabMenuSeccion > li.active > a,
#tabMenuSeccion > li.active > a:hover,
#tabMenuSeccion > li.active > a:focus{
    background:var(--ap-lima) !important;
    color:var(--ap-verde) !important;
    font-weight:700 !important;
}

/* Flecha activa */
#tabMenuSeccion > li.active > a:after{
    color:var(--ap-verde) !important;
}

/* ==========================================================
   CONTENIDO DERECHO
   ========================================================== */

#elContenidoDelSitio .tab-content{
    width:100% !important;
}

#elContenidoDelSitio .tab-pane{
    width:100% !important;
}

/* Panel principal */
#elContenidoDelSitio .panel.panel-primary{
    margin:0 !important;

    overflow:hidden !important;

    background:#ffffff !important;
    border:0 !important;
    border-radius:16px !important;

    box-shadow:0 14px 36px rgba(0,0,0,.22) !important;
}

/* Contenido */
#elContenidoDelSitio .panel.panel-primary .panel-body{
    padding:32px !important;

    background:#ffffff !important;

    color:#33443e !important;
    font-size:15px !important;
    line-height:1.7 !important;
}

/* Titulos dentro del contenido */
#elContenidoDelSitio .panel-body h1,
#elContenidoDelSitio .panel-body h2,
#elContenidoDelSitio .panel-body h3,
#elContenidoDelSitio .panel-body h4{
    color:#073f32 !important;
}

/* Links */
#elContenidoDelSitio .panel-body a{
    color:#2f695a !important;
    font-weight:600 !important;
}

/* Imagenes */
#elContenidoDelSitio .panel-body img{
    max-width:100% !important;
    height:auto !important;

    border-radius:10px !important;
}

/* ==========================================================
   DECORACION
   ========================================================== */

/* Puntos lima */
#elContenidoDelSitio:before{
    content:"" !important;

    position:absolute !important;
    left:25px !important;
    top:135px !important;

    width:115px !important;
    height:270px !important;

    background-image:
        radial-gradient(
            circle,
            rgba(215,239,53,.70) 2px,
            transparent 2px
        ) !important;

    background-size:18px 18px !important;

    opacity:.45 !important;
    z-index:1 !important;
}

/* Figura tipo poste */
#elContenidoDelSitio:after{
    content:"" !important;

    position:absolute !important;
   
    top:100px !important;

    width:180px !important;
    height:520px !important;

    opacity:.10 !important;
    z-index:1 !important;

    background:
       
            90deg,
            transparent 47%,
            #ffffff 48%,
            #ffffff 49%,
            transparent 50%
        ),
        linear-gradient(
            145deg,
            transparent 44%,
            #ffffff 45%,
            #ffffff 46%,
            transparent 47%
        ) !important;

    border-radius:50% !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

#footer,
.ap-footer-2026,
.ap-footer-inner{
    background:var(--ap-verde) !important;
}

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

@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
    }

    #elContenidoDelSitio .panel.panel-primary .panel-body{
        padding:25px !important;
    }
}

@media(max-width:767px){

    #elContenidoDelSitio{
        padding:35px 0 50px !important;
    }

    #elContenidoDelSitio > h2.sinPadding,
    #elContenidoDelSitio > .row{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    #elContenidoDelSitio > h2.sinPadding{
        font-size:28px !important;
    }

    #elContenidoDelSitio:before,
    #elContenidoDelSitio:after{
        display:none !important;
    }
}


/* ==========================================================
   AJUSTES FINALES INSTITUCIONAL 2026
   ========================================================== */

/* Quitar aviso superior de renovacion */
.ap-renovation-notice{
    display:none !important;
}

/* Footer completamente integrado al verde institucional */
#footer,
.ap-footer-2026,
.ap-footer-inner{
    background:#0b3029 !important;
}

/* Informacion institucional: eliminar fondos blancos */
.ap-footer-2026 .list-group,
.ap-footer-2026 .panel,
.ap-footer-2026 .panel-default,
.ap-footer-2026 .panel-body,
.ap-footer-2026 .panel-heading,
.ap-footer-2026 .well{
    background:#0b3029 !important;
    box-shadow:none !important;
}

/* Opciones de Informacion institucional */
.ap-footer-2026 .list-group-item{
    position:relative !important;

    background:#0b3029 !important;
    color:#d7ef35 !important;

    border-left:1px solid rgba(255,255,255,.22) !important;
    border-right:1px solid rgba(255,255,255,.22) !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;

    padding:15px 42px 15px 16px !important;

    transition:
        background .25s ease,
        color .25s ease,
        padding-left .25s ease !important;
}

/* Primera opcion */
.ap-footer-2026 .list-group-item:first-child{
    border-top:1px solid rgba(255,255,255,.22) !important;
    border-radius:6px 6px 0 0 !important;
}

/* Ultima opcion */
.ap-footer-2026 .list-group-item:last-child{
    border-radius:0 0 6px 6px !important;
}

/* Flecha a la derecha */
.ap-footer-2026 .list-group-item::after{
    content:"›" !important;

    position:absolute !important;
    right:17px !important;
    top:50% !important;

    transform:translateY(-52%) !important;

    color:#d7ef35 !important;
    font-size:28px !important;
    line-height:1 !important;
}

/* Efecto al pasar el mouse */
.ap-footer-2026 .list-group-item:hover,
.ap-footer-2026 .list-group-item:focus{
    background:#123f35 !important;
    color:#efff75 !important;
    padding-left:22px !important;
    text-decoration:none !important;
}

/* Texto general del footer en lima */
.ap-footer-2026 p,
.ap-footer-2026 address,
.ap-footer-2026 span,
.ap-footer-2026 strong,
.ap-footer-2026 b,
.ap-footer-2026 a{
    color:#d7ef35 !important;
}

/* Titulos permanecen blancos */
.ap-footer-2026 h1,
.ap-footer-2026 h2,
.ap-footer-2026 h3,
.ap-footer-2026 h4,
.ap-footer-2026 h5,
.ap-footer-2026 h6{
    color:#ffffff !important;
}

/* Hover de enlaces */
.ap-footer-2026 a:hover,
.ap-footer-2026 a:focus{
    color:#efff75 !important;
    text-decoration:none !important;
    text-shadow:0 0 8px rgba(215,239,53,.35) !important;
}


/* ==========================================================
   AJUSTE FINAL DE ESCALA - INSTITUCIONAL
   ========================================================== */

/* Contenedor general más ancho */
#elContenidoDelSitio{
    padding:55px 0 55px !important;
}

/* Título */
#elContenidoDelSitio > h2.sinPadding{
    max-width:1180px !important;
    margin:0 auto 30px !important;
    padding:0 30px !important;

    font-size:38px !important;
    line-height:1.15 !important;
}

/* Estructura principal */
#elContenidoDelSitio > .row{
    width:100% !important;
    max-width:1180px !important;

    margin:0 auto !important;
    padding:0 30px !important;

    display:grid !important;
    grid-template-columns:300px minmax(0,1fr) !important;
    gap:34px !important;
}

/* Columnas */
#elContenidoDelSitio > .row > .col-lg-3,
#elContenidoDelSitio > .row > .col-sm-3,
#elContenidoDelSitio > .row > .col-lg-9,
#elContenidoDelSitio > .row > .col-sm-9{
    width:100% !important;
    float:none !important;
    padding:0 !important;
}

/* Menú lateral más grande */
#tabMenuSeccion > li > a{
    min-height:52px !important;
    padding:16px 44px 16px 20px !important;

    font-size:16px !important;
    line-height:1.35 !important;
}

/* Tarjeta principal */
#elContenidoDelSitio .panel.panel-primary{
    width:100% !important;
    min-height:360px !important;

    border-radius:18px !important;
}

/* Contenido interno */
#elContenidoDelSitio .panel.panel-primary .panel-body{
    padding:38px 42px !important;

    font-size:16px !important;
    line-height:1.75 !important;
}

/* Títulos internos */
#elContenidoDelSitio .panel-body h1,
#elContenidoDelSitio .panel-body h2,
#elContenidoDelSitio .panel-body h3{
    font-size:26px !important;
    line-height:1.25 !important;
    margin-top:0 !important;
    margin-bottom:18px !important;
}

/* Documentos de interés */
#elContenidoDelSitio .col-lg-3 .panel,
#elContenidoDelSitio .col-sm-3 .panel{
    margin-top:22px !important;
}

/* Footer más cerca */
#footer{
    margin-top:0 !important;
}

/* Evitar hueco vertical excesivo */
#wrap{
    min-height:auto !important;
}

/* Responsive */
@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    #elContenidoDelSitio .panel.panel-primary .panel-body{
        padding:28px !important;
    }
}

@media(max-width:767px){

    #elContenidoDelSitio > h2.sinPadding{
        font-size:30px !important;
    }

    #elContenidoDelSitio > .row{
        padding-left:18px !important;
        padding-right:18px !important;
    }
}


/* ==========================================================
   HEADER INSTITUCIONAL IGUAL A PAGINA PRINCIPAL
   ========================================================== */

/* CABECERA VERDE */
#laCabeceraDelSitio{
    width:100% !important;
    max-width:none !important;
    min-height:120px !important;

    margin:0 !important;
    padding:0 !important;

    background:#0b3029 !important;

    border-bottom:3px solid #d7ef35 !important;

    position:relative !important;
}

/* Contenedor interno de los logos */
#laCabeceraDelSitio > .row{
    width:100% !important;
    max-width:1180px !important;
    min-height:120px !important;

    margin:0 auto !important;
    padding:15px 25px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#0b3029 !important;
}

/* Columna Alumbrado */
#laCabeceraDelSitio .col-lg-5,
#laCabeceraDelSitio .col-md-5,
#laCabeceraDelSitio .col-sm-5{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:45% !important;
    padding:0 !important;
}

/* Logo Alumbrado blanco/lima */
#laCabeceraDelSitio .col-lg-5 img,
#laCabeceraDelSitio .col-md-5 img,
#laCabeceraDelSitio .col-sm-5 img{
    content:url('/files/images/logo_alumbrado_blanco_verde_2026.png') !important;

    display:block !important;
    width:185px !important;
    max-width:100% !important;
    height:auto !important;

    margin:0 !important;
}

/* Columna Alcaldia */
#laCabeceraDelSitio .col-lg-7,
#laCabeceraDelSitio .col-md-7,
#laCabeceraDelSitio .col-sm-7{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    width:55% !important;
    padding:0 !important;
}

/* Logo Alcaldia blanco */
#laCabeceraDelSitio .col-lg-7 img,
#laCabeceraDelSitio .col-md-7 img,
#laCabeceraDelSitio .col-sm-7 img{
    content:url('/files/images/logo_alcaldia_blanco_2026.png') !important;

    display:block !important;
    width:250px !important;
    max-width:100% !important;
    height:auto !important;

    margin:0 !important;
}

/* ==========================================================
   LINEA LIMA CON RESPLANDOR
   ========================================================== */

#laCabeceraDelSitio::after{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    bottom:-3px !important;

    width:100% !important;
    height:4px !important;

    background:#d7ef35 !important;

    box-shadow:
        0 0 5px rgba(215,239,53,.90),
        0 0 12px rgba(215,239,53,.55) !important;

    z-index:20 !important;
}

/* ==========================================================
   MENU AZUL IGUAL A INICIO
   ========================================================== */

#menuPrincipalSitio,
.navbar,
.navbar-default{
    width:100% !important;

    margin:0 !important;

    background:#2d4668 !important;

    border:0 !important;
    border-radius:0 !important;

    min-height:66px !important;
}

/* Contenedor del menu */
#menuPrincipalSitio > .container{
    width:100% !important;
    max-width:1180px !important;

    margin:0 auto !important;
}

/* Links */
#menuPrincipalSitio .navbar-nav > li > a{
    color:#ffffff !important;

    padding-top:23px !important;
    padding-bottom:23px !important;

    background:transparent !important;

    font-size:14px !important;
}

/* Hover */
#menuPrincipalSitio .navbar-nav > li > a:hover,
#menuPrincipalSitio .navbar-nav > li > a:focus{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.04) !important;
}

/* Institucional activo */
#menuPrincipalSitio .navbar-nav > li.active > a,
#menuPrincipalSitio .navbar-nav > li.active > a:hover,
#menuPrincipalSitio .navbar-nav > li.active > a:focus{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.05) !important;
}

/* Icono ingreso */
#menuPrincipalSitio .glyphicon,
#menuPrincipalSitio .fa,
#menuPrincipalSitio .fas{
    color:#ffffff !important;
}

/* ==========================================================
   MOVIL
   ========================================================== */

@media(max-width:767px){

    #laCabeceraDelSitio,
    #laCabeceraDelSitio > .row{
        min-height:90px !important;
    }

    #laCabeceraDelSitio > .row{
        padding:12px 18px !important;
    }

    #laCabeceraDelSitio .col-lg-5 img,
    #laCabeceraDelSitio .col-md-5 img,
    #laCabeceraDelSitio .col-sm-5 img{
        width:145px !important;
    }

    #laCabeceraDelSitio .col-lg-7,
    #laCabeceraDelSitio .col-md-7,
    #laCabeceraDelSitio .col-sm-7{
        display:none !important;
    }

    #menuPrincipalSitio{
        min-height:auto !important;
    }
}


/* ==========================================================
   HEADER INSTITUCIONAL IGUAL AL INICIO
   ========================================================== */

/* Cabecera verde */
#laCabeceraDelSitio{
    width:100% !important;
    max-width:none !important;
    min-height:122px !important;

    margin:0 !important;
    padding:0 !important;

    background:#0b3029 !important;
    border-bottom:3px solid #d7ef35 !important;

    position:relative !important;
}

/* Contenedor interno */
#laCabeceraDelSitio > .row{
    width:100% !important;
    max-width:1180px !important;
    min-height:122px !important;

    margin:0 auto !important;
    padding:0 25px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    background:#0b3029 !important;
}

/* Logo Alumbrado */
#laCabeceraDelSitio .col-lg-5,
#laCabeceraDelSitio .col-md-5,
#laCabeceraDelSitio .col-sm-5{
    width:45% !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

#laCabeceraDelSitio .col-lg-5 img,
#laCabeceraDelSitio .col-md-5 img,
#laCabeceraDelSitio .col-sm-5 img{
    content:url('/files/images/logo_alumbrado_blanco_verde_2026.png') !important;

    width:180px !important;
    max-width:100% !important;
    height:auto !important;

    display:block !important;
    margin:0 !important;
}

/* Logo Alcaldía */
#laCabeceraDelSitio .col-lg-7,
#laCabeceraDelSitio .col-md-7,
#laCabeceraDelSitio .col-sm-7{
    width:55% !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

#laCabeceraDelSitio .col-lg-7 img,
#laCabeceraDelSitio .col-md-7 img,
#laCabeceraDelSitio .col-sm-7 img{
    content:url('/files/images/logo_alcaldia_blanco_2026.png') !important;

    width:245px !important;
    max-width:100% !important;
    height:auto !important;

    display:block !important;
    margin:0 !important;
}

/* ==========================================================
   BARRA DE MENU IGUAL A LA PORTADA
   ========================================================== */

#menuPrincipalSitio,
.navbar,
.navbar-default{
    width:100% !important;
    min-height:64px !important;

    margin:0 !important;
    padding:0 !important;

    background:#2d4668 !important;

    border:0 !important;
    border-radius:0 !important;
}

/* Contenedor del menú */
#menuPrincipalSitio > .container{
    width:100% !important;
    max-width:1180px !important;

    margin:0 auto !important;
    padding:0 15px !important;
}

/* Navegación */
#menuPrincipalSitio .navbar-nav{
    margin:0 !important;
}

/* Opciones */
#menuPrincipalSitio .navbar-nav > li > a{
    min-height:64px !important;

    padding:22px 18px !important;

    display:flex !important;
    align-items:center !important;

    color:#ffffff !important;
    background:transparent !important;

    font-size:14px !important;
    line-height:20px !important;
}

/* Inicio */
#menuPrincipalSitio .navbar-nav > li:first-child > a{
    font-weight:700 !important;
}

/* Hover */
#menuPrincipalSitio .navbar-nav > li > a:hover,
#menuPrincipalSitio .navbar-nav > li > a:focus{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.04) !important;
}

/* Institucional activo */
#menuPrincipalSitio .navbar-nav > li.active > a,
#menuPrincipalSitio .navbar-nav > li.active > a:hover,
#menuPrincipalSitio .navbar-nav > li.active > a:focus{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.05) !important;
}

/* Login a la derecha */
#menuPrincipalSitio .navbar-right{
    margin-right:0 !important;
}

#menuPrincipalSitio .navbar-right > li > a{
    color:#ffffff !important;
}

/* Línea luminosa entre header y menú */
#laCabeceraDelSitio::after{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    bottom:-3px !important;

    width:100% !important;
    height:4px !important;

    background:#d7ef35 !important;

    box-shadow:
        0 0 5px rgba(215,239,53,.9),
        0 0 12px rgba(215,239,53,.55) !important;

    z-index:20 !important;
}

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

@media(max-width:767px){

    #laCabeceraDelSitio,
    #laCabeceraDelSitio > .row{
        min-height:90px !important;
    }

    #laCabeceraDelSitio > .row{
        padding:0 18px !important;
    }

    #laCabeceraDelSitio .col-lg-5 img,
    #laCabeceraDelSitio .col-md-5 img,
    #laCabeceraDelSitio .col-sm-5 img{
        width:145px !important;
    }

    #laCabeceraDelSitio .col-lg-7,
    #laCabeceraDelSitio .col-md-7,
    #laCabeceraDelSitio .col-sm-7{
        display:none !important;
    }

    #menuPrincipalSitio{
        min-height:auto !important;
    }

    #menuPrincipalSitio .navbar-nav > li > a{
        min-height:auto !important;
        padding:12px 18px !important;
    }
}


/* ==========================================================
   INSTITUCIONAL - AJUSTE VISUAL SEGUN REFERENCIA
   ========================================================== */

/* Fondo continuo */
html,
body,
#wrap,
#elContenidoDelSitio,
#footer,
.ap-footer-2026{
    background:#0b3029 !important;
}

/* Contenido principal más compacto */
#elContenidoDelSitio{
    padding:32px 0 38px !important;
}

/* Título */
#elContenidoDelSitio > h2.sinPadding{
    max-width:1120px !important;
    margin:0 auto 18px !important;
    padding:0 22px !important;

    font-size:28px !important;
    line-height:1.15 !important;
}

#elContenidoDelSitio > h2.sinPadding:before{
    font-size:11px !important;
    margin-bottom:5px !important;
}

#elContenidoDelSitio > h2.sinPadding:after{
    width:38px !important;
    height:3px !important;
    margin-top:10px !important;
}

/* Estructura principal */
#elContenidoDelSitio > .row{
    max-width:1120px !important;
    margin:0 auto !important;
    padding:0 22px !important;

    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
    gap:24px !important;
}

/* Menú lateral */
#elContenidoDelSitio .well{
    border-radius:8px !important;
    margin-bottom:14px !important;
}

#tabMenuSeccion > li > a{
    min-height:42px !important;
    padding:11px 38px 11px 16px !important;

    font-size:13px !important;
    line-height:1.25 !important;
}

/* Activo */
#tabMenuSeccion > li.active > a{
    background:#d7ef35 !important;
    color:#0b3029 !important;
}

/* Documentos de su interés */
#elContenidoDelSitio .col-lg-3 .panel,
#elContenidoDelSitio .col-sm-3 .panel{
    margin-top:14px !important;
    border-radius:8px !important;
}

/* Tarjeta derecha */
#elContenidoDelSitio .panel.panel-primary{
    min-height:0 !important;
    border-radius:10px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.18) !important;
}

/* Contenido de la tarjeta */
#elContenidoDelSitio .panel.panel-primary .panel-body{
    padding:24px 26px !important;

    font-size:14px !important;
    line-height:1.55 !important;
}

/* Títulos internos */
#elContenidoDelSitio .panel-body h1,
#elContenidoDelSitio .panel-body h2,
#elContenidoDelSitio .panel-body h3{
    margin-top:0 !important;
    margin-bottom:12px !important;

    font-size:22px !important;
    line-height:1.2 !important;
}

/* Footer más cercano */
#footer{
    margin-top:0 !important;
    padding-top:0 !important;
}

.ap-footer-2026{
    padding-top:24px !important;
}

/* Reducir separación general */
#wrap{
    min-height:auto !important;
}

/* Responsive */
@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
    }

    #elContenidoDelSitio .panel.panel-primary .panel-body{
        padding:22px !important;
    }
}


/* ==========================================================
   INSTITUCIONAL - AJUSTE FINAL SEGUN REFERENCIA
   ========================================================== */

/* ===== BARRA DE MENU COMPLETAMENTE AZUL ===== */

#menuPrincipalSitio,
#menuPrincipalSitio .container,
#menuPrincipalSitio .navbar-collapse,
#menuPrincipalSitio .navbar-nav,
.navbar,
.navbar-default{
    background:#2d4668 !important;
}

/* Quitar cualquier verde heredado del centro */
#menuPrincipalSitio .container{
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto !important;
    padding:0 15px !important;
}

/* Menu */
#menuPrincipalSitio .navbar-nav > li{
    background:transparent !important;
}

#menuPrincipalSitio .navbar-nav > li > a{
    color:#ffffff !important;
    background:transparent !important;

    min-height:64px !important;
    padding:22px 18px !important;

    display:flex !important;
    align-items:center !important;

    font-size:14px !important;
}

/* Institucional activo */
#menuPrincipalSitio .navbar-nav > li.active > a,
#menuPrincipalSitio .navbar-nav > li.active > a:hover,
#menuPrincipalSitio .navbar-nav > li.active > a:focus{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.06) !important;
}

/* Hover */
#menuPrincipalSitio .navbar-nav > li > a:hover{
    color:#d7ef35 !important;
    background:rgba(255,255,255,.04) !important;
}

/* ==========================================================
   AREA INSTITUCIONAL
   ========================================================== */

#elContenidoDelSitio{
    padding:38px 0 42px !important;
}

/* Titulo */
#elContenidoDelSitio > h2.sinPadding{
    width:100% !important;
    max-width:1120px !important;

    margin:0 auto 22px !important;
    padding:0 25px !important;

    color:#ffffff !important;
    font-size:30px !important;
    font-weight:700 !important;
}

/* Estructura como la referencia:
   izquierda menu + documentos
   derecha contenido
*/
#elContenidoDelSitio > .row{
    width:100% !important;
    max-width:1120px !important;

    margin:0 auto !important;
    padding:0 25px !important;

    display:grid !important;
    grid-template-columns:270px minmax(0,1fr) !important;
    gap:26px !important;

    align-items:start !important;
}

/* Columna izquierda */
#elContenidoDelSitio > .row > .col-lg-3,
#elContenidoDelSitio > .row > .col-sm-3{
    grid-column:1 !important;
    width:100% !important;
    float:none !important;
    padding:0 !important;
}

/* Columna derecha */
#elContenidoDelSitio > .row > .col-lg-9,
#elContenidoDelSitio > .row > .col-sm-9{
    grid-column:2 !important;
    grid-row:1 !important;

    width:100% !important;
    float:none !important;
    padding:0 !important;
}

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

#elContenidoDelSitio .well{
    margin:0 0 18px !important;
    padding:0 !important;

    background:transparent !important;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:8px !important;

    overflow:hidden !important;
}

#tabMenuSeccion{
    margin:0 !important;
    border:0 !important;
}

#tabMenuSeccion > li{
    float:none !important;
    margin:0 !important;
}

#tabMenuSeccion > li > a{
    position:relative !important;

    min-height:44px !important;
    margin:0 !important;
    padding:12px 40px 12px 16px !important;

    background:transparent !important;

    color:#ffffff !important;

    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.15) !important;
    border-radius:0 !important;

    font-size:14px !important;
}

/* Flecha */
#tabMenuSeccion > li > a:after{
    content:"›" !important;

    position:absolute !important;
    right:15px !important;
    top:50% !important;

    transform:translateY(-52%) !important;

    color:#d7ef35 !important;
    font-size:24px !important;
}

/* Activo lima */
#tabMenuSeccion > li.active > a,
#tabMenuSeccion > li.active > a:hover,
#tabMenuSeccion > li.active > a:focus{
    background:#d7ef35 !important;
    color:#0b3029 !important;
    font-weight:700 !important;
}

#tabMenuSeccion > li.active > a:after{
    color:#0b3029 !important;
}

/* ==========================================================
   TARJETA DE CONTENIDO A LA DERECHA
   ========================================================== */

#elContenidoDelSitio .tab-content{
    width:100% !important;
}

#elContenidoDelSitio .tab-pane.active{
    display:block !important;
    width:100% !important;
}

#elContenidoDelSitio .panel.panel-primary{
    width:100% !important;
    min-height:300px !important;

    margin:0 !important;

    background:#ffffff !important;

    border:0 !important;
    border-radius:12px !important;

    box-shadow:0 10px 28px rgba(0,0,0,.20) !important;
}

#elContenidoDelSitio .panel.panel-primary .panel-body{
    padding:30px 34px !important;

    background:#ffffff !important;
    color:#33443e !important;

    font-size:15px !important;
    line-height:1.65 !important;
}

/* Titulos dentro de tarjeta */
#elContenidoDelSitio .panel-body h1,
#elContenidoDelSitio .panel-body h2,
#elContenidoDelSitio .panel-body h3{
    color:#073f32 !important;
    font-size:25px !important;
    margin:0 0 16px !important;
}

/* ==========================================================
   BLOQUE DOCUMENTOS IZQUIERDA
   ========================================================== */

#elContenidoDelSitio .col-lg-3 .panel,
#elContenidoDelSitio .col-sm-3 .panel{
    width:100% !important;

    margin:18px 0 0 !important;

    border-radius:9px !important;
}

/* ==========================================================
   FOOTER MAS CERCA DEL CONTENIDO
   ========================================================== */

#wrap{
    min-height:auto !important;
}

#footer{
    margin-top:0 !important;
}

.ap-footer-2026{
    padding-top:28px !important;
}

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

@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
    }

    #elContenidoDelSitio > .row > .col-lg-3,
    #elContenidoDelSitio > .row > .col-sm-3,
    #elContenidoDelSitio > .row > .col-lg-9,
    #elContenidoDelSitio > .row > .col-sm-9{
        grid-column:1 !important;
        grid-row:auto !important;
    }
}


/* ==========================================================
   INSTITUCIONAL - AJUSTE VISUAL SEGUN REFERENCIA FINAL
   ========================================================== */

/* Fondo */
#elContenidoDelSitio{
    position:relative !important;
    overflow:hidden !important;
    padding:34px 0 42px !important;
}

/* Titulo */
#elContenidoDelSitio > h2.sinPadding{
    max-width:1120px !important;
    margin:0 auto 22px !important;
    padding:0 25px !important;
}

/* Contenedor principal */
#elContenidoDelSitio > .row{
    max-width:1120px !important;
    margin:0 auto !important;
    padding:0 25px !important;

    display:grid !important;
    grid-template-columns:270px minmax(0,1fr) !important;
    gap:28px !important;

    align-items:start !important;
}

/* MENU Y TARJETA EMPIEZAN A LA MISMA ALTURA */
#elContenidoDelSitio > .row > .col-lg-3,
#elContenidoDelSitio > .row > .col-sm-3,
#elContenidoDelSitio > .row > .col-lg-9,
#elContenidoDelSitio > .row > .col-sm-9{
    margin-top:0 !important;
    align-self:start !important;
}

/* Menu lateral */
#elContenidoDelSitio .well{
    margin-top:0 !important;
}

/* Tarjeta derecha */
#elContenidoDelSitio .tab-content,
#elContenidoDelSitio .tab-pane,
#elContenidoDelSitio .panel.panel-primary{
    margin-top:0 !important;
}

/* Tarjeta más parecida a la referencia */
#elContenidoDelSitio .panel.panel-primary{
    min-height:300px !important;
    border-radius:11px !important;
}

#elContenidoDelSitio .panel.panel-primary .panel-body{
    padding:30px 34px !important;
    font-size:15px !important;
    line-height:1.65 !important;
}

/* ==========================================================
   PUNTOS DECORATIVOS IZQUIERDA
   ========================================================== */

#elContenidoDelSitio:before{
    content:"" !important;

    position:absolute !important;
    left:28px !important;
    top:105px !important;

    width:105px !important;
    height:230px !important;

    background-image:
        radial-gradient(
            circle,
            rgba(215,239,53,.72) 2px,
            transparent 2px
        ) !important;

    background-size:18px 18px !important;

    opacity:.42 !important;
    z-index:1 !important;
}

/* ==========================================================
   FIGURA DECORATIVA DERECHA
   ========================================================== */

#elContenidoDelSitio:after{
    content:"" !important;

    position:absolute !important;
    right:-55px !important;
    top:80px !important;

    width:250px !important;
    height:470px !important;

    opacity:.08 !important;
    z-index:1 !important;

    background:
        linear-gradient(
            135deg,
            transparent 0 35%,
            rgba(215,239,53,.75) 35% 42%,
            transparent 42% 54%,
            rgba(215,239,53,.75) 54% 61%,
            transparent 61% 100%
        ) !important;

    transform:skewY(-8deg) !important;
}

/* Contenido siempre encima */
#elContenidoDelSitio > h2,
#elContenidoDelSitio > .row{
    position:relative !important;
    z-index:3 !important;
}

/* ==========================================================
   ACERCAR FOOTER
   ========================================================== */

#wrap{
    min-height:auto !important;
}

#footer{
    margin-top:0 !important;
}

.ap-footer-2026{
    padding-top:25px !important;
}

/* Menos espacio vertical en el contenido */
#elContenidoDelSitio > .row{
    min-height:360px !important;
}

/* Responsive */
@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
        min-height:auto !important;
    }

    #elContenidoDelSitio:before,
    #elContenidoDelSitio:after{
        display:none !important;
    }
}


/* ==========================================================
   CORRECCION DEFINITIVA DISTRIBUCION INSTITUCIONAL
   ========================================================== */

/* Area principal */
#elContenidoDelSitio{
    min-height:0 !important;
    height:auto !important;
    padding:34px 25px 42px !important;
}

/* Titulo */
#elContenidoDelSitio > h2.sinPadding{
    width:100% !important;
    max-width:1070px !important;
    margin:0 auto 22px !important;
    padding:0 !important;
}

/* Grid real de las dos columnas */
#elContenidoDelSitio > .row{
    width:100% !important;
    max-width:1070px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    column-gap:28px !important;

    align-items:start !important;

    min-height:0 !important;
    height:auto !important;
}

/* IZQUIERDA: menu */
#elContenidoDelSitio > .row > .col-lg-3,
#elContenidoDelSitio > .row > .col-sm-3{
    grid-column:1 !important;
    grid-row:1 !important;

    width:100% !important;
    float:none !important;

    margin:0 !important;
    padding:0 !important;

    align-self:start !important;
}

/* DERECHA: contenido */
#elContenidoDelSitio > .row > .col-lg-9,
#elContenidoDelSitio > .row > .col-sm-9{
    grid-column:2 !important;
    grid-row:1 !important;

    width:100% !important;
    float:none !important;

    margin:0 !important;
    padding:0 !important;

    align-self:start !important;
}

/* Menu lateral arriba */
#elContenidoDelSitio .well.well-sm{
    margin:0 !important;
    padding:0 !important;
}

/* Tarjeta arriba */
#elContenidoDelSitio .tab-content,
#elContenidoDelSitio .tab-pane.active,
#elContenidoDelSitio .panel.panel-primary{
    margin-top:0 !important;
}

/* Tarjeta con tamaño similar a la referencia */
#elContenidoDelSitio .panel.panel-primary{
    min-height:270px !important;
    height:auto !important;

    border-radius:9px !important;
}

#elContenidoDelSitio .panel.panel-primary .panel-body{
    min-height:270px !important;
    padding:28px 32px !important;
}

/* No reservar espacio para el listado de documentos si está vacío */
#elContenidoDelSitio .documentosRelacionados:empty{
    display:none !important;
}

/* Evitar que el modal afecte visualmente la columna */
#elContenidoDelSitio .modal{
    position:fixed !important;
}

/* Footer inmediatamente después del contenido */
#footer{
    margin-top:0 !important;
    padding-top:0 !important;
}

#footer > .container:first-child{
    min-height:0 !important;
}

/* Quitar panel vacío anterior al footer */
#footer > .container:first-child > br,
#footer > .container:first-child > .panel{
    display:none !important;
}

#wrap{
    min-height:0 !important;
    height:auto !important;
}

/* Móvil */
@media(max-width:991px){

    #elContenidoDelSitio > .row{
        grid-template-columns:1fr !important;
        row-gap:22px !important;
    }

    #elContenidoDelSitio > .row > .col-lg-3,
    #elContenidoDelSitio > .row > .col-sm-3,
    #elContenidoDelSitio > .row > .col-lg-9,
    #elContenidoDelSitio > .row > .col-sm-9{
        grid-column:1 !important;
        grid-row:auto !important;
    }
}


/* ==========================================================
   OCULTAR TEMPORALMENTE ORGANIGRAMA
   Para restaurarlo, eliminar o comentar esta regla
   ========================================================== */

#tabMenuSeccion > li:nth-child(3){
    display:none !important;
}


/* ==========================================================
   INSTITUCIONAL - FOOTER CON TEXTOS BLANCOS
   ========================================================== */

/* Texto general del footer */
.ap-footer-2026,
.ap-footer-2026 p,
.ap-footer-2026 span,
.ap-footer-2026 strong,
.ap-footer-2026 b,
.ap-footer-2026 li{
    color:#ffffff !important;
}

/* Todos los enlaces */
.ap-footer-2026 a,
.ap-footer-2026 a:link,
.ap-footer-2026 a:visited{
    color:#ffffff !important;
    text-decoration:none !important;
}

/* Titulos */
.ap-footer-2026 h1,
.ap-footer-2026 h2,
.ap-footer-2026 h3,
.ap-footer-2026 h4,
.ap-footer-2026 h5,
.ap-footer-2026 h6{
    color:#ffffff !important;
}

/* Politicas de usabilidad */
.ap-footer-2026 .list-group-item,
.ap-footer-2026 .list-group-item a{
    color:#ffffff !important;
    background:transparent !important;
}

/* Flechas de las politicas */
.ap-footer-2026 .list-group-item:after{
    color:#ffffff !important;
}

/* Hover: conservar detalle verde lima */
.ap-footer-2026 a:hover,
.ap-footer-2026 .list-group-item:hover,
.ap-footer-2026 .list-group-item:hover a{
    color:#cbe52d !important;
}


/* ==========================================================
   INSTITUCIONAL - FOOTER TEXTO BLANCO
   ========================================================== */

.ap-footer-2026 p,
.ap-footer-2026 span,
.ap-footer-2026 strong,
.ap-footer-2026 b,
.ap-footer-2026 li,
.ap-footer-2026 a,
.ap-footer-2026 a:link,
.ap-footer-2026 a:visited,
.ap-footer-2026 .list-group-item{
    color:#ffffff !important;
}

/* Titulos permanecen blancos */
.ap-footer-2026 h1,
.ap-footer-2026 h2,
.ap-footer-2026 h3,
.ap-footer-2026 h4,
.ap-footer-2026 h5,
.ap-footer-2026 h6{
    color:#ffffff !important;
}

/* Flechas blancas */
.ap-footer-2026 .list-group-item::after{
    color:#ffffff !important;
}

/* Hover en verde lima */
.ap-footer-2026 a:hover,
.ap-footer-2026 a:focus,
.ap-footer-2026 .list-group-item:hover{
    color:#d7ef35 !important;
}

.ap-footer-2026 {
    padding: 40px 24px 0 !important;
    border-top: 1px solid rgba(255,255,255,.18);
}
.ap-footer-2026 .ap-footer-inner {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1.4fr)
                           minmax(0,.8fr) minmax(0,1.5fr) !important;
    gap: 32px !important;
    align-items: start !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
.ap-footer-2026 .ap-footer-inner > div {
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    overflow-wrap: break-word;
}
.ap-footer-2026 h3 {
    margin: 0 0 18px !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}
.ap-footer-2026 p, .ap-footer-2026 a {
    font-size: 16px !important;
    line-height: 1.6 !important;
}
.ap-footer-2026 .ap-footer-brand p {
    margin-top: 16px !important;
}
.ap-footer-2026 .ap-footer-links > a {
    display: block !important;
    padding: 6px 0 !important;
}
.ap-footer-2026 a:focus-visible {
    outline: 2px solid #d7ef35;
    outline-offset: 3px;
}
.ap-footer-2026 .ap-footer-bottom {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 12px 24px !important;
    max-width: 1180px !important;
    margin: 32px auto 0 !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(255,255,255,.18);
    font-size: 14px !important;
    line-height: 1.6 !important;
}
@media (max-width: 1100px) {
    .ap-footer-2026 .ap-footer-inner {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width: 640px) {
    .ap-footer-2026 .ap-footer-inner {
        grid-template-columns: minmax(0,1fr) !important;
    }
}