/* GERADO por montar.py: não editar aqui; edite fonte/site.css */
/* Gê Envia: tokens da Identidade da Marca (fonte única; todos os setores usam estes nomes) */
@font-face{font-family:"Montserrat";src:url("../assets/fonts/Montserrat-variavel.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Londrina Solid";src:url("../assets/fonts/LondrinaSolid-Black-latin.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Giz Envia";src:url("../assets/fonts/GizEnvia.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Shadows Into Light";src:url("../assets/fonts/ShadowsIntoLight-latin.woff2") format("woff2");font-weight:400;font-display:swap}

:root{
  /* PALETA DO SITE (decisão da Gê, 01/11/2026). Predominantes: Rosa Gê e Dourado Envia. Todas as outras são AUXILIARES, nunca predominantes.
     Os nomes antigos dos tokens ficam (teal = oliva, azul = azul francês, azul-claro = céu, navy = tinta...) para nenhuma peça quebrar. */
  --rosa:#D83098;          /* Rosa Gê: marca, CTA, "GÊ" do logo */
  --amarelo:#FCC445;       /* Dourado Envia: "ENVIA" do logo, destaques */
  --sol:#FCC445;           /* = dourado (um amarelo só) */
  --navy:#2B3A5C;          /* TINTA: texto, contorno e fundos escuros. Branco por cima 11,28:1 */
  --tinta:var(--navy);
  --teal:#A8BD97;          /* OLIVA (pistache): auxiliar. Texto tinta por cima 5,58:1 */
  --oliva:var(--teal);
  --erva:#5E8C5F;          /* ERVA: aprovado, aberto, detalhe. Como texto pequeno use --teal-esc */
  --azul:#5778AA;          /* AZUL FRANCÊS: Redirecionamento, informação. Branco por cima 4,49:1 (negrito ou grande) */
  --azul-frances:var(--azul);
  --azul-claro:#DCE7F4;    /* CÉU: fundo suave frio. Texto tinta por cima 9,01:1 */
  --ceu:var(--azul-claro);
  --linho:#F7F3EB;         /* LINHO: fundo de seção e ambiente */
  --brisa:#F7F3EB;         /* alias antigo = linho */
  --vermelho:#B01F7C;       /* urgência = rosa escuro (o vermelho saiu). Branco por cima 6,30:1 */
  --terra:#B01F7C;          /* alias = rosa escuro */
  --roxo:#2B3A5C;          /* alias = tinta (o roxo saiu) */
  --turquesa:var(--azul-claro); /* alias antigo */
  --bege:#F7F3EB;          /* fundo da página do sistema = linho */
  --papel:#FFFFFF;         /* cartão: branco */
  --branco:#FFFFFF;
  --cinza-rotulo:var(--texto-suave); /* alias: o cinza saiu; rótulos usam --texto-suave */
  --texto:#2B3A5C; --texto-suave:#5E6B85;
  /* Escuros de contraste (texto pequeno sobre branco passa AA) */
  --rosa-esc:#B01F7C; --vermelho-esc:#B01F7C; --sol-esc:#7A5A00; --teal-esc:#3F6B41; --azul-esc:#456BA0;
  /* Tipos */
  --f-titulo:"Montserrat",system-ui,sans-serif;     /* títulos: geométrica firme, adulta */
  --f-texto:"Montserrat",system-ui,sans-serif;               /* corpo (a Nunito saiu: 3 fontes) */
  --f-numero:"Londrina Solid","Montserrat",sans-serif;         /* números grandes, preços */
  --f-mao:"Shadows Into Light","Comic Sans MS",cursive;           /* manuscrita: 1 anotação por tela */
  --f-giz:"Giz Envia","Shadows Into Light",cursive;          /* letra de giz com textura: subtítulos e, às vezes, H1 */
  /* Raios */
  --radius-sm:10px; --radius-card:20px; --radius-modal:28px; --radius-pill:999px;
  /* Espaço (base 8) */
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:40px; --space-2xl:64px;
  /* Sombras tingidas de navy (nunca cinza neutro) */
  --shadow-sm:0 2px 6px rgba(43,58,92,.08);
  --shadow-md:0 8px 20px rgba(43,58,92,.12);
  --shadow-lg:0 18px 40px rgba(43,58,92,.18);
  --shadow-pop:0 14px 30px rgba(216,48,152,.35);            /* CTA primário rosa */
}

/* Pixel: icones e elementos, linha delicada (prefixo px-) */
.px-ln{fill:none;stroke-linecap:round;stroke-linejoin:round;mix-blend-mode:multiply;opacity:.92}
.px-l-rosa{stroke:var(--rosa)}
.px-l-rosacl{stroke:color-mix(in srgb,var(--rosa) 48%,#fff)}
.px-l-amarelo{stroke:var(--amarelo)}
.px-l-amarelocl{stroke:color-mix(in srgb,var(--amarelo) 55%,#fff)}
.px-l-teal{stroke:var(--teal)}
.px-l-azul{stroke:var(--azul)}
.px-l-azulcl{stroke:var(--azul-claro,color-mix(in srgb,var(--azul) 45%,#fff))}
.px-bg{fill:var(--papel)}

.px-tile{display:grid;place-items:center;width:100%;aspect-ratio:1/1;border-radius:var(--radius-card);min-width:0}
.px-ico{width:74%;height:74%;display:block;overflow:visible}
.px-linha{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;justify-content:center;padding:var(--space-md);width:100%;min-width:0}
.px-tam{display:flex;flex-direction:column;align-items:center;gap:6px;font:700 12px var(--f-texto);color:var(--rosa-esc)}
.px-tam .px-ico{width:var(--s);height:var(--s)}
.px-tam em{font-style:normal}
.px-chip{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-card);background:var(--papel)}
.px-chip .px-ico{width:80%;height:80%}
.px-mono-rosa .px-ln{stroke:var(--rosa)}.px-mono-teal .px-ln{stroke:var(--teal)}.px-mono-azul .px-ln{stroke:var(--azul)}
.px-regras{display:flex;flex-wrap:wrap;gap:8px;padding:var(--space-md);justify-content:center;min-width:0}
.px-r{font:700 13px/1.2 var(--f-texto);padding:8px 14px;border-radius:var(--radius-pill);border:2px solid currentColor;background:#fff}
.px-r-rosa{color:var(--rosa-esc)}.px-r-amarelo{color:var(--sol-esc);background:color-mix(in srgb,var(--amarelo) 22%,#fff)}
.px-r-azul{color:var(--azul)}.px-r-teal{color:var(--teal-esc)}
.px-r-nao{color:#fff;background:var(--rosa);border-color:var(--rosa)}
.px-dec{width:100%;height:auto;display:block;max-width:100%;border-radius:26px}

/* Papéis & brasões (prefixo pb-): scrapbook, brasões do nicho e rodapés. Só tokens de css/tokens.css */

/* ----- estampas (usadas nos papéis e nos rodapés) ----- */
.pb-l-rosa{background:repeating-linear-gradient(90deg,var(--rosa) 0 22px,#fff 22px 30px,var(--amarelo) 30px 34px,#fff 34px 48px)}
.pb-l-dourado{background:repeating-linear-gradient(90deg,var(--amarelo) 0 22px,#fff 22px 36px)}
.pb-l-ceu{background:repeating-linear-gradient(90deg,var(--azul-claro) 0 24px,#fff 24px 32px,var(--azul) 32px 35px,#fff 35px 52px)}
.pb-l-fita{background:repeating-linear-gradient(90deg,#fff 0 12px,transparent 12px 26px),repeating-linear-gradient(0deg,var(--rosa) 0 2px,#fff 2px 4px)}
.pb-x-rosa,.pb-x-ceu,.pb-x-dourado,.pb-x-oliva{background-color:#fff;background-size:28px 28px}
.pb-x-rosa{background-image:linear-gradient(90deg,rgba(216,48,152,.38) 50%,transparent 50%),linear-gradient(rgba(216,48,152,.38) 50%,transparent 50%)}
.pb-x-ceu{background-image:linear-gradient(90deg,rgba(87,120,170,.34) 50%,transparent 50%),linear-gradient(rgba(87,120,170,.34) 50%,transparent 50%)}
.pb-x-dourado{background-image:linear-gradient(90deg,rgba(252,196,69,.5) 50%,transparent 50%),linear-gradient(rgba(252,196,69,.5) 50%,transparent 50%)}
.pb-x-oliva{background-image:linear-gradient(90deg,rgba(168,189,151,.55) 50%,transparent 50%),linear-gradient(rgba(168,189,151,.55) 50%,transparent 50%)}
.pb-b-rosa,.pb-b-dourado,.pb-b-azul,.pb-b-erva{background-color:#fff;background-size:26px 26px,26px 26px;background-position:0 0,13px 13px}
.pb-b-rosa{background-image:radial-gradient(circle,var(--rosa) 3.6px,transparent 4px),radial-gradient(circle,var(--rosa) 3.6px,transparent 4px)}
.pb-b-dourado{background-image:radial-gradient(circle,var(--amarelo) 3.6px,transparent 4px),radial-gradient(circle,var(--amarelo) 3.6px,transparent 4px)}
.pb-b-azul{background-image:radial-gradient(circle,var(--azul) 3.6px,transparent 4px),radial-gradient(circle,var(--azul) 3.6px,transparent 4px)}
.pb-b-erva{background-image:radial-gradient(circle,var(--erva) 3.6px,transparent 4px),radial-gradient(circle,var(--erva) 3.6px,transparent 4px)}

/* ----- rodapé ----- */
.pb-rod{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:92px;padding:12px clamp(12px,3vw,28px);border-radius:14px;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(43,58,92,.14)}
.pb-rod-logo,.pb-rod-tx{background:#fff;border-radius:999px;padding:6px 16px;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;min-width:0}
.pb-rod-logo img{height:34px;width:auto;display:block}
.pb-rod-tx{font:800 12px var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);white-space:nowrap}
.pb-rod .pb-rod-selo{width:78px;flex:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pb-post{width:min(100%,260px);aspect-ratio:4/5;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:var(--shadow-md)}
.pb-post-foto{flex:1;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--linho) 0 14px,#fff 14px 28px);font:800 11px var(--f-texto);letter-spacing:.16em;color:var(--texto-suave)}
.pb-rod-p{border-radius:0;min-height:68px;padding:8px 10px;box-shadow:none}
.pb-rod-p .pb-rod-logo img{height:24px}
.pb-rod-p .pb-rod-selo{width:56px;left:auto;right:12px;transform:translateY(-50%)}
@media (max-width:520px){.pb-rod-tx{display:none}.pb-rod .pb-rod-selo{position:static;transform:none}}
/* ============================================================
   Site Gê Envia v3
   Estrutura do DESIGN.md do Airbnb (tela branca, uma cor de voltagem,
   cartões de foto com raio 14, busca em pílula, cartão de reserva fixo,
   uma só camada de sombra). Cores e fontes: Identidade da Marca.
   Rosa = a "voltagem" (CTA, orbe, selo). Dourado = só destaque pequeno.
   ============================================================ */
:root{
  --ink:var(--tinta); --body:#3D4A66; --muted:var(--texto-suave); --muted-soft:#8791A6;
  --canvas:#fff; --soft:var(--linho); --strong:#EFE9DC;
  --hair:#E2DDD2; --hair-soft:#EEEAE0; --hair-strong:#C9C3B6;
  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:32px;
  --float:0 6px 18px rgba(43,58,92,.14);        /* a única camada de sombra */
  --maxw:1280px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--body);font:400 16px/1.5 var(--f-texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3,h4{color:var(--ink);font-family:var(--f-titulo);margin:0}
p{margin:0}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px;border-radius:4px}
.pular{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-sm);z-index:99}
.pular:focus{left:8px}
.num{font-family:var(--f-numero);font-weight:900;letter-spacing:.01em}
.giz{font-family:var(--f-mao);font-weight:400;color:var(--rosa-esc);white-space:nowrap}
@media(max-width:743px){.so-pc{display:none}}

/* ---------- ícones da marca ---------- */
.ico,.selo,.brasao,.ilu{display:block}
svg.ico{width:28px;height:28px;flex:none;overflow:visible}
svg.ilu{width:100%;height:100%;overflow:visible}
svg.selo,svg.brasao{width:100%;height:100%}

/* ---------- botões (raio 8; pílula só em chips) ---------- */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:var(--r-sm);border:1px solid transparent;font:700 16px/1.25 var(--f-texto);text-decoration:none;cursor:pointer;transition:transform .12s,background .15s,box-shadow .15s}
.bt:active{transform:scale(.98)}
.bt-rosa{background:var(--rosa);color:#fff}
.bt-rosa:hover{background:var(--rosa-esc)}
.bt-linha{background:#fff;color:var(--ink);border-color:var(--ink)}
.bt-linha:hover{background:var(--soft)}
.bt-sm{min-height:40px;padding:0 16px;font-size:14px}
.bt-bloco{width:100%}
.bt-texto{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:8px 0;color:var(--ink);font:600 16px var(--f-texto);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.bt-texto span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;text-decoration:none;line-height:1}

.plaqueta{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:var(--r-md);background:var(--soft)}
.plaqueta svg.ico{width:32px;height:32px}

/* ---------- topo ---------- */
.topo{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--hair)}
.topo-in{max-width:var(--maxw);margin:0 auto;height:76px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.logo{display:inline-flex}
.logo img{height:56px;width:auto}
.abas{display:flex;gap:8px}
.abas a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 18px 8px;border-bottom:2px solid transparent;text-decoration:none;font:600 14px var(--f-texto);color:var(--muted);transition:color .15s,border-color .15s}
.abas a svg.ico{width:30px;height:30px}
.abas a:hover,.abas a.on{color:var(--ink);border-bottom-color:var(--ink)}
.topo-acoes{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.dolar-chip{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:1px solid var(--hair);border-radius:999px;font:500 14px var(--f-texto);color:var(--muted);white-space:nowrap}
.dolar-chip b{font:700 15px var(--f-texto);color:var(--ink)}
.dolar-chip i{width:8px;height:8px;border-radius:50%;background:var(--erva);box-shadow:0 0 0 3px color-mix(in srgb,var(--erva) 25%,#fff)}
.orb-bt{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--strong);cursor:pointer}
.orb-bt:hover{background:var(--hair)}
.orb-bt svg.ico{width:26px;height:26px}
.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--rosa);color:#fff;font:700 11px/20px var(--f-texto);text-align:center;border:2px solid #fff}

/* ---------- hero ---------- */
.hero{padding:40px 24px 8px}
.hero-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center}
.eyebrow{font:700 13px var(--f-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--rosa-esc);margin-bottom:12px}
.hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.hero h1 .giz{display:block;font-size:1.05em;margin-top:4px;transform:rotate(-1.5deg);transform-origin:left}
.lead{font-size:1.125rem;line-height:1.55;color:var(--body);max-width:56ch;margin-top:16px}
.tabs-busca{display:flex;gap:6px;margin:28px 0 12px;flex-wrap:wrap}
.tab{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 12px;border-radius:999px;border:1px solid var(--hair);background:#fff;font:600 15px var(--f-texto);color:var(--muted);cursor:pointer}
.tab svg.ico{width:26px;height:26px}
.tab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tab.on svg.ico .px-ln{stroke:#fff;mix-blend-mode:normal;opacity:1}
.tab:not(.on):hover{border-color:var(--ink);color:var(--ink)}

.pilula{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;align-items:center;height:68px;border:1px solid var(--hair);border-radius:999px;background:#fff;box-shadow:var(--float);padding:0 8px 0 0}
.seg{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 24px;border-radius:999px;cursor:text;min-width:0}
.seg:hover{background:var(--soft)}
.seg+.seg::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:1px;background:var(--hair)}
.seg:focus-within{background:var(--soft);box-shadow:inset 0 0 0 2px var(--ink)}
.seg-t{font:700 12px var(--f-texto);color:var(--ink)}
.seg input,.seg select{border:0;background:none;padding:0;width:100%;font:500 15px var(--f-texto);color:var(--ink);outline:none;appearance:none;-moz-appearance:textfield;text-overflow:ellipsis}
.seg input::placeholder{color:var(--muted-soft)}
.seg input::-webkit-outer-spin-button,.seg input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.orb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;min-width:52px;padding:0 18px;border:0;border-radius:999px;background:var(--rosa);color:#fff;font:700 15px var(--f-texto);cursor:pointer}
.orb:hover{background:var(--rosa-esc)}
.orb svg.ico{width:26px;height:26px}
.orb svg.ico .px-ln{stroke:#fff;mix-blend-mode:normal;opacity:1}
.mini-relogio{margin-top:12px;font-size:13px;color:var(--muted)}
.mini-relogio b{color:var(--ink);font-weight:700}

.hero-foto{position:relative;margin:0;justify-self:end;width:100%;max-width:440px}
.hero-foto img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:var(--r-xl)}
.postit-foto{position:absolute;left:-28px;bottom:28px;max-width:250px;background:var(--amarelo);color:var(--ink);padding:14px 16px;border-radius:var(--r-sm);box-shadow:var(--float);transform:rotate(-2.5deg);font-size:13px;line-height:1.4}
.postit-foto b{display:block;font:800 16px var(--f-titulo);margin-bottom:2px}

.beneficios{list-style:none;margin:40px auto 0;padding:24px 0 0;max-width:var(--maxw);border-top:1px solid var(--hair);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.beneficios li{display:flex;align-items:center;gap:14px}
.beneficios b{display:block;font:700 15px var(--f-texto);color:var(--ink)}
.beneficios small{display:block;font-size:13px;color:var(--muted)}

/* ---------- seções ---------- */
.sec{padding:64px 24px}
.sec-linho{background:var(--soft)}
.sec-in{max-width:var(--maxw);margin:0 auto}
.cab{margin-bottom:28px}
.cab h2{font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}
.sub{margin-top:8px;color:var(--muted);font-size:1rem;max-width:68ch}
.nota-mini{font-size:13px;color:var(--muted);line-height:1.45}

/* ---------- faixa de categorias ---------- */
.faixa-cat{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin-bottom:4px;scrollbar-width:none;border-bottom:1px solid var(--hair-soft)}
.faixa-cat::-webkit-scrollbar{display:none}
.cat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;min-width:84px;padding:8px 18px 10px;border:0;border-bottom:2px solid transparent;background:none;font:600 14px var(--f-texto);color:var(--muted);cursor:pointer}
.cat svg.ico{width:30px;height:30px}
.cat:hover,.cat.on{color:var(--ink);border-bottom-color:var(--ink)}
.conta-grupos{margin:16px 0 20px;font-size:14px;color:var(--muted)}

/* ---------- cartões de grupo (anúncio do Airbnb) ---------- */
.grade-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:32px 24px}
.card{position:relative}
.card-main{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.card-foto{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--g-bg,var(--soft));display:grid;place-items:center;transition:box-shadow .2s,transform .2s}
.card-foto::after{content:"";position:absolute;inset:10px;border:1px solid rgba(43,58,92,.08);border-radius:calc(var(--r-md) - 6px);pointer-events:none}
.card-foto img{width:62%;height:62%;object-fit:contain;mix-blend-mode:multiply}
.card-main:hover .card-foto{box-shadow:var(--float);transform:translateY(-2px)}
.card-badge{position:absolute;left:12px;top:12px;z-index:1;padding:6px 10px;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(43,58,92,.2);font:700 12px var(--f-texto);color:var(--ink)}
.card-badge.aberto{background:var(--erva);color:#fff}
.heart{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.88);cursor:pointer}
.heart svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.heart[aria-pressed=true] svg{fill:var(--rosa);stroke:var(--rosa)}
.heart:hover{background:#fff;transform:scale(1.06)}
.card-meta{padding:12px 2px 0;display:grid;gap:2px}
.card-meta h3{font:600 16px/1.25 var(--f-titulo)}
.card-meta p{font-size:14px;color:var(--muted);line-height:1.35}
.card-meta .preco{margin-top:4px;color:var(--ink);font-weight:600}
.card-meta .preco .num{font-size:20px;vertical-align:-1px}
.combinado{display:flex;align-items:flex-start;gap:12px;margin-top:36px;padding:18px 20px;border:1px solid var(--hair);border-radius:var(--r-md);font-size:15px}
.combinado svg.ico{width:32px;height:32px}
.combinado b{color:var(--ink)}

/* ---------- cartões de experiência 4:5 ---------- */
.grade-exp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.exp h3{margin-top:14px;font:600 18px/1.25 var(--f-titulo)}
.exp p{margin-top:6px;font-size:15px}
.exp .preco-linha{color:var(--ink);font-weight:500;font-size:14px}
.exp .preco-linha .num{font-size:19px}
.exp .nota-mini{margin-top:4px}
.exp-foto{position:relative;aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;padding:12%}
.fundo-rosa{background:color-mix(in srgb,var(--rosa) 11%,#fff)}
.fundo-azul{background:var(--ceu)}
.fundo-ouro{background:color-mix(in srgb,var(--amarelo) 32%,#fff)}
.selo-tag{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:#fff;font:700 11px var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}

/* ---------- como funciona ---------- */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 40px;counter-reset:p}
.passos li{display:flex;gap:16px;align-items:flex-start}
.passos .plaqueta{background:#fff}
.passos b{display:flex;align-items:center;gap:8px;font:600 17px var(--f-titulo);color:var(--ink)}
.passos b i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:700 12px var(--f-texto);font-style:normal}
.passos p{margin-top:4px;font-size:15px}
.cab .giz{display:inline-block;margin-left:6px;font-size:1.25em;transform:rotate(-1deg)}

/* ---------- minha caixa ---------- */
.caixa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.destaque-num{text-align:center}
.louro{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--erva)}
.louro .ramo{width:clamp(48px,9vw,84px);height:auto}
.louro .espelho{transform:scaleX(-1)}
.louro .grande{font-size:clamp(5rem,13vw,9rem);line-height:.9;color:var(--ink)}
.destaque-num h2{font-size:clamp(1.4rem,2.4vw,1.75rem);font-weight:700;margin-top:4px}
.destaque-num .sub{margin:12px auto 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 16px;padding:20px 0;border-block:1px solid var(--hair);text-align:center}
.stats>div{padding:0 10px;display:flex;flex-direction:column-reverse;gap:2px}
.stats>div+div{border-left:1px solid var(--hair)}
.stats dd{margin:0;font-size:1.6rem;color:var(--ink);line-height:1.1}
.stats dt{font-size:12px;color:var(--muted);line-height:1.3}
.destaque-num .nota-mini{max-width:60ch;margin:0 auto}
.caixa-jogo{padding:24px;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--float)}
.caixa-jogo h3{font:700 18px var(--f-titulo);margin-bottom:12px}
.palco{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-bottom:12px}
.pacotes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pk{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-md);background:var(--soft);transition:opacity .25s,transform .25s}
.pk svg.ico{width:60%;height:60%}
.pk.off{opacity:.18;transform:scale(.9)}
.caixa-grande{aspect-ratio:1}
.slider{display:grid;gap:10px;font:600 15px var(--f-texto);color:var(--ink)}
.slider .num{font-size:1.5rem;color:var(--rosa-esc)}
.slider input{width:100%;accent-color:var(--rosa);height:28px}
.caixa-conta{margin-top:8px;padding:12px 14px;border-radius:var(--r-sm);background:var(--soft);font-weight:600;color:var(--ink);font-size:15px}

/* ---------- campos com rótulo flutuante (56px) ---------- */
.fl{position:relative}
.fl input,.fl select{width:100%;height:56px;padding:22px 14px 6px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);background:#fff;font:500 16px var(--f-texto);color:var(--ink);outline:none;appearance:none;transition:border-color .12s}
.fl select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B3A5C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/20px no-repeat;padding-right:40px}
.fl input:hover,.fl select:hover{border-color:var(--ink)}
.fl input:focus,.fl select:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fl label{position:absolute;left:15px;top:8px;font:500 12px/1 var(--f-texto);color:var(--muted);pointer-events:none;transition:all .12s}
.fl input:placeholder-shown:not(:focus)+label{top:19px;font-size:16px}
.fl small{display:block;margin:4px 2px 0;font-size:12px;color:var(--muted)}
.fl.full{grid-column:1/-1}

/* ---------- calculadora ---------- */
.sec-calc{background:#fff}
.calc{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:72px;align-items:start}
.calc-form{display:grid;gap:20px}
.tipo{border:0;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.tipo legend{width:100%;padding:0;margin-bottom:10px;font:700 15px var(--f-texto);color:var(--ink)}
.pilula-radio input{position:absolute;opacity:0;pointer-events:none}
.pilula-radio span{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1px solid var(--hair-strong);border-radius:999px;font:600 15px var(--f-texto);color:var(--ink);cursor:pointer}
.pilula-radio input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.pilula-radio input:focus-visible+span{outline:3px solid var(--azul);outline-offset:2px}
.item{position:relative;padding:20px;border:1px solid var(--hair);border-radius:var(--r-md);margin-bottom:12px}
.lin-i{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lin-i .fl:first-child{grid-column:1/-1}
.item:not(.com-venda) .venda{display:none}
.calc.revendo .item .venda{display:block}
.calc.revendo .lin-i{grid-template-columns:repeat(2,1fr)}
.rem{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;border:0;background:var(--strong);cursor:pointer;font-size:18px;line-height:1;z-index:2}
.rem:hover{background:var(--hair)}
.campos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.chaves{display:grid;gap:4px}
.chave{display:flex;align-items:center;gap:14px;padding:10px 0;cursor:pointer;font-weight:600;color:var(--ink)}
.chave small{font-weight:400;color:var(--muted)}
.chave input{position:absolute;opacity:0}
.chave .tr{position:relative;flex:none;width:48px;height:28px;border-radius:999px;background:var(--hair-strong);transition:background .15s}
.chave .tr::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(43,58,92,.3);transition:transform .15s}
.chave input:checked+.tr{background:var(--ink)}
.chave input:checked+.tr::after{transform:translateX(20px)}
.chave input:focus-visible+.tr{outline:3px solid var(--azul);outline-offset:2px}

.reserva{position:sticky;top:96px;padding:24px;border:1px solid var(--hair);border-radius:var(--r-lg);background:#fff;box-shadow:0 6px 16px rgba(43,58,92,.12);display:grid;gap:16px}
.reserva-topo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.reserva-topo .num{font-size:2.6rem;line-height:1;color:var(--ink)}
.reserva-topo small{color:var(--muted);font-size:14px}
.reserva-usd{margin-top:-10px;font-size:14px;color:var(--muted)}
.bloco h3{display:flex;align-items:center;gap:8px;font:700 14px var(--f-texto);margin-bottom:6px}
.bloco h3 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--rosa);color:#fff;font:700 12px var(--f-texto);font-style:normal}
.bloco dl{margin:0;border-top:1px solid var(--hair-soft)}
.lin{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--hair-soft);font-size:14px}
.lin dt{color:var(--body)}
.lin dd{margin:0;text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}
.lin dd small{display:block;font-weight:400;color:var(--muted);font-size:12px;white-space:normal}
.estim{font-size:12.5px;color:var(--muted);line-height:1.45}

.risco{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--r-md);background:color-mix(in srgb,var(--amarelo) 22%,#fff);border:1px solid color-mix(in srgb,var(--amarelo) 70%,#fff)}
.risco-selo{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--amarelo);font:900 24px var(--f-numero)}
.risco b{color:var(--ink)}
.risco p{font-size:14px;margin:4px 0 8px}
.risco a{font-weight:700;color:var(--rosa-esc)}
#t-itens table{width:100%;border-collapse:collapse;font-size:14px}
#t-itens th{text-align:left;padding:8px 6px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--hair)}
#t-itens td{padding:10px 6px;border-bottom:1px solid var(--hair-soft);font-weight:600;color:var(--ink)}
#t-itens td small{display:block;font-weight:400;color:var(--muted)}
#t-itens .estim{margin-top:8px}

/* ---------- grade "cidades" ---------- */
.grade-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:28px 20px}
.grade-links li{display:grid;gap:2px;align-content:start}
.grade-links b{font:600 16px/1.25 var(--f-titulo);color:var(--ink)}
.grade-links span{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.grade-links span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--erva))}
.grade-links .ask{--c:var(--amarelo)}
.grade-links .no{--c:var(--rosa)}

/* ---------- declaração ---------- */
.notas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;counter-reset:n}
.notas li{counter-increment:n;padding:20px 0;border-top:1px solid var(--hair)}
.notas li::before{content:counter(n);display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--ink);color:#fff;font:700 13px var(--f-texto)}
.notas b{color:var(--ink);font:600 16px var(--f-titulo)}
.notas p{margin-top:4px;font-size:15px}
.golpe{display:flex;gap:14px;align-items:flex-start;margin-top:12px;padding:18px 20px;border-radius:var(--r-md);background:#fff;border:1px solid var(--hair)}
.golpe b{color:var(--ink)}

/* ---------- anfitriã ---------- */
.anfitria{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start}
.anf-card{padding:28px;border-radius:var(--r-lg);background:#fff;box-shadow:0 6px 20px rgba(43,58,92,.14);display:grid;grid-template-columns:auto 1fr;gap:4px 24px;align-items:center}
.anf-sel{grid-row:span 2;width:112px;height:112px}
.anf-card h3{font:800 28px var(--f-titulo);align-self:end}
.anf-sub{font-size:13px;color:var(--muted);align-self:start}
.anf-fatos{grid-column:1/-1;list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--hair);display:grid;gap:10px}
.anf-fatos li{display:flex;flex-direction:column}
.anf-fatos b{font:700 16px var(--f-texto);color:var(--ink)}
.anf-fatos small{font-size:12px;color:var(--muted)}
.anf-tx>p{font-size:1.0625rem;max-width:60ch}
.anf-tx h3{margin:28px 0 12px;font:700 20px var(--f-titulo)}
.comodidades{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 32px}
.comodidades li{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--hair-soft);font-size:15px}
.comodidades b{color:var(--ink)}

/* ---------- dúvidas ---------- */
.duvidas{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}
.duvidas .cab{position:sticky;top:100px}
.faq details{border-bottom:1px solid var(--hair)}
.faq details:first-child{border-top:1px solid var(--hair)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font:600 17px/1.3 var(--f-titulo);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;font:400 22px/1 var(--f-texto);transition:transform .2s}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 48px 22px 0;font-size:15.5px}

/* ---------- final ---------- */
.final{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:36px 40px;border-radius:var(--r-xl);background:color-mix(in srgb,var(--rosa) 9%,#fff);border:1px solid color-mix(in srgb,var(--rosa) 22%,#fff)}
.fim-sel{width:120px;height:120px}
.final h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;line-height:1.15}
.fim-bts{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- rodapé ---------- */
.rodape{background:var(--soft);border-top:1px solid var(--hair);padding:48px 24px 40px}
.rod-in{max-width:var(--maxw);margin:0 auto}
.rod-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:32px;border-bottom:1px solid var(--hair)}
.rodape h4{font:700 14px var(--f-texto);margin-bottom:14px;color:var(--ink)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.rodape a{text-decoration:none}
.rodape a:hover{text-decoration:underline}
.rod-base{display:flex;gap:24px;align-items:center;padding-top:24px;font-size:13px;color:var(--muted)}
.rod-base img{height:33px;width:auto;flex:none}

/* ---------- celular: menu fixo e barra de reserva ---------- */
.menu-cel,.barra-reserva{display:none}

/* ---------- janelas ---------- */
.janela{border:0;padding:28px;border-radius:var(--radius-modal);width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-shadow:0 20px 60px rgba(43,58,92,.3);color:var(--body)}
.janela::backdrop{background:rgba(43,58,92,.5)}
.fechar{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:0;background:var(--strong);font-size:20px;cursor:pointer}
.janela h3{font:700 22px var(--f-titulo)}
.dg-cab{display:flex;gap:14px;align-items:center;margin-bottom:12px;padding-right:40px}
.dg-cab img{width:64px;height:64px;object-fit:contain;border-radius:var(--r-md);background:var(--soft);padding:6px;mix-blend-mode:multiply}
.dg-cab p{font-size:14px;color:var(--muted)}
.dg-aviso{padding:12px 14px;border-radius:var(--r-sm);background:var(--soft);font-size:14px;margin-bottom:14px}
.dg-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dg-form .full{grid-column:1/-1}
.dg-ok{margin-top:10px;font-weight:600;color:var(--teal-esc)}
.dg-lista h4{margin:16px 0 4px;font:700 14px var(--f-texto)}
.dg-bts{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.dg-bts .bt{flex:1}
.it{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair-soft)}
.it small{display:block;color:var(--muted);font-size:13px}
.rm{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--strong);cursor:pointer;font-size:18px}
.dc-vazio{text-align:center;padding:24px 0;display:grid;gap:10px;justify-items:center}
.dc-tot{display:grid;gap:2px;margin-top:16px;padding:16px;border-radius:var(--r-md);background:var(--soft)}
.dc-tot .num{font-size:2rem;color:var(--ink)}
.dc-tot small{color:var(--muted)}
.dc-bts{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.dc-bts .bt{flex:1}

/* ============ RESPONSIVO (Airbnb: 744 · 1128) ============ */
@media(max-width:1127px){
  .topo-in{grid-template-columns:auto 1fr auto}
  .abas{justify-self:center}
  .hero-in{grid-template-columns:1fr;gap:32px}
  .hero-foto{justify-self:start;max-width:360px}
  .grade-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grade-exp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc{grid-template-columns:minmax(0,1fr) 360px;gap:40px}
  .caixa{grid-template-columns:1fr;gap:40px}
  .anfitria{grid-template-columns:1fr;gap:32px}
  .duvidas{grid-template-columns:1fr;gap:20px}
  .duvidas .cab{position:static}
  .grade-links{grid-template-columns:repeat(3,1fr)}
  .final{grid-template-columns:auto 1fr}
  .fim-bts{grid-column:1/-1}
}
@media(max-width:743px){
  html{scroll-padding-top:72px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .topo-in{height:64px;padding:0 16px;grid-template-columns:1fr auto}
  .abas{display:none}
  .logo img{height:46px}
  .dolar-chip{height:40px;padding:0 12px}
  .orb-bt{display:none}
  .hero{padding:24px 16px 0}
  .tabs-busca{margin-top:22px}
  .tab{height:44px;padding-right:14px;font-size:14px}
  .pilula{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;height:auto;border-radius:var(--r-lg);padding:8px}
  .seg{height:60px;border-radius:var(--r-md);padding:0 16px}
  .seg+.seg::before{display:none}
  .seg:nth-child(1){grid-column:1/-1;border-bottom:1px solid var(--hair-soft);border-radius:var(--r-md) var(--r-md) 0 0}
  .orb{grid-column:1/-1;margin-top:8px;height:52px;border-radius:var(--r-sm)}
  .hero-foto{max-width:none;justify-self:stretch}
  .hero-foto img{aspect-ratio:1/1;object-position:50% 25%}
  .postit-foto{left:12px;bottom:-14px}
  .beneficios{grid-template-columns:1fr 1fr;margin-top:32px}
  .beneficios .plaqueta{width:44px;height:44px}
  .sec{padding:48px 16px}
  .grade-cards{grid-template-columns:1fr;gap:28px}
  .card-foto{aspect-ratio:4/3}
  .grade-exp{grid-template-columns:1fr}
  .exp-foto{aspect-ratio:4/3}
  .passos{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;gap:16px 0}
  .stats>div:nth-child(3){border-left:0}
  .calc{grid-template-columns:1fr}
  .reserva{position:static}
  .lin-i{grid-template-columns:1fr 1fr}
  .calc.revendo .lin-i{grid-template-columns:1fr}
  .grade-links{grid-template-columns:1fr 1fr}
  .notas{grid-template-columns:1fr}
  .anf-card{padding:20px}
  .anf-sel{width:84px;height:84px}
  .comodidades{grid-template-columns:1fr}
  .faq details p{padding-right:0}
  .final{grid-template-columns:1fr;padding:28px 20px;text-align:left}
  .fim-sel{width:84px;height:84px}
  .fim-bts .bt{width:100%}
  .rod-cols{grid-template-columns:1fr}
  .rod-base{flex-direction:column;align-items:flex-start}
  .janela{padding:22px 18px}
  .dg-form{grid-template-columns:1fr}

  .menu-cel{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--hair);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .menu-cel a,.menu-cel button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:none;text-decoration:none;font:600 11px var(--f-texto);color:var(--muted);cursor:pointer}
  .menu-cel svg.ico{width:28px;height:28px}
  .menu-cel .badge{top:2px;right:calc(50% - 26px)}
  .barra-reserva{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:39;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid var(--hair);box-shadow:0 -6px 16px rgba(43,58,92,.1)}
  .barra-reserva[hidden]{display:none}
  .barra-reserva .num{font-size:1.5rem;color:var(--ink);display:block;line-height:1}
  .barra-reserva small{font-size:12px;color:var(--muted)}
  .barra-reserva .bt{min-height:44px;padding:0 20px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

















































/* =====================================================================
   AJUSTES DE 01/11/2026, rodada 2 (Gê): topo branco com linha rosa→amarelo,
   foto esmaecida, três jeitos em post-it, calculadora igual ao site 2,
   planilha de revenda própria, caixa e declaração mais visuais, cursor
   ===================================================================== */
html,body{cursor:url("../assets/cursor-ge.png") 6 4,auto}
a,button,label,summary,.cat,.card-main,[role=tab]{cursor:url("../assets/cursor-ge.png") 6 4,pointer}
input,select,textarea{cursor:url("../assets/cursor-ge.png") 6 4,text}

/* --- topo: tudo no branco --- */
.topo{border-bottom:0}
.topo-in{height:72px;grid-template-columns:auto 1fr auto;gap:20px}
.logo img{height:48px;width:auto;display:block}
.linha-arco{height:3px;background:linear-gradient(90deg,var(--rosa) 0%,var(--rosa) 30%,var(--amarelo) 70%,var(--amarelo) 100%)}
.mundo{display:flex;justify-content:center;align-items:center;gap:8px 22px;flex-wrap:wrap;font:500 13px var(--f-texto);color:var(--muted);background:none;border:0;padding:0}
.m-it{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.m-it b{font:700 14px var(--f-texto);color:var(--ink)}
.bandeira{display:inline-grid;place-items:center;width:28px;height:20px}
.bandeira svg.flag{width:28px;height:20px;display:block}
.mundo .dolar-chip{height:auto;padding:0;border:0;background:none;border-radius:0;font:500 13px var(--f-texto);color:var(--muted)}
.dolar-chip i{width:9px;height:9px;background:#2FBF6B;box-shadow:0 0 0 3px rgba(47,191,107,.28),0 0 10px 2px rgba(47,191,107,.7);animation:luz 1.8s ease-in-out infinite}
@keyframes luz{50%{box-shadow:0 0 0 5px rgba(47,191,107,.12),0 0 14px 4px rgba(47,191,107,.9)}}
.cart-bt{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;background:var(--rosa);box-shadow:var(--shadow-pop);transition:transform .15s}
.cart-bt:hover{transform:translateY(-2px)}
.cart-bt svg.ico{width:30px;height:30px}
.cart-bt svg.ico .px-ln{stroke:#fff;opacity:1;mix-blend-mode:normal}
.cart-bt .badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--amarelo);color:var(--ink);font:800 12px/22px var(--f-texto);text-align:center;border:2px solid #fff}
html{scroll-padding-top:90px}

/* --- abertura --- */
.hero{padding:36px 24px 16px}
.hero-in{grid-template-columns:minmax(0,1fr) 300px 340px;gap:36px;align-items:center}
.hero h1{font-size:clamp(2rem,3.9vw,3.2rem);line-height:1.1}
.hero h1 .giz{display:block;white-space:normal;font-size:1.02em;margin-top:8px;line-height:1.1}
.lead.lead-suave{font-size:1rem;color:var(--muted);max-width:46ch}
.hero .beneficios{display:flex;flex-wrap:wrap;margin:30px 0 0;padding:0;border:0;max-width:none;gap:14px 22px}
.hero .beneficios b,.hero .beneficios small{white-space:nowrap}
.hero .beneficios li{gap:10px}
.hero .beneficios .plaqueta{width:46px;height:46px}
.hero-foto{display:contents}
.hero-in .foto-fade{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 22%;border-radius:0;order:2;
  -webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 44%,#000 50%,rgba(0,0,0,.6) 70%,transparent 100%);mask-image:radial-gradient(ellipse 66% 64% at 50% 44%,#000 50%,rgba(0,0,0,.6) 70%,transparent 100%)}
.postit-sobre{position:relative;order:1;margin:0;width:100%;background:var(--amarelo);color:var(--ink);padding:18px 20px 22px;font:500 14px/1.45 var(--f-texto);transform:rotate(-1.5deg);box-shadow:0 10px 22px rgba(43,58,92,.18),0 2px 4px rgba(43,58,92,.1)}
.postit-sobre::after{content:"";position:absolute;right:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,transparent 50%,rgba(43,58,92,.22) 50%)}
.postit-sobre::before{content:"";position:absolute;left:50%;top:-10px;width:70px;height:22px;margin-left:-35px;background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(43,58,92,.18);transform:rotate(2deg)}
.postit-sobre b{display:block;font:400 26px/1.1 var(--f-mao);color:var(--rosa-esc);margin-bottom:8px}
.postit-sobre p+p{margin-top:8px}

/* --- três jeitos: post-its --- */
.sec-jeitos{padding-top:40px}
.cab-linhas{text-align:center}
.cab-linhas h2{display:flex;align-items:center;gap:20px}
.cab-linhas h2::before,.cab-linhas h2::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--rosa))}
.cab-linhas h2::after{background:linear-gradient(270deg,transparent,var(--amarelo))}
.cab-linhas .sub{margin-left:auto;margin-right:auto}
.cab-linhas h2 span{flex:none;max-width:80%}
.jeitos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pit-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px;background:#fff;color:var(--ink);box-shadow:0 10px 22px rgba(43,58,92,.14),0 2px 4px rgba(43,58,92,.08);border-radius:3px}
.pit-card::after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,transparent 50%,rgba(43,58,92,.2) 50%)}
.pit-card .banda{display:block;height:10px;margin:-16px -18px 10px;background:var(--c)}
.pit-card:nth-child(1){transform:rotate(-.8deg)}
.pit-card:nth-child(3){transform:rotate(.7deg)}
.pit-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--c) 16%,#fff)}
.pit-ic svg.ico{width:30px;height:30px}
.pit-k{font:800 11px var(--f-texto);letter-spacing:.09em;text-transform:uppercase;color:var(--c);filter:saturate(1.2) brightness(.85)}
.pit-card h3{font:700 17px/1.25 var(--f-titulo)}
.pit-card p{font-size:14px;line-height:1.45}
.pit-preco{color:var(--rosa-esc);font-weight:600}
.pit-card:nth-child(2) .pit-preco{color:var(--sol-esc)}
.pit-card:nth-child(3) .pit-preco{color:var(--azul-esc)}
.pit-nota{color:var(--muted);font-size:13px!important}
.pit-link{margin-top:auto;padding-top:8px;font:700 14px var(--f-texto);color:var(--ink);text-decoration:none}
.pit-link:hover{text-decoration:underline}
.jeitos-dica{display:none}

/* --- fundos de seção --- */
.sec-ouro{background:color-mix(in srgb,var(--amarelo) 14%,#fff)}
.sec-rosa{background:color-mix(in srgb,var(--rosa) 7%,#fff)}
.sec-mapa{background:#fff}

/* --- grupos que passam para o lado --- */
.carrossel{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 -4px;padding:8px 4px 4px;overscroll-behavior-x:contain}
.carrossel::-webkit-scrollbar{display:none}
.carrossel:focus-visible{outline-offset:-3px}
.trilha{display:flex;gap:24px;width:max-content}
.carrossel .card{flex:0 0 232px;width:232px}
.carrossel.parado .trilha{width:auto;flex-wrap:wrap}
.card-badge.fechado{background:var(--muted);color:#fff}
.cta-card{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;min-height:44px;padding:0 18px;border:0;border-radius:var(--r-sm);background:var(--rosa);color:#fff;font:700 14px var(--f-titulo);text-decoration:none;width:100%}
.cta-card:hover{background:var(--rosa-esc)}
.cta-card.avisa{background:#fff;color:var(--rosa-esc);border:1.5px solid var(--rosa)}
.cta-card.avisa:hover{background:color-mix(in srgb,var(--rosa) 8%,#fff)}

/* --- calculadora, do jeito do site 2 --- */
.sobretitulo{display:inline-flex;align-items:center;gap:10px;font:800 12px var(--f-texto);letter-spacing:.18em;text-transform:uppercase;color:var(--rosa-esc);margin-bottom:12px}
.sobretitulo::before{content:"";width:28px;height:2px;background:currentColor}
.sob-tinta{color:var(--sol-esc)}
.cab-calc{display:grid;grid-template-columns:1fr 240px;gap:32px;align-items:center}
.cab-ilu svg.ilu{width:100%;height:auto;aspect-ratio:4/3}
.cab-selo{width:150px;height:150px;justify-self:end}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.calc-entra,.calc-sai{background:#fff;border-radius:var(--radius-modal);padding:24px;box-shadow:var(--shadow-md);border:1px solid color-mix(in srgb,var(--tinta) 8%,transparent);min-width:0}
.calc-sai{position:sticky;top:96px;display:grid;gap:14px}
.tipo{border:0;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tipo legend{font-weight:800;margin-bottom:10px;color:var(--ink)}
.tipo label{position:relative}
.tipo input{position:absolute;opacity:0;pointer-events:none}
.tipo span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:8px 12px;border-radius:16px;border:2px solid color-mix(in srgb,var(--tinta) 15%,transparent);font-weight:800;font-size:14px;line-height:1.25}
.tipo input:checked+span{border-color:var(--rosa);background:color-mix(in srgb,var(--rosa) 8%,#fff);color:var(--rosa-esc)}
.tipo input:focus-visible+span{outline:3px solid var(--azul);outline-offset:2px}
.usa-carrinho{width:100%;min-height:48px;margin-bottom:12px;border-radius:16px;border:0;background:var(--amarelo);color:var(--ink);font:800 15px var(--f-texto)}
.item{position:relative;padding:14px;border-radius:var(--r-md);background:var(--soft);margin-top:10px}
.item .lin-i{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.item .full{grid-column:1/-1}
.item .rem{position:absolute;top:-8px;right:-8px;width:30px;height:30px;border-radius:50%;border:0;background:#fff;color:var(--rosa-esc);font-size:18px;line-height:1;box-shadow:var(--shadow-sm);z-index:1}
.bt-mais{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;min-height:46px;margin-top:10px;border:2px dashed color-mix(in srgb,var(--rosa) 60%,#fff);background:color-mix(in srgb,var(--rosa) 5%,#fff);color:var(--rosa-esc);border-radius:var(--r-md);font:800 14px var(--f-texto)}
.bt-mais span{font-size:22px;line-height:1}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.chave{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--soft);font-size:14px;font-weight:600}
.chave .tr{background:var(--hair-strong)}
.chave small{font-weight:500;color:var(--muted)}
.bloco{border-radius:var(--r-lg);padding:16px 18px}
.bloco h3{display:flex;align-items:center;gap:10px;font:700 16px var(--f-titulo);margin-bottom:10px}
.bl-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:900 16px var(--f-numero);flex:none}
.bl-ge{background:color-mix(in srgb,var(--rosa) 6%,#fff);border:2px solid color-mix(in srgb,var(--rosa) 22%,#fff)}
.bl-ge .bl-n{background:var(--rosa);color:#fff}
.bl-br{background:color-mix(in srgb,var(--azul-claro) 60%,#fff);border:2px solid color-mix(in srgb,var(--azul) 25%,#fff)}
.bl-br .bl-n{background:var(--azul-esc);color:#fff}
.bl-tot{background:var(--amarelo)}
.bl-tot .bl-n{background:var(--ink);color:#fff}
.bloco dl{margin:0}
.lin{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed color-mix(in srgb,var(--tinta) 16%,transparent);font-size:14px}
.lin:last-child{border-bottom:0}
.lin dt{min-width:0}
.lin dd{margin:0;text-align:right;font-weight:800;color:var(--ink);white-space:nowrap;flex:none}
.lin dd small{display:block;font-weight:600;color:var(--muted);font-size:12px;white-space:normal;max-width:16ch;margin-left:auto}
.total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.total .num{font-size:clamp(38px,4.4vw,52px);color:var(--ink);line-height:1}
.total small{font:800 14px var(--f-texto);color:var(--sol-esc)}
.bl-tot .estim{font-size:12.5px;margin-top:8px;color:var(--ink);font-weight:600}
.estim-forte{color:var(--rosa-esc);font-weight:800;font-size:1.06em}
#t-itens table,#r-tabela table{width:100%;border-collapse:collapse;font-size:14px}
#t-itens th,#r-tabela th{text-align:left;font:800 12px var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:6px 6px 8px;border-bottom:2px solid var(--hair)}
#t-itens td,#r-tabela td{padding:9px 6px;border-bottom:1px solid var(--hair-soft);vertical-align:top;font-weight:600;color:var(--ink)}
#t-itens td small,#r-tabela td small{display:block;font-weight:500;color:var(--muted);font-size:12px}
#r-tabela td.neg{color:var(--rosa-esc)}
#t-itens .estim{font-size:12.5px;color:var(--muted);margin-top:8px}
.risco{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px;border-radius:var(--r-lg);background:#fff;border:2px dashed var(--rosa)}
.risco-selo{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--rosa-esc);color:#fff;font:900 20px var(--f-numero);transform:rotate(-8deg);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--amarelo)}
.risco b{color:var(--rosa-esc)}
.risco p{font-size:13.5px;margin:4px 0 6px;color:var(--ink)}
.risco a{font-weight:800;font-size:14px}

/* --- planilha de revenda --- */
.rev-topo{display:grid;gap:12px;margin-bottom:6px}
.rev-ex{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:12px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--amarelo) 22%,#fff)}
.rev-ex svg.ico{width:26px;height:26px;flex:none}
.rev-ex b{color:var(--ink)}
.rev .calc-sai{position:static}
.lucro-total{padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--oliva) 35%,#fff);color:var(--ink);font-weight:700}
.lucro-total .num{font-size:1.5rem}
.lucro-total.neg{background:color-mix(in srgb,var(--rosa) 12%,#fff)}
.rev-bts .bt{width:100%}
.aviso-estim{padding:12px 16px;border-radius:var(--r-md);background:#fff;border:2px solid var(--rosa);color:var(--ink);font-size:15px}
.aviso-estim b{color:var(--rosa-esc);font-weight:800;font-size:1.06em}

/* --- top 5, dica da Gê e você sabia --- */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card-info{padding:24px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--hair);box-shadow:var(--float);display:flex;flex-direction:column;gap:16px;min-height:290px}
.card-dica{background:color-mix(in srgb,var(--amarelo) 22%,#fff);border-color:transparent}
.card-sabia{background:color-mix(in srgb,var(--azul) 14%,#fff);border-color:transparent}
.ci-cab{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ci-k{font:700 12px var(--f-texto);letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
.ci-chip{padding:3px 10px;border-radius:99px;background:var(--soft);font:600 11px var(--f-texto);color:var(--muted)}
.ci-ic svg.ico{width:32px;height:32px}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rank li{display:grid;grid-template-columns:22px 86px 1fr;gap:10px;align-items:center;font:600 15px var(--f-texto);color:var(--ink)}
.rank .num{font-size:1.5rem;color:var(--rosa-esc)}
.barra{display:block;height:10px;border-radius:99px;background:var(--hair-soft);overflow:hidden}
.barra i{display:block;height:100%;border-radius:99px}
.ci-corpo{flex:1;font:600 1.2rem/1.4 var(--f-titulo);color:var(--ink);transition:opacity .18s}
.ci-corpo.troca{opacity:0}
.ci-pontos{display:flex;gap:6px}
.ci-pontos button{width:26px;height:26px;padding:0;border:0;background:none;position:relative}
.ci-pontos button::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:rgba(43,58,92,.25);transition:all .2s}
.ci-pontos button.on::after{background:var(--rosa);width:22px;border-radius:99px;margin-left:-11px}

/* --- mapa: da loja até a porta --- */
.mapa{list-style:none;margin:8px auto 0;padding:0;position:relative;display:grid;gap:22px;max-width:960px}
.mapa::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:0;border-left:3px dashed var(--hair-strong)}
.mapa::after{content:"";position:absolute;left:27px;top:20px;width:0;height:calc((100% - 40px) * var(--pn,0));border-left:3px solid var(--rosa)}
.mapa li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start}
.mapa .no{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid var(--hair-strong);transition:all .35s}
.mapa .no svg.ico{width:32px;height:32px;opacity:.55;transition:opacity .35s}
.mapa li.on .no{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,#fff);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 18%,transparent)}
.mapa li.on .no svg.ico{opacity:1}
.mp{padding:12px 16px;border-radius:var(--r-md);background:#fff;border:1px solid var(--hair);opacity:.55;transform:translateY(6px);transition:all .4s}
.mapa li.on .mp{opacity:1;transform:none;border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:var(--float)}
.mp b{display:flex;align-items:center;gap:8px;font:700 17px var(--f-titulo);color:var(--ink)}
.mp b i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font:700 12px var(--f-texto);font-style:normal}
.mapa li:nth-child(3n+2) .mp b i{color:var(--ink)}
.mp p{margin-top:4px;font-size:15px}
.mp-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font:700 14px var(--f-texto)}
.mp-links a{color:var(--rosa-esc)}
@media(min-width:900px){
  .mapa{gap:18px}
  .mapa::before,.mapa::after{left:50%;margin-left:-1.5px}
  .mapa li{grid-template-columns:1fr 56px 1fr;gap:20px;align-items:center}
  .mapa li .no{grid-column:2;grid-row:1}
  .mapa li .mp{grid-column:3;grid-row:1}
  .mapa li:nth-child(even) .mp{grid-column:1;text-align:right}
  .mapa li:nth-child(even) .mp b,.mapa li:nth-child(even) .mp-links{justify-content:flex-end}
}

/* --- minha caixa: barra de prazo + preparo --- */
.caixa-grade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.guarda,.prep{padding:20px 22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--hair);box-shadow:var(--float)}
.g-k{font:800 12px var(--f-texto);letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.g-barra{display:flex;gap:3px;height:52px;border-radius:12px;overflow:hidden}
.g-barra div{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font:700 13px var(--f-texto);padding:0 6px;min-width:0;white-space:nowrap}
.g-barra .num{font-size:24px;line-height:1}
.g-leg{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.g-leg li{position:relative;padding-left:20px}
.g-leg li::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:3px;background:var(--c)}
.g-leg b{color:var(--ink)}
.prep-lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.prep-lista li{display:flex;gap:12px;align-items:center}
.prep-lista b{display:block;font:700 15px var(--f-titulo);color:var(--ink)}
.prep-lista small{display:block;font-size:13px;color:var(--muted)}
.prep-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--soft)}
.prep-ic.ok{background:color-mix(in srgb,var(--oliva) 40%,#fff)}
.prep-ic svg.ico{width:28px;height:28px}

/* --- o que dá para trazer: lista objetiva --- */
.trazer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tz{padding:16px 18px;border-radius:var(--r-lg);border:2px solid var(--tz,var(--hair));background:#fff}
.tz.ok{--tz:color-mix(in srgb,var(--erva) 45%,#fff)}
.tz.ask{--tz:color-mix(in srgb,var(--amarelo) 80%,#fff)}
.tz.no{--tz:color-mix(in srgb,var(--rosa) 45%,#fff)}
.tz-k{display:flex;align-items:center;gap:8px;font:800 13px var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.tz-k svg.ico{width:24px;height:24px}
.tz ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--body)}
.tz li{padding-left:16px;position:relative}
.tz li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--tz)}
.tz.ok li::before{background:var(--erva)}
.tz.ask li::before{background:var(--sol-esc)}
.tz.no li::before{background:var(--rosa-esc)}

/* --- declaração: passo a passo visual --- */
.dec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;counter-reset:d}
.dec li{position:relative;padding:18px 18px 16px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--hair);box-shadow:var(--float);opacity:.75;transform:translateY(8px);transition:all .45s}
.dec li.on{opacity:1;transform:none}
.dec-no{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--c) 16%,#fff);border:3px solid var(--c);margin-bottom:12px}
.dec-no svg.ico{width:32px;height:32px}
.dec-no i{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font:700 12px var(--f-texto);font-style:normal;border:2px solid #fff}
.dec li:nth-child(3n+2) .dec-no i{color:var(--ink)}
.dec b{display:block;font:700 16px var(--f-titulo);color:var(--ink)}
.dec p{margin-top:4px;font-size:14px}
.golpe{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 20px;border-radius:var(--r-md);background:#fff;border:2px dashed var(--rosa)}
.golpe svg.ico{width:30px;height:30px;flex:none}
.golpe b{color:var(--rosa-esc)}

/* --- dúvidas + fale com a Gê --- */
.fale{margin-top:22px;padding:18px 20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--hair);box-shadow:var(--float);display:grid;gap:10px}
.fale p{font:700 16px var(--f-titulo);color:var(--ink)}
.bt-zap{background:#25D366;color:#fff;border-color:#25D366}
.bt-zap:hover{background:#1DB954}
.bt-zap svg.ico{width:24px;height:24px}
.bt-zap svg.ico .px-ln{stroke:#fff;opacity:1;mix-blend-mode:normal}

/* --- responsivo --- */
@media(max-width:1127px){
  .trio{grid-template-columns:1fr 1fr}
  .card-top{grid-column:1/-1;min-height:0}
  .caixa-grade{grid-template-columns:1fr}
  .dec{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}
  .calc-sai{position:static}
  .cab-calc{grid-template-columns:1fr}
  .cab-ilu,.cab-selo{display:none}
}
@media(max-width:900px){
  .topo-in{grid-template-columns:auto auto;grid-template-rows:auto auto;height:auto;padding:10px 16px 8px;row-gap:6px}
  .logo{grid-column:1}.cart-bt{grid-column:2;justify-self:end}
  .mundo{grid-column:1/-1;justify-content:flex-start;gap:6px 14px;font-size:12px}
  .m-it b{font-size:13px}
  .hero-in{grid-template-columns:1fr;gap:16px;justify-items:center}
  .hero-tx{justify-self:stretch}
  .hero-in .foto-fade{max-width:360px}
  .postit-sobre{order:3;width:min(100%,380px)}
}
@media(max-width:743px){
  html{scroll-padding-top:120px}
  .topo-in{padding:8px 14px 6px}
  .logo img{height:40px}
  .cart-bt{width:46px;height:46px}
  .hero{padding:22px 16px 8px}
  .hero h1{font-size:clamp(1.8rem,8.4vw,2.4rem)}
  .hero .beneficios{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .hero .beneficios .plaqueta{width:44px;height:44px}
  .foto-fade{aspect-ratio:1/1;object-position:50% 20%}
  .sec-jeitos{padding-top:28px}
  .cab-linhas h2{gap:10px;font-size:1.3rem}
  .cab-linhas h2 span{max-width:none}
  .jeitos{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 14px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
  .jeitos::-webkit-scrollbar{display:none}
  .pit-card{flex:0 0 82%;scroll-snap-align:center;transform:none!important}
  .jeitos-dica{display:block;text-align:center;font:400 16px var(--f-mao);color:var(--rosa-esc);margin-top:-4px}
  .carrossel .card{flex-basis:216px;width:216px}
  .card-foto{aspect-ratio:1/1}
  .tipo{grid-template-columns:1fr}
  .item .lin-i{grid-template-columns:1fr 1fr}
  .campos{grid-template-columns:1fr 1fr}
  .calc-entra,.calc-sai{padding:16px;border-radius:var(--r-lg)}
  .trio{grid-template-columns:1fr}
  .card-info{min-height:0}
  .rank li{grid-template-columns:20px 78px 1fr}
  .hero .beneficios{grid-template-columns:1fr}
  .g-barra{height:54px}
  .g-barra div{font-size:11px;gap:3px;padding:0 4px;white-space:normal;text-align:center;line-height:1.05;flex-direction:column}
  .g-barra .num{font-size:20px}
  .trazer{grid-template-columns:1fr}
  .dec{grid-template-columns:1fr}
  .fale .bt{width:100%}
}

/* --- rodada 3 (01/11/2026): topo junto, foto menor com post-it encostado, títulos padrão, planilha ao vivo --- */
.topo-in{grid-template-columns:auto auto 1fr auto;gap:28px}
.mundo{justify-content:flex-start}
.hero{padding:28px 24px 12px}
.hero-in{grid-template-columns:minmax(0,1fr) 520px;gap:24px;align-items:center}
.hero h1{font-size:clamp(2rem,3.6vw,3rem)}
.hero h1 .giz{font-size:.98em}
.hero .beneficios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.hero .beneficios li{flex-direction:column;align-items:flex-start;gap:8px}
.hero .beneficios b,.hero .beneficios small{white-space:normal}
.hero-foto{display:block;position:relative;margin:0;width:520px;height:400px;justify-self:end}
.hero-in .foto-fade{position:absolute;right:0;top:0;width:330px;max-width:none;height:330px}
.postit-sobre{position:absolute;left:0;bottom:0;width:300px;margin:0;padding:16px 18px 20px;font-size:13.5px;transform:rotate(-2.5deg)}
.postit-sobre b{font-size:24px}
.cab-linhas .sub{max-width:62ch}
.giz-nota{font:400 22px/1.2 var(--f-mao);color:var(--rosa-esc);margin-top:8px}
.cab-linhas .giz-nota{text-align:center}
.so-cel{display:none}
.card-meta .preco{display:none}
.aviso60{margin-top:22px}
.selo60{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--rosa-esc);color:#fff;font:900 13px var(--f-numero);transform:rotate(-8deg)}
.selo60.am{background:var(--amarelo);color:var(--ink);font-size:18px}
.combinado a{color:var(--rosa-esc);font-weight:700}
.calc-sai{gap:12px}
/* planilha */
.rv-caixa{margin-bottom:14px}
.campos-rv{grid-template-columns:200px 200px auto;align-items:end;margin-top:0}
.campos-rv .chave{margin-top:0;height:56px;background:#fff;border:1px solid var(--hair-strong);border-radius:var(--r-sm)}
.planilha{position:relative;overflow-x:auto;border-radius:16px;border:1px solid color-mix(in srgb,var(--tinta) 18%,transparent);background:#fff;box-shadow:var(--shadow-md)}
.planilha table{border-collapse:collapse;width:100%;min-width:1040px;font-size:14px}
.planilha th,.planilha td{border:1px solid color-mix(in srgb,var(--tinta) 12%,transparent);padding:0;height:44px;text-align:left}
.planilha .letras th{height:22px;background:var(--soft);text-align:center;font:700 11px var(--f-texto);color:var(--muted)}
.planilha .nomes th{padding:6px 10px;background:color-mix(in srgb,var(--rosa) 6%,#fff);font:800 12.5px/1.2 var(--f-texto);color:var(--ink);vertical-align:middle}
.planilha .nomes th small{display:block;font-weight:600;color:var(--muted);font-size:11px}
.planilha .nomes th.cc{background:color-mix(in srgb,var(--amarelo) 28%,#fff)}
.planilha .n{width:38px;background:var(--soft);text-align:center;font:700 12px var(--f-texto);color:var(--muted)}
.planilha input.cel,.planilha select.cel{width:100%;height:44px;border:0;border-radius:0;padding:0 10px;font:600 14px var(--f-texto);background:transparent;color:var(--ink)}
.planilha input.cel:focus,.planilha select.cel:focus{outline:2px solid var(--rosa);outline-offset:-2px;background:color-mix(in srgb,var(--rosa) 5%,#fff)}
.planilha td.cc{background:color-mix(in srgb,var(--amarelo) 10%,#fff);padding:0 10px;font-weight:800;color:var(--ink);white-space:nowrap}
.planilha td.cc.neg{color:var(--rosa-esc)}
.planilha tbody td:nth-child(2){min-width:270px}
.planilha tbody td:nth-child(3){width:70px}
.planilha tbody td:nth-child(4),.planilha tbody td:nth-child(6){width:120px}
.planilha .rm{position:static;margin:0 6px;box-shadow:none;background:var(--soft)}
.planilha .soma td{background:var(--soft);padding:0 10px;font-weight:800;color:var(--ink);white-space:nowrap}
.sr{position:absolute;left:-9999px}
.rv-bts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.rv-bts .bt-mais{width:auto;margin:0;padding:0 18px}
.rv-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.rs{padding:14px 18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--hair);display:grid;gap:2px}
.rs span{font:600 13px var(--f-texto);color:var(--muted)}
.rs .num{font-size:1.9rem;line-height:1;color:var(--ink)}
.rs small{font-size:12px;color:var(--muted)}
.rs-lucro{background:color-mix(in srgb,var(--oliva) 35%,#fff);border-color:transparent}
.rs-lucro.neg{background:color-mix(in srgb,var(--rosa) 12%,#fff)}
.rs-lucro .num{color:var(--teal-esc)}
.rs-lucro.neg .num{color:var(--rosa-esc)}
#revender .combinado{margin-top:16px}
/* antes de comprar: menor e com o "você sabia" diferente */
.card-info{padding:18px 20px;min-height:0;gap:12px}
.ci-giz{font:400 24px/1 var(--f-mao);color:var(--rosa-esc)}
.ci-corpo{font:600 1.02rem/1.45 var(--f-titulo)}
.rank{gap:10px}
.rank li{font-size:14px}
.rank .num{font-size:1.3rem}
.card-sabia{background:var(--ink);color:#fff;border-color:transparent}
.card-sabia .ci-giz{color:var(--amarelo)}
.card-sabia .ci-corpo{color:#fff}
.card-sabia .ci-ic svg.ico .px-ln{stroke:var(--amarelo);opacity:1;mix-blend-mode:normal}
.card-sabia .ci-pontos button::after{background:rgba(255,255,255,.35)}
.card-sabia .ci-pontos button.on::after{background:var(--amarelo)}
/* dúvidas: título centralizado, zap + faq embaixo */
.duvidas{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
.duvidas .fale{margin-top:0}
.fale .giz-nota{margin:0}
@media(max-width:1127px){
  .duvidas{grid-template-columns:1fr}
  .campos-rv{grid-template-columns:1fr 1fr}
  .rv-resumo{grid-template-columns:1fr}
}
@media(max-width:900px){
  .topo-in{grid-template-columns:auto auto;gap:6px}
  .hero-in{grid-template-columns:1fr;justify-items:center;gap:8px}
  .hero-foto{width:100%;max-width:400px;height:auto;display:grid;justify-items:center}
  .hero-in .foto-fade{position:static;width:min(100%,300px);height:auto;aspect-ratio:1/1}
  .postit-sobre{position:relative;left:auto;bottom:auto;width:min(100%,320px);margin:-70px 0 0 auto;transform:rotate(-2deg)}
  .hero .beneficios{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .hero .beneficios .plaqueta{width:40px;height:40px}
  .hero .beneficios b{font-size:14px}
  .hero .beneficios small{font-size:12px}
  .so-cel{display:block}
}
@media(max-width:743px){
  .hero .beneficios{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
  .campos-rv{grid-template-columns:1fr 1fr}
  .campos-rv .chave{grid-column:1/-1;height:auto}
  .rv-bts .bt,.rv-bts .bt-mais{width:100%}
}
@media(max-width:743px){
  .cab-linhas h2{gap:8px}
  .cab-linhas h2 span{flex:0 1 auto;min-width:0;max-width:none}
}

/* --- rodada 4 (01/11/2026): fundo branco, espaços iguais, simetria --- */
/* fundo sempre branco; cor só nos cartões */
.sec-linho,.sec-ouro,.sec-rosa,.sec-mapa,.sec-calc{background:#fff}
.rodape{background:#fff}
/* mesma distância entre todos os blocos */
.sec{padding:40px 24px}
.hero{padding:28px 24px 40px}
.sec-jeitos{padding-top:40px}
.cab{margin-bottom:24px}

/* topo: logo na ponta, horas e dólar no centro, carrinho na outra ponta */
.topo-in{grid-template-columns:1fr auto 1fr;gap:20px}
.logo{justify-self:start}
.mundo{justify-content:center}
.cart-bt{justify-self:end}

/* abertura: foto dentro do primeiro bloco, cartão branco do bolso para baixo */
.hero-in{grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:center}
.hero-foto{display:block;position:relative;width:400px;height:420px;margin:0;justify-self:end}
.hero-in .foto-fade{position:absolute;left:10px;right:10px;top:0;width:380px;height:380px}
.postit-sobre{position:absolute;left:12px;right:12px;bottom:0;width:auto;margin:0;padding:16px 20px 18px;background:#fff;color:var(--ink);font:500 13.5px/1.5 var(--f-texto);transform:rotate(-1deg);border-radius:4px;box-shadow:0 12px 26px rgba(43,58,92,.16),0 2px 4px rgba(43,58,92,.08)}
.postit-sobre::after{display:none}
.postit-sobre::before{background:color-mix(in srgb,var(--rosa) 30%,#fff);opacity:.85;width:84px;margin-left:-42px;top:-9px;height:18px}
.postit-sobre b{font:400 26px/1.1 var(--f-mao);color:var(--rosa-esc);margin-bottom:6px}
.postit-sobre p{color:var(--body)}
.postit-sobre p+p{margin-top:6px}

/* Pix, 70 dias e rastreio: três colunas iguais, tudo centralizado */
.hero .beneficios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;max-width:560px}
.hero .beneficios li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.hero .beneficios li>span:last-child{display:block}
.hero .beneficios .plaqueta{width:52px;height:52px;margin:0 auto}

/* grupos: categorias centralizadas (no celular continuam rolando) */
.faixa-cat{justify-content:flex-start}
.faixa-cat::before,.faixa-cat::after{content:"";margin:auto}
.conta-grupos{text-align:center}
.carrossel.parado .trilha{justify-content:center;margin:0 auto}

/* calculadora: os dois blocos da mesma altura */
.calc{align-items:stretch}
.calc-sai{position:static}

/* planilha: colunas calculadas */
.campos-rv{grid-template-columns:180px 180px 200px auto}
.planilha table{min-width:1180px;font-size:13px}
.planilha .nomes th{font-size:12px;padding:6px 8px}
.planilha .nomes th.ca{background:color-mix(in srgb,var(--rosa) 12%,#fff)}
.planilha .nomes th.cb{background:color-mix(in srgb,var(--azul-claro) 75%,#fff)}
.planilha td.ca{background:color-mix(in srgb,var(--rosa) 4%,#fff);padding:0 8px;font-weight:600;color:var(--body);white-space:nowrap}
.planilha td.cb{background:color-mix(in srgb,var(--azul-claro) 40%,#fff);padding:0 8px;font-weight:600;color:var(--body);white-space:nowrap}
.planilha td.cc small{display:block;font-weight:600;font-size:11px;color:var(--muted)}
.planilha tbody td:nth-child(2){min-width:190px}
.planilha tbody td:nth-child(4),.planilha tbody td:nth-child(12){width:92px}
.planilha tbody td:nth-child(5){width:120px}
.planilha .soma td{font-size:12.5px}

/* declaração: uma rota, sem blocões */
.dec-papel{padding:32px 28px 26px;border-radius:var(--r-xl,32px);border:1.5px dashed color-mix(in srgb,var(--rosa) 45%,#fff);background:#fff;position:relative}
.dec{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative;counter-reset:none}
.dec::before{content:"";position:absolute;left:8%;right:8%;top:29px;border-top:3px dotted color-mix(in srgb,var(--ink) 25%,#fff)}
.dec li{background:none;border:0;box-shadow:none;padding:0 4px;text-align:center;opacity:1;transform:none}
.dec-no{margin:0 auto 12px;background:#fff;box-shadow:0 0 0 6px #fff,0 0 0 9px color-mix(in srgb,var(--c) 20%,transparent)}
.dec li.on .dec-no{background:color-mix(in srgb,var(--c) 18%,#fff)}
.dec b{font-size:15px}
.dec p{font-size:13px;line-height:1.45}
.dec-papel .combinado{margin-top:24px}

/* dúvidas: perguntas primeiro, "fale comigo" no final */
#duvidas .faq{max-width:820px;margin:0 auto}
.fale{max-width:820px;margin:28px auto 0;padding:20px;text-align:center;display:grid;gap:12px;justify-items:center;background:#fff;box-shadow:none;border:1px solid var(--hair)}
.fale-bts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.fale .giz-nota{font-size:26px}

@media(max-width:1127px){
  .campos-rv{grid-template-columns:1fr 1fr}
  .dec{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .dec::before{display:none}
}
@media(max-width:900px){
  .topo-in{grid-template-columns:auto auto;row-gap:6px}
  .mundo{grid-column:1/-1;grid-row:2;justify-content:center}
  .hero-in{grid-template-columns:1fr;gap:20px}
  .hero-foto{width:100%;max-width:380px;height:auto;justify-self:center;display:block}
  .hero-in .foto-fade{position:static;width:100%;height:auto;aspect-ratio:1/1}
  .postit-sobre{position:relative;left:auto;right:auto;margin:-96px 12px 0;transform:rotate(-1deg)}
  .hero .beneficios{max-width:none}
}
@media(max-width:743px){
  .sec{padding:28px 16px}
  .hero{padding:20px 16px 28px}
  .sec-jeitos{padding-top:28px}
  .hero .beneficios{gap:8px}
  .hero .beneficios .plaqueta{width:44px;height:44px}
  .hero .beneficios b{font-size:13.5px}
  .hero .beneficios small{font-size:11.5px}
  .campos-rv .chave{grid-column:1/-1}
  .dec-papel{padding:22px 16px 18px}
  .dec{grid-template-columns:1fr;gap:16px}
  .dec li{display:grid;grid-template-columns:58px 1fr;gap:0 14px;text-align:left;align-items:start}
  .dec-no{grid-row:span 2;margin:0}
  .dec b{align-self:end}
  .fale-bts .bt{width:100%}
}
/* número sempre em algarismo, na letra dos preços (Londrina) */
/* planilha cabe inteira no computador */
.planilha table{table-layout:fixed;width:100%;min-width:1100px;font-size:12.5px}
.planilha col{width:auto}
.planilha th:nth-child(1),.planilha td:nth-child(1){width:46px}
.planilha th:nth-child(2),.planilha td:nth-child(2){width:150px;min-width:0}
.planilha th:nth-child(3),.planilha td:nth-child(3){width:52px}
.planilha th:nth-child(4),.planilha td:nth-child(4){width:80px}
.planilha th:nth-child(5),.planilha td:nth-child(5){width:104px}
.planilha th:nth-child(6),.planilha td:nth-child(6),.planilha th:nth-child(7),.planilha td:nth-child(7),.planilha th:nth-child(8),.planilha td:nth-child(8){width:80px}
.planilha th:nth-child(9),.planilha td:nth-child(9){width:72px}
.planilha th:nth-child(10),.planilha td:nth-child(10){width:96px}
.planilha th:nth-child(11),.planilha td:nth-child(11){width:98px}
.planilha th:nth-child(12),.planilha td:nth-child(12){width:88px}
.planilha th:nth-child(13),.planilha td:nth-child(13){width:100px}
.planilha th:nth-child(14),.planilha td:nth-child(14){width:96px}
.planilha td{overflow:hidden;text-overflow:ellipsis}
.planilha input.cel,.planilha select.cel{padding:0 6px;font-size:12.5px}
.planilha td.ca,.planilha td.cb,.planilha td.cc{padding:0 6px}
.planilha td.n{display:table-cell;padding:0}
.planilha td.n span{display:inline-block;width:16px}
.planilha td.n .rm{width:22px;height:22px;font-size:14px;margin:0;vertical-align:middle}
.planilha .soma td{padding:0 6px}
.fale p.giz-nota{font:400 28px/1.2 var(--f-mao);color:var(--rosa-esc);margin:0}

/* lojas que os americanos amam: grade parada, 4 colunas no computador e 2 no celular */
.lojas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.loja{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--hair);box-shadow:0 4px 12px rgba(43,58,92,.06);text-decoration:none;color:var(--ink);min-width:0;transition:border-color .15s,transform .15s}
.loja:hover{border-color:var(--rosa);transform:translateY(-2px)}
.loja-bola{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c) 18%,#fff);border:2px solid var(--c)}
.loja-bola img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3px}
.loja-bola b{font:900 19px/1 var(--f-numero);color:var(--ink)}
.loja-tx{min-width:0;flex:1}
.loja-tx b{display:block;font:700 14px/1.2 var(--f-titulo)}
.loja-tx small{display:block;font-size:12px;line-height:1.3;color:var(--muted)}
.loja-seta{flex:none;font-size:13px;color:var(--rosa-esc)}
@media(max-width:1127px){.lojas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:743px){
  .lojas{grid-template-columns:1fr 1fr;gap:8px}
  .loja{flex-direction:column;align-items:flex-start;gap:6px;padding:10px;position:relative}
  .loja-bola{width:34px;height:34px}
  .loja-bola b{font-size:16px}
  .loja-tx b{font-size:13.5px}
  .loja-seta{position:absolute;right:10px;top:10px}
}
.planilha .soma td{font-size:11px;padding:0 4px;text-overflow:clip}
.planilha td.ca,.planilha td.cb,.planilha td.cc{text-overflow:clip}

/* rodada 5: títulos menores, total discreto, cards de dica brancos */
.cab-linhas h2{font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.25}
.cab-linhas h2 span{text-align:center}
.bl-tot{background:#fff;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--rosa),var(--amarelo)) border-box}
.bl-tot .total .num{font-size:clamp(28px,3vw,36px)}
.bl-tot .total small{color:var(--muted)}
#dicas{padding-top:24px}
.trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.card-dica,.card-sabia{background:#fff;color:var(--ink);border:2px solid var(--c,var(--rosa));box-shadow:var(--float)}
.card-dica{--c:var(--rosa)}
.card-sabia{--c:var(--amarelo)}
.card-sabia .ci-corpo{color:var(--ink)}
.card-dica .ci-giz{color:var(--rosa-esc)}
.card-sabia .ci-giz{color:var(--sol-esc)}
.card-sabia .ci-ic svg.ico .px-ln{stroke:currentColor;mix-blend-mode:normal}
.card-sabia .ci-pontos button::after{background:rgba(43,58,92,.25)}
.card-sabia .ci-pontos button.on::after{background:var(--amarelo)}
@media(max-width:1127px){.trio{grid-template-columns:1fr 1fr}.card-top{grid-column:1/-1}}
@media(max-width:743px){
  .cab-linhas h2{font-size:1.12rem}
  .trio{grid-template-columns:1fr 1fr;gap:10px}
  .card-dica,.card-sabia{padding:14px}
  .card-dica .ci-corpo,.card-sabia .ci-corpo{font-size:.9rem}
  .ci-giz{font-size:20px}
}

/* =====================================================================
   PÁGINA DO GRUPO (grupo.html), 02/11/2026
   ===================================================================== */
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.card-ini{font:900 72px/1 var(--f-numero);color:var(--ink)}
.gp-cab{padding-bottom:16px}
.voltar{display:inline-block;margin-bottom:18px;font:600 14px var(--f-texto);color:var(--muted);text-decoration:none}
.voltar:hover{color:var(--ink)}
.gp-id{display:grid;justify-items:center;text-align:center;gap:10px}
.gp-logo{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid var(--rosa);box-shadow:var(--float)}
.gp-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8px}
.gp-logo b{font:900 40px/1 var(--f-numero);color:var(--rosa)}
.gp-id h1{display:flex;align-items:center;gap:20px;width:100%;margin:0;font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.25;font-weight:700;color:var(--ink)}
.gp-id h1::before,.gp-id h1::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--rosa))}
.gp-id h1::after{background:linear-gradient(270deg,transparent,var(--amarelo))}
.gp-id h1 span{flex:0 1 auto;min-width:0}
.gp-desc{margin:0;color:var(--muted)}
.gp-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:0}
.gp-meta .card-badge{position:static;box-shadow:none;border:1px solid var(--hair)}
.gp-conta{font:400 24px/1.1 var(--f-mao);color:var(--rosa-esc)}
.gp-cab .combinado{max-width:720px;margin:24px auto 0}
.gp-vitrine{padding:8px 24px 64px}
.gp-ferr{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:720px;margin:0 auto}
.gp-busca{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border:1px solid var(--hair-strong);border-radius:999px;background:#fff}
.gp-busca svg.ico{width:24px;height:24px;flex:none}
.gp-busca input{flex:1;min-width:0;border:0;outline:none;background:none;font:500 16px var(--f-texto);color:var(--ink)}
.gp-ordem select{height:48px;padding:0 38px 0 16px;border:1px solid var(--hair-strong);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B3A5C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat;font:600 15px var(--f-texto);color:var(--ink);appearance:none}
.gp-cats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px auto 0}
.gp-cats:empty{display:none}
.gp-cat{min-height:40px;padding:0 16px;border:1px solid var(--hair-strong);border-radius:999px;background:#fff;font:600 14px var(--f-texto);color:var(--ink);cursor:pointer}
.gp-cat.on{background:var(--ink);border-color:var(--ink);color:#fff}
.gp-contagem{margin:18px 0 14px;text-align:center;font-size:14px;color:var(--muted)}
.gp-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gp-prod{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:1px solid var(--hair);border-radius:var(--r-md);background:#fff;overflow:hidden;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.gp-prod:hover{transform:translateY(-2px);box-shadow:var(--float)}
.gp-foto{display:block;aspect-ratio:1/1;background:var(--soft)}
.gp-foto img{display:block;width:100%;height:100%;object-fit:cover}
.gp-tx{display:grid;gap:2px;padding:10px 12px 12px}
.gp-cod{font:700 11px var(--f-texto);letter-spacing:.06em;color:var(--muted)}
.gp-nome{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 14px/1.3 var(--f-texto);color:var(--ink)}
.gp-preco{display:flex;flex-direction:column;margin-top:4px}
.gp-preco .num{font-size:20px;color:var(--rosa)}
.gp-preco small{font-size:12px;color:var(--muted)}
.gp-mais-ic{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(43,58,92,.2);font:700 20px/1 var(--f-texto);color:var(--rosa)}
.gp-mais{display:flex;justify-content:center;margin-top:24px}
.gp-nao{display:grid;justify-items:center;gap:10px;max-width:560px;margin:48px auto 0;padding:24px;text-align:center;border:2px dashed var(--hair-strong);border-radius:var(--r-md)}
.gp-nao p{margin:0}
.gp-nao p.giz-nota{font:400 28px/1.1 var(--f-mao);color:var(--rosa-esc)}
/* janela do produto */
.jn-prod{width:min(880px,calc(100vw - 24px));padding:0;overflow:auto}
.pr{display:grid;grid-template-columns:1.1fr 1fr}
.pr-foto{position:relative;display:grid;place-items:center;min-height:320px;background:var(--soft)}
.pr-foto img{display:block;width:100%;height:100%;max-height:80dvh;object-fit:contain}
.seta-foto{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(43,58,92,.25);font-size:24px;cursor:pointer}
.seta-foto.ant{left:10px}
.seta-foto.prox{right:10px}
.pr-tx{display:grid;align-content:start;gap:12px;padding:28px}
.pr-cod{margin:0;font:700 12px var(--f-texto);letter-spacing:.06em;color:var(--muted)}
.pr-tx h3{margin:0;padding-right:36px;font:700 22px/1.25 var(--f-titulo);color:var(--ink)}
.pr-preco{display:flex;flex-direction:column;margin:0}
.pr-preco .num{font-size:32px;color:var(--rosa)}
.pr-preco small{color:var(--muted)}
.pr-nota{margin:0;font-size:13px;color:var(--muted)}
.ops{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}
.ops legend{width:100%;margin-bottom:6px;font:700 13px var(--f-texto);color:var(--ink)}
.op{position:relative}
.op input{position:absolute;opacity:0}
.op span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--hair-strong);border-radius:999px;font:600 14px var(--f-texto);cursor:pointer}
.op input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.op input:focus-visible+span{outline:2px solid var(--rosa);outline-offset:2px}
.qtd{display:flex;align-items:center;gap:8px}
.qtd span{flex:1;font:700 13px var(--f-texto);color:var(--ink)}
.qtd button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-strong);background:#fff;font-size:20px;cursor:pointer}
.qtd input{width:56px;height:44px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);text-align:center;font:600 16px var(--f-texto)}
.pr-aviso{margin:0;font-size:14px;color:var(--rosa-esc)}
.jn-prod .fechar{z-index:2;background:#fff;box-shadow:0 1px 4px rgba(43,58,92,.25)}
.aviso-flutua{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 20px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(43,58,92,.35);font-weight:600;white-space:nowrap}
.aviso-flutua button{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--amarelo);color:var(--ink);font:700 14px var(--f-texto);cursor:pointer}
@media(max-width:1127px){.gp-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:743px){
  .gp-vitrine{padding:8px 16px 104px}
  .gp-grade{grid-template-columns:1fr 1fr;gap:10px}
  .gp-ferr{grid-template-columns:1fr}
  .gp-ordem select{width:100%}
  .gp-preco .num{font-size:17px}
  .gp-id h1{gap:12px;font-size:1.12rem}
  .pr{grid-template-columns:1fr}
  .pr-foto{min-height:0}
  .pr-foto img{max-height:34dvh}
  .pr-tx{gap:10px;padding:16px 18px 20px}
  .pr-preco .num{font-size:28px}
  .op span{min-width:40px;min-height:40px;padding:0 12px}
  .dc-bts{flex-direction:column}
}

/* rodada 6 (02/11): nada de fundo escuro; escolhido = rosa da marca */
.janela{border:1px solid var(--hair);box-shadow:0 20px 60px rgba(43,58,92,.18)}
.janela::backdrop{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gp-cat.on,.op input:checked+span{background:var(--rosa);border-color:var(--rosa);color:#fff}
.aviso-flutua{background:#fff;color:var(--ink);border:2px solid var(--rosa);box-shadow:0 10px 30px rgba(43,58,92,.18)}

/* 02/11: a Giz Envia saiu da marca; a letra manuscrita do site é só a Shadows Into Light */
:root{--f-giz:var(--f-mao);color-scheme:light}

/* carrinho, rodada 7 (02/11): tudo branco, linhas no degradê rosa > amarelo do topo, bandeirinha ao lado do valor */
.janela{background:#fff;color:var(--body)}
.rm,.fechar{background:#fff;border:1px solid var(--hair-strong);color:var(--ink)}
.it{align-items:center;border-bottom:0;padding:12px 0 14px;background:linear-gradient(90deg,var(--rosa),var(--amarelo)) left bottom/100% 2px no-repeat}
.it-tx{flex:1;min-width:0}
.it-pr{display:grid;justify-items:end;gap:4px;font:600 14px var(--f-texto);color:var(--ink);white-space:nowrap}
.it-pr span{display:inline-flex;align-items:center;gap:6px}
.bf{flex:none;width:20px;height:14px}
.dc-tot{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--rosa),var(--amarelo)) border-box}
.dc-tot .dc-l{font:700 16px var(--f-texto);color:var(--ink)}
.dc-tot .num{font-size:1.4rem;color:var(--ink)}
.dc-tot small{grid-column:1/-1}
.dc-obs{margin:12px 0 0;text-align:center;font-size:14px;color:var(--muted)}
.dc-obs a{color:var(--rosa-esc);font-weight:700}

/* 02/11: nenhum fundo escuro no site; o que era azul-escuro preenchido vira rosa da marca */
.tab.on,.pilula-radio input:checked+span{background:var(--rosa);border-color:var(--rosa);color:#fff}
.chave input:checked+.tr,.bt-texto span,.passos b i,.risco-selo,.notas li::before,.bl-tot .bl-n{background:var(--rosa);color:#fff}
.pular{background:var(--rosa)}

/* rodada 8 (02/11): círculos e quadrados com contorno degradê rosa > amarelo; campo nunca escuro (modo escuro do celular) */
input,select,textarea{background-color:#fff;color:var(--ink)}
.qtd input{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--rosa),var(--amarelo)) border-box;color:var(--ink)}

/* rodada 9 (02/11): degradê só na quantidade e nas linhas/contorno do carrinho; carrinho mais discreto, R$ em destaque e US$ menor */
.it-tx b{font:600 14px/1.3 var(--f-texto);color:var(--ink)}
.it-tx small{font-size:12px}
.it-pr{gap:2px}
.it-pr .br{font:700 15px var(--f-texto);color:var(--ink)}
.it-pr .us{font:500 12px var(--f-texto);color:var(--muted)}
.it-pr .us .bf{width:16px;height:11px}
.dc-tot .it-pr .br .num{font-size:1.5rem}
.dc-tot .it-pr .us .num{font:600 14px var(--f-texto);color:var(--muted)}

/* rodada 10 (02/11): calculadora mais enxuta (linhas numa altura só) e planilha com a coluna do redirecionamento */
.calc-sai .lin{padding:6px 0;font-size:13.5px}
.calc-sai .lin dd{display:flex;align-items:baseline;gap:8px}
.calc-sai .lin dd small{display:inline;max-width:none;margin:0}
.calc-sai .bloco{padding:14px 16px}
.calc-sai .bloco h3{margin-bottom:6px;font-size:15px}
.bl-nota{margin:6px 0 0;font-size:12px;color:var(--muted)}
.planilha th:nth-child(1),.planilha td:nth-child(1){width:40px}
.planilha th:nth-child(2),.planilha td:nth-child(2){width:130px}
.planilha th:nth-child(3),.planilha td:nth-child(3){width:46px}
.planilha th:nth-child(4),.planilha td:nth-child(4){width:76px}
.planilha th:nth-child(5),.planilha td:nth-child(5){width:96px}
.planilha th:nth-child(6),.planilha td:nth-child(6),.planilha th:nth-child(7),.planilha td:nth-child(7),.planilha th:nth-child(9),.planilha td:nth-child(9){width:72px}
.planilha th:nth-child(8),.planilha td:nth-child(8){width:80px}
.planilha th:nth-child(10),.planilha td:nth-child(10){width:62px}
.planilha th:nth-child(11),.planilha td:nth-child(11){width:92px}
.planilha th:nth-child(12),.planilha td:nth-child(12){width:94px}
.planilha th:nth-child(13),.planilha td:nth-child(13){width:84px}
.planilha th:nth-child(14),.planilha td:nth-child(14){width:96px}
.planilha th:nth-child(15),.planilha td:nth-child(15){width:92px}

/* rodada 11 (02/11): sem a coluna do IOF; linha "Total para a Gê" no bloco 1 */
.lin-tot{border-top:2px solid transparent;border-bottom:0;background:linear-gradient(90deg,var(--rosa),var(--amarelo)) left top/100% 2px no-repeat;margin-top:2px;padding-top:8px}
.lin-tot dt,.lin-tot dd{font-weight:800;color:var(--ink)}
.planilha th:nth-child(2),.planilha td:nth-child(2){width:140px}
.planilha th:nth-child(5),.planilha td:nth-child(5){width:100px}
.planilha th:nth-child(6),.planilha td:nth-child(6),.planilha th:nth-child(7),.planilha td:nth-child(7){width:76px}
.planilha th:nth-child(8),.planilha td:nth-child(8){width:84px}
.planilha th:nth-child(9),.planilha td:nth-child(9){width:80px}
.planilha th:nth-child(10),.planilha td:nth-child(10){width:100px}
.planilha th:nth-child(11),.planilha td:nth-child(11){width:98px}
.planilha th:nth-child(12),.planilha td:nth-child(12){width:88px}
.planilha th:nth-child(13),.planilha td:nth-child(13){width:100px}
.planilha th:nth-child(14),.planilha td:nth-child(14){width:96px}

/* rodada 12 (02/11): bloco 1 dividido em "na compra" e "no envio" */
.g1-parte{margin-bottom:10px}
.g1-quando{margin:4px 0 2px;font:700 12px var(--f-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--rosa-esc)}
.lin-sub{border-bottom:0}
.lin-sub dt,.lin-sub dd{font-weight:700;color:var(--ink)}
.calc-sai .g1-dica{margin:2px 0 0;font-size:20px;line-height:1.15}

/* rodada 13 (02/11): campos da revenda compactos, 4 numa linha no computador e 2 por linha no celular */
.campos-rv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.campos-rv .chave{grid-column:auto;width:auto;margin:0;min-height:56px;padding:8px 12px}
@media(max-width:743px){
  .campos-rv{grid-template-columns:1fr 1fr;gap:8px}
  .campos-rv .fl input,.campos-rv .fl select{height:48px;padding:19px 12px 4px}
  .campos-rv .fl select{padding-right:34px}
  .campos-rv .fl label{left:13px;top:7px;font-size:11px}
  .campos-rv .fl small{margin-top:2px;font-size:11px;line-height:1.25}
  .campos-rv .chave{min-height:48px;padding:6px 10px;gap:8px;font-size:13px;line-height:1.2}
  .campos-rv .chave small{display:block;font-size:11px}
}

/* rodada 14 (02/11): logo horizontal (GÊ, globo, ENVIA) sem a sombra borrada, que no tamanho do topo virava mancha */
.topo .logo img{height:54px;width:auto}
.topo .logo{padding:6px 0}
.rod-base img{height:46px;width:auto}
@media(max-width:743px){.topo .logo img{height:42px}}
