/* 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; } }


/* ---------- 28/10/2026 : bandeau d'introduction recomposé (texte à gauche, panneau d'action à droite) + section « service » (ancre #service-fichier-b2b) ---------- */
main.b2 .b2-intro__in { max-width:none; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(32px,5vw,80px); align-items:start; }
main.b2 .b2-intro__t { display:grid; gap:20px; align-content:start; }
main.b2 .b2-intro__t p, main.b2 .b2-intro__cta p { font-size:17px; line-height:1.65; color:var(--gp-doux); margin:0; text-wrap:pretty; }
main.b2 .b2-intro__t .b2-intro__lead { color:var(--gp-texte); font-weight:500; font-size:clamp(20px,1.6vw,24px); line-height:1.4; letter-spacing:-.01em; }
main.b2 .b2-intro__t .b2-intro__ex-t { margin:8px 0 -6px; font-weight:600; color:var(--gp-texte); font-size:15px; }
main.b2 .b2-intro__ex { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
main.b2 .b2-intro__ex li { padding:8px 16px; border-radius:999px; background:#fff; box-shadow:inset 0 0 0 1px var(--gp-filet); font-size:15px; line-height:1.3; color:var(--gp-texte); }
main.b2 .b2-intro__cta { display:grid; gap:16px; align-content:start; padding:clamp(24px,2.6vw,36px); border-radius:18px; background:#fff; box-shadow:inset 0 0 0 1px var(--gp-filet); }
main.b2 .b2-intro__cta .b2-intro__petit { font-size:14.5px; color:var(--gp-discret); margin-top:-6px; }
main.b2 .b2-intro__cta .b2-cta { margin:0; }
main.b2 .b2-intro__cta .gp-btn, main.b2 .b2-intro__cta .b2-btn2 { width:100%; }
@media (max-width:960px) { main.b2 .b2-intro__in { grid-template-columns:minmax(0,1fr); } }

main.b2 .b2-blanc { background:#fff; }
main.b2 .b2-service { padding-block:clamp(64px,8vw,112px); }
main.b2 .b2-service__in { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,6vw,96px); align-items:start; }
main.b2 .b2-service__t { display:grid; gap:20px; align-content:start; }
main.b2 .b2-service__t h2 { font-size:clamp(32px,3.6vw,48px); line-height:1.06; }
main.b2 .b2-service__t .gp-ch { font-size:18px; line-height:1.6; color:var(--gp-doux); margin:0; text-wrap:pretty; }
main.b2 .b2-service__t .b2-cta { margin-top:8px; }
main.b2 .b2-service__lien { margin:0; }
main.b2 .b2-avantages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3vw,44px) clamp(24px,3vw,48px); }
main.b2 .b2-avantages > div { display:grid; gap:10px; align-content:start; padding-top:20px; border-top:1px solid var(--gp-filet-fort, var(--gp-filet)); }
main.b2 .b2-avantages h3 { font-size:21px; }
main.b2 .b2-avantages p { font-size:16.5px; line-height:1.6; color:var(--gp-doux); margin:0; text-wrap:pretty; }
@media (min-width:961px) { main.b2 .b2-service__t { position:sticky; top:96px; } }
@media (max-width:960px) { main.b2 .b2-service__in { grid-template-columns:minmax(0,1fr); } }
@media (max-width:620px) { main.b2 .b2-avantages { grid-template-columns:minmax(0,1fr); } }

/* ---------- 28/10/2026 : haut de page en largeur intermédiaire (761 à 1 279 px). Le texte ne reste plus au milieu d'un grand vide :
   il démarre sous l'en-tête, la fiche se pose à droite du texte dès 900 px (elle passe dessous en dessous). ---------- */
@media (min-width:761px) and (max-width:1279px) {
  main.b2 .gp-hero__in { padding-top:140px; }
  main.b2 .gp-photo, main.b2 .gp-voile { height:600px; }
}
@media (min-width:900px) and (max-width:1279px) {
  main.b2 .gp-hero { padding-bottom:64px; }
  main.b2 .gp-hero__in { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px; align-items:end; }
  main.b2 .gp-hero__t { max-width:560px; }
  main.b2 .gp-hero__scene { margin:0; max-width:none; justify-self:end; width:min(100%,440px); }
}