/* Page Acquisition B2B (/emailing-bases-fichier-adresse-email), mise en scène « nuit et or » du 25/10/2026 (skill mise-en-scene).
   Palette et composants repris tels quels de css/ad-lead-v1.css (famille « acquisition », main.ld) : cette feuille ne redéfinit que
   les images du haut de page et les quelques composants propres à cette page (frise à 4 étapes, intro du haut de page, encart CRM,
   bouton secondaire, section de demande à deux colonnes). Se charge après ad-gipco-v3.css et ad-lead-v1.css, limitée à main.b2.
   Gabarits : frise (parcours), B détail photographique (fichiers), texte seul (opportunités, emailing), C chiffre (données, 1994). */

/* ---------- haut de page : photos propres à cette page (ad-lead-v1.css fournit la hauteur, le voile et la position de la fiche) ---------- */
main.b2 .gp-photo { background-image:url(/images/b2b-v2/heros-1920.webp); }
@media (max-width: 760px) { main.b2 .gp-photo { background-image:url(/images/b2b-v2/heros-900.webp); } }

/* ---------- bloc « ouverture » : le texte déborde le haut de page habituel (promesse, renvoi à l'annuaire, exemples, deux boutons) ;
   il suit juste sous la photo, dans un bandeau clair, toujours à l'intérieur de section#ouverture (une seule région de contenu). ---------- */
main.b2 .b2-intro { padding-top:clamp(48px,6vw,88px); }
main.b2 .b2-intro__in { max-width:680px; display:grid; gap:20px; }
main.b2 .b2-intro__in p { font-size:17px; line-height:1.65; color:var(--gp-doux); }
main.b2 .b2-intro__in p:first-child { color:var(--gp-texte); font-weight:500; font-size:18px; }
main.b2 .b2-intro__ex-t { margin-bottom:-8px; font-weight:600; color:var(--gp-texte) !important; font-size:15px !important; }
main.b2 .b2-intro__ex { margin:0; }
main.b2 .b2-intro__petit { font-size:14.5px !important; color:var(--gp-discret) !important; margin-top:-8px; }
main.b2 .b2-cta { margin:4px 0; }
main.b2 .b2-cta .gp-btn, main.b2 .b2-cta .b2-btn2 { margin-top:0; }
/* [25/10] passe de mesure : le gp-btn (bouton jaune) vit ici hors du haut de page sombre ; son anneau de focus blanc,
   prévu pour la photo, devient invisible sur les fonds clairs de cette page. */
main.b2 .gp-clair .gp-btn:focus-visible, main.b2 .gp-sable .gp-btn:focus-visible, main.b2 .gp-encre .gp-btn:focus-visible { outline-color:var(--gp-encre); }

/* ---------- bouton secondaire (devis) : même gabarit que gp-btn, en clair ---------- */
main.b2 .b2-btn2 { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 24px; border-radius:10px;
  background:#fff; color:var(--gp-texte); font-weight:600; font-size:15.5px; text-decoration:none; box-shadow:inset 0 0 0 1.5px var(--gp-filet); }
main.b2 .b2-btn2:focus-visible { outline:3px solid var(--gp-encre); outline-offset:2px; }
@media (hover:hover) { main.b2 .b2-btn2:hover { box-shadow:inset 0 0 0 1.5px var(--gp-texte); } }

/* ---------- parcours : frise à 4 étapes (ad-lead-v1.css en prévoit 6) ---------- */
main.b2 .ld-frise--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width: 1099px) { main.b2 .ld-frise--4 { grid-template-columns:repeat(2,minmax(0,1fr)); } main.b2 .ld-frise--4 li:nth-child(3n)::after { display:block; } main.b2 .ld-frise--4 li:nth-child(2n)::after { display:none; } }
@media (max-width: 640px) { main.b2 .ld-frise--4 { grid-template-columns:minmax(0,1fr); } }

/* ---------- opportunités : trois cas (gp-cols générique), relance ---------- */
main.b2 .b2-suite { margin-top:clamp(40px,5vw,64px); padding-top:28px; border-top:1px solid var(--gp-filet); display:flex; flex-wrap:wrap; align-items:center; gap:18px 32px; }
main.b2 .b2-suite p { font-size:16.5px; font-weight:500; color:var(--gp-texte); max-width:32em; }

/* ---------- données : bande sombre, chiffre décoratif (le texte réel reste dans .gp-txt) ---------- */
main.b2 .gp-txt p:not(.gp-p1) { color:rgba(255,255,255,.74); }

/* ---------- emailing : texte seul + encart CRM ---------- */
main.b2 .b2-emailing__corps { max-width:680px; display:grid; gap:18px; margin-top:40px; }
main.b2 .b2-emailing__corps > p { font-size:17px; line-height:1.65; color:var(--gp-doux); }
main.b2 .b2-encart { margin-top:10px; padding:clamp(24px,3vw,36px); border-radius:16px; background:var(--gp-sable); display:grid; gap:12px; }
main.b2 .b2-encart h3 { font-size:19px; }
main.b2 .b2-encart p { font-size:16px; line-height:1.6; color:var(--gp-doux); }

/* ---------- fichier livré : pastille neutre (ad-lead-v1.css ne prévoit que ok et att) ---------- */
main.b2 .ld-pill--neutre { background:#eceef1; color:var(--gp-doux); }

/* ---------- demande : deux colonnes, texte et formulaire en iframe (profil 5690, mesure de hauteur par message) ---------- */
main.b2 .b2-demande { display:grid; grid-template-columns:minmax(0,560fr) minmax(0,538fr); column-gap:var(--gp-gap); align-items:start; }
main.b2 #titre-demande { font-size:clamp(28px,3.4vw,46px); }   /* [25/10] passe de mesure : « souhaitez-vous » coupé au trait d'union dans la colonne de texte */
main.b2 .b2-nowrap { white-space:nowrap; }
@media (max-width: 360px) {
  main.b2 #titre-demande { font-size:24px; }
  main.b2 #titre-opportunites { font-size:23px; }
}
main.b2 .b2-demande__t p { font-size:16px; line-height:1.65; color:var(--gp-doux); margin-top:14px; }
main.b2 .b2-demande__f { background:#fff; border-radius:14px; padding:clamp(16px,2vw,24px); box-shadow:0 0 0 1px rgba(var(--ld-ombre),.08); }
main.b2 .b2-iframe { display:block; width:100%; height:320px; border:0; }
main.b2 .b2-petit { margin-top:14px !important; font-size:13px !important; color:var(--gp-discret) !important; }
@media (max-width: 1023px) { main.b2 .b2-demande { grid-template-columns:minmax(0,1fr); row-gap:32px; } }