/* SAM7 · Home sam7co.com · Acabamento v3 (12/10/2026, rodada de OKs). CSS aditivo. Destino: /_sam7/home-acabamento.css,
   chamado como ?v=3 no head da home. Tudo da v2 continua igual; o bloco novo da v3 está no fim (título novo e cores dos cards).
   Entra direto, como acabamento (crítica C21): itens 1, 6, 7 e 8 da proposta da auditoria. Ficam FORA, esperando o print da decisão
   de movimento (D3, corrigida pela C11): brilho dos botões, faixa dos banners, zoom das fotos e o anel dos 3 cards.
   O que faz:
   - globo e anel da logo inteiros no computador (a v1 cortava com overflow no .hero) sem rolagem lateral no celular;
   - legenda "SAM7 World" parada e legível (piscando caía para 2,5:1);
   - estado de toque e foco visível nos botões;
   - movimento reduzido de verdade (as camadas globe-fix e S7LOGO não respeitavam);
   - "Entrar" escondido até o login ligar (crítica C9: hoje leva à venda da consultoria e o my.sam7co.com abre o app de graça);
   - faixa de confiança com 3 itens (o "Pagamento seguro" saiu do HTML);
   - card da Consultoria Brasil só com html.s7-br (fuso do Brasil, script no head; crítica C15). */

/* v1: título sólido, rodapé e legenda legíveis, título do celular */
h1 .g{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#8C95FF!important;color:#8C95FF!important}
.foot{color:#9AA3CC!important;font-size:12.5px!important}
.s7bx small,.ceye{font-size:12px!important}
@media (max-width:640px){h1{font-size:clamp(38px,11.5vw,52px)!important;line-height:.96!important}.hero{padding-top:28px!important;min-height:0!important}}

/* 1. Globo sem caixa: o corte sai do hero e vai para a página (crítica C35: hidden antes do clip, para o iOS abaixo de 16) */
.hero{overflow:visible!important}
html{overflow-x:hidden;overflow-x:clip}
body{overflow-x:clip}

/* 6. Legenda do World parada e legível */
.s7bx small{animation:none!important;opacity:1!important;color:#A9B2FF!important}

/* 7. Estado de toque e foco em todo botão */
.cbtn:active,.s7btn:active,.soonbtn:active{transform:scale(.97)}
.cbtn:focus-visible,.s7btn:focus-visible,.soonbtn:focus-visible,.enter:focus-visible{outline:2px solid #8C95FF;outline-offset:3px}

/* 8. Movimento reduzido de verdade */
@media (prefers-reduced-motion:reduce){
  .s7l .ring,.s7l .halo,.globe::after,.globe .gimg,.glow,.orbit,.orbit .badge,.tw,
  .cbtn::after,.soonbtn::after,.s7bx small,.card .banner i,.card .banner:before,.eyebrow .b,.soonbtn .pulse{animation:none!important;transition:none!important}
}

/* C9: "Entrar" escondido até o login ligar (voltar = apagar esta linha) */
.nav .enter{display:none!important}

/* C13: faixa de confiança com 3 itens */
.trust{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}.trust .tb:nth-child(3):last-child{grid-column:1/-1}}

/* C15: Consultoria Brasil só para o Brasil (html.s7-br vem do script do head) */
html:not(.s7-br) .card.br{display:none!important}
@media(min-width:901px){html:not(.s7-br) .cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-left:auto;margin-right:auto}}

/* ===== v3 (12/10/2026, rodada de OKs, aprovado pelo dono) =====
   Título novo: slogan pequeno acima do H1. Cores: card Brasil no verde da página da Consultoria Brasil (#009c3b, #00a83e, #12b84e),
   card do Empinada no lilás do produto (#8B5CF6 e #C4B5FD, DESIGN.md). Sai o laranja #f2ad55/#e88b2f do card Brasil.
   Voltar atrás: trocar ?v=3 por ?v=2 no head não basta (o arquivo é o mesmo); subir o home-acabamento.css da v2 (backup). */

/* Slogan pequeno acima do título, parado (sem ponto piscando: não soma movimento na dobra) */
.hero .eyebrow{position:relative;z-index:1;display:block;font:500 12.5px/1.4 Roboto,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#A9B2FF;margin:0 0 16px}
/* Título de 2 a 3 linhas: teto de 84 px no computador (craft-floor) e 40 a 48 px no celular */
@media (min-width:901px){h1{font-size:clamp(56px,6.4vw,84px)!important}}
@media (max-width:640px){h1{font-size:clamp(36px,10.6vw,48px)!important;line-height:.98!important}.hero .eyebrow{font-size:11.5px;letter-spacing:.18em;margin-bottom:12px}}

/* Tokens dos cards */
:root{--br:#12b84e;--br2:#009c3b;--emp:#C4B5FD;--emp2:#8B5CF6}

/* Card Brasil: verde da Consultoria Brasil. Texto #03140A sobre #12b84e 7,2:1 e sobre #009c3b 5,25:1 (AA) */
.s7l.br{--c:18,184,78;--c2:0,156,59}
.br .feat .fi svg{stroke:#12b84e}
.br .cbtn{background:linear-gradient(100deg,#12b84e,#009c3b);color:#03140A;box-shadow:0 10px 30px -14px rgba(0,156,59,.6)}
.br .cbtn:hover{box-shadow:0 20px 46px -14px rgba(0,156,59,.85)}
.br:hover{border-color:rgba(18,184,78,.5)}

/* Card Empinada: lilás do produto. Texto #0B0418 sobre #C4B5FD 10,9:1 e sobre #8B5CF6 4,75:1 (AA) */
.s7l.emp{--c:196,181,253;--c2:139,92,246}
.emp .feat .fi svg{stroke:#C4B5FD}
.emp .cbtn{background:linear-gradient(100deg,#C4B5FD,#8B5CF6);color:#0B0418;box-shadow:0 10px 30px -14px rgba(139,92,246,.6)}
.emp .cbtn:hover{box-shadow:0 20px 46px -14px rgba(139,92,246,.85)}
.emp:hover{border-color:rgba(139,92,246,.55)}
/* Subtítulo sem palavra sozinha na última linha ("Nova York" junto no HTML) */
.sub{text-wrap:pretty}