/*
|--------------------------------------------------------------------------
| Noticias públicas
| Listado y ficha individual
|--------------------------------------------------------------------------
*/

.pagina-noticias-publica {
    --principal: var(--identidad-principal, #075d69);
    --principal-oscuro: var(--identidad-principal-oscuro, #064b55);
    --principal-claro: var(--identidad-secundario, #e4f2f1);
    --texto: #14363c;
    --texto-suave: #607579;
    --linea: #d7e5e3;
    --fondo: #f4f8f8;
    --blanco: #ffffff;
    margin: 0;
    color: var(--texto);
    background: var(--fondo);
    font-family: Arial, Helvetica, sans-serif;
}

.pagina-noticias-publica *,
.pagina-noticias-publica *::before,
.pagina-noticias-publica *::after {
    box-sizing: border-box;
}



        

        

        

        

        

        

        

        

        

        

        .hero-noticias {
            padding: 70px 20px 55px;
            background:
                linear-gradient(
                    135deg,
                    #edf7f6,
                    #ffffff
                );
        }

        .hero-contenido {
            width: min(1180px, 100%);
            margin: 0 auto;
        }

        .hero-etiqueta {
            display: block;
            margin-bottom: 10px;
            color: var(--principal);
            font-size: 0.76rem;
            font-weight: bold;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }

        .hero-noticias h1 {
            max-width: 780px;
            margin: 0;
            font-size:
                clamp(
                    2.5rem,
                    7vw,
                    5rem
                );
            line-height: 1;
            letter-spacing: -0.04em;
        }

        .hero-noticias p {
            max-width: 670px;
            margin: 20px 0 0;
            color: var(--texto-suave);
            font-size: 1.08rem;
            line-height: 1.7;
        }

        .listado-noticias {
            width: min(
                1180px,
                calc(100% - 40px)
            );
            margin: 55px auto 75px;
        }

        .listado-cabecera {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 25px;
        }

        .listado-cabecera h2 {
            margin: 0;
            font-size: 1.7rem;
        }

        .listado-cabecera span {
            color: var(--texto-suave);
            font-size: 0.86rem;
        }

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

        .noticia-card {
            min-width: 0;
            overflow: hidden;
            border: 1px solid var(--linea);
            border-radius: 22px;
            background: var(--blanco);
            box-shadow:
                0 12px 35px
                rgba(14, 53, 59, 0.08);
            transition:
                transform 0.2s ease,
                box-shadow 0.2s ease;
        }

        .noticia-card:hover {
            transform: translateY(-5px);
            box-shadow:
                0 20px 45px
                rgba(14, 53, 59, 0.13);
        }

        .noticia-imagen-enlace {
            display: block;
            overflow: hidden;
            background: var(--principal-claro);
        }

        .noticia-imagen {
            width: 100%;
            height: 225px;
            display: block;
            object-fit: cover;
            transition:
                transform 0.35s ease;
        }

        .noticia-card:hover
        .noticia-imagen {
            transform: scale(1.035);
        }

        .noticia-sin-imagen {
            height: 225px;
            display: grid;
            place-items: center;
            color: var(--principal);
            background:
                linear-gradient(
                    135deg,
                    #dceeed,
                    #f2f8f7
                );
            font-size: 1.25rem;
            font-weight: bold;
        }

        .noticia-contenido {
            padding: 23px;
        }

        .noticia-fecha {
            display: block;
            margin-bottom: 10px;
            color: var(--texto-suave);
            font-size: 0.78rem;
        }

        .noticia-card h2 {
            margin: 0;
            font-size: 1.25rem;
            line-height: 1.3;
        }

        .noticia-card h2 a {
            color: var(--texto);
            text-decoration: none;
        }

        .noticia-card h2 a:hover {
            color: var(--principal);
        }

        .noticia-resumen {
            margin: 13px 0 19px;
            color: var(--texto-suave);
            line-height: 1.65;
        }

        .leer-mas {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: var(--principal);
            font-size: 0.86rem;
            font-weight: bold;
            text-decoration: none;
        }

        .leer-mas:hover {
            text-decoration: underline;
        }

        .estado-vacio {
            padding: 60px 25px;
            border: 1px solid var(--linea);
            border-radius: 24px;
            background: var(--blanco);
            text-align: center;
        }

        .estado-vacio strong {
            display: block;
            color: var(--principal);
            font-size: 1.3rem;
        }

        .estado-vacio p {
            max-width: 560px;
            margin: 12px auto 0;
            color: var(--texto-suave);
            line-height: 1.65;
        }

        .paginacion {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 9px;
            margin-top: 38px;
        }

        .paginacion a,
        .paginacion span {
            min-width: 42px;
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 8px 13px;
            border: 1px solid var(--linea);
            border-radius: 999px;
            color: var(--principal);
            background: var(--blanco);
            font-size: 0.84rem;
            font-weight: bold;
            text-decoration: none;
        }

        .paginacion a:hover,
        .paginacion .actual {
            color: var(--blanco);
            border-color: var(--principal);
            background: var(--principal);
        }

        

        @media (max-width: 900px) {

            .noticias-grid {
                grid-template-columns:
                    repeat(2, 1fr);
            }
        }

        @media (max-width: 620px) {

            .cabecera-contenido {
                width: min(
                    100% - 28px,
                    1180px
                );
            }

            .marca-publica div {
                display: none;
            }

            .marca-publica img {
                width: 110px;
            }

            .hero-noticias {
                padding:
                    50px 14px 42px;
            }

            .listado-noticias {
                width: min(
                    100% - 28px,
                    1180px
                );
                margin-top: 38px;
            }

            .listado-cabecera {
                display: block;
            }

            .listado-cabecera span {
                display: block;
                margin-top: 7px;
            }

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


/* Ficha individual */


        

        

        

        

        

        

        

        

        .volver-noticias {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 9px 17px;
            border: 1px solid var(--linea);
            border-radius: 999px;
            color: var(--principal);
            background: var(--blanco);
            font-weight: bold;
            text-decoration: none;
        }

        .volver-noticias:hover {
            color: var(--blanco);
            border-color: var(--principal);
            background: var(--principal);
        }

        .pagina-noticia {
            width: min(920px, calc(100% - 40px));
            margin: 50px auto 75px;
        }

        .noticia-cabecera {
            margin-bottom: 29px;
        }

        .noticia-etiqueta {
            display: block;
            margin-bottom: 10px;
            color: var(--principal);
            font-size: 0.75rem;
            font-weight: bold;
            letter-spacing: 0.13em;
            text-transform: uppercase;
        }

        .noticia-cabecera h1 {
            max-width: 850px;
            margin: 0;
            font-size: clamp(2.2rem, 6vw, 4.2rem);
            line-height: 1.06;
            letter-spacing: -0.03em;
        }

        .noticia-fecha {
            display: block;
            margin-top: 18px;
            color: var(--texto-suave);
            font-size: 0.88rem;
        }

        .noticia-imagen {
            width: 100%;
            max-height: 570px;
            display: block;
            margin-bottom: 30px;
            object-fit: cover;
            border-radius: 24px;
            background: #e4efed;
            box-shadow:
                0 18px 50px rgba(14, 53, 59, 0.12);
        }

        .noticia-resumen {
            margin: 0 0 25px;
            padding-bottom: 25px;
            border-bottom: 1px solid var(--linea);
            color: var(--principal);
            font-size: clamp(1.1rem, 2.5vw, 1.35rem);
            font-weight: bold;
            line-height: 1.65;
        }

        .noticia-contenido {
            color: #29494e;
            font-size: 1.05rem;
            line-height: 1.85;
            white-space: normal;
        }

        .noticia-contenido p {
            margin: 0 0 20px;
        }

        .estado-404 {
            padding: 55px 30px;
            border: 1px solid var(--linea);
            border-radius: 24px;
            background: var(--blanco);
            text-align: center;
        }

        .estado-404 h1 {
            margin: 0;
            color: var(--principal);
        }

        .estado-404 p {
            margin: 13px 0 24px;
            color: var(--texto-suave);
        }

        

        @media (max-width: 650px) {

            .cabecera-contenido {
                width: min(100% - 28px, 1180px);
            }

            .marca-publica div {
                display: none;
            }

            .marca-publica img {
                width: 110px;
            }

            .pagina-noticia {
                width: min(100% - 28px, 920px);
                margin-top: 35px;
            }

            .noticia-imagen {
                border-radius: 17px;
            }
        }