/* pages.css — pages intérieures */
.page-hero{background:var(--nuit);color:#fff}
.page-hero .cadre{padding-block:clamp(2.5rem,5vw,4rem)}
.page-hero .cadre.avec-visuel{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.page-hero h1{font-size:clamp(1.9rem,3.8vw,3rem);max-width:24ch}
.page-hero .chapo{font-size:1.15rem;color:#d7d7e3;max-width:58ch;margin:1rem 0 1.6rem}
.page-hero .actions{display:flex;flex-wrap:wrap;gap:.8rem}
.page-visuel{aspect-ratio:1.2;max-width:380px;justify-self:center;border-radius:var(--feuille);overflow:hidden;border:6px solid var(--grenat);width:100%}
.page-visuel img{width:100%;height:100%;object-fit:cover}
.crumb{font-size:.9rem;color:#b9b9cc;margin-bottom:1rem}
.crumb a{color:#d7d7e3}

.deux-col{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}
.deux-col p,.prose p,.prose li{max-width:64ch}
.encart{background:var(--rose-pale);border-radius:18px;padding:1.5rem}
.encart h3{font-size:1.05rem;margin:0 0 .4rem}
.encart p{margin:0 0 1rem;color:var(--texte)}
.encart p:last-child{margin-bottom:0}
.bloc-teinte .encart{background:#fff}

.coches{list-style:none;margin:1.2rem 0;padding:0;display:grid;gap:.6rem}
.coches li{padding-left:1.6rem;position:relative}
.coches li::before{content:"";position:absolute;left:0;top:.45em;width:.7rem;height:.7rem;border-radius:var(--feuille);background:var(--grenat)}
.bloc-nuit .coches li::before{background:var(--p-vert)}

.programmes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.25rem}
.programmes li{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:1rem 1.2rem}
.programmes a{font-weight:700;color:var(--nuit);text-decoration:none}
.programmes a:hover{color:var(--grenat);text-decoration:underline}
.tag{display:inline-block;margin-left:.4rem;font-size:.82rem;font-weight:700;color:var(--grenat-fonce);background:var(--rose-pale);border-radius:999px;padding:.1rem .6rem}
.note{margin:1.5rem 0 0;color:var(--gris);max-width:70ch}
.suite{margin-top:2rem}
.voir{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.voir a{font-weight:700}

.etapes{margin:1.2rem 0;padding-left:1.4rem;display:grid;gap:.9rem}
.etapes li::marker{font-weight:800;color:var(--grenat)}
.etapes-ligne{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;padding:0;list-style-position:inside}

.btn-contour-fonce{border-color:var(--nuit);color:var(--nuit);background:transparent;margin:.25rem .25rem 0 0}
.btn-contour-fonce:hover{background:var(--nuit);color:#fff}

.offres-liste{display:grid;gap:1.25rem}
.fiche-offre{display:grid;grid-template-columns:260px 1fr;gap:1.6rem;align-items:center;background:var(--nuit-2);border-radius:22px;padding:1.2rem}
.fiche-offre:not(:has(.vignette-grande)){grid-template-columns:1fr;padding:1.6rem}
.vignette-grande{aspect-ratio:1;border-radius:var(--feuille);overflow:hidden}
.vignette-grande img{width:100%;height:100%;object-fit:cover}
.fiche-offre p{color:#d7d7e3;margin:.4rem 0 0}
.fiche-offre .coches{margin-bottom:0}

.duo-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.duo-images img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--feuille)}

.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}
.logos li{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--bord);border-radius:14px;padding:1rem;min-height:84px}
.logos img{max-height:48px;width:auto;max-width:100%;object-fit:contain}
.bloc-teinte .logos li{border-color:#f0d6dc}

.prose{max-width:820px}
.prose h2{margin:2.2rem 0 .8rem}
.prose h2:first-child{margin-top:0}
.prose h3{margin:1.6rem 0 .4rem;font-size:1.15rem}

.pied-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:1.75rem}
.pied-titre{font:700 1.05rem var(--f-titre);color:#fff;margin:0 0 .7rem}
.pied-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.pied-cols a{text-decoration:none}
.pied-cols a:hover{text-decoration:underline}
.pied-fin{margin:0;color:#9a9ab0}
.pied-qualiopi img{background:#fff;padding:0;border-radius:0;width:190px}

@media (max-width:980px){
  .page-hero .cadre.avec-visuel,.deux-col{grid-template-columns:1fr}
  .page-visuel{max-width:320px}
  .programmes{grid-template-columns:1fr}
  .etapes-ligne{grid-template-columns:1fr}
  .fiche-offre{grid-template-columns:1fr}
  .vignette-grande{max-width:220px}
  .pied-cols{grid-template-columns:1fr}
  .duo-images{grid-template-columns:1fr}
}