/* Nina · página de vendas · Boris Farias
   Paleta própria (OKLCH): tinta de caderno + marca-texto amarelo + verde do "Pago".
   Fontes: Bricolage Grotesque (títulos) + Figtree (texto). */

:root{
  /* cor: primitivos */
  --papel:      oklch(98.4% 0.004 95);
  --branco:     oklch(99.6% 0.002 95);
  --faixa:      oklch(95.4% 0.014 250);
  --linha:      oklch(87% 0.016 250);
  --tinta:      oklch(25% 0.045 258);
  --tinta-2:    oklch(41% 0.035 258);
  --tinta-3:    oklch(48% 0.03 258);
  --marca:      oklch(85% 0.15 84);
  --marca-hover:oklch(80% 0.16 78);
  --marca-suave:oklch(95.5% 0.055 92);
  --verde:      oklch(46% 0.1 156);
  --verde-suave:oklch(94.5% 0.035 158);
  --vermelho:   oklch(50% 0.16 28);
  --falta-tinta:oklch(46% 0.16 32);
  --falta-fundo:oklch(97% 0.02 40);
  --falta-borda:oklch(64% 0.15 34);

  /* tipo */
  --f-titulo: 'Bricolage Grotesque', 'Avenir Next', 'Segoe UI', sans-serif;
  --f-texto:  'Figtree', 'Avenir Next', 'Segoe UI', sans-serif;

  /* forma */
  --r-1: 6px;
  --r-2: 10px;
  --r-3: 14px;
  --gutter: 16px;
  --largura: 1160px;
  --texto: 36rem;
  --secao: clamp(56px, 9vw, 112px);
  --ease: cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--f-texto);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
p,ul,ol,figure,blockquote,dl,dd{margin:0}
p,li{max-width:60ch}
h1,h2,h3{font-family:var(--f-titulo);font-weight:700;line-height:1.12;margin:0;letter-spacing:-.01em;text-wrap:balance;font-optical-sizing:auto}
h1{font-size:clamp(2rem,5.4vw,3.2rem);letter-spacing:-.012em}
h2{font-size:clamp(1.65rem,5vw,2.6rem)}
h3{font-size:1.2rem;letter-spacing:-.005em;line-height:1.3}
strong{font-weight:700}
a{color:inherit}
p + p{margin-top:1em}

:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}
.dobra11 :focus-visible,.fechamento :focus-visible{outline-color:var(--marca)}
.pular{position:absolute;left:-9999px;top:8px;background:var(--tinta);color:var(--papel);padding:10px 14px;border-radius:var(--r-1);z-index:50}
.pular:focus{left:8px}

.wrap{width:100%;max-width:var(--largura);margin-inline:auto;padding-inline:var(--gutter)}
@media (min-width:768px){:root{--gutter:32px}}
.secao{padding:64px 16px}
.secao > .wrap{padding-inline:0;max-width:calc(var(--largura) - 64px)}
.secao--compacta{padding:48px 16px}
@media (min-width:768px){.secao{padding:88px 32px}.secao--compacta{padding:64px 32px}}
@media (min-width:1200px){.secao{padding:112px 32px}.secao--compacta{padding:80px 32px}}
.secao--faixa{background:var(--faixa)}
.medida{max-width:var(--texto)}
.medida p, .texto-corrido p{color:var(--tinta-2)}
.medida p strong, .texto-corrido p strong{color:var(--tinta)}
.titulo-secao{margin-bottom:24px;max-width:22ch}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:20;background:var(--papel);border-bottom:1px solid transparent;transition:border-color .3s}
.topo.rolou{border-bottom-color:var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:12px}
.marca-nome{font-family:var(--f-titulo);font-weight:800;font-size:1.45rem;letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:8px;min-height:44px}
.marca-nome span{font-family:var(--f-texto);font-weight:400;font-size:.8rem;letter-spacing:0;color:var(--tinta-3)}
.topo-link{font-weight:700;font-size:.95rem;text-decoration:none;padding:10px 4px;border-bottom:2px solid var(--marca)}
@media (hover:hover){.topo-link:hover{border-bottom-color:var(--tinta)}}

/* ---------- botão + garantia ---------- */
.cta{display:flex;flex-direction:column;gap:12px;margin-top:28px;max-width:30rem}
.botao{
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  min-height:58px;padding:16px 26px;border-radius:var(--r-2);
  background:var(--marca);color:var(--tinta);
  font-family:var(--f-titulo);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;line-height:1.4;
  text-decoration:none;border:2px solid var(--tinta);
  box-shadow:0 3px 0 var(--tinta);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s;
  touch-action:manipulation;
}
@media (hover:hover){.botao:hover{background:var(--marca-hover);transform:translateY(-2px);box-shadow:0 5px 0 var(--tinta)}}
.botao:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tinta)}
.garantia{font-size:.95rem;line-height:1.5;color:var(--tinta);display:flex;gap:10px;align-items:flex-start}
.garantia::before{content:"";flex:0 0 18px;height:18px;margin-top:2px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.custo{font-size:.9rem;line-height:1.5;color:var(--tinta-2);padding-top:12px;border-top:1px dashed var(--linha)}

/* ---------- placeholders (FALTA / CONFERIR) ---------- */
.falta{
  border:2px dashed var(--falta-borda);background:var(--falta-fundo);color:var(--falta-tinta);
  border-radius:var(--r-2);padding:14px 16px;font-size:.92rem;line-height:1.45;font-weight:700;
}
.falta::before{content:attr(data-tipo);display:inline-block;margin-right:8px;padding:1px 8px;border-radius:4px;background:var(--falta-tinta);color:var(--branco);font-size:.75rem;letter-spacing:.04em}

/* ---------- molduras de demonstração ---------- */
.demo{display:flex;flex-direction:column;gap:10px}
.demo figcaption{font-size:.85rem;color:var(--tinta-3);font-style:italic;line-height:1.45}
.moldura{position:relative;background:var(--branco);border:2px solid var(--tinta);box-shadow:6px 6px 0 color-mix(in oklch,var(--tinta) 14%,transparent)}
.moldura--celular{border-radius:34px;padding:14px 10px 18px;aspect-ratio:9/18.5;width:min(100%,290px);margin-inline:auto}
.moldura--celular::before{content:"";position:absolute;top:10px;left:50%;width:64px;height:6px;border-radius:6px;background:var(--linha);transform:translateX(-50%)}
.moldura--desktop{border-radius:var(--r-3);padding:30px 10px 10px;aspect-ratio:16/10.5}
.moldura--desktop::before{content:"";position:absolute;top:11px;left:14px;width:9px;height:9px;border-radius:50%;background:var(--linha);box-shadow:15px 0 0 var(--linha),30px 0 0 var(--linha)}
.tela{height:100%;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:16px 12px;background:color-mix(in oklch,var(--faixa) 55%,var(--branco))}
.moldura--celular .tela{margin-top:10px;height:calc(100% - 10px)}
.moldura--desktop .tela{border-radius:6px}
.selo-demo{align-self:center;font-family:var(--f-titulo);font-weight:700;font-size:.85rem;background:var(--tinta);color:var(--papel);padding:5px 12px;border-radius:40px;text-align:center}
.tela .falta{font-size:.82rem;padding:10px 12px;text-align:left}

/* ---------- hero (dobra 1) ---------- */
.hero{padding-top:28px;padding-bottom:var(--secao)}
.hero-grade{display:grid;gap:44px}
.faixa-publico{font-size:.98rem;line-height:1.5;font-weight:600;color:var(--tinta-2);margin-bottom:18px;max-width:34rem}
.hero h1{max-width:24ch}
.hero .sub{margin-top:20px;font-size:1.12rem;color:var(--tinta-2);max-width:36rem}
.hero .sub em{font-style:normal;background-color:color-mix(in oklch,var(--marca) 55%,var(--papel));padding:1px 4px;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--tinta);font-weight:700}
@media (min-width:960px){
  .hero{padding-top:56px}
  .hero-grade{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:center;gap:56px}
  .hero .demo{margin-top:-8px}
}

/* ---------- dobra 2 ---------- */
.lista-sinais{margin-top:32px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-3);padding:22px 20px;max-width:38rem}
.lista-sinais p{font-family:var(--f-titulo);font-weight:700;font-size:1.12rem;line-height:1.4;color:var(--tinta);margin-bottom:14px}
.lista-sinais ul{list-style:none;padding:0;display:grid;gap:10px}
.lista-sinais li{display:flex;gap:12px;align-items:flex-start;color:var(--tinta-2)}
.lista-sinais li::before{content:"";flex:0 0 20px;height:20px;margin-top:3px;border:2px solid var(--tinta-3);border-radius:5px;background:var(--branco)}
@media (min-width:960px){
  .dobra2 .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
  .dobra2 .lista-sinais{margin-top:68px}
}

/* ---------- dobra 3 ---------- */
.dobra3 .wrap{display:grid;gap:20px}
.dobra3 h2{font-size:clamp(1.9rem,6vw,3.1rem);max-width:16ch}
.dobra3 .virada{margin-top:1.4em;font-family:var(--f-titulo);font-weight:600;font-size:1.25rem;line-height:1.35;color:var(--tinta)}
@media (min-width:960px){
  .dobra3 .wrap{grid-template-columns:5fr 6fr;gap:64px;align-items:start}
}

/* ---------- dobra 4: regras + conversa ---------- */
.regras{list-style:none;padding:0;margin-top:30px;display:grid;gap:0;max-width:44rem;border-top:2px solid var(--tinta)}
.regras li{padding:16px 0;border-bottom:1px solid var(--linha);color:var(--tinta-2)}
.regras li strong{display:block;color:var(--tinta);font-family:var(--f-titulo);font-size:1.12rem;margin-bottom:2px}
@media (min-width:768px){.regras{grid-template-columns:1fr 1fr;column-gap:40px}}

.conversa{margin-top:40px;max-width:36rem;display:flex;flex-direction:column;gap:12px}
.conversa-rotulo{font-size:.85rem;color:var(--tinta-3);font-style:italic}
.bolha{max-width:88%;padding:12px 16px;border-radius:16px;line-height:1.5;font-size:1rem}
.bolha b{display:block;font-family:var(--f-titulo);font-size:.82rem;font-weight:700;margin-bottom:2px;color:var(--tinta-3)}
.bolha--nina{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);border-bottom-left-radius:4px}
.bolha--voce{align-self:flex-end;background:var(--verde-suave);border-bottom-right-radius:4px}
.js .conversa .bolha{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .conversa.ver .bolha{opacity:1;transform:none;transition-delay:calc(var(--i,0) * .35s)}
@media (min-width:960px){
  .dobra4 .grade{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
  .dobra4 .conversa{margin-top:8px;position:sticky;top:96px}
}

/* ---------- dobra 5: etapas ---------- */
.etapas{list-style:none;padding:0;margin-top:36px;position:relative;max-width:52rem}
.etapas::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.etapas li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:26px}
.etapas li:last-child{padding-bottom:0}
.etapa-num{width:44px;height:44px;border-radius:50%;background:var(--papel);border:2px solid var(--tinta);display:grid;place-items:center;font-family:var(--f-titulo);font-weight:700;font-size:.95rem;position:relative;z-index:1;font-variant-numeric:tabular-nums}
.etapas li:last-child .etapa-num{background:var(--tinta);color:var(--papel)}
.etapas h3{padding-top:9px;margin-bottom:4px}
.etapas p{color:var(--tinta-2)}
.etapas mark{background-color:var(--marca);color:var(--tinta);padding:3px 5px;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media (min-width:960px){
  .etapas{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;max-width:none}
  .etapas::before{display:none}
  .etapas li{padding-bottom:30px}
}

/* ---------- dobra 6: demonstração ---------- */
.etiqueta-demo{margin:4px 0 28px;max-width:44rem;border:2px solid var(--tinta);border-radius:var(--r-2);padding:16px 18px;background:var(--branco);font-weight:700;line-height:1.5;display:flex;gap:12px}
.etiqueta-demo::before{content:"!";flex:0 0 26px;height:26px;border-radius:50%;background:var(--tinta);color:var(--papel);display:grid;place-items:center;font-family:var(--f-titulo)}
.galeria{display:grid;gap:28px;margin-top:40px}
@media (min-width:640px){.galeria{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){
  .galeria{grid-template-columns:repeat(6,1fr);gap:28px}
  .galeria > :nth-child(1),.galeria > :nth-child(2){grid-column:span 3}
  .galeria > :nth-child(3),.galeria > :nth-child(4),.galeria > :nth-child(5){grid-column:span 2}
  .galeria > :nth-child(6){grid-column:span 2}
  .galeria > :nth-child(7){grid-column:span 4}
}
.galeria .moldura--celular{width:min(100%,230px)}
@media (max-width:639px){.galeria > :nth-child(6){order:-1}}

/* ---------- dobra 7: módulos ---------- */
.modulos{display:grid;gap:0;margin-top:32px;border-top:2px solid var(--tinta)}
.modulo{padding:22px 0;border-bottom:1px solid var(--linha)}
.modulo h3{font-size:1.35rem;line-height:1.3;margin-bottom:8px}
.modulo p{color:var(--tinta-2);max-width:36rem}
@media (min-width:960px){
  .modulos{grid-template-columns:1fr 1fr;column-gap:56px}
  .modulo--largo{grid-column:1 / -1}
  .modulo--largo .duas{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
}
.zap{margin-top:18px;max-width:30rem}
.zap blockquote{background:var(--verde-suave);border-radius:14px;border-bottom-right-radius:4px;padding:12px 16px;font-size:1rem;line-height:1.5;color:var(--tinta)}
.zap figcaption{margin-top:6px;font-size:.85rem;color:var(--tinta-3);font-style:italic}

/* ---------- dobra 8: secretária ---------- */
.recados{list-style:none;padding:0;margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.recados li{background:var(--branco);border:1px solid var(--linha);border-radius:14px;border-bottom-right-radius:4px;padding:8px 14px;font-size:.98rem}
@media (min-width:960px){.dobra8 .grade{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}}

/* ---------- dobra 8b: envio pelo WhatsApp (v1.2) ---------- */
.conversa--pedidos{margin-top:28px}
.conversa--pedidos .conversa-rotulo{align-self:flex-end}
.envio-sensivel{margin-top:20px;font-weight:700;color:var(--tinta)}
.envio-opcional{margin-top:0}
.a-parte.envio-opcional p{font-size:1.0625rem;line-height:1.6}
.aviso-envio{margin-top:14px;font-size:.92rem;line-height:1.55;color:var(--tinta-2);max-width:36rem}
.recebe a{text-decoration-color:var(--marca);text-decoration-thickness:2px;text-underline-offset:3px}
@media (max-width:959px){.envio-condicoes{margin-top:28px}}
@media (min-width:960px){.dobra8b .grade{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}.envio-condicoes{margin-top:72px}}

/* ---------- dobra 9 / 10 ---------- */
.fala-nina{margin:24px 0;font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.35;max-width:24ch;padding:18px 20px;background:var(--marca-suave);border-radius:var(--r-2);color:var(--tinta)}
.cuidados{margin-top:32px;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-3);padding:22px 20px}
.cuidados h3{margin-bottom:8px}
.cuidados p{color:var(--tinta-2)}
@media (min-width:960px){
  .dobra10 .grade{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}
  .dobra10 .cuidados{margin-top:72px}
}

/* ---------- dobra 11 ---------- */
.dobra11{background:var(--tinta);color:var(--papel)}
.dobra11 h2{color:var(--papel)}
.dobra11 .medida p{color:color-mix(in oklch,var(--papel) 82%,var(--tinta))}
.entrega{margin:36px 0;font-family:var(--f-titulo);font-weight:600;font-size:clamp(1.4rem,4.2vw,2.15rem);line-height:1.4;max-width:30ch;color:var(--papel)}
@media (min-width:960px){.dobra11 .wrap{display:grid;grid-template-columns:5fr 6fr;column-gap:64px;align-items:center}.dobra11 .entrega{grid-column:2;grid-row:1 / span 2;margin:0}.dobra11 .final{margin-top:20px}}
.dobra11 .final em{color:var(--marca);font-style:italic}

/* ---------- dobra 12 ---------- */
.para-quem{display:grid;gap:28px;margin-top:8px}
.para-quem > div{border-radius:var(--r-3);padding:24px 20px}
.sim-pra-voce{background:var(--branco);border:2px solid var(--tinta)}
.nao-pra-voce{background:transparent;border:1px solid var(--linha)}
.para-quem h2{font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:16px}
.para-quem ul{padding:0;list-style:none;display:grid;gap:12px}
.para-quem li{display:flex;gap:12px;color:var(--tinta-2)}
.sim-pra-voce li::before{content:"";flex:0 0 20px;height:20px;margin-top:3px;border-radius:50%;background:var(--tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 2.9 6-6.3' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.nao-pra-voce li::before{content:"";flex:0 0 20px;height:20px;margin-top:3px;border-radius:50%;border:2px solid var(--tinta-3);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23596179' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
@media (min-width:860px){.para-quem{grid-template-columns:1.1fr .9fr;gap:32px}}

/* ---------- dobra 13: oferta ---------- */
.oferta-grade{display:grid;gap:40px}
.recebe{list-style:none;padding:0;display:grid;gap:0;border-top:2px solid var(--tinta)}
.recebe li{padding:16px 0;border-bottom:1px solid var(--linha);color:var(--tinta-2)}
.recebe li strong{color:var(--tinta)}
.preco{background:var(--branco);border:2px solid var(--tinta);border-radius:var(--r-3);padding:28px 22px;box-shadow:8px 8px 0 var(--marca)}
.preco-valor{font-family:var(--f-titulo);font-weight:800;font-size:clamp(3.4rem,13vw,4.6rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:lining-nums}
.preco-valor small{font-size:1.35rem;letter-spacing:0;vertical-align:.95em;margin-right:4px;font-weight:700}
.preco-desc{margin-top:8px;font-weight:700}
.preco-hot{margin-top:2px;color:var(--tinta-3);font-size:.95rem}
.preco .cta{margin-top:22px}
.preco .botao{width:100%}
.a-parte{margin-top:22px;background:var(--marca-suave);border-radius:var(--r-2);padding:18px 18px}
.a-parte h3{font-size:1.08rem;margin-bottom:8px}
.a-parte p{font-size:.95rem;color:var(--tinta);line-height:1.55}
.a-parte p + p{margin-top:.8em}
@media (min-width:960px){.oferta-grade{grid-template-columns:1fr minmax(0,26rem);gap:64px;align-items:start}}

/* ---------- dobra 14 ---------- */
.antes-comprar{margin-top:44px}
.antes-comprar h3{font-size:1.35rem;margin-bottom:14px}
.antes-comprar ul{padding-left:1.1em;display:grid;gap:10px;color:var(--tinta-2);max-width:44rem}
.antes-comprar li::marker{color:var(--tinta-3)}
@media (min-width:960px){.dobra14 .grade{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.dobra14 .antes-comprar{margin-top:6px}}

/* ---------- dobra 15 ---------- */
.criador{display:grid;gap:28px;align-items:start}
.foto-boris{aspect-ratio:4/5;width:min(100%,280px);display:flex;align-items:center}
.foto-boris .falta{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px}
@media (min-width:768px){.criador{grid-template-columns:280px 1fr;gap:48px}}

/* ---------- FAQ ---------- */
.faq{margin-top:28px;border-top:2px solid var(--tinta);padding-top:8px;max-width:52rem}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 0;font-family:var(--f-titulo);font-weight:700;font-size:1.12rem;line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid var(--tinta);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' fill='none' stroke='%23202a44' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
@media (hover:hover){.faq summary:hover{color:var(--tinta-2)}}
.faq .resposta{padding:0 0 20px;color:var(--tinta-2);max-width:44rem}
.faq .resposta p + p{margin-top:.6em}

/* ---------- dobra 17 ---------- */
.fechamento{background:var(--tinta);color:var(--papel)}
.fechamento h2{color:var(--papel);max-width:24ch}
.fechamento .medida p{color:color-mix(in oklch,var(--papel) 82%,var(--tinta));margin-top:20px}
.fechamento .botao{border-color:var(--marca);box-shadow:0 3px 0 oklch(62% 0.13 70)}
@media (hover:hover){.fechamento .botao:hover{box-shadow:0 5px 0 oklch(62% 0.13 70)}}
.fechamento .garantia{color:var(--papel)}
.fechamento .garantia::before{background-color:oklch(62% 0.12 156)}

/* ---------- rodapé ---------- */
.rodape{background:var(--faixa);padding-block:40px 48px;font-size:.92rem;color:var(--tinta-2)}
.rodape .wrap{display:grid;gap:14px}
.rodape p{max-width:36rem}
.rodape-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:6px;padding-top:16px;border-top:1px solid var(--linha);color:var(--tinta)}
.rodape-links a,.rodape-links > span{min-height:44px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}
.rodape-aviso{font-weight:700;color:var(--tinta)}

/* ---------- páginas legais ---------- */
.legal{padding-block:40px var(--secao)}
.legal .wrap{max-width:36rem}
.legal h1{font-size:clamp(1.9rem,6vw,2.7rem);margin:20px 0 6px}
.legal h2{font-size:1.3rem;margin:36px 0 10px}
.legal p,.legal li{color:var(--tinta-2)}
.legal p{margin-top:.8em}
.legal ul{padding-left:1.2em;margin-top:.6em;display:grid;gap:6px}
.nota-modelo{border:2px dashed var(--falta-borda);background:var(--falta-fundo);color:var(--falta-tinta);border-radius:var(--r-2);padding:14px 16px;font-weight:700;margin-top:8px}
.voltar{display:inline-flex;min-height:44px;align-items:center;font-weight:700}

/* ---------- movimento ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .js .conversa .bolha{opacity:1;transform:none}
}