/* =========================
   NOTICIA · VISTA DETALLE
   ========================= */

.noticia {
    color: var(--negro);
}

/* VOLVER */

.noticia-volver {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--principal);
    text-decoration: none;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    transition: opacity 0.2s ease;
}

.noticia-volver:hover {
    opacity: 0.7;
}

/* TÍTULO */

.noticia-titulo {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    color: var(--principal);
}

/* FECHA */

.noticia-fecha {
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--secundario);
    margin-bottom: 2rem;
}

/* IMAGEN */

.noticia-imagen {
    width: 100%;
    height: auto;
    margin: 2.5rem 0;
    display: block;
}

/* CONTENIDO */

.noticia-contenido {
    font-size: 1rem;
    line-height: 1.75;
    color: #333;
}

.noticia-contenido p {
    margin-bottom: 1.25rem;
}

.noticia-contenido h2,
.noticia-contenido h3 {
    margin: 2.5rem 0 1rem;
    font-weight: 600;
    color: var(--principal);
}

.noticia-contenido a {
    color: var(--principal);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: opacity 0.2s ease;
}

.noticia-contenido a:hover {
    opacity: 0.7;
}

/* IMÁGENES DENTRO DEL TEXTO */

.noticia-contenido img {
    max-width: 100%;
    height: auto;
    margin: 2rem 0;
    display: block;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .noticia-titulo {
        font-size: 1.75rem;
    }

    .noticia-imagen {
        margin: 2rem 0;
    }
}