/* Home — composição Clareza sobre a identidade Suave (style.css fornece
   tokens, botões, cabeçalho e rodapé). Só a home carrega este arquivo. */
.home main>section{border-top:0;padding:0}
.home .rotulo-ponto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rosa);margin-right:.55rem;vertical-align:.08em}
.home .eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;color:var(--tinta-suave)}
.home .link-texto{display:inline-flex;align-items:center;gap:1.2rem;min-height:2.75rem;margin-top:.6rem;padding:.4rem 0;
  font-weight:600;font-size:.85rem;border-bottom:1px solid currentColor;text-decoration:none;color:inherit}
.home .link-texto span{transition:transform .2s var(--ease)}
.home .link-texto:hover span{transform:translateY(3px)}
.home .link-texto.externo:hover span{transform:translate(2px,-2px)}

/* ---------- hero ---------- */
.home-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:2.8rem;
  min-height:730px;margin-top:.5rem;padding:3.6rem;border-radius:28px;color:var(--papel);background:#343b35}
.home-hero-foto{display:block;position:absolute;inset:0;z-index:-2}
.home-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(17,24,21,.8),rgba(17,24,21,.38) 46%,transparent 72%)}
.home-hero-texto{align-self:center;min-width:0}
.home-hero-texto .eyebrow{color:var(--papel);max-width:22rem}
.home-hero h1{font-size:clamp(3.4rem,6.25vw,5.6rem);line-height:1.04;letter-spacing:-.065em;margin:1.5rem 0}
.home-hero h1 span{display:block;color:var(--rosa)}
.home-hero .lead{font-size:1rem;line-height:1.75;max-width:25rem;margin:0 0 1.7rem;color:#efece6}
.home-hero .entrar{background:var(--rosa);border-color:var(--rosa);color:var(--tinta)}
.home-hero .entrar:hover{background:var(--papel);border-color:var(--papel)}
.home-hero :focus-visible{outline-color:var(--papel)}
.home-hero .link-texto{display:flex;width:fit-content;margin-top:.8rem}
.home-hero-visual{align-self:end;min-width:0}
.home-hero-cena{min-width:0;display:flex;flex-direction:column;gap:.6rem;width:min(100%,24rem);margin-left:auto}
.canal-cartao{display:flex;align-items:center;gap:.8rem;min-height:3.9rem;padding:.7rem 1rem;border-radius:14px;
  background:var(--papel);color:var(--tinta);box-shadow:0 3px 16px #1111111f}
.canal-cartao img{flex:none;width:30px;height:30px;object-fit:contain}
.canal-cartao b{display:block;font-size:.82rem;font-weight:700;line-height:1.35}
.canal-cartao span{display:block;font-size:.72rem;color:var(--tinta-suave);line-height:1.4}
.home-hero-selo{align-self:center;display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.55rem 1rem;border-radius:99px;
  background:var(--tinta);color:var(--papel);font-size:.72rem;font-weight:600}
.home-hero-selo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rosa)}
.home-hero-legenda{position:absolute;left:3.6rem;bottom:1.3rem;font-size:.72rem;color:#d9d6cf;margin:0;max-width:22rem}
@media(prefers-reduced-motion:no-preference){
  .canal-cartao,.home-hero-selo{animation:cartao-entra .6s var(--ease) both}
  .canal-cartao:nth-child(2){animation-delay:.12s}.canal-cartao:nth-child(3){animation-delay:.24s}
  .canal-cartao:nth-child(4){animation-delay:.36s}.home-hero-selo{animation-delay:.5s}
  @keyframes cartao-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* ---------- plataforma (abas) ---------- */
.home-produto{padding:5.5rem 0 4.4rem!important}
.home-titulo{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3.75rem;align-items:end;margin-bottom:2.2rem}
.home-titulo .eyebrow{grid-column:1/-1}
.home-titulo h2{font-size:clamp(2.2rem,4.1vw,3.75rem);letter-spacing:-.05em;line-height:1.12;margin:0}
.home-titulo p{margin:0;color:var(--tinta-suave);max-width:28rem;font-size:1rem}
.explorador{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.2rem;align-items:start}
.abas{display:flex;flex-direction:column}
.abas button{display:flex;align-items:center;gap:1rem;width:100%;min-height:3.25rem;padding:1.15rem .9rem;text-align:left;
  background:none;border:0;border-top:1px solid var(--linha);cursor:pointer;color:var(--tinta);font:inherit;font-size:1rem;font-weight:600;
  transition:background .2s}
.abas button:last-child{border-bottom:1px solid var(--linha)}
.abas button:hover{background:#eeeae2}
.abas button[aria-selected=true]{background:var(--rosa-lavado);border-top-color:var(--rosa)}
.abas .aba-num{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #bdb9ae;border-radius:50%;font-size:.8rem;font-weight:700}
.abas button[aria-selected=true] .aba-num{background:var(--rosa);border-color:var(--rosa)}
.abas .aba-rotulo{min-width:0;line-height:1.3}
.abas small{display:block;margin-top:.25rem;font-size:.75rem;font-weight:500;color:var(--tinta-suave)}
.abas .aba-seta{margin-left:auto;font-size:1.2rem}
.painel{background:var(--fundo-suave);border-radius:22px;padding:1.9rem;min-width:0}
.painel>[role=tabpanel]{animation:painel-entra .3s ease}
@keyframes painel-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.painel .eyebrow{margin-bottom:.4rem}
.painel h3{font-size:1.9rem;letter-spacing:-.04em;line-height:1.2;margin:.5rem 0 .75rem}
.painel .beneficio{font-size:1rem;max-width:36rem;color:var(--tinta);margin:0}
.painel figure{margin:1.5rem 0 0}
.painel picture{display:block;width:100%;margin:0 auto}
.painel img{display:block;margin:0 auto;border:1px solid #dbd8d1;border-radius:10px;background:#fff}
.painel .conversas img{width:100%;max-height:420px;object-fit:contain;object-position:top}
.painel .recorte-equipe{width:270px;max-width:100%}
.painel .recorte-equipe img{width:270px;max-width:100%;height:245px;object-fit:cover;object-position:bottom}
.painel .recorte-unidades{width:360px;max-width:100%}
.painel .recorte-unidades img{width:100%;height:auto}
.painel figcaption{font-size:.8rem;line-height:1.6;color:var(--tinta-suave);margin-top:1rem;font-weight:500}
.painel figcaption strong{color:var(--tinta);font-weight:700}
html:not(.js) .abas{display:none}
html:not(.js) .painel>[role=tabpanel]{display:block}
html:not(.js) .painel>[role=tabpanel]+[role=tabpanel]{margin-top:2.5rem}

/* ---------- WhatsApp oficial ---------- */
.home-oficial{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;align-items:center;padding:2.6rem 0;
  border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.home-oficial-rotulo{display:flex;align-items:center;gap:.75rem}
.home-oficial-rotulo img{width:32px;height:32px;flex:none}
.home-oficial h2{font-size:clamp(2.1rem,3.2vw,2.9rem);line-height:1.12;letter-spacing:-.045em;margin:1.4rem 0 0}
.home-oficial h2 span{color:#2f5d41}
.home-oficial p{font-size:.95rem;line-height:1.75;margin:0;max-width:30rem}
.home-oficial .nota{margin-top:.9rem;font-size:.8rem;color:var(--tinta-suave)}

/* ---------- agentes de IA ---------- */
.home-agentes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(2.8rem,8vw,7.5rem);align-items:start;padding:6rem 0!important}
.home-agentes h2{font-size:clamp(2.3rem,3.7vw,3.3rem);line-height:1.15;letter-spacing:-.05em;margin:1.4rem 0}
.home-agentes .lead-a{font-size:.95rem;line-height:1.75;max-width:26rem;margin:0}
.home-agentes .escopo{margin:1.5rem 0 0;font-size:.8rem;line-height:1.65;color:var(--tinta-suave);max-width:26rem}
.agentes-lista{border-top:1px solid var(--tinta);min-width:0}
.agente{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;gap:1.25rem;padding:1.6rem 0;border-bottom:1px solid var(--linha)}
.agente .ind{padding-top:.4rem;font-size:.75rem;color:var(--tinta-suave);font-weight:600}
.agente h3{font-size:1.5rem;letter-spacing:-.03em;line-height:1.4;margin:0}
.agente h3 span{display:inline-block;margin-left:.5rem;font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--tinta-suave)}
.agente p{font-size:.9rem;line-height:1.6;margin:.5rem 0 0}
.agente .exemplo{font-size:.8rem;color:var(--tinta-suave);margin-top:.8rem}
.agente .tipo{display:grid;place-items:center;width:30px;height:25px;margin-top:.4rem;border:1px solid #c0bcb1;border-radius:5px;font-size:.62rem;font-weight:700}
.agentes-nota{display:flex;gap:1rem;margin-top:1.5rem;font-size:.82rem;line-height:1.7;color:var(--tinta-suave)}
.agentes-nota span{font-size:1.5rem;line-height:1.1;color:var(--rosa-forte)}
.agentes-nota strong{color:var(--tinta);font-weight:600}

/* ---------- multiunidade ---------- */
.home-unidades{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem 5.6rem;padding:5.6rem 0 6.2rem!important;border-top:1px solid var(--linha)!important}
.home-unidades .eyebrow{grid-column:1/-1}
.home-unidades h2{font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.05em;margin:0}
.home-unidades h2 span{color:var(--tinta-suave)}
.home-unidades>div>p{max-width:30rem;font-size:1rem}
.acesso{margin-top:1.6rem}
.acesso .eyebrow{margin-bottom:.4rem}
.acesso>div{padding:1.1rem 0;border-bottom:1px solid #c7c3b9}
.acesso>div>span{display:block;font-size:.8rem;color:var(--tinta-suave);font-weight:600}
.acesso strong{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:.3rem 0}
.acesso p{font-size:.88rem;margin:0}

/* ---------- fecho ---------- */
.home-fecho{width:min(1328px,100% - 7rem);background:var(--tinta);color:var(--papel);border-radius:28px;margin:0 auto;padding:5rem 0!important;position:relative;overflow:hidden}
.home-fecho .wrap{position:relative;width:min(1328px,100% - 8rem)}
.home-fecho .eyebrow{color:var(--papel)}
.home-fecho h2{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.05em;line-height:1.1;margin:1.4rem 0 2rem;max-width:52rem}
.home-fecho .acoes{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin:0}
.home-fecho .entrar{background:var(--rosa);border-color:var(--rosa);color:var(--tinta)}
.home-fecho .entrar:hover{background:var(--papel);border-color:var(--papel)}
.home-fecho .secundario{color:var(--papel)}
.home-fecho .secundario:hover{color:var(--rosa)}
.home-fecho :focus-visible{outline-color:var(--rosa)}
.home-final{height:3rem}

/* ---------- tablet e celular ---------- */
@media(max-width:1100px){
  .home-hero{padding:2.5rem;gap:1.9rem;min-height:660px}
  .home-hero h1{font-size:4.1rem}
  .home-hero-legenda{left:2.5rem}
  .explorador{grid-template-columns:210px minmax(0,1fr);gap:1.7rem}
  .home-oficial{gap:1.8rem}
  .home-fecho{width:min(1328px,100% - 4rem)}
  .home-fecho .wrap{width:min(1328px,100% - 5rem)}
}
@media(max-width:800px){
  .home-hero{grid-template-columns:1.05fr 1fr;padding:2rem;min-height:640px}
  .home-hero h1{font-size:3.4rem}
  .home-hero .lead{font-size:.9rem}
  .home-titulo{grid-template-columns:1fr}
  .explorador{display:block}
  .abas{flex-direction:row;gap:.6rem}
  .abas button{flex:1;border:1px solid var(--linha);border-radius:12px;padding:.9rem .6rem;min-height:3.25rem}
  .abas button:last-child{border-bottom:1px solid var(--linha)}
  .abas button[aria-selected=true]{border-color:var(--rosa)}
  .abas .aba-seta,.abas small{display:none}
  .painel{margin-top:1rem}
  .home-oficial{grid-template-columns:1fr;gap:1.4rem;padding:2.2rem 0}
  .home-agentes{grid-template-columns:1fr;gap:2.2rem;padding:4.5rem 0!important}
  .home-unidades{grid-template-columns:1fr;gap:1.6rem;padding:4rem 0!important}
}
@media(max-width:640px){
  .home-hero{display:flex;flex-direction:column;padding:1.4rem 0 0;gap:2rem;min-height:0;margin-top:0;border-radius:0;
    background:transparent;color:var(--tinta);overflow:visible}
  .home-hero::before{display:none}
  .home-hero-foto{position:absolute}
  .home-hero-texto .eyebrow{color:var(--tinta-suave)}
  .home-hero h1{font-size:clamp(3.2rem,16vw,4.1rem);margin:1.1rem 0}
  .home-hero h1 span{color:var(--tinta)}
  .home-hero .lead{color:var(--tinta);font-size:.95rem;max-width:none}
  .home-hero .entrar{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
  .home-hero .entrar:hover{background:transparent;color:var(--tinta)}
  .home-hero :focus-visible{outline-color:var(--tinta)}
  .home-hero-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:#666a61;min-height:520px;
    padding:15rem 1rem 1.2rem;display:flex;align-items:flex-end;width:100%}
  .home-hero-visual .home-hero-foto{position:absolute;inset:0;z-index:-1}
  .home-hero-visual .home-hero-foto img{object-position:76% center}
  .home-hero-cena{width:100%;margin:0}
  .canal-cartao{min-height:3.4rem;padding:.55rem .85rem}
  .canal-cartao span{display:none}
  .canal-cartao b{font-size:.9rem}
  .home-hero-legenda{position:static;color:var(--tinta-suave);margin:0;max-width:none}
  .home-produto{padding:3rem 0 3rem!important}
  .painel{padding:1.1rem;border-radius:18px}
  .painel h3{font-size:1.5rem}
  .abas{gap:.4rem}
  .abas button{flex-direction:column;gap:.45rem;padding:.7rem .3rem;font-size:.78rem;text-align:center}
  .abas .aba-num{width:27px;height:27px;font-size:.7rem}
  .home-oficial h2{font-size:2.4rem}
  .agente{grid-template-columns:23px minmax(0,1fr) 26px;gap:.7rem;padding:1.4rem 0}
  .agente h3{font-size:1.3rem}
  .agente h3 span{display:block;margin:0}
  .home-fecho{width:min(1328px,100% - 2.5rem);border-radius:22px;padding:3rem 0!important}
  .home-fecho .wrap{width:min(1328px,100% - 2.8rem)}
  .home-fecho h2{font-size:2.3rem}
}