/* Offre hôteliers (/communication-offre-campagnes-hotel), 29/10/2026 — page fille de Lead-ADNS, palette « nuit et or ».
   Chargée après ad-gipco-v3.css et ad-lead-v2.css (main.gp2.ld.ho) : elle n'apporte que les photos de la page et ses
   blocs propres (points, formules, appels). Aucune surcharge de l'apparence des composants communs (MISE-EN-SCENE §6 bis). */

main.ho .gp-photo { background-image:url(/images/hotel-v1/salle-a-1920.webp); }
main.ho .gp-photo--fin { background-image:url(/images/hotel-v1/fin-1600.webp); background-position:20% 50%; }

/* Objet du haut de page : campagne en attente de validation (pastille or sur verre nuit) */
main.ho .ho-camp .ho-pill--attente { background:rgba(224,185,90,.16); color:var(--ld-or-nuit); }

/* Points (prise en charge, clientèles) */
main.ho .ho-points { margin:clamp(24px,3vw,32px) 0 0; padding:0; list-style:none; display:grid; gap:22px; }
main.ho .ho-points li { padding-left:22px; position:relative; }
main.ho .ho-points li::before { content:""; position:absolute; left:0; top:.55em; width:10px; height:10px; border-radius:50%; background:var(--gp-soleil); box-shadow:inset 0 0 0 1px rgba(17,17,18,.22); }
main.ho .ho-points .ld-rub { font-size:clamp(18px,1.5vw,20px); }
main.ho .ho-points p:not(.ld-rub) { margin-top:6px; font-size:15.5px; line-height:1.6; color:var(--gp-doux); }
main.ho .ho-note { margin-top:clamp(24px,3vw,32px); font-size:16.5px; line-height:1.6; color:var(--gp-texte); }
main.ho .ho-note--centre { text-align:center; }
main.ho .ho-mere { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px; }

/* Déroulé en cinq étapes */
main.ho .ho-frise { grid-template-columns:repeat(5,minmax(0,1fr)); }

/* Appels intermédiaires */
main.ho .ho-cta { margin-top:clamp(36px,5vw,56px); }
main.ho .ho-cta .gp-btn { margin-top:0; }
main.ho .ho-cta--centre { display:flex; justify-content:center; margin-top:24px; }

/* Formules et moyens : colonnes d'information, sans allure de contrôle (ni fond, ni ombre, ni survol : doctrine du 28/10/2026) */
main.ho .ho-formules, main.ho .ho-moyens { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,3vw,48px); margin-top:clamp(36px,5vw,56px); }
main.ho .ho-formule { padding-top:22px; border-top:2px solid var(--gp-encre); }
main.ho .ho-formule p { margin-top:12px; font-size:16px; line-height:1.6; color:var(--gp-doux); }
main.ho .ho-moyen { display:flex; flex-direction:column; gap:10px; }
main.ho .ho-moyen__i { display:grid; place-items:center; width:46px; height:46px; margin-bottom:6px; border-radius:12px; background:var(--gp-encre); color:var(--ld-or-nuit); font-size:20px; }
main.ho .ho-moyen p:not(.ld-prod) { font-size:15.5px; line-height:1.6; color:var(--gp-doux); }
main.ho .ho-moyen .ld-lien { align-self:flex-start; }
main.ho .ho-formule h3 { font:600 clamp(22px,2vw,26px)/1.2 var(--gp-titre); letter-spacing:-.015em; color:var(--gp-texte); }
main.ho .ho-formule h3::after { content:""; display:block; width:32px; height:2px; margin-top:14px; background:var(--ld-or); }

@media (max-width: 1099px) {
  main.ho .ho-frise { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  main.ho .ho-frise { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 760px) {
  main.ho .ho-formules, main.ho .ho-moyens { grid-template-columns:minmax(0,1fr); }
  main.ho .gp-photo { background-image:url(/images/hotel-v1/salle-a-mobile.webp); }
  main.ho .gp-photo--fin { background-image:url(/images/hotel-v1/fin-900.webp); background-position:20% 0; }
  main.ho .ho-cta { display:block; }
  main.ho .ho-cta .gp-btn { width:100%; }
}

/* v2 (29/10/2026) : cibles, base, espace Mail-ADNS, prix d'appel */
main.ho .ho-prix-hero strong { color:#fff; font-weight:600; }
main.ho .ho-chap { margin-top:18px; font-size:17px; line-height:1.6; color:var(--gp-texte); }
main.ho .ho-cibles { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(28px,4vw,64px); align-items:start; margin-top:clamp(36px,5vw,56px); }
main.ho .ho-exemples { display:grid; gap:28px; }
main.ho .ho-exemple { padding-top:20px; border-top:2px solid var(--gp-encre); }
main.ho .ho-exemple p:not(.ld-rub) { margin-top:8px; font-size:15.5px; line-height:1.6; color:var(--gp-doux); }
main.ho .ho-base { padding:clamp(26px,3vw,40px); border-radius:16px; background:var(--gp-encre); color:#fff; }
main.ho .ho-base h3 { font:600 clamp(20px,1.8vw,23px)/1.25 var(--gp-titre); letter-spacing:-.015em; color:#fff; }
main.ho .ho-base .ld-coches { margin-top:20px; }
main.ho .ho-base .ld-coches li { color:#e6e9ef; }
main.ho .ho-base .ld-coches li::before { color:var(--ld-or-nuit); }
main.ho .ho-prix { margin-top:clamp(32px,4vw,48px); text-align:center; font-size:17px; line-height:1.6; color:var(--gp-texte); }
main.ho .ho-prix strong { font:600 clamp(20px,1.8vw,24px)/1.3 var(--gp-titre); letter-spacing:-.01em; }

/* Objet « espace Mail-ADNS » (papier blanc) */
main.ho .ho-esp__l { list-style:none; margin:.9em 0 0; padding:0; }
main.ho .ho-esp__l li { display:grid; grid-template-columns:2.6em minmax(0,1fr) auto; gap:.8em; align-items:center; padding:.75em 0; border-top:1px solid rgba(var(--ld-ombre),.1); }
main.ho .ho-esp__vig { width:2.6em; height:3.2em; border-radius:.35em; box-shadow:inset 0 0 0 1px rgba(var(--ld-ombre),.12); }
main.ho .ho-esp__vig--a { background:linear-gradient(#131c2e 0 38%, #f6f5f1 38% 100%); }
main.ho .ho-esp__vig--b { background:linear-gradient(#7a5a0e 0 38%, #f6f5f1 38% 100%); }
main.ho .ho-esp__vig--c { background:linear-gradient(#e8ecf1 0 38%, #f6f5f1 38% 100%); }
main.ho .ho-esp__t { display:flex; flex-direction:column; min-width:0; }
main.ho .ho-esp__t b { font-size:.95em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
main.ho .ho-esp__t span { font-size:.78em; color:#5f6966; }
main.ho .ho-pill--valider { background:#fbf1d6; color:#7a5a0e; }
main.ho .ho-pill--prog { background:#e8ecf1; color:#131c2e; }
main.ho .ho-esp__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5em; margin-top:.6em; padding-top:.9em; border-top:1px solid rgba(var(--ld-ombre),.1); }
main.ho .ho-esp__stats div { display:flex; flex-direction:column; }
main.ho .ho-esp__stats b { font-size:1.15em; font-variant-numeric:tabular-nums; }
main.ho .ho-esp__stats span { font-size:.72em; color:#5f6966; }

@media (max-width: 1099px) { main.ho .ho-cibles { grid-template-columns:minmax(0,1fr); } }
main.ho .ho-note .ld-lien { display:flex; width:fit-content; margin-top:6px; }
main.ho .ho-base .ho-lien-nuit { display:inline-flex; margin-top:22px; color:#fff; text-decoration-color:var(--ld-or-nuit); }
@media (min-width: 761px) { main.ho .gp-voile { background:linear-gradient(90deg,rgba(var(--ld-ombre),.55),rgba(var(--ld-ombre),.5) 44%,rgba(var(--ld-ombre),0) 56%), linear-gradient(180deg,rgba(var(--ld-ombre),.45),rgba(var(--ld-ombre),0) 16%,rgba(var(--ld-ombre),0) 70%,rgba(var(--ld-ombre),.5) 100%); } }
@media (max-width: 760px) { main.ho .gp-voile { background:linear-gradient(180deg,rgba(var(--ld-ombre),.5) 0%,rgba(var(--ld-ombre),.18) 20%,rgba(var(--ld-ombre),.68) 48%,rgba(var(--ld-ombre),1) 82%); } }

/* Formules en cartes-liens (29/10/2026, Antoine : « 3 cards » ; toute la carte mène au contact) */
main.ho .ho-formules { gap:clamp(16px,2vw,28px); }
main.ho .ld-carte.ho-formule { padding:clamp(24px,2.6vw,34px); border-top:0; }
main.ho .ld-carte.ho-formule h3::after { margin-top:16px; }
main.ho .ho-volumes { list-style:none; margin:20px 0 26px; padding:0; display:grid; gap:12px; }
main.ho .ho-volumes li { position:relative; padding-left:24px; font-size:16px; line-height:1.5; color:var(--gp-texte); font-variant-numeric:tabular-nums; }
main.ho .ho-volumes li::before { content:""; position:absolute; left:2px; top:.5em; width:9px; height:9px; border-radius:50%; background:var(--ld-or); }
main.ho .ld-carte.ho-formule .ld-lien { margin-top:auto; align-self:flex-start; }
/* Accroche « par habitude » (argumentaire de février, retenue le 29/10/2026) */
main.ho .ho-ch .ho-accroche { font:600 clamp(19px,1.6vw,22px)/1.4 var(--gp-titre); letter-spacing:-.01em; color:var(--gp-texte); margin-bottom:14px; }
