:root { --tinta:#14242E; --cinza:#61727C; --linha:#E7ECEF; --fundo:#F6F8F9; --gelo:#2F86B8; --m:clamp(20px,5vw,72px); --r:14px; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:84px; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
body { margin:0; background:#fff; color:var(--tinta); font:400 17px/1.55 "Geist",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
h1,h2,h3 { margin:0; font-weight:500; line-height:1.1; letter-spacing:-.025em; }
h2 { font-size:clamp(28px,3vw,38px); }
p { margin:0; }
button,input,select,textarea { font:inherit; color:inherit; }
:focus-visible { outline:2px solid var(--gelo); outline-offset:2px; }
main > section, .rodape, .barra-in { max-width:1360px; margin-inline:auto; }

.barra { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-bottom:1px solid var(--linha); }
.barra { display:flex; align-items:center; gap:32px; padding:14px max(var(--m),calc((100vw - 1360px)/2 + var(--m))); }
.logo { display:inline-flex; align-items:center; gap:10px; font-weight:600; font-size:17px; line-height:1.1; letter-spacing:-.01em; }
.logo svg { width:26px; height:26px; color:var(--gelo); }
.logo small { display:block; font-weight:400; font-size:12.5px; letter-spacing:0; color:var(--cinza); margin-top:1px; }
.barra nav { display:flex; gap:28px; margin-left:auto; }
.barra nav a { font-size:15px; color:var(--cinza); transition:color .2s; }
.barra nav a:hover { color:var(--tinta); }
.barra-tel { font-size:15px; font-weight:500; white-space:nowrap; }

.abertura { padding:clamp(48px,7vw,104px) var(--m) 0; }
.abertura-txt { max-width:760px; }
h1 { font-size:clamp(40px,5vw,66px); letter-spacing:-.035em; line-height:1.04; }
.abertura-txt p { margin-top:20px; color:var(--cinza); font-size:clamp(17px,1.5vw,20px); max-width:56ch; }
.duo { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:clamp(36px,5vw,64px); }
.duo-item { display:block; }
.duo-item img { width:100%; aspect-ratio:5/4; object-fit:cover; object-position:center 30%; border-radius:var(--r); transition:opacity .25s; }
.duo-item:hover img { opacity:.92; }
.duo-rotulo { display:flex; align-items:baseline; gap:10px; padding-top:14px; color:var(--cinza); font-size:15px; }
.duo-rotulo b { color:var(--tinta); font-size:19px; font-weight:500; letter-spacing:-.01em; }
.duo-rotulo i { font-style:normal; margin-left:auto; transition:transform .2s; }
.duo-item:hover .duo-rotulo i { transform:translateX(3px); }

.bloco { padding:clamp(72px,9vw,128px) var(--m); }
.escolha { display:grid; grid-template-columns:minmax(240px,.6fr) 1.5fr; gap:clamp(32px,6vw,88px); margin-top:36px; }
.esc-lista { list-style:none; margin:0; padding:0; }
.esc-btn { display:block; width:100%; padding:12px 0; background:none; border:0; text-align:left; font-size:20px; letter-spacing:-.01em; color:var(--cinza); cursor:pointer; transition:color .2s; }
.esc-btn span { display:none; }
.esc-btn:hover { color:var(--tinta); }
.esc-btn[aria-pressed="true"] { color:var(--tinta); font-weight:500; }
.esc-btn[aria-pressed="true"]::after { content:" →"; color:var(--gelo); }
.esc-painel img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--r); }
.esc-painel > div { display:grid; grid-template-columns:1fr auto; gap:6px 32px; align-items:center; padding-top:20px; }
.esc-painel h3 { font-size:22px; grid-column:1; }
.esc-painel p { color:var(--cinza); grid-column:1; max-width:52ch; font-size:16px; }
.esc-painel .btn { grid-column:2; grid-row:1 / span 2; }
.btn { display:inline-block; padding:12px 20px; border:0; border-radius:10px; font-size:15px; font-weight:500; text-align:center; cursor:pointer; transition:background .2s; }
.btn-escuro { background:var(--tinta); color:#fff; }
.btn-escuro:hover { background:#2A3F4C; }

.bloco-gelo { background:none; padding-top:0; }
.fita-topo { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; }
.fita-setas { display:flex; gap:6px; }
.fita-setas button { width:42px; height:42px; border:1px solid var(--linha); border-radius:50%; background:#fff; cursor:pointer; color:var(--cinza); transition:border-color .2s,color .2s; }
.fita-setas button:hover { border-color:var(--tinta); color:var(--tinta); }
.fita { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:6px; scrollbar-width:none; margin-right:calc(var(--m) * -1); }
.fita::-webkit-scrollbar { display:none; }
.fita figure { flex:none; margin:0; scroll-snap-align:start; }
.fita img { height:clamp(320px,46vh,430px); width:auto; aspect-ratio:3/4; object-fit:cover; border-radius:var(--r); }
.fita figcaption { margin-top:10px; font-size:14px; color:var(--cinza); }

.moveis { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,6vw,88px); align-items:center; padding:0 var(--m) clamp(72px,9vw,128px); }
.moveis-grande { width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--r); }
.moveis-txt p { margin-top:16px; color:var(--cinza); max-width:46ch; }
.moveis-par { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:32px; }
.moveis-par img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--r); }

.passos { padding:0 var(--m) clamp(72px,9vw,128px); }
.passos ol { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,4vw,56px); margin:32px 0 0; padding:28px 0 0; border-top:1px solid var(--linha); }
.passos b { font-size:14px; font-weight:500; color:var(--gelo); }
.passos h3 { margin-top:10px; font-size:20px; }
.passos p { margin-top:6px; color:var(--cinza); font-size:16px; }

.pedido { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(32px,6vw,88px); padding:clamp(40px,5vw,72px); margin:0 var(--m) !important; background:var(--fundo); border-radius:20px; }
.pedido > div p { margin-top:12px; color:var(--cinza); max-width:34ch; }
.pedido-tel { display:inline-block; margin-top:10px; font-size:clamp(24px,2.4vw,30px); font-weight:500; letter-spacing:-.02em; }
.pedido form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pedido label { display:grid; gap:6px; font-size:14px; color:var(--cinza); }
.pedido label:first-child, .largo { grid-column:1 / -1; }
.pedido input,.pedido select,.pedido textarea { width:100%; padding:12px 14px; border:1px solid var(--linha); border-radius:10px; background:#fff; color:var(--tinta); font-size:16px; }
.pedido input:focus,.pedido select:focus,.pedido textarea:focus { outline:0; border-color:var(--gelo); }
.pedido small { color:var(--cinza); font-size:13px; }
.erro { color:#B3361B; font-size:15px; }
.erro:empty { display:none; }

.perguntas { display:grid; grid-template-columns:1fr 1fr; gap:36px clamp(32px,6vw,88px); margin:32px 0 0; }
.perguntas div { padding:0; }
.perguntas dt { font-weight:500; font-size:18px; letter-spacing:-.01em; }
.perguntas dd { margin:6px 0 0; color:var(--cinza); font-size:16px; }

.rodape { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:32px var(--m); border-top:1px solid var(--linha); font-size:15px; color:var(--cinza); }
.rodape .logo { color:var(--tinta); }
.wa-movel { display:none; }

.legal { max-width:680px; margin:0 auto; padding:56px 20px; }
.legal h1 { font-size:36px; margin-top:20px; }
.legal h2 { font-size:21px; margin-top:28px; }
.legal p { margin-top:8px; color:var(--cinza); }
.legal a { text-decoration:underline; text-underline-offset:3px; }

@media (max-width:900px) {
  .barra nav { display:none; }
  .barra { justify-content:space-between; }
  .duo { grid-template-columns:1fr; gap:24px; }
  .escolha { grid-template-columns:1fr; gap:20px; margin-top:20px; }
  .esc-lista { display:flex; gap:8px; overflow-x:auto; margin-right:calc(var(--m) * -1); padding-right:var(--m); scrollbar-width:none; }
  .esc-lista::-webkit-scrollbar { display:none; }
  .esc-lista li { flex:none; }
  .esc-btn { width:auto; padding:8px 14px; border-radius:999px; background:var(--fundo); font-size:15px; white-space:nowrap; }
  .esc-btn[aria-pressed="true"] { background:var(--tinta); color:#fff; }
  .esc-btn[aria-pressed="true"]::after { content:""; }
  .esc-painel > div { grid-template-columns:1fr; }
  .esc-painel .btn { grid-column:1; grid-row:auto; margin-top:10px; }
  .fita-setas { display:none; }
  .fita img { height:340px; }
  .moveis { grid-template-columns:1fr; }
  .passos ol { grid-template-columns:1fr; gap:24px; }
  .pedido { grid-template-columns:1fr; padding:28px 20px; margin:0 !important; border-radius:0; }
  .pedido form { grid-template-columns:1fr; }
  .perguntas { grid-template-columns:1fr; gap:24px; }
  body { padding-bottom:64px; }
  .wa-movel { display:block; position:fixed; left:12px; right:12px; bottom:max(10px,env(safe-area-inset-bottom)); z-index:30; padding:14px; border-radius:12px; background:var(--tinta); color:#fff; text-align:center; font-weight:500; }
}