/* Drone Altitude 42 — gabarit des pages intérieures V5 (charte DA42) */
.v5-page{padding-bottom:20px}
.v5-nav a.is-active{color:#fff;background:#17242c}
.v5-nav .v5-nav-cta{background:linear-gradient(135deg,#f2cb58,#f3dc7b);color:#15181a !important;font-weight:800;border-radius:13px;margin-left:6px}
.v5-nav .v5-nav-cta:hover{color:#15181a !important;filter:brightness(1.05)}
.v5-crumbs{font-size:14px;color:#a7b6bf;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.v5-crumbs a{color:#a7b6bf}.v5-crumbs a:hover{color:#f4f7f8}
.v5-crumbs span[aria-current]{color:#d3dde2}

/* En-tête de page */
.v5-ph{padding-top:44px;padding-bottom:36px}
.v5-ph-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.v5-ph h1{margin:16px 0 0;font-weight:700;font-size:clamp(32px,4.4vw,56px);line-height:1.05;letter-spacing:-.035em}
.v5-ph-lead{margin:20px 0 0;font-size:18px;color:#d3dde2;max-width:620px}
.v5-ph-media img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:22px;border:1px solid #263640}

/* Points clés */
.v5-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;padding-top:8px;padding-bottom:20px}
.v5-keys>div{background:#142029;border:1px solid #263640;border-radius:16px;padding:18px 20px}
.v5-keys small{display:block;font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#69d7ed}
.v5-keys strong{display:block;margin-top:8px;font-weight:600;font-size:16px;line-height:1.4}

/* Blocs de contenu */
.v5-block{padding-top:56px;padding-bottom:8px}
.v5-h2s{margin:0 0 18px;font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.15;letter-spacing:-.025em}
.v5-narrow>*{max-width:860px}
.v5-block p{color:#d3dde2;margin:0 0 14px}
.v5-check{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.v5-check li{position:relative;padding-left:30px;color:#d3dde2}
.v5-check li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:9px;border-left:2.5px solid #69d7ed;border-bottom:2.5px solid #69d7ed;transform:rotate(-45deg)}
.v5-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.v5-split-rev .v5-split-media{order:-1}
.v5-split-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid #263640}
.v5-steps-p li p{font-size:15.5px}
.v5-chiplist{display:flex;flex-wrap:wrap;gap:10px}
.v5-chiplist span{border:1px solid #263640;background:#101a21;border-radius:999px;padding:8px 15px;font-size:15px;color:#d3dde2}
.v5-note{margin-top:14px !important;font-size:14.5px;color:#a7b6bf !important}

/* FAQ */
.v5-faq{display:grid;gap:12px;max-width:900px}
.v5-faq-item{background:#142029;border:1px solid #263640;border-radius:14px;padding:0 20px}
.v5-faq-item summary{cursor:pointer;padding:18px 0;font-weight:600;list-style:none;position:relative;padding-right:30px}
.v5-faq-item summary::-webkit-details-marker{display:none}
.v5-faq-item summary::after{content:"+";position:absolute;right:0;top:14px;font-size:22px;color:#69d7ed}
.v5-faq-item[open] summary::after{content:"–"}
.v5-faq-item p{margin:0 0 18px;color:#d3dde2}

/* Bandeau d’action */
.v5-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#142029,#101a21);border:1px solid #263640;border-radius:22px;padding:32px clamp(22px,4vw,40px);margin-top:16px}
.v5-cta p{margin:6px 0 0;color:#a7b6bf}
.v5-cta .v5-h2s{margin:0}

/* Familles (hub prestations) */
.v5-family{padding-top:52px}
.v5-family-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
.v5-family-head p{margin:6px 0 0;color:#a7b6bf;max-width:640px}

/* Fiche formation */
.v5-course{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
.v5-course-box{position:sticky;top:96px;background:#142029;border:1px solid #263640;border-radius:20px;padding:26px}
.v5-course-box dl{margin:0 0 20px;display:grid;gap:12px}
.v5-course-box dt{font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#69d7ed}
.v5-course-box dd{margin:2px 0 0;color:#f4f7f8}
.v5-course-box .v5-btn{width:100%;box-sizing:border-box}
.v5-course-box .v5-btn + .v5-btn{margin-top:10px}

/* Réalisations */
.v5-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.v5-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}

.v5-footer a{color:#cbd6db}
.v5-footer a:hover{color:#fff}

@media (max-width:900px){
  .v5-ph-grid,.v5-split,.v5-course{grid-template-columns:1fr;gap:26px}
  .v5-split-rev .v5-split-media{order:0}
  .v5-course-box{position:static}
  .v5-ph{padding-top:28px}
}
@media (max-width:1180px){
  .v5-nav .v5-nav-cta{margin-left:0}
}
.v5-tiles-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)) !important}
.v5-tiles-2 .v5-card h3{font-size:20px}
.v5-dept-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.v5-dept-facts>div{background:#142029;border:1px solid #263640;border-radius:16px;padding:20px}
.v5-dept-facts h3{margin:0 0 8px;font-size:17px}
.v5-dept-facts p{margin:0;color:#a7b6bf;font-size:15.5px}
@media (max-width:640px){.v5-tiles-2{grid-template-columns:1fr !important}}
/* Maquettes 3D intégrées (Story 3D) */
.v5-viewer{position:relative;overflow:hidden;border-radius:22px;border:1px solid #263640;background:#0b1116;aspect-ratio:16/9;margin-top:18px}
.v5-viewer>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.45;filter:saturate(.8)}
.v5-viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.v5-viewer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto !important;margin:0 !important;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.v5-viewer.is-live>img,.v5-viewer.is-live .v5-viewer-play{display:none}
.v5-viewer-note{margin-top:12px;color:#a7b6bf;font-size:15px}
.v5-viewer-note a{color:#69d7ed}
@media (max-width:640px){.v5-viewer{aspect-ratio:4/5}}
