/* =========================================
   PÁGINA DE NOTICIA OABI
   ========================================= */

.noticia-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 40px;
}

.noticia-header {
    width: 100%;
    max-width: none;
    margin-bottom: 35px;
}

.noticia-header h1 {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 1.1;
    color: #224F9D;
    font-weight: 700;
    margin-bottom: 18px;
    width: 100%;
}

.noticia-bajada {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
}

.noticia-imagen {
    width: 100%;
    margin: 35px 0;
}

.noticia-imagen img {
    width: 100%;
    height: auto;
    display: block;
}

.noticia-contenido {
    max-width: 900px;
    margin: 0 auto;
}

.noticia-contenido p {
    font-size: 17px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 22px;
}


/* TABLET */
@media screen and (max-width: 900px) {

    .noticia-container {
        padding: 40px 30px;
    }

    .noticia-header h1 {
        font-size: 34px;
    }

}


/* MÓVIL */
@media screen and (max-width: 600px) {

    .noticia-container {
        padding: 30px 20px;
    }

    .noticia-header h1 {
        font-size: 26px;
    }

    .noticia-bajada {
        font-size: 15px;
    }

    .noticia-contenido p {
        font-size: 15px;
        line-height: 1.7;
    }

}
/* =========================================
   CENTRADO DEL MENÚ - SINGLE POST - PC
   ========================================= */

@media screen and (min-width: 1024px) {

    #contenidoprueba > header > nav > ul > li > a {
        margin-top: -1px !important;
        margin-bottom: 0 !important;
    }

}
/* =========================================================
   ANIMACIONES SINGLE POST
   ========================================================= */


/* ESTADO INICIAL */

.noticia-categoria,
.noticia-header h1,
.noticia-bajada {
    opacity: 0 !important;
    transform: translateY(45px) !important;

    transition:
        opacity 1s ease,
        transform 1s ease !important;
}


.noticia-imagen {
    opacity: 0 !important;

    transform:
        translateY(55px)
        scale(0.96) !important;

    transition:
        opacity 1.1s ease,
        transform 1.1s ease !important;
}


/* ESTADO VISIBLE */

.noticia-categoria.single-visible,
.noticia-header h1.single-visible,
.noticia-bajada.single-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


.noticia-imagen.single-visible {
    opacity: 1 !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* PÁRRAFOS */

.noticia-contenido > p,
.noticia-cierre,
.noticia-regresar {
    opacity: 0 !important;
    transform: translateY(40px) !important;

    transition:
        opacity 0.9s ease,
        transform 0.9s ease !important;
}


.noticia-contenido > p.single-scroll-visible,
.noticia-cierre.single-scroll-visible,
.noticia-regresar.single-scroll-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


/* MÓVIL */

@media screen and (max-width: 600px) {

    .noticia-categoria,
    .noticia-header h1,
    .noticia-bajada {
        transform: translateY(30px) !important;
    }

    .noticia-imagen {
        transform:
            translateY(35px)
            scale(0.97) !important;
    }

    .noticia-contenido > p,
    .noticia-cierre,
    .noticia-regresar {
        transform: translateY(30px) !important;
    }

}
/* =========================================
   GALERÍA DE FOTOS - NOTICIAS
   PC
========================================= */

.noticia-galeria {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.noticia-galeria img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
/* =========================================
   ANIMACIÓN GALERÍA - 3 IMÁGENES
========================================= */

.noticia-galeria img {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}

/* Cuando JavaScript activa la galería */
.noticia-galeria.galeria-visible img {
    opacity: 1;
    transform: translateY(0);
}

/* Entrada escalonada */
.noticia-galeria.galeria-visible img:nth-child(1) {
    transition-delay: 0s;
}

.noticia-galeria.galeria-visible img:nth-child(2) {
    transition-delay: 0.15s;
}

.noticia-galeria.galeria-visible img:nth-child(3) {
    transition-delay: 0.30s;
}
@media screen and (max-width: 767px) {

    .noticia-galeria {
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        margin-top: 5px;
    }

    .noticia-galeria img {
        height: 80px;
        object-fit: cover;
    }

}
/* =========================================
   GALERÍA DE 2 IMÁGENES
========================================= */

.noticia-galeria-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    margin-top: 12px;
}

.noticia-galeria-2 img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}


/* MÓVIL */
@media screen and (max-width: 767px) {

    .noticia-galeria-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        margin-top: 6px;
    }

}