/* ============ EMPRESAS (B2B) — estilos ============ */

/* hero */
.b2b-hero{
  background:radial-gradient(120% 90% at 78% 8%, #143a63 0%, var(--navy) 44%, var(--navy-2) 76%, var(--navy-3) 100%);
  color:#fff;padding:clamp(96px,13vw,150px) 0 clamp(64px,8vw,96px)}
.b2b-hero .kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700;
  color:var(--gold-2);margin-bottom:20px}
.b2b-hero h1{font-size:clamp(2.3rem,5.4vw,4rem);color:#fff;margin-bottom:22px;max-width:17ch}
.b2b-hero h1 em{color:var(--gold-2)}
.b2b-hero .lede{font-size:clamp(1.05rem,1.7vw,1.22rem);color:#cfdaea;line-height:1.65;
  max-width:54ch;margin-bottom:34px}
.b2b-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.08);box-shadow:none}
.b2b-hero .trust{font-size:.95rem;color:#9fb2ca}

/* fuga de negocios */
.leak-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}
.leak{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 24px;
  border-top:3px solid var(--gold)}
.leak b{display:block;font-family:var(--serif);font-size:1.32rem;color:var(--navy);
  font-weight:600;margin-bottom:8px;line-height:1.25}
.leak p{color:var(--muted);font-size:1rem;margin:0;line-height:1.6}

/* oferta principal */
.offer{background:linear-gradient(155deg,var(--navy),var(--navy-2));color:#fff;border-radius:26px;
  padding:clamp(30px,4.4vw,58px);box-shadow:0 26px 70px rgba(15,45,82,.3)}
.offer-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:10px}
.offer-name{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#fff}
.offer-name em{color:var(--gold-2)}
.offer-tag{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--navy-3);background:linear-gradient(150deg,var(--gold-2),var(--gold));
  padding:6px 13px;border-radius:999px}
.offer-lede{color:#cfdaea;font-size:1.1rem;line-height:1.6;max-width:56ch;margin-bottom:34px}
.offer-cols{display:grid;grid-template-columns:1.25fr .95fr;gap:38px;align-items:start}
.offer-list{list-style:none;display:grid;gap:15px}
.offer-list li{display:flex;gap:13px;align-items:flex-start;color:#e7edf6;font-size:1.02rem;line-height:1.5}
.offer-list li::before{content:"✓";color:var(--gold-2);font-weight:800;flex:none;font-size:1.05rem;line-height:1.4}
.offer-list li b{color:#fff;font-weight:700}
.offer-specs{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:18px;padding:24px}
.spec{display:flex;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.1);font-size:.98rem}
.spec:last-of-type{border-bottom:0}
.spec span{color:#9fb2ca}
.spec b{color:#fff;font-weight:700;text-align:right}
.offer-note{margin-top:16px;font-size:.9rem;color:#9fb2ca;line-height:1.5}

/* pasos */
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}
.step{counter-increment:s;background:var(--mist);border-radius:var(--r);padding:28px 24px;position:relative}
.step::before{content:counter(s);font-family:var(--serif);font-size:2.6rem;font-weight:600;
  color:var(--gold);line-height:1;display:block;margin-bottom:12px}
.step b{display:block;color:var(--navy);font-size:1.1rem;margin-bottom:7px}
.step p{color:var(--muted);font-size:.97rem;margin:0;line-height:1.55}

/* para qué equipos */
.fit-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.fit{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:22px 24px}
.fit svg{flex:none;width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.fit b{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.fit span{color:var(--muted);font-size:.97rem;line-height:1.55}

/* oferta secundaria (técnico) */
.tecnico{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
  background:var(--mist);border-radius:22px;padding:clamp(28px,4vw,52px);border:1px solid var(--line)}
.tecnico h3{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:14px}
.tecnico p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin-bottom:18px}
.tecnico ul{list-style:none;display:grid;gap:11px}
.tecnico li{display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-size:1rem}
.tecnico li::before{content:"—";color:var(--gold);font-weight:700;flex:none}

/* diagnóstico + formulario */
.diag{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.diag-list{list-style:none;display:grid;gap:16px;margin-top:26px}
.diag-list li{display:flex;gap:13px;align-items:flex-start}
.diag-list svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.diag-list b{display:block;color:var(--navy)}
.diag-list span{color:var(--muted);font-size:.97rem}
.b2b-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(24px,3vw,32px);box-shadow:var(--shadow)}
.b2b-form h3{font-size:1.4rem;margin-bottom:6px}
.b2b-form .sub{color:var(--muted);font-size:.98rem;margin-bottom:22px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.b2b-legal{margin-top:14px;font-size:.86rem;color:var(--muted);line-height:1.5}

/* faq */
.faq{max-width:820px;margin:44px auto 0;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:700;color:var(--navy);
  font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.5rem;font-weight:400;flex:none;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);padding:0 0 22px;margin:0;line-height:1.65;max-width:64ch}

@media (max-width:900px){
  .offer-cols{grid-template-columns:1fr;gap:26px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .diag{grid-template-columns:1fr;gap:32px}
  .tecnico{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .leak-grid,.fit-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .b2b-cta-row .btn{width:100%}
}