/* Pula Pula & Diversão — folha de estilos */
@font-face{font-family:"Grandstander";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/grandstander-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Grandstander";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/grandstander-latin-900-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/figtree-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/figtree-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/figtree-latin-700-normal.woff2") format("woff2")}
:root{
  --laranja:#FF4B1F; --laranja-claro:#FF8A3D; --laranja-escuro:#C9330C;
  --azul:#1769D2; --azul-claro:#4C9BF5; --azul-escuro:#0E4C9E;
  --noite:#16285F; --sol:#FFC52E; --grama:#2DAA4B; --roxo:#6C68D6; --rosa:#E5408A;
  --ceu:#EAF5FF; --ceu-2:#D3EAFF; --branco:#fff;
  --texto:#1F2D5A; --suave:#56628C; --linha:#DCE7F7;
  --zap:#1FB855; --zap-escuro:#13873D;
  --fonte-titulo:"Grandstander", "Trebuchet MS", system-ui, sans-serif;
  --fonte:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r1:14px; --r2:22px; --r3:34px;
  --sombra:0 2px 0 var(--ceu-2), 0 18px 34px -22px rgba(22,40,95,.45);
  --wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{margin:0;max-width:100%;font-family:var(--fonte);font-size:1.0625rem;line-height:1.6;color:var(--texto);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--laranja)}
:focus-visible{outline:3px solid var(--sol);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--fonte-titulo);color:var(--noite);line-height:1.08;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(1.9rem,4vw,2.9rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em}
.wrap{width:min(100% - 32px,var(--wrap));margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.i{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.i .d{fill:currentColor;opacity:.16;stroke:none}
.pular{position:absolute;left:-999px;top:8px;background:var(--noite);color:#fff;padding:10px 16px;border-radius:10px;z-index:100}
.pular:focus{left:12px}

/* ---------- Botões infláveis ---------- */
.btn{--c1:var(--laranja-claro);--c2:var(--laranja);--c3:var(--laranja-escuro);
  position:relative;display:inline-flex;align-items:center;gap:.55em;justify-content:center;
  font:800 1.06rem/1 var(--fonte-titulo);letter-spacing:.01em;color:#fff;text-decoration:none;
  padding:1em 1.6em 1.05em;border:0;border-radius:999px;cursor:pointer;
  background:var(--c2);
  box-shadow:0 10px 22px -12px var(--c2);
  transition:transform .15s ease,background .2s,box-shadow .2s}
.btn::after{display:none}
.btn:hover{color:#fff;background:var(--c3);transform:translateY(-1px)}
.btn:active{transform:translateY(1px)}
.btn--azul{--c1:var(--azul-claro);--c2:var(--azul);--c3:var(--azul-escuro)}
.i .fone{fill:var(--fone,#fff)}
.btn--zap{background:#1DA851;box-shadow:0 10px 22px -12px rgba(19,135,61,.75);padding:.5em 1.45em .5em .5em;gap:.7em;transition:background .2s,transform .15s,box-shadow .2s}
.btn--zap::after{display:none}
.btn.btn--zap .i{width:2.25em;height:2.25em;padding:.32em;background:#fff;color:#1DA851;border-radius:50%;--fone:#fff;box-sizing:border-box}
.btn--zap:hover{background:#178F44;filter:none;transform:translateY(-1px);box-shadow:0 14px 26px -12px rgba(19,135,61,.8)}
.btn--zap:active{transform:translateY(1px);box-shadow:0 6px 14px -10px rgba(19,135,61,.8)}
.btn--zap.btn--peq{padding:.42em 1.15em .42em .42em}
.btn.btn--zap.btn--peq .i{width:2em;height:2em}
.btn--branco{--c1:#fff;--c2:#fff;--c3:#EAF5FF;color:var(--noite);box-shadow:0 10px 22px -12px rgba(22,40,95,.5)}
.btn--branco::after{border-color:rgba(22,40,95,.18)}
.btn--branco:hover{color:var(--laranja)}
.btn--peq{font-size:.95rem;padding:.8em 1.25em .85em}
.btn--bloco{width:100%}
.btn .i{width:1.25em;height:1.25em}
.link-forte{font-family:var(--fonte-titulo);font-weight:800;color:var(--azul);text-decoration:none;display:inline-flex;align-items:center;gap:.35em}
.link-forte .i{transition:transform .2s}
.link-forte:hover .i{transform:translateX(4px)}

/* ---------- Topo ---------- */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .25s}
.topo.rolou{box-shadow:0 10px 30px -20px rgba(22,40,95,.5)}
.topo__in{display:flex;align-items:center;gap:20px;height:86px}
.topo__logo img{height:72px;width:auto}
.nav{margin-left:auto}
.nav>ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}
.nav a,.nav button.nav__abre{font:700 1rem var(--fonte);color:var(--noite);text-decoration:none;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer}
.nav a:hover,.nav button.nav__abre:hover,.nav a[aria-current="page"]{background:var(--ceu);color:var(--azul)}
.nav__item{position:relative}
.nav__abre .i{width:1em;height:1em;transition:transform .2s}
.nav__item.aberto .nav__abre .i{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;width:min(620px,92vw);background:#fff;border-radius:var(--r2);box-shadow:0 24px 50px -20px rgba(22,40,95,.45);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}
.nav__item.aberto .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r1);font-weight:700}
.mega a small{display:block;font-weight:500;color:var(--suave);font-size:.85rem}
.mega .bolinha{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}
.mega .bolinha .i{width:22px;height:22px}
.mega .todos{grid-column:1/-1;justify-content:center;background:var(--ceu);color:var(--azul)}
.topo__acoes{display:flex;gap:10px;align-items:center}
.orc-btn{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ceu);color:var(--noite);text-decoration:none}
.orc-btn .i{width:24px;height:24px}
.orc-btn b{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:var(--laranja);color:#fff;font:800 .78rem/22px var(--fonte);text-align:center;padding:0 5px;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.orc-btn b.tem{transform:scale(1)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--noite);color:#fff;place-items:center;cursor:pointer}
.burger .i{width:24px;height:24px}

@media (max-width:980px){
  .burger{display:inline-grid}
  .topo{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .topo__acoes{margin-left:auto}
  .nav{height:calc(100dvh - 76px)}
  .topo__in{height:76px}
  .topo__acoes .btn{display:none}
  .nav{position:fixed;inset:76px 0 0 0;background:#fff;margin:0;padding:18px 16px 40px;overflow:auto;clip-path:inset(0 0 0 100%);transition:clip-path .3s ease,visibility .3s;visibility:hidden}
  .nav.aberto{clip-path:inset(0);visibility:visible}
  .nav>ul{flex-direction:column;align-items:stretch;gap:2px}
  .nav a,.nav button.nav__abre{font-size:1.2rem;padding:14px 16px;width:100%;justify-content:space-between;font-family:var(--fonte-titulo)}
  .mega{position:static;translate:none;width:auto;box-shadow:none;padding:4px 0 10px 8px;display:none;opacity:1;visibility:visible;transform:none;grid-template-columns:1fr}
  .nav__item.aberto .mega{display:grid}
  .nav .mega a{font-size:1rem;font-family:var(--fonte);justify-content:flex-start;padding:10px 12px}
  .nav .mega a.todos{justify-content:center}
  .nav__zap{margin-top:16px}
  .topo__logo img{height:60px}
}
@media (min-width:981px){.nav__zap{display:none}}

/* ---------- Bandeirinhas ---------- */
.bandeiras{height:46px;background:url("/img/bandeiras.svg") repeat-x 0 0/240px 46px;position:relative;z-index:2;pointer-events:none}

/* ---------- Hero ---------- */
.hero{position:relative;background:linear-gradient(180deg,#BFE2FF 0%,#DDF0FF 45%,#F3FAFF 100%);overflow:hidden;padding-bottom:70px}
.hero .bandeiras{margin-bottom:-6px}
.nuvem{position:absolute;color:#fff;opacity:.95;pointer-events:none;animation:deriva linear infinite}
.nuvem--1{width:210px;top:70px;left:-5%;animation-duration:80s}
.nuvem--2{width:150px;top:190px;left:58%;animation-duration:110s;opacity:.8}
.nuvem--3{width:260px;top:30px;left:78%;animation-duration:95s;opacity:.7}
@keyframes deriva{from{transform:translateX(0)}to{transform:translateX(18vw)}}
.hero__topo{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding:24px 0 40px;z-index:1}
.hero__local{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--noite);font-weight:700;padding:7px 14px 7px 10px;border-radius:999px;font-size:.95rem;box-shadow:0 2px 0 var(--ceu-2);margin-bottom:18px}
.hero__local .i{color:var(--laranja)}
.hero h1{font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.02;margin-bottom:.35em;paint-order:stroke fill;-webkit-text-stroke:0;text-shadow:0 4px 0 rgba(22,40,95,.12)}
.hero h1 .l1{color:var(--laranja);display:block}
.hero h1 .l2{color:var(--azul);display:block}
.pulo{display:inline-block;white-space:nowrap}
.pulo span{display:inline-block;animation:pulo .9s cubic-bezier(.28,.84,.42,1) both;animation-delay:calc(var(--i) * 22ms + 120ms);transform-origin:50% 100%}
@keyframes pulo{0%{transform:translateY(-110%);opacity:0}45%{transform:translateY(0) scale(1.12,.82);opacity:1}62%{transform:translateY(-16%) scale(.96,1.06)}80%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}}
.hero__sub{font-size:clamp(1.08rem,1.6vw,1.25rem);max-width:58ch;color:var(--texto)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:16px 14px;margin:26px 0 22px}
.hero__prova{display:flex;align-items:center;gap:10px;color:var(--suave);font-weight:600;font-size:.98rem}
.estrelas{display:inline-flex;color:var(--sol);gap:1px}
.estrelas .i{width:18px;height:18px}
.selo-giro{width:178px;height:178px;position:relative;flex:none;margin-right:10px}
.selo-giro svg.texto{width:100%;height:100%;animation:gira 26s linear infinite}
.selo-giro text{font:800 13.5px var(--fonte-titulo);letter-spacing:2.2px;fill:var(--noite);text-transform:uppercase}
.selo-giro .miolo{position:absolute;inset:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE07A,var(--sol) 55%,#F2A900);display:grid;place-items:center;box-shadow:inset 0 -6px 0 rgba(0,0,0,.08),0 10px 20px -10px rgba(242,169,0,.8);color:var(--noite)}
.selo-giro .miolo .i{width:52px;height:52px;stroke-width:1.8}
@keyframes gira{to{transform:rotate(360deg)}}

/* slider */
.slider{position:relative;z-index:1;border-radius:var(--r3);background:#fff;padding:10px;box-shadow:0 30px 60px -30px rgba(14,76,158,.55)}
.slider__trilho{position:relative;aspect-ratio:1600/667;border-radius:calc(var(--r3) - 10px);overflow:hidden;background:#fff}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.slide.ativo{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover}
.slide.ativo img{animation:zoom 7s ease-out both}
@keyframes zoom{from{transform:scale(1.04)}to{transform:scale(1)}}
.slider__seta{position:absolute;top:50%;translate:0 -50%;width:50px;height:50px;border-radius:50%;border:0;background:#fff;color:var(--noite);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 var(--ceu-2),0 10px 20px -10px rgba(22,40,95,.5);z-index:2}
.slider__seta:hover{color:var(--laranja)}
.slider__seta--ant{left:-12px}.slider__seta--prox{right:-12px}
.slider__pontos{display:flex;justify-content:center;gap:10px;padding:14px 0 4px}
.slider__pontos button{width:14px;height:14px;border-radius:50%;border:0;padding:0;background:var(--ceu-2);cursor:pointer;transition:width .3s,background .3s}
.slider__pontos button[aria-current="true"]{width:38px;border-radius:7px;background:var(--laranja)}
.slider__pontos button:nth-child(2)[aria-current="true"]{background:var(--roxo)}
.slider__pontos button:nth-child(3)[aria-current="true"]{background:#E33B3B}
.slider__pontos button:nth-child(4)[aria-current="true"]{background:var(--sol)}
.onda-base{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;color:#fff;display:block}

@media (max-width:820px){
  .hero__topo{grid-template-columns:1fr}
  .selo-giro{display:none}
  .slider{padding:6px;border-radius:24px}
  .slider__trilho{border-radius:19px}
  .slider__seta{width:40px;height:40px}
  .slider__seta--ant{left:-6px}.slider__seta--prox{right:-6px}
}

/* ---------- Seções ---------- */
.secao{padding:clamp(64px,9vw,110px) 0;position:relative}
.secao--ceu{background:linear-gradient(180deg,var(--ceu),#fff)}
.cabeca{max-width:720px;margin-bottom:42px}
.cabeca--centro{margin-inline:auto;text-align:center}
.cabeca p{color:var(--suave);font-size:1.12rem}
.risco{display:block;width:150px;height:14px;margin-top:6px;color:var(--sol)}
.cabeca--centro .risco{margin-inline:auto}

/* garantias */
.garantias{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-30px;position:relative;z-index:3}
.garantia{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--r2);padding:20px;box-shadow:var(--sombra)}
.garantia .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;color:#fff}
.garantia .ico .i{width:28px;height:28px}
.garantia strong{display:block;font-family:var(--fonte-titulo);font-size:1.12rem;color:var(--noite);line-height:1.15;margin-bottom:4px}
.garantia span{font-size:.95rem;color:var(--suave);line-height:1.45}
@media (max-width:980px){.garantias{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.garantias{grid-template-columns:1fr}}

/* cores */
.c-laranja{background:linear-gradient(140deg,#FF9A3D,#FF4B1F)}
.c-azul{background:linear-gradient(140deg,#4FC3FF,#1769D2)}
.c-grama{background:linear-gradient(140deg,#8BDB4F,#21994A)}
.c-rosa{background:linear-gradient(140deg,#FF7AA8,#D92E6F)}
.c-roxo{background:linear-gradient(140deg,#9A8CFF,#5A55C9)}
.c-noite{background:linear-gradient(140deg,#3E5BBF,#16285F)}
.c-sol{background:linear-gradient(140deg,#FFD95A,#F59E0B)}
.c-ceu{background:linear-gradient(140deg,#7FD3FF,#3B8EF0)}

/* categorias */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:22px;border-radius:var(--r3);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:inset 0 4px 0 rgba(255,255,255,.3),inset 0 -6px 0 rgba(0,0,0,.1)}
.cat::before{content:"";position:absolute;inset:7px;border-radius:calc(var(--r3) - 7px);border:2px dashed rgba(255,255,255,.35);z-index:-1}
.cat .ico{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.cat .ico .i{width:32px;height:32px}
.cat h3{color:#fff;font-size:1.4rem;margin:0 0 4px;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.cat>div{position:relative;z-index:1}
.cat small{font-weight:700;opacity:.9}
.cat .foto{position:absolute;right:-24px;top:-24px;width:184px;height:184px;border-radius:50%;object-fit:cover;border:6px solid rgba(255,255,255,.75);z-index:-1;transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.cat:hover{color:#fff}
.cat:hover .foto{transform:scale(1.1) rotate(-6deg)}
@media (max-width:980px){.cats{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.cats{gap:12px}.cat{min-height:210px;padding:16px}.cat h3{font-size:1.08rem}.cat .foto{width:118px;height:118px;right:-18px;top:-18px;border-width:4px}.cat h3{max-width:100%;text-shadow:0 1px 6px rgba(0,0,0,.25)}.cat .ico{width:48px;height:48px}.cat .ico .i{width:26px;height:26px}}

/* cards de brinquedo */
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r2);padding:10px 10px 18px;box-shadow:var(--sombra);transition:transform .25s}
.card__img{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;background:var(--ceu)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card__img img{transform:scale(1.05)}
.card__tags{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:4px;font:700 .78rem/1 var(--fonte);padding:6px 10px;border-radius:999px;background:#fff;color:var(--noite)}
.card__corpo{padding:14px 8px 0;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.25rem;margin:0 0 6px}
.card h3 a{color:var(--noite);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.card h3 a:hover{color:var(--laranja)}
.card p{color:var(--suave);font-size:.96rem;margin:0 0 14px;flex:1}
.card__pe{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card__cat{font-size:.85rem;font-weight:700;color:var(--azul)}
.add{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ceu-2);background:#fff;color:var(--noite);font:700 .88rem var(--fonte);padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.add .i{width:18px;height:18px}
.add:hover{border-color:var(--azul);color:var(--azul)}
.add[aria-pressed="true"]{background:var(--grama);border-color:var(--grama);color:#fff}

/* prateleira rolável */
.prateleira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 26px;scrollbar-width:thin;scrollbar-color:var(--ceu-2) transparent}
.prateleira>.card{scroll-snap-align:start}
@media (min-width:1100px){.prateleira{grid-auto-columns:calc((100% - 66px)/4)}}
.prateleira-nav{display:flex;gap:10px}
.prateleira-nav button{width:48px;height:48px;border-radius:50%;border:2px solid var(--ceu-2);background:#fff;color:var(--noite);display:grid;place-items:center;cursor:pointer}
.prateleira-nav button:hover{border-color:var(--azul);color:var(--azul)}
.linha-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}
.linha-titulo .cabeca{margin-bottom:0}

/* modalidades (ingressos) */
.ingressos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ingresso{position:relative;background:#fff;border-radius:var(--r2);padding:26px 22px 22px;box-shadow:var(--sombra);
  -webkit-mask:radial-gradient(circle 13px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 13px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat}
.ingresso .ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;margin-bottom:16px}
.ingresso .ico .i{width:30px;height:30px}
.ingresso h3{margin-bottom:8px}
.ingresso p{font-size:.98rem;margin:0}
.ingresso .obs{border-top:2px dashed var(--linha);margin-top:18px;padding-top:12px;font-size:.86rem;color:var(--suave)}
@media (max-width:980px){.ingressos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ingressos{grid-template-columns:1fr}}

/* passos */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:p}
.passos li{position:relative;padding:0 0 0 0}
.passos li::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font:900 1.7rem var(--fonte-titulo);color:#fff;background:var(--azul);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 var(--azul-escuro);margin-bottom:16px}
.passos li:nth-child(2)::before{background:var(--laranja);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 var(--laranja-escuro)}
.passos li:nth-child(3)::before{background:var(--grama);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #1A7A33}
.passos li:nth-child(4)::before{background:var(--roxo);box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #4743A8}
.passos li:not(:last-child)::after{content:"";position:absolute;top:29px;left:72px;right:-8px;border-top:3px dotted var(--ceu-2)}
.passos h3{font-size:1.2rem;margin-bottom:6px}
.passos p{color:var(--suave);font-size:.98rem}
@media (max-width:980px){.passos{grid-template-columns:1fr 1fr}.passos li::after{display:none}}
@media (max-width:520px){.passos{grid-template-columns:1fr}}

/* depoimentos */
.depo-faixa{background:linear-gradient(160deg,#1E78E0 0%,#1453B0 55%,#16285F 100%);color:#fff;position:relative;overflow:hidden}
.depo-faixa h2,.depo-faixa .cabeca p{color:#fff}
.depo-faixa .risco{color:var(--sol)}
.depo-faixa .bolhas{position:absolute;inset:0;pointer-events:none;opacity:.5}
.depos{columns:3 280px;column-gap:22px;position:relative}
.depos .depo{break-inside:avoid;margin-bottom:38px;display:inline-block;width:100%}
.depo{margin:0;background:#fff;color:var(--texto);border-radius:var(--r2);padding:24px 22px 20px;position:relative}
.depo::after{content:"";position:absolute;left:34px;bottom:-14px;width:28px;height:28px;background:#fff;border-radius:0 0 8px 0;transform:rotate(45deg) skew(10deg,10deg)}
.depo .aspas{color:var(--sol);width:34px;height:34px;margin-bottom:6px}
.depo blockquote{margin:0 0 14px;font-size:1.02rem}
.depo figcaption{font-family:var(--fonte-titulo);font-weight:800;color:var(--noite);font-size:1.08rem}
.depo__topo{display:flex;justify-content:space-between;align-items:center}
.depo:nth-child(2) .aspas{color:var(--laranja)}.depo:nth-child(3) .aspas{color:var(--grama)}.depo:nth-child(4) .aspas{color:var(--rosa)}.depo:nth-child(5) .aspas{color:var(--roxo)}
.depos-fonte{margin-top:34px;text-align:center;color:#CFE4FF;font-size:.95rem}
.depos-fonte a{color:#fff}

/* bairros */
.bairros{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:start}
.bairros__grupos h3{font-size:1.1rem;margin:22px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chips li{background:var(--ceu);color:var(--noite);font-weight:600;font-size:.95rem;padding:7px 14px;border-radius:999px}
.mapa{position:relative;border-radius:var(--r3);overflow:hidden;background:linear-gradient(180deg,#9ED8FF,#5FB4F5);aspect-ratio:1/1;max-height:460px;width:100%}
.mapa svg{width:100%;height:100%;display:block}
@media (max-width:880px){.bairros{grid-template-columns:1fr}}

/* faq */
.faq{max-width:820px;margin-inline:auto}
.faq details{background:#fff;border-radius:var(--r2);margin-bottom:12px;box-shadow:var(--sombra);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 64px 20px 24px;font:800 1.14rem/1.3 var(--fonte-titulo);color:var(--noite);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;translate:0 -50%;width:34px;height:34px;border-radius:50%;background:var(--ceu);color:var(--azul);display:grid;place-items:center;font:800 1.4rem/1 var(--fonte);transition:transform .25s,background .25s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--laranja);color:#fff}
.faq details>div{padding:0 24px 22px;color:var(--texto)}

/* cta final */
.cta{position:relative;border-radius:var(--r3);padding:clamp(36px,6vw,64px);background:linear-gradient(120deg,#FFB020 0%,#FF7A1A 45%,#FF4B1F 100%);color:#fff;overflow:hidden;display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;box-shadow:inset 0 5px 0 rgba(255,255,255,.3),inset 0 -8px 0 rgba(0,0,0,.08)}
.cta h2{color:#fff;margin-bottom:.3em;text-shadow:0 3px 0 rgba(160,40,0,.25)}
.cta p{font-size:1.15rem;margin:0;max-width:52ch}
.cta .baloes{display:none;position:absolute;right:31%;top:22px;width:120px;opacity:.9;pointer-events:none}
.cta__botoes{display:flex;flex-direction:column;gap:16px;position:relative}
@media (max-width:820px){.cta{grid-template-columns:1fr}.cta .baloes{display:none}}

/* blog cards */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.post-card{position:relative;background:#fff;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column}
.post-card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.post-card div{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.post-card .meta{font-size:.86rem;color:var(--suave);font-weight:600;margin-bottom:8px}
.post-card h3{font-size:1.3rem}
.post-card h3 a{color:var(--noite);text-decoration:none}
.post-card h3 a::after{content:"";position:absolute;inset:0}
.post-card h3 a:hover{color:var(--laranja)}
.post-card p{color:var(--suave);font-size:.98rem;margin:0}

/* ---------- Páginas internas ---------- */
.cabecalho{position:relative;background:linear-gradient(180deg,#C7E6FF,#EAF5FF);padding:34px 0 90px;overflow:hidden}
.cabecalho h1{font-size:clamp(2.1rem,5vw,3.6rem);max-width:20ch}
.cabecalho p.lead{font-size:1.18rem;max-width:62ch;margin:0}
.migalhas{font-size:.92rem;margin-bottom:18px}
.migalhas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;align-items:center}
.migalhas li{display:inline-flex;align-items:center;gap:6px;color:var(--suave)}
.migalhas li+li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--laranja)}
.migalhas a{color:var(--noite);font-weight:600;text-decoration:none}
.migalhas a:hover{color:var(--laranja)}
.sobe{margin-top:-60px;position:relative;z-index:2}

/* filtros */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.filtro{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ceu-2);background:#fff;color:var(--noite);font:700 .98rem var(--fonte);padding:9px 16px;border-radius:999px;cursor:pointer;text-decoration:none}
.filtro .i{width:20px;height:20px}
.filtro:hover{border-color:var(--azul);color:var(--azul)}
.filtro[aria-pressed="true"],.filtro.ativo{background:var(--noite);border-color:var(--noite);color:#fff}
.card[hidden]{display:none}

/* página de brinquedo */
.produto{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,60px);align-items:start}
.galeria__principal{position:relative;border-radius:var(--r3);overflow:hidden;background:#fff;padding:10px;box-shadow:0 30px 60px -34px rgba(14,76,158,.6)}
.galeria__principal img{border-radius:calc(var(--r3) - 10px);aspect-ratio:1;object-fit:cover;width:100%}
.galeria__miniaturas{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.galeria__miniaturas button{width:76px;height:76px;padding:0;border-radius:16px;border:3px solid transparent;overflow:hidden;cursor:pointer;background:var(--ceu)}
.galeria__miniaturas button[aria-current="true"]{border-color:var(--laranja)}
.galeria__miniaturas img{width:100%;height:100%;object-fit:cover}
.produto__info h1{font-size:clamp(2.1rem,4.6vw,3.3rem);margin-bottom:.15em}
.produto__info .onde{font-family:var(--fonte-titulo);font-weight:700;color:var(--azul);font-size:1.15rem;margin-bottom:14px}
.produto__info .resumo{font-size:1.15rem}
.produto__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.produto__tags .tag{background:var(--ceu)}
.specs{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:2px;background:#fff;border-radius:var(--r2);box-shadow:var(--sombra);overflow:hidden}
.specs li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:12px 18px}
.specs li+li{border-top:2px dashed var(--linha)}
.specs .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--ceu);color:var(--azul)}
.specs .ico .i{width:24px;height:24px}
.specs b{display:block;font-size:.82rem;color:var(--suave);font-weight:700}
.specs span{font-weight:600;color:var(--noite);line-height:1.35}
.produto__acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.consulta{margin-top:26px;background:var(--ceu);border-radius:var(--r2);padding:22px}
.consulta h2{font-size:1.35rem;margin-bottom:12px}
.consulta form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
@media (max-width:1080px){.consulta form{grid-template-columns:1fr 1fr}.consulta form .btn{grid-column:1/-1}}
@media (max-width:880px){.produto{grid-template-columns:1fr}}
@media (max-width:480px){.consulta form{grid-template-columns:1fr}}
.texto-produto{max-width:760px}
.texto-produto p{font-size:1.1rem}

/* formulários */
.campo{display:flex;flex-direction:column;gap:6px}
.campo label,.campo legend{font-weight:700;color:var(--noite);font-size:.95rem}
.campo input,.campo select,.campo textarea{font:500 1rem var(--fonte);color:var(--texto);background:#fff;border:2px solid var(--linha);border-radius:14px;padding:13px 14px;width:100%;transition:border-color .2s,box-shadow .2s}
.campo textarea{min-height:110px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 4px rgba(23,105,210,.15)}
.campo .ajuda{font-size:.85rem;color:var(--suave)}
.form-orc{background:#fff;border-radius:var(--r3);padding:clamp(22px,4vw,40px);box-shadow:0 30px 60px -34px rgba(14,76,158,.55)}
.form-orc .duas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-orc>*+*{margin-top:18px}
.form-orc fieldset{border:0;padding:0;margin:0}
.escolhas{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.escolha{position:relative}
.escolha input{position:absolute;opacity:0;inset:0;cursor:pointer}
.escolha span{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--linha);background:#fff;padding:8px 13px;border-radius:999px;font-weight:600;font-size:.93rem;cursor:pointer;transition:.15s}
.escolha input:checked+span{background:var(--azul);border-color:var(--azul);color:#fff}
.escolha input:focus-visible+span{outline:3px solid var(--sol);outline-offset:2px}
.escolha input:checked+span::before{content:"✓";font-weight:900}
.grupo-escolhas+.grupo-escolhas{margin-top:14px}
.grupo-escolhas h3{font:700 .85rem var(--fonte);color:var(--suave);margin:0}
.form-orc .aviso{font-size:.9rem;color:var(--suave);margin:26px 0 0}
.erro-form{color:#C62828;font-weight:700;font-size:.95rem;margin:0}
@media (max-width:560px){.form-orc .duas{grid-template-columns:1fr}}
.contato-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,4vw,50px);align-items:start}
.contato-lado{display:grid;gap:16px}
.contato-item{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--r2);padding:18px;box-shadow:var(--sombra);text-decoration:none;color:var(--texto)}
.contato-item .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:none}
.contato-item .ico .i{width:28px;height:28px}
.contato-item b{display:block;font-family:var(--fonte-titulo);color:var(--noite);font-size:1.12rem}
.contato-item small{color:var(--suave);font-size:.92rem}
@media (max-width:900px){.contato-grid{grid-template-columns:1fr}}

/* quem somos */
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.mosaico{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mosaico img{border-radius:var(--r2);aspect-ratio:1;object-fit:cover;width:100%}
.mosaico img:nth-child(1){border-radius:var(--r3) var(--r3) var(--r1) var(--r3);transform:rotate(-2deg)}
.mosaico img:nth-child(2){margin-top:40px;transform:rotate(2deg)}
.mosaico img:nth-child(3){margin-top:-40px;transform:rotate(1.5deg)}
.mosaico img:nth-child(4){transform:rotate(-1.5deg)}
.valores{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.valor{background:#fff;border-radius:var(--r2);padding:26px;box-shadow:var(--sombra)}
.valor .ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff;margin-bottom:14px}
.valor .ico .i{width:30px;height:30px}
@media (max-width:880px){.sobre,.valores{grid-template-columns:1fr}}

/* artigo */
.artigo-cab{max-width:820px}
.artigo-cab .meta{color:var(--suave);font-weight:600;display:flex;gap:14px;flex-wrap:wrap}
.artigo-capa{border-radius:var(--r3);overflow:hidden;margin:-60px auto 40px;max-width:980px;position:relative;z-index:2;box-shadow:0 30px 60px -34px rgba(14,76,158,.6);background:#fff;padding:10px}
.artigo-capa img{border-radius:calc(var(--r3) - 10px);width:100%;aspect-ratio:21/9;object-fit:cover}
.artigo{max-width:720px;margin-inline:auto;font-size:1.12rem;line-height:1.72}
.artigo h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-top:1.6em}
.artigo h3{margin-top:1.4em}
.artigo ul{padding-left:1.2em}
.artigo li{margin-bottom:.5em}
.artigo li::marker{color:var(--laranja)}
.artigo table{width:100%;border-collapse:separate;border-spacing:0;margin:1em 0 1.5em;border-radius:var(--r1);overflow:hidden;box-shadow:var(--sombra);font-size:1rem}
.artigo th{background:var(--noite);color:#fff;text-align:left;padding:12px 16px;font-family:var(--fonte-titulo)}
.artigo td{padding:12px 16px;border-top:2px dashed var(--linha);background:#fff}
.artigo-fim{max-width:720px;margin:50px auto 0;background:var(--ceu);border-radius:var(--r2);padding:28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.artigo-fim p{margin:0;font-family:var(--fonte-titulo);font-weight:800;font-size:1.3rem;color:var(--noite);max-width:30ch}

/* 404 */
.nada{text-align:center;padding:60px 0 100px}
.nada .grande{font:900 clamp(6rem,20vw,11rem)/1 var(--fonte-titulo);color:var(--laranja);text-shadow:0 8px 0 var(--ceu-2)}

/* ---------- Rodapé ---------- */
.rodape{position:relative;background:var(--noite);color:#C9D6F5;padding:0 0 30px;margin-top:40px}
.rodape .bandeiras{transform:translateY(-22px);margin-bottom:-22px}
.rodape__grade{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:34px;padding:40px 0 40px}
.rodape h2{font-size:1.15rem;color:#fff;margin-bottom:14px}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rodape a{color:#E6EEFF;text-decoration:none}
.rodape a:hover{color:var(--sol)}
.rodape__logo{background:#fff;border-radius:var(--r2);padding:12px 16px;display:inline-block;margin-bottom:16px}
.rodape__logo img{height:70px;width:auto}
.redes{display:flex;gap:10px;margin-top:16px}
.redes a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
.redes a:hover{background:var(--laranja);color:#fff}
.redes .i{width:22px;height:22px}
.redes a{--fone:var(--noite)}
.redes a:hover{--fone:var(--laranja)}
.contato-item .ico[style*="zap"]{--fone:var(--zap)}
.rodape__base{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.9rem;color:#9FB1DE}
@media (max-width:900px){.rodape__grade{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.rodape__grade{grid-template-columns:1fr}}

/* botão flutuante */
.zap-flutua{position:fixed;right:18px;bottom:18px;z-index:60;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;--fone:#1DA851;background:#1DA851;box-shadow:0 12px 26px -10px rgba(19,135,61,.7);transition:transform .2s,background .2s}
.zap-flutua .i{width:36px;height:36px}
.zap-flutua:hover{color:#fff;background:#178F44;--fone:#178F44;transform:scale(1.06)}
.zap-flutua span{position:absolute;right:76px;background:#fff;color:var(--noite);font-weight:700;font-size:.92rem;white-space:nowrap;padding:8px 14px;border-radius:999px;box-shadow:var(--sombra);opacity:0;transform:translateX(8px);transition:.2s;pointer-events:none}
.zap-flutua:hover span{opacity:1;transform:none}

/* toast */
.aviso-flutua{position:fixed;left:50%;bottom:24px;translate:-50% 0;background:var(--noite);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;z-index:70;display:flex;gap:10px;align-items:center;opacity:0;transform:translateY(20px);transition:.3s;pointer-events:none;max-width:calc(100% - 32px)}
.aviso-flutua.mostra{opacity:1;transform:none;pointer-events:auto}
.aviso-flutua a{color:var(--sol)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* foto do hero */
.hero__foto{position:relative;max-width:520px;width:100%;justify-self:end}
.hero__blob{position:relative;aspect-ratio:1;padding:12px;background:#fff;border-radius:58% 42% 47% 53% / 46% 55% 45% 54%;box-shadow:0 34px 60px -30px rgba(14,76,158,.6);animation:respira 9s ease-in-out infinite}
.hero__blob::before{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:inherit;background:linear-gradient(140deg,var(--sol),var(--laranja) 45%,var(--rosa) 70%,var(--azul));opacity:.9}
.hero__blob img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
@keyframes respira{50%{border-radius:45% 55% 52% 48% / 55% 45% 55% 45%}}
.hero__foto .selo-giro{position:absolute;left:-60px;bottom:-30px;width:150px;height:150px;margin:0}
.hero__foto .selo-giro .miolo{inset:28px}
.hero__foto .selo-giro .miolo .i{width:42px;height:42px}
.hero__foto .selo-giro svg.texto{background:#fff;border-radius:50%;box-shadow:0 10px 24px -12px rgba(22,40,95,.5)}
.hero__chip{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--noite);font:800 .98rem var(--fonte-titulo);padding:10px 16px 10px 12px;border-radius:999px;text-decoration:none;box-shadow:0 4px 0 var(--ceu-2),0 14px 24px -14px rgba(22,40,95,.55)}
.hero__chip .i{width:22px;height:22px;color:var(--laranja)}
.hero__chip:hover{color:var(--laranja)}
.hero__chip--a{top:8%;left:-34px}
.hero__chip--b{right:-14px;bottom:18%}
.hero__chip--b .i{color:var(--roxo)}
@media (max-width:820px){
  .hero__topo{grid-template-columns:1fr;gap:56px}
  .hero__foto{justify-self:center;max-width:360px;margin-bottom:10px}
  .hero__foto .selo-giro{display:block;width:118px;height:118px;left:-14px;bottom:-24px}
  .hero__foto .selo-giro text{font-size:15px}
  .hero__foto .selo-giro .miolo{inset:24px}
  .hero__foto .selo-giro .miolo .i{width:32px;height:32px}
  .hero__chip--a{left:-8px}.hero__chip--b{right:-8px}
}

.zap-flutua{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
@media (max-width:600px){.zap-flutua{width:56px;height:56px}.zap-flutua span{display:none}}

body.menu-aberto .zap-flutua{display:none}
