/* ==================================================
   NOTICIAS 2026 - DISEÑO VERDE INSTITUCIONAL
   ================================================== */

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

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

#laCabeceraDelSitio{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-height:125px !important;
    margin:0 !important;
    padding:0 !important;

    background:#0f382f !important;
    border-bottom:3px solid #cbe52d !important;
}

#laCabeceraDelSitio > .row{
    max-width:1120px !important;
    min-height:125px !important;
    margin:0 auto !important;
    padding:0 25px !important;

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

/* Logo Alumbrado: usar versión blanca/verde */
#laCabeceraDelSitio .col-lg-5 img{
    content:url('/files/images/logo_alumbrado_blanco_verde_2026.png') !important;
    display:block !important;
    width:220px !important;
    max-width:100% !important;
    height:auto !important;
}

/* Logo Alcaldía blanco */
#laCabeceraDelSitio .col-lg-7 img{
    content:url('/files/images/logo_alcaldia_blanco_2026.png') !important;
    display:block !important;
    width:240px !important;
    max-width:100% !important;
    height:auto !important;
}

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

#menuPrincipalSitio,
.navbar,
.navbar-default{
    margin:0 !important;
    background:#0f382f !important;
    border:0 !important;
    border-radius:0 !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;
}

#menuPrincipalSitio .container{
    max-width:1120px !important;
}

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

#menuPrincipalSitio a:hover,
#menuPrincipalSitio .active > a{
    color:#cbe52d !important;
    background:transparent !important;
}

/* ==================================================
   CONTENIDO GENERAL DE NOTICIAS
   ================================================== */

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

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

    margin:0 !important;
    padding:55px 0 70px !important;

    background:#0f382f !important;
    color:#ffffff !important;
}

/* Limitar el contenido real */
#elContenidoDelSitio > .row,
#elContenidoDelSitio > section,
#elContenidoDelSitio > div:not(.row){
    position:relative !important;
    z-index:3 !important;
}

/* Bootstrap rows internas */
#elContenidoDelSitio > .row{
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Titulares */
#elContenidoDelSitio h1,
#elContenidoDelSitio h2,
#elContenidoDelSitio h3,
#elContenidoDelSitio h4{
    color:#ffffff !important;
}

/* Texto */
#elContenidoDelSitio p,
#elContenidoDelSitio span{
    color:#dce8e4;
}

/* Links */
#elContenidoDelSitio a{
    color:#cbe52d;
}

#elContenidoDelSitio a:hover{
    color:#ffffff;
}

/* ==================================================
   TARJETAS / PANELES DE NOTICIAS
   ================================================== */

#elContenidoDelSitio .panel{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

#elContenidoDelSitio .panel-body{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Imagen principal */
#elContenidoDelSitio img{
    max-width:100% !important;
    height:auto;
}

/* Tarjeta o bloque de noticia */
#elContenidoDelSitio .ap-news-card,
#elContenidoDelSitio article{
    overflow:hidden !important;
    border-radius:16px !important;
}

/* ==================================================
   TITULO INFORMACION Y NOTICIAS
   ================================================== */

#elContenidoDelSitio h2:first-of-type,
#elContenidoDelSitio h3:first-of-type{
    position:relative !important;
}

#elContenidoDelSitio h2:first-of-type:after,
#elContenidoDelSitio h3:first-of-type:after{
    content:"" !important;
    display:block !important;

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

    margin-top:14px !important;

    background:#cbe52d !important;
    border-radius:5px !important;
}

/* ==================================================
   PAGINACION
   ================================================== */

#elContenidoDelSitio .pagination > li > a,
#elContenidoDelSitio .pagination > li > span{
    background:#164b40 !important;
    border:0 !important;
    color:#ffffff !important;
}

#elContenidoDelSitio .pagination > .active > a,
#elContenidoDelSitio .pagination > li > a:hover{
    background:#cbe52d !important;
    color:#073f32 !important;
}

/* ==================================================
   DECORACION - PUNTOS LIMA
   ================================================== */

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

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

    width:125px !important;
    height:300px !important;

    background-image:
        radial-gradient(
            circle,
            rgba(203,229,45,.8) 2px,
            transparent 2px
        ) !important;

    background-size:18px 18px !important;

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

/* ==================================================
   DECORACION DERECHA - POSTE
   ================================================== */

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

    position:absolute !important;
    right:35px !important;
    top:90px !important;

    width:220px !important;
    height:620px !important;

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

    background:
        linear-gradient(
            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 - MISMO VERDE
   ================================================== */

#footer,
.ap-footer-2026{
    background:#0f382f !important;
}

#footer{
    border-top:1px solid rgba(255,255,255,.20) !important;
}

/* Segunda decoración de puntos en footer */
.ap-footer-2026{
    position:relative !important;
    overflow:hidden !important;
}

.ap-footer-2026:after{
    content:"" !important;

    position:absolute !important;
    right:20px !important;
    bottom:30px !important;

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

    background-image:
        radial-gradient(
            circle,
            rgba(203,229,45,.70) 2px,
            transparent 2px
        ) !important;

    background-size:18px 18px !important;

    opacity:.40 !important;
}

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

@media(max-width:991px){

    #laCabeceraDelSitio .col-lg-5 img{
        width:180px !important;
    }

    #laCabeceraDelSitio .col-lg-7 img{
        width:190px !important;
    }

    #elContenidoDelSitio{
        padding:40px 20px 55px !important;
    }
}

@media(max-width:767px){

    #laCabeceraDelSitio{
        min-height:90px !important;
    }

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

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

    #elContenidoDelSitio:before,
    #elContenidoDelSitio:after,
    .ap-footer-2026:after{
        display:none !important;
    }
}


/* ==================================================
   AJUSTE FINAL PAGINA DE NOTICIAS
   ================================================== */

/* Cabecera con proporciones similares a la portada */
#laCabeceraDelSitio{
    min-height:120px !important;
}

#laCabeceraDelSitio > .row{
    max-width:1120px !important;
    min-height:120px !important;
    padding:0 25px !important;
}

#laCabeceraDelSitio .col-lg-5 img{
    width:210px !important;
}

#laCabeceraDelSitio .col-lg-7 img{
    width:220px !important;
}

/* Menú */
#menuPrincipalSitio .container{
    max-width:1120px !important;
    width:100% !important;
}

/* CONTENIDO DE NOTICIAS CENTRADO */
#elContenidoDelSitio{
    width:100% !important;
    min-height:auto !important;
    padding:55px 0 65px !important;
    background:#0f382f !important;
}

/* Todas las filas principales centradas */
#elContenidoDelSitio > .row{
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto !important;
    padding:0 25px !important;
}

/* Quitar ancho Bootstrap que deja la noticia pequeña */
#elContenidoDelSitio .col-lg-8,
#elContenidoDelSitio .col-lg-9,
#elContenidoDelSitio .col-md-8,
#elContenidoDelSitio .col-md-9,
#elContenidoDelSitio .col-sm-8,
#elContenidoDelSitio .col-sm-9{
    width:100% !important;
    float:none !important;
}

/* Encabezado Información y Noticias */
#elContenidoDelSitio h2,
#elContenidoDelSitio h3{
    max-width:900px !important;
}

/* Bloque de la noticia */
#elContenidoDelSitio .panel,
#elContenidoDelSitio .panel-body{
    width:100% !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Imagen de la noticia */
#elContenidoDelSitio .panel-body img,
#elContenidoDelSitio .ap-news-image img{
    display:block !important;
    width:100% !important;
    max-width:900px !important;
    height:auto !important;
    margin:0 auto !important;
}

/* Título y texto de la noticia */
#elContenidoDelSitio .panel-body h3,
#elContenidoDelSitio .panel-body p{
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Eliminar columnas laterales vacías */
#elContenidoDelSitio .col-lg-3,
#elContenidoDelSitio .col-md-3,
#elContenidoDelSitio .col-sm-4{
    display:none !important;
}

/* Footer inmediatamente debajo */
#footer{
    margin-top:0 !important;
}

/* Evitar gran franja blanca entre contenido y footer */
body,
#wrap{
    background:#0f382f !important;
}

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

/* Puntos decorativos */
#elContenidoDelSitio:before{
    left:35px !important;
    top:120px !important;
}

/* Poste decorativo */
#elContenidoDelSitio:after{
    right:40px !important;
    top:110px !important;
    height:650px !important;
}

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

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

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

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


/* ==================================================
   AJUSTE DE ANCHO Y ESCALA - NOTICIAS
   ================================================== */

/* Contenido general centrado */
#elContenidoDelSitio{
    padding:55px 0 65px !important;
}

/* Contenedor principal */
#elContenidoDelSitio > .row{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 30px !important;
}

/* Evitar columnas estrechas */
#elContenidoDelSitio .container{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
}

/* Columna principal de noticias */
#elContenidoDelSitio .col-lg-8,
#elContenidoDelSitio .col-lg-9,
#elContenidoDelSitio .col-md-8,
#elContenidoDelSitio .col-md-9,
#elContenidoDelSitio .col-sm-8,
#elContenidoDelSitio .col-sm-9,
#elContenidoDelSitio .col-lg-12,
#elContenidoDelSitio .col-md-12{
    width:100% !important;
    max-width:980px !important;
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Encabezado */
#elContenidoDelSitio h2,
#elContenidoDelSitio h3{
    font-size:30px !important;
    line-height:1.2 !important;
}

/* Descripción superior */
#elContenidoDelSitio p{
    font-size:15px !important;
    line-height:1.55 !important;
}

/* Imagen de noticia */
#elContenidoDelSitio .panel-body img,
#elContenidoDelSitio img.img-responsive{
    width:100% !important;
    max-width:900px !important;
    height:auto !important;
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Texto de la noticia */
#elContenidoDelSitio .panel-body{
    width:100% !important;
    max-width:900px !important;
    margin:0 auto !important;
}

/* Footer con ancho normal */
#footer > .container:last-child{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding-left:30px !important;
    padding-right:30px !important;
}

.ap-footer-inner{
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    grid-template-columns:1.2fr 1.4fr 1fr 1.4fr !important;
    gap:35px !important;
}

/* Logos del header un poco más grandes */
#laCabeceraDelSitio .col-lg-5 img{
    width:220px !important;
}

#laCabeceraDelSitio .col-lg-7 img{
    width:230px !important;
}


/* ==================================================
   NOTICIAS 2026 - LAYOUT DEFINITIVO CENTRADO
   ================================================== */

.ap-news-page{
    position:relative !important;
    z-index:2 !important;

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

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

    box-sizing:border-box !important;
}

/* Encabezado */
.ap-news-page-heading{
    max-width:900px !important;
    margin:0 auto 28px !important;
}

.ap-news-page-heading .ap-section-kicker{
    color:#cbe52d !important;
    font-weight:700 !important;
}

.ap-news-page-heading h1{
    margin:6px 0 12px !important;
    color:#ffffff !important;
    font-size:34px !important;
    line-height:1.15 !important;
}

.ap-news-page-heading p{
    color:#dce8e4 !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

/* Línea lima */
.ap-news-page-heading:after{
    content:"" !important;
    display:block !important;
    width:48px !important;
    height:3px !important;
    margin-top:16px !important;
    background:#cbe52d !important;
    border-radius:4px !important;
}

/* Paginación */
.ap-news-page-pagination{
    max-width:900px !important;
    margin:0 auto 24px !important;
}

/* Grid */
.ap-news-page-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;

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

    margin:0 auto !important;
}

/* Tarjeta de noticia */
.ap-news-page-card{
    width:100% !important;
    margin:0 !important;

    overflow:hidden !important;

    background:#ffffff !important;
    border-radius:16px !important;
    box-shadow:0 14px 36px rgba(0,0,0,.22) !important;
}

/* Imagen */
.ap-news-page-image{
    display:block !important;
    width:100% !important;
}

.ap-news-page-image img{
    display:block !important;
    width:100% !important;
    height:430px !important;

    object-fit:cover !important;
    object-position:center !important;
}

/* Contenido blanco */
.ap-news-page-content{
    padding:24px 28px 28px !important;
    background:#ffffff !important;
}

.ap-news-page-meta{
    margin-bottom:10px !important;
    color:#6b7b75 !important;
    font-size:13px !important;
}

.ap-news-page-content h2,
.ap-news-page-content h3{
    margin:0 0 12px !important;
    color:#073f32 !important;
    font-size:24px !important;
    line-height:1.25 !important;
}

.ap-news-page-content p{
    margin:0 0 16px !important;
    color:#53635e !important;
    font-size:15px !important;
    line-height:1.6 !important;
}

.ap-news-page-content a{
    color:#073f32 !important;
    font-weight:700 !important;
}

/* Fondo principal */
#elContenidoDelSitio{
    background:#0f382f !important;
    padding:0 !important;
}

/* Decoración de puntos a la izquierda */
#elContenidoDelSitio:before{
    left:28px !important;
    top:120px !important;
}

/* Decoración tipo poste a la derecha */
#elContenidoDelSitio:after{
    right:40px !important;
    top:110px !important;
    height:620px !important;
}

/* Footer sin huecos */
#footer{
    margin-top:0 !important;
    background:#0f382f !important;
}

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

    .ap-news-page{
        padding:45px 24px 60px !important;
    }

    .ap-news-page-image img{
        height:360px !important;
    }
}

@media(max-width:767px){

    .ap-news-page{
        padding:35px 18px 50px !important;
    }

    .ap-news-page-heading h1{
        font-size:28px !important;
    }

    .ap-news-page-image img{
        height:auto !important;
    }

    .ap-news-page-content{
        padding:20px !important;
    }
}


/* ==================================================
   UNIFICAR VERDE INSTITUCIONAL - NOTICIAS
   ================================================== */

:root{
    --ap-verde-unificado:#0f3d33;
}

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

/* Franja de logos */
#laCabeceraDelSitio,
#laCabeceraDelSitio > .row,
#laCabeceraDelSitio .col-lg-5,
#laCabeceraDelSitio .col-lg-7{
    background:var(--ap-verde-unificado) !important;
}

/* Eliminar cualquier bloque de color detrás de los logos */
#laCabeceraDelSitio .col-lg-5,
#laCabeceraDelSitio .col-lg-7,
#laCabeceraDelSitio a{
    box-shadow:none !important;
}

/* Menú */
#menuPrincipalSitio,
.navbar,
.navbar-default,
.navbar-collapse,
.navbar-nav{
    background:var(--ap-verde-unificado) !important;
}

/* Zona completa de noticias */
#elContenidoDelSitio,
.ap-news-page{
    background:var(--ap-verde-unificado) !important;
}

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

/* Mantener líneas divisorias sutiles */
#menuPrincipalSitio,
.navbar{
    border-bottom:1px solid rgba(255,255,255,.16) !important;
}

#footer,
.ap-footer-2026{
    border-top:1px solid rgba(255,255,255,.16) !important;
}

/* Línea institucional lima */
#laCabeceraDelSitio{
    border-bottom:3px solid #cbe52d !important;
}

/* Mantener la tarjeta de noticia blanca */
.ap-news-page-card,
.ap-news-page-content{
    background:#ffffff !important;
}

/* Decoraciones */
#elContenidoDelSitio:before{
    opacity:.50 !important;
}

#elContenidoDelSitio:after{
    opacity:.12 !important;
}


/* ==================================================
   VERDE FINAL ADAPTADO AL FONDO DE LOS LOGOS
   ================================================== */

:root{
    --ap-verde-logo:#0b3029;
}

html,
body,
#wrap,
#laCabeceraDelSitio,
#laCabeceraDelSitio > .row,
#laCabeceraDelSitio .col-lg-5,
#laCabeceraDelSitio .col-lg-7,
#menuPrincipalSitio,
.navbar,
.navbar-default,
.navbar-collapse,
#elContenidoDelSitio,
.ap-news-page,
#footer,
.ap-footer-2026,
.ap-footer-inner{
    background-color:var(--ap-verde-logo) !important;
}

/* Evitar degradados o imágenes de fondo que cambien el tono */
#laCabeceraDelSitio,
#elContenidoDelSitio,
.ap-news-page,
#footer,
.ap-footer-2026{
    background-image:none !important;
}

/* Mantener la tarjeta blanca */
.ap-news-page-card,
.ap-news-page-content{
    background:#ffffff !important;
}

/* Línea institucional */
#laCabeceraDelSitio{
    border-bottom:3px solid #cbe52d !important;
}