/* ==================================================
   FRONT-PAGE.CSS
   Tipo: Página específica
   Ámbito: Solo páginas simples (page.php sin es_portada)
   Define: Layout y tipografía de páginas de contenido
           estático (El Proyecto, Objetivo, etc.)
   Depende de: front-base.css
   ================================================== */

.lavoz-page-simple {
    max-width: 800px;
    margin: 0 auto;
}

.lavoz-page-header {
    margin-bottom: var(--lavoz-gap-lg);
}

.lavoz-page-title {
    font-size: var(--lavoz-title-size-lg);
    font-weight: 700;
    margin-bottom: var(--lavoz-gap-md);
}

.lavoz-page-image {
    margin-bottom: var(--lavoz-gap-lg);
}

.lavoz-page-content {
    font-size: 1.1rem;   /* valor editorial — texto largo, sin token equivalente */
    line-height: 1.8;    /* mayor que --lavoz-lh-base (1.6) para mejor lectura */
}

.lavoz-page-content p {
    margin-bottom: var(--lavoz-gap-md);
}

.lavoz-page-content h2 {
    font-size: 1.8rem;   /* heading editorial — sin token equivalente en el sistema */
    margin: var(--lavoz-gap-xl) 0 var(--lavoz-gap-md);
}

.lavoz-page-content h3 {
    font-size: 1.4rem;   /* heading editorial — sin token equivalente en el sistema */
    margin: var(--lavoz-gap-lg) 0 var(--lavoz-gap-sm);
}

/* Responsive */
@media (max-width: 768px) {
    .lavoz-page-title {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }
}