/*
 * SomosParis Tours Core - Global Hero Hotfixes
 *
 * Ajustes defensivos para evitar saltos de layout en heroes globales
 * cuando Divi compensa tarde la altura del header fijo.
 */

.sp-global-hero-section {
    box-sizing: border-box;
}

/*
 * Divi puede añadir en runtime:
 * data-fix-page-container="on" style="padding-top: 69px;"
 *
 * Reservar ese espacio desde el primer pintado evita que la sección siguiente
 * sea empujada tarde y vuelva a aparecer CLS en Lighthouse móvil.
 */
body:not(.et-fb) .sp-global-hero-section {
    padding-top: var(--sp-header-height, 66px) !important;
}

/*
 * Alineación visual estándar del hero global.
 * Refuerza que el título/claim no hereden centrados o estilos accidentales
 * desde módulos de Divi usados dentro de Theme Builder.
 */
.sp-global-hero-section .sp-global-hero-row:not(.sp-global-hero-bg-row),
.sp-global-hero-section .et_pb_row.sp-global-hero-row:not(.sp-global-hero-bg-row) {
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-bottom: 40px !important;
    width: 90% !important;
}

.sp-global-hero-section .sp-global-hero-content,
.sp-global-hero-section .sp-global-hero-content .et_pb_text_inner {
    width: 100% !important;
    max-width: 800px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

.sp-global-hero-section .sp-global-hero-content h1,
.sp-global-hero-section .sp-global-hero-title,
.sp-global-hero-section .sp-global-hero-title .et_pb_text_inner,
.sp-global-hero-section .sp-global-hero-title h1,
.sp-global-hero-section .sp-global-hero-title h2 {
    font-family: var(--sp-font-family, Montserrat, Helvetica, Arial, Lucida, sans-serif) !important;
    font-size: clamp(46px, 4.2vw, 62px) !important;
    line-height: 1.06 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    color: var(--sp-white, #fff) !important;
    max-width: 760px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.sp-global-hero-section .sp-global-hero-content p,
.sp-global-hero-section .sp-global-hero-claim,
.sp-global-hero-section .sp-global-hero-claim .et_pb_text_inner,
.sp-global-hero-section .sp-global-hero-claim p,
.sp-global-hero-section .sp-global-hero-subtitle,
.sp-global-hero-section .sp-global-hero-subtitle .et_pb_text_inner,
.sp-global-hero-section .sp-global-hero-subtitle p {
    font-family: var(--sp-font-family, Montserrat, Helvetica, Arial, Lucida, sans-serif) !important;
    font-size: clamp(17px, 1.45vw, 20px) !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: var(--sp-yellow, #f3bf1e) !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

@media (max-width: 980px) {
    body:not(.et-fb) .sp-global-hero-section {
        padding-top: 69px !important;
    }

    .sp-global-hero-section .sp-global-hero-row:not(.sp-global-hero-bg-row),
    .sp-global-hero-section .et_pb_row.sp-global-hero-row:not(.sp-global-hero-bg-row) {
        padding-bottom: 56px !important;
    }
}

@media (max-width: 767px) {
    body:not(.et-fb) .sp-global-hero-section {
        min-height: 600px !important;
        padding-top: 69px !important;
    }

    .sp-global-hero-section .sp-global-hero-row:not(.sp-global-hero-bg-row),
    .sp-global-hero-section .et_pb_row.sp-global-hero-row:not(.sp-global-hero-bg-row) {
        padding-bottom: 34px !important;
    }

    .sp-global-hero-section .sp-global-hero-content h1,
    .sp-global-hero-section .sp-global-hero-title,
    .sp-global-hero-section .sp-global-hero-title .et_pb_text_inner,
    .sp-global-hero-section .sp-global-hero-title h1,
    .sp-global-hero-section .sp-global-hero-title h2 {
        font-size: 34px !important;
        line-height: 1.08 !important;
        font-weight: 500 !important;
        max-width: 100% !important;
    }

    .sp-global-hero-section .sp-global-hero-content p,
    .sp-global-hero-section .sp-global-hero-claim,
    .sp-global-hero-section .sp-global-hero-claim .et_pb_text_inner,
    .sp-global-hero-section .sp-global-hero-claim p,
    .sp-global-hero-section .sp-global-hero-subtitle,
    .sp-global-hero-section .sp-global-hero-subtitle .et_pb_text_inner,
    .sp-global-hero-section .sp-global-hero-subtitle p {
        font-size: 16px !important;
        line-height: 1.35 !important;
        max-width: 100% !important;
    }
}