/* ============ CLISAN — página de empresas (B2B) ============ */
/* Reusa tokens e componentes de styles.css. Só classes b2b-* aqui. */

/* Pílula de volta ao site de paciente, espelha o "Para empresas" do site de paciente */
.nav-links a.link-publico,.nav-cta a.link-publico{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1.5px solid var(--verde);color:var(--verde-esc);padding:9px 16px;border-radius:999px;font-weight:600;line-height:1;transition:.2s ease}
.nav-links a.link-publico:hover,.nav-cta a.link-publico:hover{background:var(--verde);color:#fff}
.link-publico svg{width:16px;height:16px}
/* a pílula de pacientes só aparece no nav-cta (ao lado do hambúrguer) no mobile */
.nav-cta a.link-publico{display:none}
@media(max-width:980px){.nav-links a.link-publico{display:none}.nav-cta a.link-publico{display:inline-flex}}
@media(max-width:380px){.nav-cta a.link-publico{padding:8px 12px}}

/* Cartões de valor rápido (4) */
.b2b-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-40px;position:relative;z-index:2}
.b2b-quick .qc{background:#fff;border:1px solid var(--borda);border-radius:var(--radius);padding:22px;box-shadow:var(--sombra-sm);display:flex;gap:14px;align-items:flex-start}
.b2b-quick .qc .ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--veu);color:var(--verde-esc);display:grid;place-items:center}
.b2b-quick .qc .ic .icon{width:22px;height:22px}
.b2b-quick .qc b{display:block;font-family:'Inter';font-weight:600;color:var(--texto);font-size:.98rem;line-height:1.3}
@media(max-width:900px){.b2b-quick{grid-template-columns:repeat(2,1fr);margin-top:24px}}
@media(max-width:520px){.b2b-quick{grid-template-columns:1fr}}

/* Processo em passos numerados */
.b2b-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.b2b-steps .step{background:#fff;border:1px solid var(--borda);border-radius:var(--radius);padding:24px;box-shadow:var(--sombra-sm)}
.b2b-steps .step .n{width:40px;height:40px;border-radius:50%;background:var(--verde);color:#fff;font-family:'Fraunces';font-weight:600;display:grid;place-items:center;font-size:1.2rem;margin-bottom:14px}
.b2b-steps .step h3{font-size:1.05rem;color:var(--verde-deep);margin-bottom:6px}
.b2b-steps .step p{color:var(--texto-suave);font-size:.92rem}
@media(max-width:980px){.b2b-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.b2b-steps{grid-template-columns:1fr}}

/* Diferenciais */
.b2b-why{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.b2b-why .w{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:var(--radius);padding:22px;box-shadow:var(--sombra-sm)}
.b2b-why .w .ck{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--veu);color:var(--verde-esc);display:grid;place-items:center}
.b2b-why .w .ck .icon{width:18px;height:18px}
.b2b-why .w b{display:block;color:var(--texto);margin-bottom:4px}
.b2b-why .w span{color:var(--texto-suave);font-size:.94rem}
@media(max-width:760px){.b2b-why{grid-template-columns:1fr}}