/* =========================================================
   Pages secteurs (template piloté par les données)
   S'appuie sur style2.css + recruteurs.css + entreprises.css
   ========================================================= */

.sec-hero{ position:relative; overflow:hidden; }
.sec-hero__crumb{ display:flex; width:fit-content; align-items:center; gap:7px; font-size:14px; color:var(--muted); margin-bottom:20px; }
.sec-hero__crumb a{ color:var(--muted); }
.sec-hero__crumb a:hover{ color:var(--blue); }
.sec-hero__crumb svg{ width:14px; height:14px; opacity:.6; }
.sec-hero h1{ font-size:clamp(2.1rem,4.6vw,3.4rem); margin-top:6px; max-width:18ch; }
.sec-hero__tag{ font-size:clamp(1.1rem,1.7vw,1.35rem); color:var(--muted); line-height:1.55; max-width:54ch; margin-top:18px; }
.sec-hero__cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }

.sec-intro{ max-width:68ch; font-size:1.12rem; line-height:1.75; color:var(--text); }

/* Enjeux */
.sec-enjeux{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px; }
.enjeu{ padding:30px 26px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); }
.enjeu__n{ font-family:"Lexend Giga",sans-serif; font-weight:600; color:var(--blue-200); font-size:1rem; }
.enjeu h3{ font-size:1.12rem; margin:12px 0 9px; }
.enjeu p{ font-size:15px; color:var(--muted); line-height:1.6; }

/* Métiers */
.sec-metiers{ display:grid; grid-template-columns:1fr 1fr; gap:12px 26px; margin-top:36px; max-width:860px; }
.sec-metier{ display:flex; align-items:center; gap:13px; padding:15px 0; border-bottom:1px solid var(--line); font-size:16px; color:var(--navy); font-weight:500; }
.sec-metier svg{ width:20px; height:20px; color:var(--blue); flex-shrink:0; }

/* Bloc "pourquoi spécialisé" (navy) */
.sec-why{ display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.sec-why__list{ display:flex; flex-direction:column; gap:18px; margin-top:24px; }
.sec-why__list li{ display:flex; gap:13px; font-size:16px; color:#cdd9e8; line-height:1.5; }
.sec-why__list svg{ width:22px; height:22px; color:var(--blue-200); flex-shrink:0; margin-top:2px; }
.sec-why__card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:var(--radius-lg); padding:34px; }
.sec-why__card h3{ color:#fff; font-size:1.3rem; }
.sec-why__card p{ color:#9fb2c9; margin-top:12px; font-size:15.5px; line-height:1.6; }
.sec-why__card .btn{ margin-top:22px; }

/* Offres du secteur */
.sec-jobs{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }
.sec-job{ display:block; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s; }
.sec-job:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:transparent; }
.sec-job__type{ font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--blue); background:var(--blue-50); padding:5px 11px; border-radius:999px; }
.sec-job h3{ font-size:1.08rem; margin:14px 0 6px; }
.sec-job__meta{ font-size:14px; color:var(--muted); line-height:1.5; }
.sec-jobs-empty{ margin-top:24px; padding:30px; border:1px dashed var(--line-2); border-radius:var(--radius); color:var(--muted); font-size:15px; }

/* Autres secteurs */
.sec-others{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.sec-others a{ display:inline-flex; align-items:center; gap:9px; padding:12px 20px; border-radius:999px; border:1px solid var(--line); background:var(--surface); font-weight:600; font-size:15px; color:var(--navy); transition:.2s; }
.sec-others a:hover{ border-color:var(--blue); color:var(--blue); transform:translateY(-2px); }

@media (max-width:880px){
  .sec-enjeux, .sec-jobs{ grid-template-columns:1fr; }
  .sec-metiers{ grid-template-columns:1fr; }
  .sec-why{ grid-template-columns:1fr; }
}