/* Loja Atividades Lúdicas – padrão visual professorjoaohelio.com */
:root{
  --verde:#2f5b24;--verde2:#3d7a2f;--verde-escuro:#24461b;--verde-claro:#e8f1e3;
  --laranja:#c54b20;--laranja-btn:#e2622a;--laranja-sombra:#b9481e;
  --amarelo:#ffd36b;--creme:#fbf7ee;--papel:#fffdf7;--linha:#e7e2d4;
  --tinta:#333;--suave:#5c5c5e;--raio:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--tinta);font:400 16px/1.6 Sora,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
svg{width:1em;height:1em;flex:none}
h1,h2,h3{line-height:1.15;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.caixa{width:min(1120px,100%);margin:auto;padding-inline:16px}
.estreita{width:min(820px,100%)}
.secao{padding-block:72px}
.fundo-creme{background:var(--creme)}
.centro{text-align:center;margin-top:32px}
.laranja{color:var(--laranja)}
.titulo{font-weight:800;font-size:clamp(28px,4.4vw,43px);color:var(--verde);text-align:center;letter-spacing:-.02em}
.titulo.esq{text-align:left}
.titulo.pequeno{font-size:clamp(22px,3vw,30px);margin-top:56px}
.titulo-menor{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--verde);text-align:center;margin:56px 0 24px}
.sub{text-align:center;color:var(--suave);font-size:clamp(15px,1.6vw,18px);max-width:640px;margin:14px auto 36px}
.nota{text-align:center;color:var(--suave);font-size:13px;margin:14px 0 0}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--verde-claro);color:var(--verde);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:99px;margin:0 0 18px}

/* Botões no estilo do site: laranja com "degrau" */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 17px Sora,sans-serif;text-decoration:none;text-align:center;border-radius:14px;padding:16px 30px;transition:transform .12s,box-shadow .12s;cursor:pointer}
.btn-laranja{background:linear-gradient(180deg,#ee7436,var(--laranja-btn));color:#fff;box-shadow:0 6px 0 var(--laranja-sombra),0 16px 26px -10px rgba(197,75,32,.6)}
.btn-laranja:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--laranja-sombra),0 12px 20px -10px rgba(197,75,32,.6)}
.btn-laranja:active{transform:translateY(6px);box-shadow:0 0 0 var(--laranja-sombra)}
.btn-contorno{background:#fff;color:var(--laranja);border:2px solid var(--laranja-btn);box-shadow:0 4px 0 #f1c6b1;padding:12px 18px;font-size:15px;width:100%}
.btn-contorno:hover{background:#fff4ee}
.btn.largo{width:100%}
.btn-p{padding:11px 18px;font-size:15px}

/* Topo */
.faixa-topo{height:8px;background:linear-gradient(90deg,#f6a531,#ef7d2b,#f6a531)}
.topo{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:30}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.logo-link{background:#073c1d;border-radius:12px;padding:6px 12px}
.logo{width:190px}
.topo nav{display:flex;align-items:center;gap:22px}
.topo nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--verde)}
.topo nav a:hover{color:var(--laranja)}
.nav-zap{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff!important;padding:8px 16px;border-radius:99px}
.nav-zap svg{width:18px;height:18px}

/* Herói */
.heroi{position:relative;padding-top:56px;overflow:hidden}
.heroi-in{text-align:center;position:relative;z-index:2}
.heroi h1{font-size:clamp(30px,5vw,50px);max-width:900px;margin:auto}
.fundo-paginas{position:absolute;left:0;right:0;top:330px;height:520px;z-index:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 60%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 60%,transparent);opacity:.55}
.fundo-paginas div{display:grid;grid-template-columns:repeat(9,200px);gap:22px;transform:rotate(-6deg) translate(-120px,-40px);width:max-content}
.fundo-paginas img{width:200px;height:200px;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px #0002}
.heroi .caixa:last-child{position:relative;z-index:2;padding-bottom:72px}

/* Janela tipo leitor de PDF */
.janela{max-width:880px;margin:56px auto 0;background:#fff;border-radius:16px;box-shadow:0 30px 70px -20px #0005,0 0 0 1px #0001;overflow:hidden}
.janela-barra{display:flex;align-items:center;gap:12px;background:var(--laranja);color:#fff;padding:10px 16px;font-size:14px}
.janela-barra b{flex:1;text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bolinhas{display:flex;gap:6px}.bolinhas i{width:11px;height:11px;border-radius:50%;background:#fff8;display:block}
.etiqueta{background:#fff;color:var(--laranja);font-weight:700;font-size:12px;padding:3px 10px;border-radius:99px;white-space:nowrap}
.janela-abas{display:flex;gap:4px;padding:8px 10px 0;background:#f3f1ec;border-bottom:1px solid var(--linha);overflow-x:auto;scrollbar-width:none}
.janela-abas button{border:0;background:transparent;font:600 14px Sora,sans-serif;color:var(--suave);padding:8px 14px;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap}
.janela-abas button.ativa{background:#fff;color:var(--verde);box-shadow:inset 0 3px 0 var(--kit)}
.janela-corpo{display:grid;grid-template-columns:110px 1fr;background:#e9e6df;min-height:420px}
.janela-miniaturas{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;max-height:560px;background:#f3f1ec}
.janela-miniaturas button{border:2px solid transparent;border-radius:8px;padding:0;background:none;cursor:pointer;opacity:.75}
.janela-miniaturas button.ativa{border-color:var(--laranja-btn);opacity:1}
.janela-miniaturas img{border-radius:6px}
.janela-pagina{margin:0;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.janela-pagina img{width:min(520px,100%);border-radius:10px;box-shadow:0 16px 40px -12px #0006;background:#fff}
.janela-pagina figcaption{font-size:14px;font-weight:600;color:var(--verde)}
.janela-rodape{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;font-size:13px;color:var(--suave);border-top:1px solid var(--linha)}
.janela-rodape button{width:34px;height:34px;border-radius:50%;border:1px solid var(--linha);background:#fff;font-size:20px;cursor:pointer;color:var(--verde)}

/* O que recebe */
.recebe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.recebe div{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 18px;text-align:center;box-shadow:0 10px 24px -16px #0004}
.recebe b{display:block;font-size:30px;font-weight:800;color:var(--verde);margin-top:12px;line-height:1.1}
.recebe span:last-child{display:block;color:var(--suave);font-size:14px;margin-top:6px}
.ic-arq{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:10px;font-weight:800;font-size:12px;color:#fff}
.ic-arq.pdf{background:#d93a2b}.ic-arq.gab{background:var(--verde2);font-size:20px}.ic-arq.bncc{background:#2d6cdf}

/* Comparação em caderno */
.caderno{background:var(--papel) repeating-linear-gradient(transparent 0 31px,#e9e4f5 31px 32px);border-radius:var(--raio);box-shadow:0 18px 40px -22px #0005,0 0 0 1px #0000000d;position:relative}
.compara{display:grid;grid-template-columns:1fr 1fr;padding:30px 30px 30px 64px}
.compara:before{content:"";position:absolute;left:44px;top:0;bottom:0;width:2px;background:#f2a9a0}
.compara h3{font-size:20px;font-weight:800;margin-bottom:10px}
.compara h3.ruim{color:#b23b2e}.compara h3.bom{color:var(--verde)}
.compara ul{list-style:none;margin:0;padding:0 14px 0 0}
.compara li{display:flex;gap:12px;padding:12px 0}
.compara li b{display:block;font-size:16px}
.compara li span{color:var(--suave);font-size:14px}
.ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800}
.ic.ruim{background:#fde4e0;color:#b23b2e;font-size:20px}.ic.bom{background:var(--verde-claro);color:var(--verde2)}

/* Pasta com abas (explorador) */
.pasta{max-width:980px;margin:auto}
.pasta-abas{display:flex;gap:6px;padding-left:12px;overflow-x:auto;scrollbar-width:none}
.pasta-abas button{border:0;font:700 15px Sora,sans-serif;color:#6b5a2b;background:#f8dc8f;padding:12px 20px 10px;border-radius:14px 14px 0 0;cursor:pointer;white-space:nowrap}
.pasta-abas button small{font-weight:500;font-size:11px;opacity:.75;margin-left:4px}
.pasta-abas button.ativa{background:var(--amarelo);color:var(--verde);box-shadow:inset 0 4px 0 var(--kit)}
.pasta-folha{background:var(--amarelo);border-radius:0 18px 18px 18px;padding:14px}
.lista-kit{background:#fff;border-radius:14px;padding:22px}
.lista-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.lista-topo h3{font-size:22px;color:var(--verde);font-weight:800}
.lista-topo h3 small{font-size:13px;color:var(--suave);font-weight:500;margin-left:6px}
.busca input{font:14px Sora,sans-serif;border:1px solid var(--linha);border-radius:99px;padding:10px 16px;width:min(330px,80vw);background:#faf9f6}
.lista-ativ{list-style:none;margin:0;padding:0}
.lista-ativ li{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #f0ece2}
.num-pill{flex:none;background:var(--verde-claro);color:var(--verde);font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;white-space:nowrap}
.nome-ativ{flex:1;min-width:0}
.nome-ativ b{display:block;font-weight:600;font-size:15px}
.nome-ativ small{color:var(--suave);font-size:13px}
.bncc{flex:none;background:#e6eefc;color:#2550a8;font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px}
.lista-vazia{color:var(--suave);text-align:center}
.link-kit{display:inline-block;margin-top:16px;font-weight:700;color:var(--laranja);text-decoration:none}
.link-kit:hover{text-decoration:underline}

/* Oferta principal */
.oferta{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center;background:#fff;border:2px dashed #7fb06d;border-radius:28px;padding:36px;max-width:980px;margin:auto;box-shadow:0 24px 50px -30px #0006}
.indicado{position:absolute;top:-14px;right:42px;background:var(--laranja-btn);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px;transform:rotate(3deg)}
.oferta-img img{border-radius:18px;box-shadow:0 18px 40px -16px #0006}
.etiqueta-laranja{display:inline-flex;align-items:center;gap:6px;background:#fde6dc;color:var(--laranja);font-weight:700;font-size:13px;padding:6px 12px;border-radius:8px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}
.oferta-txt h3{font-size:clamp(24px,3vw,32px);font-weight:800;color:var(--verde);margin-bottom:16px}
.checks{list-style:none;margin:0 0 16px;padding:0}
.checks li{position:relative;padding-left:30px;margin-bottom:9px;font-size:15px}
.checks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--verde-claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%233d7a2f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.checks.mini li{font-size:13.5px;margin-bottom:5px}
.destaque-amarelo{background:#fff4cf;border-left:4px solid #f2b829;border-radius:10px;padding:12px 14px;font-size:14px;margin:0 0 18px}
.riscado{font-size:14px;color:var(--suave);margin:0}
.economia{display:inline-block;background:#e3f3dc;color:var(--verde2);font-weight:700;font-size:12px;padding:2px 8px;border-radius:6px;margin-left:6px}
.preco-grande{font-weight:800;font-size:54px;color:var(--laranja);margin:6px 0 0;line-height:1}
.preco-grande small{font-size:22px;margin-right:6px;vertical-align:.9em}
.parcela{color:var(--suave);font-size:14px;margin:6px 0 20px}
.seguros{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:13px;color:var(--suave);margin:14px 0 0}
.seguros span{display:inline-flex;align-items:center;gap:6px}
.seguros svg{color:var(--verde2)}

/* Kits avulsos */
.avulsos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.avulso{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px;box-shadow:0 12px 26px -20px #0005}
.avulso-capa img{border-radius:12px}
.selo{align-self:flex-start;margin:12px 0 6px;background:color-mix(in srgb,var(--kit) 14%,#fff);color:color-mix(in srgb,var(--kit) 80%,#000);font-weight:700;font-size:12px;padding:3px 10px;border-radius:99px}
.avulso h3{font-size:16px;font-weight:800;color:var(--verde);margin-bottom:10px}
.preco-avulso{margin:auto 0 12px}
.preco-avulso b{display:block;font-size:24px;color:var(--laranja);font-weight:800}
.preco-avulso small{color:var(--suave);font-size:12px}
.ver-ativ{text-align:center;font-size:13px;font-weight:600;color:var(--verde);margin-top:10px}

/* Garantia */
.semana{position:relative;max-width:1000px;margin:auto;background:#fff;border-radius:var(--raio);overflow:hidden;box-shadow:0 20px 44px -24px #0006,0 0 0 1px #0000000d}
.semana-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--verde);color:#fff;padding:14px 22px}
.semana-topo b{font-size:18px}
.semana-topo span{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;font-size:13px;padding:4px 12px;border-radius:99px}
.semana-dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:repeating-linear-gradient(90deg,transparent 0 23px,#eef0f6 23px 24px),repeating-linear-gradient(transparent 0 23px,#eef0f6 23px 24px)}
.semana-dias li{padding:18px 14px 26px;border-right:1px solid var(--linha);font-size:13px}
.semana-dias li:last-child{border:0}
.semana-dias b{display:block;font-size:14px;margin:12px 0 4px}
.semana-dias span:last-child{color:var(--suave)}
.dia-num{display:block;width:44px;height:44px;position:relative}
.semana-dias li:not(.dia-final) .dia-num:before,.semana-dias li:not(.dia-final) .dia-num:after{content:"";position:absolute;left:4px;right:4px;top:20px;height:4px;border-radius:2px;background:#d8473a;transform:rotate(45deg)}
.semana-dias li:not(.dia-final) .dia-num:after{transform:rotate(-45deg)}
.dia-final{background:#fff3ef;padding-bottom:128px!important}
.dia-final .dia-num{border:3px solid #d8473a;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:#d8473a}
.carimbo{position:absolute;right:14px;bottom:12px;width:110px;height:110px;border:4px double #d8473a;border-radius:50%;color:#d8473a;display:grid;place-content:center;text-align:center;transform:rotate(-14deg);font-size:10px;font-weight:800;text-transform:uppercase;background:#fffc;letter-spacing:.06em}
.carimbo b{font-size:28px;line-height:1}
.postits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px;margin:40px auto 0}
.postit{padding:22px;border-radius:4px;box-shadow:0 14px 20px -12px #0005;font-size:14px}
.postit b{display:block;font-size:17px;margin-bottom:4px}
.postit:nth-child(1){transform:rotate(-1.5deg)}.postit:nth-child(3){transform:rotate(1.5deg)}
.postit.amarelo{background:#fff1a6}.postit.azul{background:#d7ecfb}.postit.rosa{background:#ffd9e2}

/* Outras disciplinas */
.disciplina{text-align:center}
.pills-disc{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pills-disc a{border:2px solid var(--verde2);color:var(--verde2);font-weight:700;text-decoration:none;padding:9px 20px;border-radius:99px;background:#fff}
.pills-disc a:hover{background:var(--verde2);color:#fff}

/* FAQ */
.faq-abas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}
.faq-abas button{border:1px solid var(--linha);background:#fff;font:600 14px Sora,sans-serif;color:var(--suave);padding:9px 16px;border-radius:99px;cursor:pointer}
.faq-abas button b{background:#f1efe9;border-radius:99px;padding:1px 8px;font-size:12px;margin-left:4px}
.faq-abas button.ativa{background:var(--verde);border-color:var(--verde);color:#fff}
.faq-abas button.ativa b{background:#ffffff33}
.faq-lista{padding:10px 20px}
.faq-item{border-bottom:1px dashed var(--linha)}
.faq-item:last-child{border:0}
.faq-item summary{display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer;list-style:none;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.q-num{flex:none;background:var(--verde-claro);color:var(--verde);font-size:12px;font-weight:700;padding:3px 9px;border-radius:7px}
.q-txt{flex:1}
.q-mais{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--linha);position:relative;background:#fff}
.q-mais:before,.q-mais:after{content:"";position:absolute;left:8px;right:8px;top:12.5px;height:2px;background:var(--verde)}
.q-mais:after{transform:rotate(90deg);transition:transform .2s}
.faq-item[open] .q-mais:after{transform:rotate(0)}
.faq-item p{margin:0 0 18px;color:var(--suave);padding-left:4px}
.chat{max-width:420px;margin:36px auto 0;background:#fff;border-radius:18px;box-shadow:0 20px 40px -20px #0005,0 0 0 1px #0000000d;overflow:hidden}
.chat-topo{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--linha)}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:800}
.chat-topo div{flex:1}
.chat-topo b{display:block;font-size:15px}
.chat-topo small{color:var(--suave);font-size:12px;display:flex;align-items:center;gap:6px}
.chat-topo small i{width:8px;height:8px;border-radius:50%;background:#25d366;display:block}
.chat-zap svg{width:26px;height:26px;color:#25d366}
.chat-corpo{background:#efe7dd;padding:18px 16px}
.balao{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 14px;margin:0;font-size:14px;max-width:88%;box-shadow:0 1px 2px #0002}
.chat-campo{display:flex;gap:8px;padding:12px}
.chat-campo input{flex:1;min-width:0;font:14px Sora,sans-serif;border:1px solid var(--linha);border-radius:99px;padding:10px 16px;background:#faf9f6}
.chat-campo button{width:42px;height:42px;border:0;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;cursor:pointer}
.chat-campo button svg{width:18px;height:18px}

/* Página do kit */
.kit-topo{background:linear-gradient(180deg,color-mix(in srgb,var(--kit) 9%,#fff),#fff)}
.kit-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;padding-block:44px;align-items:center}
.kit-capa,.ativ button{all:unset;cursor:zoom-in;display:block}
.kit-capa:focus-visible,.ativ button:focus-visible{outline:3px solid var(--laranja-btn);outline-offset:3px}
.kit-capa img{border-radius:20px;box-shadow:0 22px 46px -18px #0006}
.migalha{font-size:13px;color:var(--suave);margin:0 0 12px}
.kit-in h1{font-size:clamp(30px,4.6vw,46px);margin-bottom:12px}
.kit-txt{color:var(--suave);margin:0 0 16px}
.combo-dica{text-align:center;margin:16px 0 0;font-size:14px}
.combo-dica a{color:var(--laranja);font-weight:700}
.grade-ativ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ativ{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;box-shadow:0 12px 26px -20px #0005}
.ativ-txt{padding:14px 16px 18px}
.ativ h3{font-size:18px;color:var(--verde);font-weight:800;margin:10px 0 4px}
.tipo{margin:0 0 8px;color:var(--suave);font-size:13.5px;font-weight:600;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ativ ul{margin:0;padding-left:18px;font-size:14px}
.outros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.outro{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:12px;box-shadow:0 12px 26px -20px #0005}
.outro img{border-radius:12px;margin-bottom:6px}
.outro span{font-weight:800;color:var(--verde)}
.outro small{color:var(--suave);font-size:13px}
.barra-compra{display:none}
.texto h2{color:var(--verde);font-size:22px;margin:30px 0 8px;scroll-margin-top:90px}
.texto h1{margin-bottom:12px}
.texto p{margin:0 0 12px}

/* Zoom */
dialog{border:0;padding:0;border-radius:14px;max-width:min(92vw,760px);background:#fff}
dialog::backdrop{background:#000b}
dialog img{max-height:90vh;width:auto}
dialog button{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:24px;cursor:pointer;box-shadow:0 2px 6px #0005}

/* Rodapé */
.rodape{background:var(--verde-escuro);color:#dfe9da;font-size:14px;border-top:6px solid #ef7d2b}
.rodape-in{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .8fr;gap:30px;padding-block:44px}
.rodape .logo{width:200px}
.rodape h3{color:var(--amarelo);font-size:16px;margin-bottom:10px}
.rodape a{display:block;text-decoration:none;margin-bottom:6px;overflow-wrap:anywhere}
.rodape a:hover{color:var(--amarelo)}
.rodape p{margin:10px 0 0}
.direitos{text-align:center;border-top:1px solid #ffffff22;margin:0!important;padding:14px 16px;font-size:13px}

@media (max-width:980px){
  .avulsos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recebe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .semana-dias{grid-template-columns:repeat(4,minmax(0,1fr))}
  .semana-dias li{border-bottom:1px solid var(--linha)}
  .grade-ativ{grid-template-columns:repeat(2,minmax(0,1fr))}
  .outros{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape-in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .secao{padding-block:52px}
  .topo nav a:not(.nav-zap){display:none}
  .logo{width:150px}
  .heroi{padding-top:36px}
  .fundo-paginas{top:400px}
  .janela{margin-top:36px}
  .janela-corpo{grid-template-columns:1fr;min-height:0}
  .janela-miniaturas{flex-direction:row;max-height:none;order:2;overflow-x:auto}
  .janela-miniaturas button{flex:none;width:64px}
  .janela-pagina{padding:14px}
  .janela-barra .etiqueta{display:none}
  .compara{grid-template-columns:1fr;padding:22px 18px 22px 46px;gap:10px}
  .compara:before{left:30px}
  .oferta{grid-template-columns:1fr;padding:24px 18px;gap:20px}
  .oferta-img{max-width:340px;margin:auto}
  .postits{grid-template-columns:1fr}
  .semana-dias{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dia-final{grid-column:1/-1;padding-bottom:26px!important;padding-right:110px!important}
  .carimbo{width:84px;height:84px;font-size:8px;right:10px;bottom:6px}
  .carimbo b{font-size:20px}
  .kit-in{grid-template-columns:minmax(0,1fr);padding-block:24px;gap:22px}
  .kit-capa{max-width:420px;margin:auto}
  .lista-kit{padding:14px}
  .lista-ativ li{flex-wrap:wrap;gap:8px}
  .lista-ativ .nome-ativ{flex-basis:100%;order:3}
  .com-barra{padding-bottom:70px}
  .barra-compra{display:flex;position:fixed;inset:auto 0 0;z-index:25;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:10px 16px;box-shadow:0 -4px 14px #0002}
  .barra-compra small{display:block;font-size:12px;color:var(--suave);line-height:1.2}
  .barra-compra b{font-size:20px;color:var(--laranja)}
  .rodape{padding-bottom:64px}
}
@media (max-width:520px){
  .avulsos,.grade-ativ,.outros{grid-template-columns:minmax(0,1fr)}
  .recebe{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .recebe div{padding:16px 10px}
  .recebe b{font-size:22px}
  .rodape-in{grid-template-columns:minmax(0,1fr)}
  .preco-grande{font-size:46px}
  .btn{padding:15px 20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}