@font-face{font-family:"Schibsted Grotesk";src:url(/f/500.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(/f/800.woff2) format("woff2");font-weight:700 800;font-display:swap}
:root{--gelo:#F3F6FC;--branco:#FFFFFF;--petroleo:#02415A;--mare-escura:#3E6672;--laguna:#0A9E9A;--turquesa:#2EE6D6;--linha:#C5DCE0;--espuma:#E9F6F9;--fonte:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--raio-cartao:14px;--raio-botao:10px;--sombra:0 1px 2px rgba(2,65,90,.05),0 10px 28px rgba(2,65,90,.08);--margem:clamp(20px,4.45vw,64px);--suave:cubic-bezier(.22,1,.36,1);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--gelo);color:var(--petroleo);font:400 17px/1.55 var(--fonte);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,p,ul{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--laguna);outline-offset:3px;border-radius:4px}
::selection{background:var(--turquesa);color:var(--petroleo)}
.wrap{width:100%;max-width:calc(1120px + 2*var(--margem));margin-inline:auto;padding-inline:max(var(--margem),env(safe-area-inset-left,0px)) max(var(--margem),env(safe-area-inset-right,0px))}
.estreito{max-width:calc(640px + 2*var(--margem))}
.pular{position:absolute;left:12px;top:-60px;background:var(--petroleo);color:var(--branco);padding:10px 16px;border-radius:var(--raio-botao);font-weight:700;text-decoration:none;z-index:9}
.pular:focus-visible{top:12px}
.topo{border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:72px;padding-block:12px}
.logo{display:block;width:150px}
.logo svg{display:block;width:100%;height:auto}
.descritor{font-size:15px;font-weight:500;color:var(--mare-escura)}
.titulo{font-weight:800;letter-spacing:-.025em;line-height:1.16;font-size:clamp(32px,4.4vw,56px);text-wrap:balance}
.mt{background:var(--turquesa);border-radius:.12em;padding-inline:.08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{margin-top:16px;font-size:clamp(17px,1.5vw,20px);color:var(--mare-escura);max-width:60ch;text-wrap:pretty}
.subtitulo{font-weight:800;letter-spacing:-.02em;font-size:22px;margin-bottom:18px}
.abertura{padding-block:clamp(40px,7vw,88px) clamp(28px,4vw,48px)}
.abertura .botao{margin-top:28px}
.grupos{list-style:none;padding:0;margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.grupos a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--linha);border-radius:var(--raio-botao);background:var(--branco);font-weight:700;font-size:15px;text-decoration:none;transition:border-color 180ms var(--suave)}
.grupos a:hover{border-color:var(--laguna)}
.lista{padding-block:8px clamp(48px,7vw,88px)}
.cartoes{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cartao{display:flex;flex-direction:column;gap:8px;height:100%;background:var(--branco);border:2px solid var(--linha);border-radius:var(--raio-cartao);box-shadow:var(--sombra);padding:18px 18px 16px;text-decoration:none;transition:transform 180ms var(--suave),border-color 180ms var(--suave)}
.cartao:hover{transform:translateY(-2px);border-color:var(--laguna)}
.rotulo{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:500;color:var(--mare-escura);border:1px solid var(--linha);border-radius:999px;padding:3px 10px 3px 8px;background:var(--branco)}
.rotulo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--laguna)}
.cartao-nome{font-weight:700;font-size:17px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cartao-preco{font-weight:800;font-size:22px;letter-spacing:-.01em;margin-top:auto}
.cartao-preco small{display:block;font-weight:500;font-size:14px;color:var(--mare-escura);letter-spacing:0}
.cartao-ver{font-weight:700;font-size:15px;color:var(--petroleo);text-decoration:underline;text-decoration-color:var(--laguna);text-underline-offset:4px}
.produto{padding-block:clamp(28px,5vw,56px) clamp(28px,4vw,40px)}
.oferta{background:var(--branco);border:2px solid var(--linha);border-radius:var(--raio-cartao);box-shadow:var(--sombra);padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:12px}
.nome{font-weight:800;letter-spacing:-.02em;line-height:1.2;font-size:clamp(24px,3vw,32px);text-wrap:balance}
.frase{color:var(--mare-escura)}
.preco{font-size:17px;margin-top:6px}
.preco strong{font-size:clamp(32px,4vw,40px);font-weight:800;letter-spacing:-.02em}
.cupom strong{font-weight:800}
.visto,.comissao{font-size:16px;color:var(--petroleo)}
.visto{color:var(--mare-escura)}
.comissao{border-top:1px solid var(--linha);padding-top:14px;margin-top:4px}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--raio-botao);font:700 17px/1 var(--fonte);text-decoration:none;transition:box-shadow 180ms var(--suave),transform 120ms var(--suave)}
.botao svg{width:20px;height:20px;transition:transform 180ms var(--suave)}
.botao-principal,.botao-loja{background:var(--petroleo);color:var(--branco)}
.botao-loja{width:100%}
.botao:hover{box-shadow:0 8px 22px rgba(2,65,90,.22)}
.botao:hover svg{transform:translate(2px,-2px)}
.botao:active{transform:translateY(1px)}
.vazio{background:var(--branco);border:2px dashed var(--linha);border-radius:var(--raio-cartao);padding:28px;color:var(--mare-escura)}
.rodape{border-top:1px solid var(--linha);padding-block:32px 40px;font-size:15px;color:var(--mare-escura)}
.rodape .wrap{display:grid;gap:14px}
.rodape-aviso{color:var(--petroleo);max-width:80ch}
.rodape nav{display:flex;gap:20px}
.rodape nav a{font-weight:700;color:var(--petroleo);text-decoration:underline;text-decoration-color:var(--laguna);text-underline-offset:4px}
.rodape-fino{font-size:14px}
.doc{padding-block:clamp(36px,6vw,72px)}
.doc h1{margin-bottom:8px}
.doc .data{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--mare-escura);border:1px solid var(--linha);border-radius:999px;padding:3px 12px 3px 10px;margin-bottom:28px}
.doc .data::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--laguna)}
.doc h2{font-size:20px;font-weight:800;margin:28px 0 8px}
.doc p,.doc li{max-width:72ch}
.doc p+p{margin-top:12px}
.doc ol{padding-left:22px;display:grid;gap:10px}
.doc a{text-decoration-color:var(--laguna);text-underline-offset:3px}
@media (max-width:600px){.botao-principal{width:100%}.descritor{font-size:14px}.cartoes{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}