/* Horizon Line · site v1.0 · fase 1
   Esqueleto do Design System - Sites Line e Cross v1.2 com a pele da Line, como na Interface v1.4,
   na versão com mais fundo escuro (.vira-escura). A pele da Cross entra só na ponte.
   Mesma base da Cross (03 MARKETING/CROSS/site v1.1), em cópia própria. Fontes servidas do próprio site. */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-300.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-500.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-600.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/montserrat-700.woff2) format("woff2")}
/* ===== Base: igual nos dois sites (Design System v1.1) ===== */
:root{
  --hz-e-1:4px;--hz-e-2:8px;--hz-e-3:12px;--hz-e-4:16px;--hz-e-5:24px;
  --hz-e-6:32px;--hz-e-7:48px;--hz-e-8:64px;--hz-e-9:96px;--hz-e-10:128px;
  --hz-largura:1140px;
  --hz-t-h3:1.5rem;--hz-t-lead:1.25rem;--hz-t-corpo:1rem;--hz-t-apoio:.875rem;--hz-t-rotulo:.75rem;
  --hz-m-rapido:150ms;--hz-m-base:300ms;--hz-m-entrada:400ms;--hz-m-amplo:600ms;--hz-m-cascata:80ms;
  --hz-m-curva:cubic-bezier(.2,.7,.2,1);
  --rev-h:0px;
}
/* Tamanhos fluidos. No site vão em vw; aqui em cqi, para a página responder à largura de revisão. */
.pagina{
  --hz-margem:clamp(20px,5cqi,48px);
  --hz-secao:clamp(64px,9cqi,128px);
  --hz-t-display:clamp(2.5rem,1.6rem + 4.6cqi,4.5rem);
  --hz-t-h1:clamp(2rem,1.5rem + 2.6cqi,3.25rem);
  --hz-t-h2:clamp(1.625rem,1.35rem + 1.3cqi,2.25rem);
}
[data-marca="line"]{
  --hz-fonte:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hz-fundo:#FFFFFF;--hz-fundo-apoio:#F5F5F5;--hz-fundo-escuro:#272727;
  --hz-texto:#4A4A49;--hz-texto-apoio:#4A4A49;--hz-linha:#E5E5E5;
  --hz-acao:#FE671E;--hz-acao-foco:#FF8F00;--hz-sobre-acao:#272727;
  --hz-destaque:#FE4D33;--hz-destaque-escuro:#FE671E;
  --hz-assinatura:linear-gradient(135deg,#FF8F00 0%,#FE6D1A 23%,#FE4B34 48%,#FD2D4B 73%,#FD165D 100%);
  --hz-fio:linear-gradient(90deg,#FD165D 0%,#FD2D4B 27%,#FE4B34 52%,#FE6D1A 77%,#FF8F00 100%);
  --hz-raio:0px;--hz-chanfro:14px;
  --hz-recorte:polygon(0 0,calc(100% - var(--hz-chanfro)) 0,100% var(--hz-chanfro),100% 100%,var(--hz-chanfro) 100%,0 calc(100% - var(--hz-chanfro)));
  --hz-cartao-fundo:#F5F5F5;--hz-cartao-borda:transparent;
  --hz-botao-caixa:uppercase;--hz-botao-chamada:#FFFFFF;--hz-icone-traco:2.5;
  --hz-foco:#FD165D;
}
[data-marca="cross"]{
  --hz-fonte:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --hz-fundo:#FFFFFF;--hz-fundo-apoio:#FBFAF9;--hz-fundo-escuro:#3C3C3B;
  --hz-texto:#3C3C3B;--hz-texto-apoio:#6E6C6A;--hz-linha:#E6E4E1;
  --hz-acao:#F39200;--hz-acao-foco:#DF8600;--hz-sobre-acao:#3C3C3B;
  --hz-destaque:inherit;--hz-destaque-escuro:#F39200;
  --hz-assinatura:#3C3C3B;--hz-fio:linear-gradient(#F39200,#F39200);
  --hz-raio:6px;--hz-chanfro:0px;--hz-recorte:none;
  --hz-cartao-fundo:#FFFFFF;--hz-cartao-borda:#E6E4E1;
  --hz-botao-caixa:none;--hz-botao-chamada:#F39200;--hz-icone-traco:1.4;
  --hz-foco:#3C3C3B;
}


/* ===== Documento ===== */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--rev-h) + 80px)}
body{margin:0;font-family:"Poppins",system-ui,sans-serif;font-size:16px;line-height:1.6;color:#4A4A49;background:#FFFFFF;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Esqueleto ===== */
.wrap{max-width:calc(var(--hz-largura) + 2*var(--hz-margem));margin:0 auto;padding:0 var(--hz-margem)}
.secao{padding:var(--hz-secao) 0}
.secao.apoio{background:var(--hz-fundo-apoio)}
.secao + .secao:not(.apoio):not(.escura){border-top:1px solid var(--hz-linha)}
.secao.apoio + .secao{border-top:0}
.rotulo{display:block;margin:0 0 var(--hz-e-4);font-size:var(--hz-t-rotulo);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--hz-texto-apoio)}
[data-marca="line"] .rotulo{background:var(--hz-fio);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;width:max-content;max-width:100%}
.titulo{margin:0;font-size:var(--hz-t-h1);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--hz-texto);text-wrap:balance}
.titulo em{font-style:normal;color:var(--hz-destaque)}
.titulo.h2{font-size:var(--hz-t-h2);line-height:1.2}
[data-marca="cross"] .titulo.h2{font-weight:600}
.lead{margin:var(--hz-e-4) 0 0;font-size:var(--hz-t-lead);font-weight:300;line-height:1.45;max-width:48ch;text-wrap:pretty}
.cabeca-secao{margin-bottom:var(--hz-e-7);max-width:720px}
p{text-wrap:pretty}

/* Botões e links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 26px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;
  font:700 .9375rem/1 var(--hz-fonte);text-transform:var(--hz-botao-caixa);letter-spacing:.02em;
  background:var(--hz-acao);color:var(--hz-sobre-acao);border-radius:var(--hz-raio);clip-path:var(--hz-recorte);
  transition:background-color var(--hz-m-rapido) var(--hz-m-curva),color var(--hz-m-rapido) var(--hz-m-curva),transform var(--hz-m-rapido) var(--hz-m-curva)}
[data-marca="cross"] .btn{font-weight:600}
.btn:hover{background:var(--hz-acao-foco)}
.btn:active{transform:translateY(1px)}
.btn.sec{background:transparent;color:var(--hz-texto);box-shadow:inset 0 0 0 2px currentColor;clip-path:none}
.btn.sec:hover{background:var(--hz-texto);color:var(--hz-fundo)}
.btn.claro{background:var(--hz-botao-chamada);color:var(--hz-sobre-acao)}
.btn.claro:hover{filter:brightness(.94);background:var(--hz-botao-chamada)}
.btn.peq{min-height:44px;padding:12px 18px;font-size:.8125rem}
.btn svg{width:18px;height:18px;flex:none}
.link{font-weight:600;text-decoration:none;background:var(--hz-fio) 0 100%/100% 2px no-repeat;padding-bottom:4px;transition:background-size var(--hz-m-rapido) var(--hz-m-curva)}
.link:hover{background-size:100% 3px}
.fila{display:flex;flex-wrap:wrap;gap:var(--hz-e-4) var(--hz-e-5);align-items:center}
.apoio-acao{margin:var(--hz-e-3) 0 0;font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
:focus-visible{outline:3px solid var(--hz-foco,#FD165D);outline-offset:3px}
.escura :focus-visible,.pe :focus-visible{outline-color:#FFFFFF}

/* ===== Cabeçalho ===== */
.cab{position:sticky;top:var(--rev-h);z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--hz-linha)}
.cab .wrap{display:flex;align-items:center;gap:var(--hz-e-5);min-height:64px}
.cab .lg{flex:none;display:block;text-decoration:none}
.cab .lg svg{height:auto}
[data-marca="line"] .cab .lg svg{width:130px}
[data-marca="cross"] .cab .lg svg{width:170px}
.cab .menu{display:none;flex:1;align-items:center;justify-content:flex-end;gap:var(--hz-e-5);margin:0;padding:0;list-style:none;font-size:var(--hz-t-apoio);font-weight:500}
.cab .menu a{text-decoration:none;padding:10px 0;display:block;background:var(--hz-fio) 0 100%/0 2px no-repeat;transition:background-size var(--hz-m-base) var(--hz-m-curva)}
.cab .menu a:hover{background-size:100% 2px}
.cab .menu .outra{padding-left:var(--hz-e-5);border-left:1px solid var(--hz-linha)}
.cab .acao{display:none;flex:none}
.cab .burger{margin-left:auto;flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;border-radius:var(--hz-raio)}
.cab .burger svg{width:24px;height:24px;stroke:var(--hz-texto);stroke-width:2;fill:none}
.cab .burger .x{display:none}
.cab[data-aberto] .burger .x{display:block}
.cab[data-aberto] .burger .tres{display:none}
/* Segunda linha do cabeçalho no celular: o botão, quando o do topo já saiu da tela */
.cab .acao-movel{display:none;min-height:0;padding-bottom:12px}
.cab .acao-movel .btn{width:100%}
.cab[data-acao-movel] .acao-movel{display:block;animation:hz-entra var(--hz-m-base) var(--hz-m-curva)}
@container site (min-width:600px){
  .cab .acao{display:inline-flex;margin-left:auto}
  .cab .burger{margin-left:0}
  .cab .acao-movel,.cab[data-acao-movel] .acao-movel{display:none}
  [data-marca="line"] .cab .lg svg{width:150px}
}
@container site (min-width:900px){
  .cab .menu{display:flex}
  .cab .burger{display:none}
  .cab .acao{margin-left:var(--hz-e-2)}
  .cab .menu + .acao{margin-left:var(--hz-e-2)}
}
/* Menu aberto no celular */
.gaveta{position:absolute;left:0;right:0;top:100%;background:var(--hz-fundo);border-bottom:1px solid var(--hz-linha);box-shadow:0 24px 40px rgba(0,0,0,.08);max-height:calc(100vh - var(--rev-h) - 64px);overflow:auto;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity var(--hz-m-base) var(--hz-m-curva),transform var(--hz-m-base) var(--hz-m-curva),visibility 0s linear var(--hz-m-base)}
.cab[data-aberto] .gaveta{opacity:1;transform:none;visibility:visible;transition-delay:0s}
.gaveta ul{list-style:none;margin:0;padding:0}
.gaveta > .wrap{display:block;min-height:0;padding-top:var(--hz-e-4);padding-bottom:var(--hz-e-6)}
.gaveta .item > a{display:block;padding:14px 0;font-size:1.125rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--hz-linha)}
.gaveta .subs{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--hz-e-4);padding:6px 0 10px;border-bottom:1px solid var(--hz-linha)}
.gaveta .subs a{display:block;padding:10px 0;font-size:.9375rem;text-decoration:none;color:var(--hz-texto-apoio)}
.gaveta .item.sub > a{border-bottom:0}
.gaveta .outra small{display:block;font-size:var(--hz-t-apoio);font-weight:400;color:var(--hz-texto-apoio);margin-top:2px}
.gaveta .btn{width:100%;margin-top:var(--hz-e-5)}
@container site (min-width:900px){.gaveta{display:none}}

/* ===== Movimento ===== */
html.js .rv{opacity:0;transform:translateY(12px);transition:opacity var(--hz-m-entrada) var(--hz-m-curva),transform var(--hz-m-entrada) var(--hz-m-curva);transition-delay:calc(var(--i,0) * var(--hz-m-cascata))}
html.js .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
}
@media print{.rv{opacity:1;transform:none}.cab{position:static}}

/* ===== Line · topo ===== */
.topo-line{padding:var(--hz-e-5) 0 var(--hz-e-8)}
.topo-line .grade{display:grid;gap:var(--hz-e-6)}
.topo-line .arte{position:relative;aspect-ratio:5/4;max-height:52vh;width:100%}
.topo-line .arte .faceta{position:absolute;inset:0;background:var(--hz-assinatura);clip-path:polygon(4% 9%,62% 0,100% 18%,93% 100%,17% 92%)}
.topo-line .arte .faceta svg{position:absolute;inset:0;width:100%;height:100%}
.topo-line .arte .traco{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.topo-line h1{margin:0;font-size:var(--hz-t-display);font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--hz-texto);text-wrap:balance}
.topo-line h1 em{font-style:normal;color:var(--hz-destaque)}
.topo-line .lead{max-width:36ch}
.topo-line .fila{margin-top:var(--hz-e-6)}
@container site (min-width:900px){
  .topo-line{padding:var(--hz-e-8) 0 var(--hz-e-9)}
  .topo-line .grade{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:var(--hz-e-7)}
  .topo-line .texto{order:-1}
  .topo-line .arte{aspect-ratio:4/4.4;max-height:none}
}
/* Gestos da Line: a faceta que abre e a entrada do topo, uma vez, quando a página carrega */
.pagina.viva .topo-line .arte .faceta{animation:hz-abre var(--hz-m-amplo) var(--hz-m-curva) 120ms both}
.pagina.viva .topo-line .arte .traco path{stroke-dasharray:420;animation:hz-traco 900ms var(--hz-m-curva) 400ms both}
.pagina.viva .topo-line .texto > *{animation:hz-entra var(--hz-m-entrada) var(--hz-m-curva) both}
.pagina.viva .topo-line .texto > *:nth-child(2){animation-delay:80ms}
.pagina.viva .topo-line .texto > *:nth-child(3){animation-delay:160ms}
.pagina.viva .topo-line .texto > *:nth-child(4){animation-delay:240ms}
@keyframes hz-abre{from{clip-path:polygon(48% 46%,52% 45%,54% 50%,52% 55%,47% 54%)}to{clip-path:polygon(4% 9%,62% 0,100% 18%,93% 100%,17% 92%)}}
@keyframes hz-traco{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes hz-entra{from{opacity:0;transform:translateY(12px)}}

/* Line · quem somos */
.quem-somos{padding:var(--hz-secao) 0;border-top:1px solid var(--hz-linha)}
.quem-somos p{margin:0;font-size:var(--hz-t-h2);font-weight:300;line-height:1.35;letter-spacing:-.01em;max-width:30ch;color:var(--hz-texto)}
.quem-somos p b{font-weight:600}
.quem-somos .fio{width:56px;height:4px;background:var(--hz-fio);margin-bottom:var(--hz-e-6)}
@container site (min-width:900px){.quem-somos p{max-width:34ch;margin-left:calc(100% / 12)}.quem-somos .fio{margin-left:calc(100% / 12)}}

/* ===== Carrossel passado na mão ===== */
.car{position:relative}
.car-nomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hz-e-2);margin:0 0 var(--hz-e-5);padding:0;list-style:none}
.car-nomes button{width:100%;min-height:44px;padding:10px 8px;border:0;cursor:pointer;background:var(--hz-fundo);color:var(--hz-texto);font:500 .875rem/1.2 var(--hz-fonte);box-shadow:inset 0 0 0 1px var(--hz-linha);border-radius:var(--hz-raio);transition:box-shadow var(--hz-m-rapido) var(--hz-m-curva),background-color var(--hz-m-rapido) var(--hz-m-curva)}
.car-nomes button:hover{box-shadow:inset 0 0 0 2px var(--hz-texto)}
.car-nomes button[aria-current="true"]{box-shadow:inset 0 0 0 2px var(--hz-texto);background:var(--hz-fundo-apoio);font-weight:700}
.car-nomes .frase{display:none}
.car-trilho{align-items:start;transition:height var(--hz-m-base) var(--hz-m-curva);display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--hz-e-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--hz-margem));padding:0 var(--hz-margem);scroll-padding:0 var(--hz-margem)}
.car-trilho::-webkit-scrollbar{display:none}
.car-item{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.car-nav{display:flex;align-items:center;gap:var(--hz-e-3);margin-top:var(--hz-e-5)}
.car-nav button{width:44px;height:44px;display:grid;place-items:center;border:0;cursor:pointer;background:transparent;box-shadow:inset 0 0 0 2px var(--hz-texto);border-radius:var(--hz-raio);color:var(--hz-texto);transition:background-color var(--hz-m-rapido),color var(--hz-m-rapido),opacity var(--hz-m-rapido)}
.car-nav button:hover:not(:disabled){background:var(--hz-texto);color:var(--hz-fundo)}
.car-nav button:disabled{opacity:.3;cursor:default}
.car-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
.car-conta{font-size:var(--hz-t-apoio);font-weight:500;color:var(--hz-texto-apoio);min-width:4.5em}
.car-dica{margin-left:auto;font-size:var(--hz-t-rotulo);color:var(--hz-texto-apoio)}

/* Cartão de solução */
.sol{position:relative;height:100%;display:flex;flex-direction:column;gap:var(--hz-e-4);padding:var(--hz-e-6) var(--hz-e-5);background:var(--hz-cartao-fundo);border:1px solid var(--hz-cartao-borda);border-radius:var(--hz-raio);clip-path:var(--hz-recorte)}
.sol::before{content:"";position:absolute;left:0;top:0;width:56px;height:4px;background:var(--hz-fio)}
.sol .ic{width:40px;height:40px;fill:none;stroke:var(--hz-acao);stroke-width:var(--hz-icone-traco);stroke-linejoin:miter;stroke-linecap:square}
[data-marca="line"] .sol .ic{stroke:url(#hzg)}
.sol .quem{margin:0;font-size:var(--hz-t-apoio);font-weight:500;color:var(--hz-texto-apoio)}
.sol .quem q{quotes:"\201C" "\201D"}
.sol h3{margin:0;font-size:var(--hz-t-h3);line-height:1.2;font-weight:700;color:var(--hz-texto);letter-spacing:-.01em;text-wrap:balance}
[data-marca="cross"] .sol h3{font-weight:600}
.sol .desc{margin:0;max-width:52ch}
.sol .recebe{margin:0;padding:var(--hz-e-4) 0 0;border-top:1px solid color-mix(in srgb,var(--hz-texto) 14%,transparent)}
.sol .recebe b{display:block;font-size:var(--hz-t-rotulo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--hz-e-2)}
.sol ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.9375rem}
.sol ul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}
.sol ul li::before{content:"";width:8px;height:8px;margin-top:9px;background:var(--hz-acao);clip-path:polygon(0 0,100% 30%,70% 100%,10% 80%)}
.sol .regra{margin:0;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:var(--hz-t-apoio);font-weight:500}
.sol .regra::before{content:"";width:12px;height:12px;margin-top:4px;box-shadow:inset 0 0 0 2px var(--hz-acao);border-radius:var(--hz-raio)}
.sol .pe-cartao{margin-top:auto;padding-top:var(--hz-e-3);display:flex;flex-wrap:wrap;gap:var(--hz-e-3);align-items:center}

/* Computador: Line em abas, Cross lado a lado */
@container site (min-width:900px){
  .car[data-modo="abas"]{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--hz-e-6);align-items:start}
  .car[data-modo="abas"] .car-nomes{grid-template-columns:1fr;gap:var(--hz-e-2);margin:0}
  .car[data-modo="abas"] .car-nomes button{display:grid;gap:2px;text-align:left;padding:14px 18px;font-size:1rem}
  .car[data-modo="abas"] .car-nomes button[aria-current="true"]{font-weight:600}
  .car[data-modo="abas"] .car-nomes .nome{font-weight:600}
  .car[data-modo="abas"] .car-nomes .frase{display:block;font-size:var(--hz-t-apoio);font-weight:400;color:var(--hz-texto-apoio)}
  .car[data-modo="abas"] .car-trilho{height:auto!important;align-items:stretch;display:grid;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
  .car[data-modo="abas"] .car-item{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity var(--hz-m-base) var(--hz-m-curva),transform var(--hz-m-base) var(--hz-m-curva),visibility 0s linear var(--hz-m-base);transform:translateY(12px)}
  .car[data-modo="abas"] .car-item[data-ativo]{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .car[data-modo="abas"] .car-nav{display:none}
  .car[data-modo="abas"] .sol{padding:var(--hz-e-7) var(--hz-e-7) var(--hz-e-6);min-height:100%}
  .car[data-modo="lado"] .car-nomes,.car[data-modo="lado"] .car-nav{display:none}
  .car[data-modo="lado"] .car-trilho{height:auto!important;align-items:stretch;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
}

/* ===== Ponte ===== */
.ponte{padding:var(--hz-e-6) var(--hz-e-5);background:var(--hz-fundo-apoio);color:var(--hz-texto);font-family:var(--hz-fonte);border-radius:var(--hz-raio);clip-path:var(--hz-recorte);box-shadow:inset 0 0 0 1px var(--hz-cartao-borda)}
[data-marca="line"].ponte{background:#F5F5F5}
.ponte .lg svg{height:auto}
.ponte[data-marca="cross"] .lg svg{width:170px}
.ponte[data-marca="line"] .lg svg{width:140px}
.ponte .t{margin:var(--hz-e-5) 0 0;font-size:var(--hz-t-h2);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--hz-texto);text-wrap:balance}
.ponte[data-marca="cross"] .t{font-weight:600}
.ponte .s{margin:var(--hz-e-2) 0 0;font-size:var(--hz-t-lead);font-weight:300;line-height:1.4}
.ponte .txt{margin:var(--hz-e-5) 0 0;max-width:46ch}
.ponte .btn{margin-top:var(--hz-e-5)}
.ponte .frases{margin:var(--hz-e-6) 0 0;padding:0;list-style:none;display:grid;gap:var(--hz-e-4)}
.ponte .frases li{padding:var(--hz-e-4) var(--hz-e-5);background:#fff;border-radius:var(--hz-raio);box-shadow:inset 0 0 0 1px var(--hz-linha)}
.ponte .frases q{display:block;font-weight:600;quotes:"\201C" "\201D"}
.ponte .frases span{display:block;margin-top:4px;font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
@container site (min-width:900px){
  .ponte.larga{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--hz-e-7);align-items:center;padding:var(--hz-e-7)}
  .ponte.larga .frases{margin:0}
}
.ponte-mini{display:grid;gap:var(--hz-e-4);padding:var(--hz-e-6) var(--hz-e-5)}
.ponte-mini .t{font-size:1.25rem;font-weight:600;line-height:1.35;margin:0}
.ponte-mini .btn{margin:0;justify-self:start}

/* ===== Portfólio ===== */
.filtro{display:flex;flex-wrap:wrap;gap:var(--hz-e-2);margin:0 0 var(--hz-e-5);padding:0;list-style:none}
.filtro button{min-height:40px;padding:8px 16px;border:0;cursor:pointer;background:transparent;font:500 .875rem/1 var(--hz-fonte);color:var(--hz-texto);box-shadow:inset 0 0 0 1px var(--hz-linha);border-radius:var(--hz-raio)}
.filtro button[aria-pressed="true"]{background:var(--hz-texto);color:#fff;box-shadow:none}
.car[data-modo="casos"] .car-trilho{grid-auto-columns:86%}
@container site (min-width:600px){.car[data-modo="casos"] .car-trilho{grid-auto-columns:calc((100% - var(--hz-e-4)) / 2)}}
@container site (min-width:900px){.car[data-modo="casos"] .car-trilho{grid-auto-columns:calc((100% - 2 * var(--hz-e-4)) / 3)}.car[data-modo="casos"] .car-nomes{display:none}}
.caso{display:grid;gap:var(--hz-e-4);text-decoration:none;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;width:100%}
.caso .img{position:relative;aspect-ratio:4/3;background:var(--hz-fundo-apoio);clip-path:var(--hz-recorte);overflow:hidden}
.caso .img::before{content:"";position:absolute;inset:18% 20%;background:var(--hz-assinatura);opacity:.85;clip-path:polygon(4% 9%,62% 0,100% 18%,93% 100%,17% 92%);transition:transform var(--hz-m-base) var(--hz-m-curva)}
.caso:hover .img::before{transform:scale(1.04)}
.caso .tipo{font-size:var(--hz-t-rotulo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hz-texto-apoio)}
.caso h3{margin:2px 0 4px;font-size:1.125rem;font-weight:600;line-height:1.3}
.caso p{margin:0;font-size:var(--hz-t-apoio)}
.caso .mais{display:inline-block;margin-top:8px;font-size:var(--hz-t-apoio);font-weight:600}
dialog.seq{border:0;padding:0;width:min(960px,94vw);max-height:90vh;background:#fff;color:var(--hz-texto);font-family:var(--hz-fonte)}
dialog.seq::backdrop{background:rgba(39,39,39,.72)}
dialog.seq header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--hz-linha)}
dialog.seq header b{font-size:1.125rem}
dialog.seq .quadros{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px}
dialog.seq .quadros div{scroll-snap-align:center;aspect-ratio:4/3;background:var(--hz-fundo-apoio);display:grid;place-items:center;font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
dialog.seq footer{padding:0 20px 20px;font-size:var(--hz-t-apoio)}

/* ===== Como trabalhamos ===== */
.como{display:grid;gap:var(--hz-e-6)}
.como ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.como li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--hz-e-3);padding:var(--hz-e-4) 0;border-bottom:1px solid var(--hz-linha);font-size:1.0625rem;font-weight:500}
.como li:first-child{border-top:1px solid var(--hz-linha)}
.como li::before{content:"";width:14px;height:14px;margin-top:6px;background:var(--hz-fio);clip-path:polygon(0 0,100% 30%,70% 100%,10% 80%)}
[data-marca="cross"] .como li::before{background:none;box-shadow:inset 0 0 0 1.4px var(--hz-acao);clip-path:none;border-radius:2px}
.como li span{display:block;margin-top:4px;font-size:var(--hz-t-apoio);font-weight:400;color:var(--hz-texto-apoio)}
@container site (min-width:900px){.como{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--hz-e-7)}}

/* ===== Quem faz ===== */
.socios{display:grid;gap:var(--hz-e-6)}
.socios .foto{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,#EDEDED,#DADADA);clip-path:var(--hz-recorte);display:grid;place-items:center}
.socios .foto svg{width:46%;opacity:.55}
.socios .txt p{margin:var(--hz-e-4) 0 0;max-width:56ch}
.socios .pessoas{display:grid;grid-template-columns:1fr 1fr;gap:var(--hz-e-4);margin-top:var(--hz-e-6)}
.socios .pessoas div{padding-top:var(--hz-e-3);border-top:2px solid var(--hz-texto)}
.socios .pessoas b{display:block;font-size:1.125rem}
.socios .pessoas span{font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
@container site (min-width:900px){.socios{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--hz-e-8);align-items:center}}

/* ===== Chamada final ===== */
.chamada{position:relative;overflow:hidden;padding:var(--hz-secao) 0;background:var(--hz-assinatura);color:#fff}
.chamada .facetas{position:absolute;inset:0;width:100%;height:100%}
.chamada .wrap{position:relative;display:grid;gap:var(--hz-e-5);justify-items:start}
.chamada h2{margin:0;font-size:var(--hz-t-h1);font-weight:700;line-height:1.1;letter-spacing:-.015em;max-width:18ch;text-wrap:balance}
[data-marca="cross"] .chamada h2{max-width:22ch}
.chamada p{margin:0;font-size:var(--hz-t-lead);font-weight:300;line-height:1.45;max-width:44ch}
.chamada .btn{margin-top:var(--hz-e-3)}
[data-marca="cross"] .chamada .facetas path{stroke-dasharray:900;stroke-dashoffset:900}
[data-marca="cross"] .chamada.on .facetas path{animation:hz-traco-l 1200ms var(--hz-m-curva) forwards}
@keyframes hz-traco-l{to{stroke-dashoffset:0}}

/* ===== Rodapé ===== */
.pe{background:var(--hz-fundo-escuro);color:#fff;font-size:var(--hz-t-apoio);padding:var(--hz-e-8) 0 var(--hz-e-6)}
[data-marca="line"] .chamada + .pe{border-top:0}
.pe .grade{display:grid;gap:var(--hz-e-6)}
.pe .lg svg{width:150px;height:auto}
[data-marca="cross"] .pe .lg svg{width:190px}
.pe .casa{margin:var(--hz-e-4) 0 0;font-size:1.125rem;font-weight:600}
.pe h3{margin:0 0 var(--hz-e-3);font-size:var(--hz-t-apoio);font-weight:600;color:var(--hz-destaque-escuro)}
.pe h3 small{font-size:.75rem;display:block;font-weight:400;color:#C9C9C7;margin-top:2px}
.pe ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pe a{text-decoration:none;display:inline-block;padding:4px 0;color:#EDEDEC}
.pe a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.pe .legal{margin-top:var(--hz-e-7);padding-top:var(--hz-e-5);border-top:1px solid rgba(255,255,255,.14);display:grid;gap:6px;color:#C9C9C7;font-size:var(--hz-t-rotulo);line-height:1.6}
.pe .legal p{margin:0}
.pe .ia{color:#C9C9C7}
.pe .grade{grid-template-columns:1fr 1fr}.pe .grade > div:first-child,.pe .grade > div:last-child{grid-column:1 / -1}
@container site (min-width:900px){.pe .grade > div:first-child,.pe .grade > div:last-child{grid-column:auto}}
@container site (min-width:900px){.pe .grade{grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,3fr) minmax(0,3fr)}}


[tabindex="-1"]:focus{outline:none}
[data-marca="cross"] .chamada + .pe{border-top:1px solid rgba(255,255,255,.12)}

/* ===== Line com mais fundo escuro (proposta do Matheus, 08/10) ===== */
.lg-escuro{display:none}
[data-tom="escuro"] .vira-escura{
  --hz-fundo:#272727;--hz-fundo-apoio:#333332;--hz-texto:#FFFFFF;--hz-texto-apoio:#C9C9C7;
  --hz-linha:rgba(255,255,255,.16);--hz-cartao-fundo:#333332;--hz-destaque:#FE671E;--hz-foco:#FFFFFF;
  background:#272727;color:#FFFFFF}
[data-tom="escuro"] .cab.vira-escura{background:rgba(39,39,39,.96);border-bottom-color:rgba(255,255,255,.1)}
[data-tom="escuro"] .cab .lg-claro{display:none}
[data-tom="escuro"] .cab .lg-escuro{display:block}
[data-tom="escuro"] .vira-escura .sol .recebe{border-top-color:rgba(255,255,255,.14)}
[data-tom="escuro"] .secao.vira-escura + .secao{border-top:0}
[data-tom="escuro"] .topo-line.vira-escura + .quem-somos{border-top:0}
[data-tom="escuro"] .vira-escura .socios .foto{background:linear-gradient(160deg,#3A3A39,#2F2F2E)}
[data-tom="escuro"] .vira-escura .socios .foto svg{opacity:.8}
@container site (min-width:900px){[data-tom="escuro"] .topo-line.vira-escura{padding-top:var(--hz-e-9)}}

.topo-line h1 .linha{display:block}
.sol .frente{margin:0;font-size:var(--hz-t-h3);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--hz-destaque)}
.sol .frente + .quem{margin-top:-8px}
.topo-cross h1 mark{color:inherit;background:linear-gradient(transparent 58%,color-mix(in srgb,var(--hz-acao) 55%,transparent) 0);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.passos.linha li{position:relative}

/* ===== Ajustes da construção (sem estilo em linha, por causa da política de conteúdo) ===== */
.pagina{container-type:inline-size;container-name:site;background:var(--hz-fundo,#fff);color:var(--hz-texto);font-family:var(--hz-fonte);margin:0 auto;position:relative;min-height:100vh}
.pular{position:absolute;left:var(--hz-e-4);top:-60px;z-index:80;padding:12px 16px;background:var(--hz-texto);color:#fff;font-weight:600;border-radius:var(--hz-raio);text-decoration:none}
.pular:focus{top:var(--hz-e-3)}
.cab .lg img{display:block;height:auto;width:130px}
@container site (min-width:900px){.cab .lg img{width:150px}}
.pe .lg img{width:170px;height:auto}
.ponte .lg img{height:auto}
.ponte[data-marca="cross"] .lg img{width:170px}
.topo-line .arte .traco path{stroke-width:4px}
.sem-topo{padding-top:0}
.pe .redes{color:#C9C9C7}
.pe .ia{color:#C9C9C7}

/* Portfólio a partir de casos.json */
.caso .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.caso.reservado{cursor:default}
.caso.reservado:hover .img::before{transform:none}
.caso.reservado h3{color:var(--hz-texto-apoio)}
.port-vazio{margin:0;font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
dialog.seq .quadros figure{margin:0;scroll-snap-align:center;aspect-ratio:4/3;background:var(--hz-fundo-apoio)}
dialog.seq .quadros img{width:100%;height:100%;object-fit:contain}
dialog.seq footer p{margin:0 0 4px}

/* ===== Política de privacidade ===== */
.politica{padding:var(--hz-e-7) 0 var(--hz-secao)}
.politica .wrap{max-width:calc(760px + 2*var(--hz-margem))}
.politica h1{margin:0;font-size:var(--hz-t-h1);font-weight:700;line-height:1.1;letter-spacing:-.015em;text-wrap:balance;color:var(--hz-texto)}
.politica .versao{margin:var(--hz-e-3) 0 0;font-size:var(--hz-t-apoio);color:var(--hz-texto-apoio)}
.politica .resumo{margin:var(--hz-e-6) 0 0;padding:var(--hz-e-5);background:var(--hz-fundo-apoio);clip-path:var(--hz-recorte);font-size:1.0625rem}
.politica h2{margin:var(--hz-e-7) 0 var(--hz-e-3);font-size:var(--hz-t-h3);font-weight:600;line-height:1.25;color:var(--hz-texto)}
.politica h3{margin:var(--hz-e-5) 0 var(--hz-e-2);font-size:1rem;font-weight:700}
.politica p{margin:var(--hz-e-3) 0 0;max-width:68ch}
.politica ul{margin:var(--hz-e-3) 0 0;padding:0;list-style:none;display:grid;gap:8px;max-width:68ch}
.politica li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}
.politica li::before{content:"";width:10px;height:2px;margin-top:12px;background:var(--hz-fio)}
.politica a{font-weight:600}

/* Sobre: uma foto de cada sócio, lado a lado. Sem a foto, fica a faceta da marca */
.socios .fotos{display:grid;grid-template-columns:1fr 1fr;gap:var(--hz-e-3)}
.socios .retrato{position:relative;aspect-ratio:3/4;clip-path:var(--hz-recorte);background:linear-gradient(160deg,#3A3A39,#2F2F2E);display:grid;place-items:center;overflow:hidden}
.socios .retrato svg{width:60%;opacity:.8}
.socios .retrato img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.socios .retrato.com-foto svg{display:none}
dialog.seq .quadros:has(figure:only-child){grid-auto-columns:100%}
dialog.seq .quadros figure{aspect-ratio:auto;background:none}
dialog.seq .quadros img{width:100%;height:auto;max-height:72vh;object-fit:contain}

/* ===== Aviso de cookies ===== */
.cookies{position:fixed;left:var(--hz-e-4);right:var(--hz-e-4);bottom:var(--hz-e-4);z-index:70;max-width:720px;margin:0 auto;display:grid;gap:var(--hz-e-4);padding:var(--hz-e-5);background:#FFFFFF;color:#272727;border-radius:var(--hz-raio);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 18px 40px rgba(0,0,0,.28);font-family:var(--hz-fonte)}
.cookies p{margin:0;font-size:var(--hz-t-apoio);line-height:1.55}
.cookies a{color:inherit;font-weight:600}
.cookies-acoes{display:flex;flex-wrap:wrap;gap:var(--hz-e-3);justify-content:flex-end}
.cookies .btn.sec{color:#272727}
.cookies .btn.sec:hover{background:#272727;color:#FFFFFF}
.cookies :focus-visible{outline-color:#272727}
@media (min-width:720px){.cookies{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.pe .cookies-link{background:none;border:0;padding:4px 0;cursor:pointer;color:#EDEDEC;font:inherit;text-decoration:underline;text-underline-offset:4px}