/**
 * Layout compartido de páginas públicas tipo sección
 * (Catálogo, alta/hub Presupuesto, Ayuda, Nosotros, Contacto).
 *
 * Tipografía / alineación del hero breadcrumb: css/partials/page-banner.css
 * (no duplicar aquí). Escala tipográfica móvil/tablet global: index.css.
 * Fondos de breadcrumb y cards/formulario/accordion/imagen/mapa: CSS de cada vista.
 */

/* Contenedor de bloque 2 columnas (o FAQ a ancho completo en Ayuda) */
.page-section-container,
.budget-container,
.catalog-types,
.help-faq,
.about-container,
.contact-container {
    margin-bottom: 152px;
    max-width: 100%;
}

/* Columnas fluidas (evita desborde flex/grid) */
.page-section-copy,
.page-section-aside,
.budget-affirmation,
.budget-form,
.catalog-question,
.catalog-cards,
.about-phrase,
.about-us-content,
.contact-form,
.contact-maps {
    min-width: 0;
    width: 100%;
}

/* Columna de copy (título + párrafo) */
.page-section-copy > h1,
.budget-affirmation > h1,
.catalog-question > h1,
.about-phrase > h1,
.contact-form > h1 {
    color: #000000;
    font: normal normal 600 28px/38px 'Playfair Display', serif;
    letter-spacing: 0;
    margin-bottom: 40px;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.page-section-copy > p,
.budget-affirmation > p,
.catalog-question > p,
.about-us-content > p {
    color: #000000;
    font: normal normal normal 18px/28px 'Work Sans', sans-serif;
    letter-spacing: 0;
    margin-bottom: 0;
}

.catalog-question > p {
    margin-bottom: 75px;
}

@media (max-width: 1200px) {
    .change-text {
        margin-bottom: 60px !important;
    }
}

@media (max-width: 991.98px) {
    .page-section-container,
    .budget-container,
    .catalog-types,
    .help-faq,
    .about-container,
    .contact-container {
        margin-bottom: 80px;
    }

    .change-text,
    .change-title,
    .intermediate {
        text-align: center;
    }

    .page-section-copy > h1.change-title,
    .budget-affirmation > h1.change-title,
    .catalog-question > h1.change-title,
    .about-phrase > h1.change-title,
    .contact-form > h1.change-title {
        line-height: 1.15;
    }

    .page-section-copy > p.change-text,
    .budget-affirmation > p.change-text,
    .catalog-question > p.change-text,
    .about-us-content > p.change-text {
        line-height: 1.35;
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) {
    .breadcrumb-area .page-banner__title,
    .breadcrumb-area .page-banner__subtitle {
        overflow-wrap: break-word;
    }

    .breadcrumb-area .page-banner__title {
        line-height: 32px;
    }

    .breadcrumb-catalogs .page-banner__title {
        margin-top: 15px;
    }
}