/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 15 2026 | 04:15:03 */
/* ====================================================
   PACHAMAMA VOYAGES — Titre hero page Contact
   Scope : body.page-id-69 uniquement
   Aucun effet de bord sur les autres pages
   ==================================================== */

/* Polices (déjà chargées par les autres extraits) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=DM+Sans:opsz,wght@9..40,300..800&display=swap');

/* ====================================================
   CONTENEUR DU TITRE
   ==================================================== */
body.page-id-69 .traveltour-page-title-content {
    position: relative;
    padding-bottom: 32px;
}

/* Eyebrow « — Page contact » au-dessus du titre
   (miroir exact des colonnes en dessous) */
body.page-id-69 .traveltour-page-title-content::before {
    content: "— Page contact";
    display: block;
    font-family: 'DM Sans', sans-serif;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #00BFA5; /* turquoise Pachamama */
    margin-bottom: 16px;
    opacity: .9;
}

/* Trait décoratif sous l'ensemble (carmin, comme sous les titres des cartes) */
body.page-id-69 .traveltour-page-title-content::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 2px;
    background: #E60033;
    border-radius: 2px;
}

/* ====================================================
   TITRE PRINCIPAL
   ==================================================== */
body.page-id-69 .traveltour-page-title {
    font-family: 'Fraunces', serif !important;
    font-weight: 350 !important;
    font-size: clamp(2.6rem, 5vw, 4.2rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    color: #ffffff !important;
    margin: 0 0 16px !important;
    /* Légère ombre pour lisibilité sur la photo */
    text-shadow: 0 2px 24px rgba(0, 0, 0, .35);
}

/* ====================================================
   SOUS-TITRE / CAPTION
   ==================================================== */
body.page-id-69 .traveltour-page-caption {
    font-family: 'Fraunces', serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: clamp(1rem, 1.8vw, 1.25rem) !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, .82) !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .3);
    margin: 0;
}

/* ====================================================
   OVERLAY GRADIENT sur le hero
   Harmonise la photo avec la palette crème des cartes
   en ajoutant une touche chaude en bas de l'image
   ==================================================== */
body.page-id-69 .traveltour-page-title-wrap {
    position: relative;
}
body.page-id-69 .traveltour-page-title-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(26, 16, 10, .35)
    );
    pointer-events: none;
}

/* ====================================================
   RESPONSIVE
   ==================================================== */
@media (max-width: 768px) {
    body.page-id-69 .traveltour-page-title {
        font-size: 2.2rem !important;
    }
    body.page-id-69 .traveltour-page-caption {
        font-size: .95rem !important;
    }
}

/* ====================================================
   ACCESSIBILITÉ
   ==================================================== */
@media (prefers-reduced-motion: reduce) {
    body.page-id-69 .traveltour-page-title-content::after {
        transition: none;
    }
}