/* ==========================================================================
   Mamãe Coruja: site.css
   Fonte conceitual: docs/DESIGN.md. Tokens em :root; nada de valor solto.
   ========================================================================== */

/* ---------- Fontes (auto-hospedadas, WOFF2) ---------- */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/fredoka-400-700-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/nunito-sans-400-normal.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/lora-500-normal.woff2") format("woff2")}
@font-face{font-family:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/lora-400-italic.woff2") format("woff2")}

/* ---------- Tokens ---------- */
:root{
  --papel:#FFF8EE; --papel-2:#F7EEDD; --patio:#E9F3D4; --sala:#E7F1FA;
  --tinta:#2A1612; --tinta-2:#5B4A44; --tinta-3:#8A7770;
  --folha:#7CB518; --folha-2:#A3D122; --folha-texto:#3F6B06;
  --azul:#1A4297; --azul-2:#2F5FC4; --vermelho:#D90D1C; --vermelho-2:#B80A17;
  --laranja:#EE6B00; --laranja-texto:#B24F00; --rosa:#E6007A; --flor:#F58BC4; --teal:#0A8AA3; --teal-texto:#087387;
  --tronco:#5F1310; --fita:rgba(255,222,89,.62); --branco:#FFFFFF;

  --display:"Fredoka","Nunito Sans",system-ui,sans-serif;
  --texto:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --voz:"Lora",Georgia,"Times New Roman",serif;

  --fs-xs:.8125rem; --fs-s:.9375rem; --fs-m:1.0625rem; --fs-l:1.25rem; --fs-xl:1.5rem;
  --fs-h3:clamp(1.35rem,1.1rem + 1vw,1.75rem);
  --fs-h2:clamp(2rem,1.4rem + 2.4vw,3.2rem);
  --fs-h1:clamp(2.5rem,1.6rem + 4.2vw,5rem);

  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:6.5rem;
  --container:72rem; --gutter:clamp(1rem,4vw,2.5rem);

  --r-s:.5rem; --r-m:1rem; --r-l:1.75rem; --r-pill:999px;
  --sombra-papel:0 1px 0 rgba(42,22,18,.06),0 10px 30px -14px rgba(42,22,18,.25);
  --sombra-cartao:0 2px 0 rgba(42,22,18,.05),0 18px 40px -22px rgba(42,22,18,.35);
  --anel:0 0 0 3px var(--papel),0 0 0 6px var(--azul-2);

  --ease-out:cubic-bezier(.22,1,.36,1);
  --dur-1:.18s; --dur-2:.45s; --dur-3:.8s;
}

/* ---------- Reset leve ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
[id]{scroll-margin-top:6rem}
@media (min-width:60rem){[id]{scroll-margin-top:7.5rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--texto);font-size:var(--fs-m);line-height:1.6;color:var(--tinta);background:var(--papel);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0 0 var(--s-4);color:var(--azul);text-wrap:balance}
h1{font-size:var(--fs-h1);color:var(--tinta)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);color:var(--tinta)}
p{margin:0 0 var(--s-4)}
a{color:var(--azul);text-decoration:none;font-weight:700;transition:color var(--dur-1)}
a:hover{color:var(--vermelho)}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit}
:focus-visible{outline:none;box-shadow:var(--anel);border-radius:var(--r-s)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--s-4);top:-4rem;z-index:100;background:var(--azul);color:#fff;padding:.6rem 1rem;border-radius:var(--r-pill);transition:top var(--dur-1)}
.skip:focus{top:var(--s-4)}

.container{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
.lead{font-size:var(--fs-l);color:var(--tinta-2);max-width:38rem}
.voz{font-family:var(--voz);font-style:italic;font-weight:400;font-size:var(--fs-xl);line-height:1.4;color:var(--tinta-2);max-width:34rem}

/* links dentro de texto corrido: realce de marca-texto no hover */
p a,.lead a,.faq-item__corpo a,.prosa a,.form__ok a{background:linear-gradient(transparent 62%,rgba(245,139,196,.45) 62%);padding:0 .1em;border-radius:.2em;transition:background-color var(--dur-1),color var(--dur-1)}
p a:hover,.lead a:hover,.faq-item__corpo a:hover,.prosa a:hover,.form__ok a:hover{background-color:rgba(245,139,196,.35);color:var(--azul)}

/* ---------- Texturas: cartolina + grão ---------- */
.grao{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Etiqueta (eyebrow) ---------- */
.etiqueta{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--laranja-texto);background:var(--papel-2);padding:.45em .9em .45em .8em;clip-path:polygon(0 0,calc(100% - .7em) 0,100% 50%,calc(100% - .7em) 100%,0 100%);margin-bottom:var(--s-4)}
.etiqueta::before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--laranja)}
.etiqueta--azul{color:var(--azul);background:var(--sala)}
.etiqueta--azul::before{background:var(--azul)}
.etiqueta--verde{color:var(--folha-texto);background:var(--patio)}
.etiqueta--verde::before{background:var(--folha)}

/* ---------- Botões ---------- */
.btn{--bg:var(--azul);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:3rem;padding:.75rem 1.4rem;border-radius:var(--r-pill);border:2px solid transparent;background:var(--bg);color:var(--fg);font-weight:700;font-size:var(--fs-m);text-decoration:none;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1),background var(--dur-1);box-shadow:0 2px 0 rgba(0,0,0,.08)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(42,22,18,.45);color:var(--fg)}
.btn:active{transform:translateY(0);box-shadow:0 1px 0 rgba(0,0,0,.1)}
.btn[aria-disabled="true"],.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.btn--primario{--bg:var(--vermelho)}
.btn--primario:hover{--bg:var(--vermelho-2)}
.btn--contorno{--bg:transparent;--fg:var(--azul);border-color:currentColor;box-shadow:none}
.btn--contorno:hover{--bg:var(--sala)}
.btn:focus-visible{box-shadow:var(--anel)}
.btn--claro{--bg:#fff;--fg:var(--azul)}
.btn svg{width:1.25em;height:1.25em;flex:none}
.btn.is-loading{pointer-events:none}
.btn.is-loading svg{animation:girar 1s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}

.h1-sobre{display:flex;width:fit-content;max-width:100%;font-family:var(--texto);line-height:1.35;letter-spacing:.08em;margin-bottom:var(--s-4);text-wrap:balance}

/* ---------- Chips de fato ---------- */
.chips{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.chip{display:inline-flex;align-items:center;gap:.5em;padding:.5rem .9rem;border:2px dashed rgba(42,22,18,.18);border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-s);color:var(--tinta-2);background:rgba(255,255,255,.55)}
.chip svg{width:1.15em;height:1.15em;color:var(--folha-texto)}
.chip b{font-family:var(--display);font-weight:600;color:var(--tinta);font-size:1.1em}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:50;background:rgba(255,248,238,0);backdrop-filter:blur(0);transition:background var(--dur-2),box-shadow var(--dur-2),backdrop-filter var(--dur-2)}
.header.is-scrolled{background:rgba(255,248,238,.88);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(42,22,18,.08)}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:5rem;padding-block:.4rem}
.header__logo{display:block;flex:none;transition:transform var(--dur-2) var(--ease-out)}
.header__logo:hover{transform:scale(1.03)}
.header__logo img{height:4.25rem;width:auto;transition:height var(--dur-2) var(--ease-out)}
.header.is-scrolled .header__logo img{height:3.25rem}
@media (min-width:60rem){
  .header__in{min-height:7rem}
  .header__logo img{height:6rem}
  .header.is-scrolled .header__logo img{height:4.25rem}
}
/* ---------- Menu (desktop): letras que rolam + folha que desliza com mola ---------- */
:root{--mola:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1)}
.nav{display:none;position:relative;gap:.15rem;align-items:center}
.nav a{position:relative;display:inline-flex;padding:.7rem .7rem 1rem;color:var(--tinta-2);font-weight:700;font-size:var(--fs-m);line-height:1.2}
.nav a .rolo{display:inline-flex;overflow:hidden;height:1.2em;line-height:1.2}
.nav a .rolo span{display:inline-block;transform:translateY(0);text-shadow:0 1.2em 0 var(--azul);transition:transform .5s var(--ease-out);transition-delay:calc(var(--i) * 18ms)}
.nav a:hover .rolo span,.nav a:focus-visible .rolo span{transform:translateY(-1.2em)}
.nav a[aria-current] {color:var(--azul)}
.nav a[aria-current] .rolo span{text-shadow:0 1.2em 0 var(--vermelho)}
.nav__folha{position:absolute;left:0;bottom:.05rem;width:1.6rem;height:auto;pointer-events:none;opacity:0;transform:translateX(var(--x,0px)) rotate(var(--r,0deg)) scale(var(--s,.4));transform-origin:50% 50%;transition:transform .85s var(--mola),opacity .3s var(--ease-out);filter:drop-shadow(0 2px 2px rgba(63,107,6,.25))}
.nav.tem-folha .nav__folha{opacity:1;--s:1}
.header__cta{display:none;position:relative;overflow:hidden;transition:transform .25s var(--ease-out),box-shadow var(--dur-1),background var(--dur-1)}
.header__cta::after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:brilho 5.5s var(--ease-out) 2.5s infinite}
@keyframes brilho{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.header__cta > *{position:relative;z-index:1}

/* ---------- Botão do menu (celular): três linhas viram um X ---------- */
.burger{position:relative;z-index:80;display:inline-flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:.4rem 1rem .4rem .8rem;border:0;border-radius:var(--r-pill);background:var(--azul);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 16px -8px rgba(26,66,151,.7);transition:background .4s var(--ease-out),color .4s}
.burger__linhas{position:relative;width:1.25rem;height:.9rem}
.burger__linhas i{position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:currentColor;transition:transform .55s var(--mola),opacity .2s,width .3s;transform-origin:center}
.burger__linhas i:nth-child(1){top:0}
.burger__linhas i:nth-child(2){top:50%;margin-top:-1.25px;right:30%}
.burger__linhas i:nth-child(3){bottom:0}
.burger[aria-expanded="true"]{background:var(--vermelho)}
.burger[aria-expanded="true"] .burger__linhas i:nth-child(1){transform:translateY(calc(.45rem - 1.25px)) rotate(45deg)}
.burger[aria-expanded="true"] .burger__linhas i:nth-child(2){opacity:0;transform:translateX(-.5rem)}
.burger[aria-expanded="true"] .burger__linhas i:nth-child(3){transform:translateY(calc(-.45rem + 1.25px)) rotate(-45deg)}
@media (min-width:75rem){.nav{display:flex}.header__cta{display:inline-flex}.burger{display:none}}

/* ---------- Menu do celular: onda que nasce do botão ---------- */
.menu-mobile{position:fixed;inset:0;z-index:70;pointer-events:none;visibility:hidden;transition:visibility 0s linear .7s}
.menu-mobile__fundo{position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0%,var(--patio) 0%,var(--papel) 55%);clip-path:circle(0px at var(--mx,calc(100% - 3rem)) var(--my,2.5rem));transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
.menu-mobile__conteudo{position:relative;height:100%;display:flex;flex-direction:column;padding-top:6.5rem;padding-bottom:calc(var(--s-5) + env(safe-area-inset-bottom));overflow-y:auto}
.menu-mobile__lista{display:grid;gap:.1rem;counter-reset:none}
.menu-mobile__lista li{opacity:0;transform:translateY(1.4rem);transition:opacity .3s,transform .3s}
.menu-mobile__lista a{display:flex;align-items:baseline;gap:.9rem;padding:.55rem 0;font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,7vw,2.2rem);color:var(--tinta);border-bottom:1px dashed rgba(42,22,18,.14)}
.menu-mobile__lista a small{font-family:var(--texto);font-size:var(--fs-xs);font-weight:800;color:var(--laranja-texto);letter-spacing:.08em}
.menu-mobile__lista a:hover,.menu-mobile__lista a:focus-visible{color:var(--azul)}
.menu-mobile__rodape{margin-top:auto;padding-top:var(--s-5);opacity:0;transform:translateY(1rem);transition:opacity .3s,transform .3s}
.menu-mobile__rodape .btn{width:100%}
.menu-mobile__rodape p{margin:var(--s-3) 0 0;font-size:var(--fs-s);color:var(--tinta-2)}
.menu-mobile[data-open="true"]{pointer-events:auto;visibility:visible;transition:visibility 0s}
.menu-mobile[data-open="true"] .menu-mobile__fundo{clip-path:circle(150% at var(--mx,calc(100% - 3rem)) var(--my,2.5rem))}
.menu-mobile[data-open="true"] .menu-mobile__lista li,.menu-mobile[data-open="true"] .menu-mobile__rodape{opacity:1;transform:none;transition:opacity .5s var(--ease-out) calc(.34s + var(--k) * 55ms),transform .7s var(--mola) calc(.34s + var(--k) * 55ms)}
body.menu-aberto .header{z-index:90;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
body.menu-aberto .header__logo{position:relative;z-index:80}

/* ---------- Folhas (seções) ---------- */
.folha{position:relative;padding:var(--s-8) 0;background:var(--papel)}
.folha--patio{background:var(--patio)}
.folha--sala{background:var(--sala)}
.folha--tinta{background:var(--tinta);color:var(--papel)}
.folha--recorte{margin-top:-2.5rem;padding-top:calc(var(--s-8) + 2.5rem);clip-path:polygon(0 2.2rem,4% 1.4rem,9% 2.4rem,15% .9rem,22% 2.2rem,29% 1.2rem,36% 2.5rem,44% 1rem,51% 2.3rem,58% 1.1rem,65% 2.4rem,72% 1.3rem,79% 2.2rem,86% .8rem,93% 2.1rem,100% 1.2rem,100% 100%,0 100%)}
.folha__cabeca{max-width:46rem;margin-bottom:var(--s-7)}
.folha__cabeca.is-dir{margin-left:auto;text-align:right}
.folha__cabeca.is-dir .etiqueta{clip-path:polygon(.7em 0,100% 0,100% 100%,.7em 100%,0 50%);padding:.45em .8em .45em .9em}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:auto;display:grid;align-items:center;overflow:hidden;background:linear-gradient(180deg,#FFFBF3 0%,var(--papel) 60%,var(--patio) 100%)}
.hero__in{display:grid;gap:var(--s-6);align-items:center;padding-block:var(--s-6) var(--s-8)}
.hero__texto{position:relative;z-index:3}
.hero__texto h1 em{font-style:normal;color:var(--azul)}
.hero__texto h1 .u{position:relative;white-space:nowrap}
.hero__texto h1 .u::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;background:var(--flor);border-radius:999px;z-index:-1;transform:scaleX(0);transform-origin:left;animation:sublinhar .7s var(--ease-out) 2.2s forwards}
@keyframes sublinhar{to{transform:scaleX(1)}}
.hero__acoes{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:var(--s-5) 0}
.hero__cena{position:relative;z-index:2;aspect-ratio:540/620;max-width:19rem;margin-inline:auto;width:100%;order:-1}
.hero__cena svg{position:relative;z-index:2;width:100%;height:100%;overflow:visible}
.hero__luz{position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(255,236,170,.75),rgba(255,236,170,0) 70%)}
.hero__raios{position:absolute;left:50%;top:50%;width:160%;aspect-ratio:1;translate:-50% -50%;z-index:0;pointer-events:none;opacity:.55;background:repeating-conic-gradient(from 0deg,rgba(255,240,190,0) 0deg 9deg,rgba(255,240,190,.55) 12deg 16deg,rgba(255,240,190,0) 19deg 30deg);mask:radial-gradient(closest-side,#000 10%,transparent 72%);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 72%);animation:raios 90s linear infinite}
@keyframes raios{to{transform:rotate(360deg)}}
.polen{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.polen i{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,230,140,.9);box-shadow:0 0 10px 2px rgba(255,220,120,.55);opacity:0;animation:polen var(--d,14s) linear var(--delay,0s) infinite}
@keyframes polen{0%{transform:translate(0,0) scale(.6);opacity:0}10%{opacity:.9}50%{transform:translate(var(--dx,20px),-40vh) scale(1)}90%{opacity:.6}100%{transform:translate(calc(var(--dx,20px)*1.6),-85vh) scale(.5);opacity:0}}
.folhas-frente{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;display:none}
.folhas-frente svg{position:absolute;width:clamp(70px,9vw,130px);filter:blur(1.5px);opacity:.9;will-change:transform}
.hero__fatos{margin-top:var(--s-5)}
@media (min-width:60rem){
  .hero{min-height:calc(100svh - 7rem)}
  .hero__in{grid-template-columns:1fr 1.15fr;gap:var(--s-7);padding-block:var(--s-7) var(--s-9)}
  .hero__cena{max-width:33rem;order:0}
  .folhas-frente{display:block}
}
/* Árvore: estado inicial escondido só quando JS confirmou que vai animar */
.js-anim .arvore .cresce{opacity:0}
.arvore .olho-pupila{transition:transform .12s linear}

/* ---------- Incluso (cartões com fita) ---------- */
.cartoes{display:grid;gap:var(--s-5)}
.cartao{position:relative;background:var(--papel-2);border-radius:var(--r-m);padding:var(--s-6) var(--s-5) var(--s-5);box-shadow:var(--sombra-cartao);transform:rotate(var(--rot,0deg))}
.cartao::before{content:"";position:absolute;left:50%;top:-.7rem;width:6rem;height:1.5rem;translate:-50%;background:var(--fita);transform:rotate(-2deg);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.cartao:nth-child(2n)::before{transform:rotate(2.5deg)}
.cartao__icone{width:3.25rem;height:3.25rem;color:var(--folha-texto);margin-bottom:var(--s-3)}
.cartao h3{margin-bottom:var(--s-2)}
.cartao p{color:var(--tinta-2);margin:0}
.cartao ul{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--s-3)}
.cartao li{font-size:var(--fs-xs);font-weight:700;color:var(--azul);background:#fff;border-radius:var(--r-pill);padding:.25rem .6rem}
@media (min-width:40rem){.cartoes{grid-template-columns:1fr 1fr}}
@media (min-width:64rem){.cartoes{grid-template-columns:repeat(4,1fr)}}

/* ---------- Um dia na Mamãe Coruja ---------- */
.dia{position:relative;--ceu-a:#F9C9A6;--ceu-b:#FFEBD2;--estrelas:0;background:linear-gradient(180deg,var(--ceu-a) 0%,var(--ceu-b) 46%,var(--sala) 78%)}
.dia::before{content:"";position:absolute;inset:0 0 40% 0;pointer-events:none;opacity:var(--estrelas);background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 28% 42%,#fff 60%,transparent 61%),radial-gradient(1.8px 1.8px at 41% 12%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 55% 33%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 67% 8%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 78% 27%,#fff 60%,transparent 61%),radial-gradient(1.9px 1.9px at 88% 15%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 6% 52%,#fff 60%,transparent 61%),radial-gradient(1.4px 1.4px at 35% 58%,#fff 60%,transparent 61%),radial-gradient(1.3px 1.3px at 60% 55%,#fff 60%,transparent 61%),radial-gradient(1.6px 1.6px at 93% 48%,#fff 60%,transparent 61%),radial-gradient(1.1px 1.1px at 20% 30%,#fff 60%,transparent 61%),radial-gradient(1.1px 1.1px at 72% 44%,#fff 60%,transparent 61%),radial-gradient(1.3px 1.3px at 47% 24%,#fff 60%,transparent 61%);animation:cintila 3.2s ease-in-out infinite alternate}
@keyframes cintila{from{filter:brightness(.8)}to{filter:brightness(1.25)}}
.dia > .container{position:relative;z-index:1}
.dia h2,.dia .lead,.dia .etiqueta,.dia .etiqueta::before,.dia__hora,.radar__rotulo{transition:color .6s var(--ease-out),background .6s var(--ease-out)}
.dia.is-noite h2,.dia.is-noite .dia__hora{color:#FFF4D6}
.dia.is-noite .lead{color:rgba(255,244,214,.85)}
.dia.is-noite .etiqueta{color:#FFF4D6;background:rgba(255,255,255,.14)}
.dia.is-noite .etiqueta::before{background:#FFD54A}
.dia.is-noite .dia__ceu{border-color:rgba(255,244,214,.35)}
.dia__lua{position:absolute;right:12%;bottom:-1rem;width:2rem;height:2rem;border-radius:50%;background:#FFF4D6;box-shadow:inset -7px -4px 0 0 #E9D8A6,0 0 22px 4px rgba(255,244,214,.45);opacity:0;transform:translateY(2rem);transition:none;pointer-events:none}
/* Padrão (celular, tablet, reduced-motion): linha VERTICAL, o sol desce com a rolagem */
.dia__trilho-wrap{position:relative;padding-left:3.5rem}
.dia__ceu{position:absolute;left:1.1rem;top:0;bottom:0;width:2px;margin:0;border:0;border-left:2px dashed rgba(26,66,151,.3)}
.dia__sol{position:absolute;left:50%;top:0;width:2.25rem;height:2.25rem;margin-left:-1.125rem;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFE88A,#F9B227 70%);box-shadow:0 0 0 7px rgba(255,214,90,.25),0 0 26px 5px rgba(255,200,60,.45);will-change:transform;z-index:2}
.dia__sol::after{content:"";position:absolute;inset:-12px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,200,60,0) 0 18deg,rgba(255,200,60,.5) 18deg 22deg);mask:radial-gradient(circle,transparent 50%,#000 52%,#000 60%,transparent 62%);-webkit-mask:radial-gradient(circle,transparent 50%,#000 52%,#000 60%,transparent 62%)}
.dia__hora{display:none;font-family:var(--display);font-weight:600;font-size:var(--fs-xl);color:var(--azul)}
.trilho{display:grid;gap:var(--s-4)}
.parada{position:relative;background:#fff;border-radius:var(--r-m);padding:var(--s-5);box-shadow:var(--sombra-papel);border-top:6px solid var(--cor,var(--folha));transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}
.parada::before{content:"";position:absolute;left:-2.4rem;top:1.6rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--cor,var(--folha));box-shadow:0 0 0 4px var(--sala);transition:transform var(--dur-2) var(--ease-out)}
.parada.is-ativa{transform:translateX(.35rem);box-shadow:var(--sombra-cartao)}
.parada.is-ativa::before{transform:scale(1.5)}
.parada__n{font-family:var(--display);font-weight:600;font-size:var(--fs-xs);letter-spacing:.1em;color:var(--tinta-3);text-transform:uppercase}
.parada__icone{width:3rem;height:3rem;margin:var(--s-3) 0;color:var(--cor,var(--folha))}
.parada h3{font-size:var(--fs-l);margin-bottom:var(--s-2)}
.parada p{font-size:var(--fs-s);color:var(--tinta-2);margin:0}
.parada__hora{position:absolute;top:var(--s-4);right:var(--s-4);font-family:var(--display);font-weight:600;color:var(--azul);background:var(--sala);padding:.15rem .6rem;border-radius:var(--r-pill);font-size:var(--fs-s)}
/* Desktop com animação: trilho HORIZONTAL pinado, o sol atravessa o céu */
@media (max-width:63.98rem){.dia__lua{display:none}}
@media (min-width:64rem){
  .js-anim .dia.folha{padding-top:calc(var(--s-6) + 2.5rem);padding-bottom:var(--s-6)}
  .js-anim .dia .folha__cabeca{margin-bottom:var(--s-5)}
  .js-anim .dia__ceu{position:relative;left:auto;top:auto;bottom:auto;width:auto;height:6.5rem;margin:0 max(var(--gutter),calc((100vw - var(--container))/2)) var(--s-4);border:0;border-bottom:2px dashed rgba(26,66,151,.25);overflow:visible}
  .js-anim .dia__sol{left:0;top:auto;bottom:-1.25rem;margin-left:0;width:2.5rem;height:2.5rem}
  .js-anim .dia__hora{display:block;position:absolute;right:0;top:.5rem}
  .js-anim .dia__trilho-wrap{overflow-x:clip;overflow-y:visible;margin-inline:calc(50% - 50vw);width:100vw;padding-left:0;padding-top:2rem}
  .js-anim .trilho{display:flex;gap:var(--s-4);padding:var(--s-4) max(var(--gutter),calc((100vw - var(--container))/2)) var(--s-6);margin:0;width:max-content}
  .js-anim .parada{flex:0 0 19rem}
  .js-anim .parada::before{display:none}
  .js-anim .parada.is-ativa{transform:none;box-shadow:var(--sombra-papel)}
}

/* ---------- Como ensinamos ---------- */
.metodos{display:grid;gap:var(--s-5)}
.metodo{display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);align-items:start;padding:var(--s-5);border-radius:var(--r-m);background:#fff;box-shadow:var(--sombra-papel)}
.metodo__n{font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1;color:var(--flor)}
.metodo p{color:var(--tinta-2);margin:0}
.metodo p+p{margin-top:var(--s-3)}
.metodos__nota{margin-top:var(--s-5)}
@media (min-width:52rem){.metodos{grid-template-columns:1fr 1fr}}

/* ---------- Atividades (polaroids) ---------- */
.polaroids{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5) var(--s-4)}
.polaroid{background:#fff;padding:.6rem .6rem 1rem;box-shadow:var(--sombra-cartao);transform:rotate(var(--rot,0deg));transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}
.polaroid:hover{transform:rotate(0) translateY(-6px) scale(1.02);box-shadow:0 30px 50px -24px rgba(42,22,18,.45)}
.polaroid__img{aspect-ratio:4/5;overflow:hidden;background:var(--papel-2);position:relative}
.polaroid__img img{width:100%;height:100%;object-fit:cover}
.polaroid__img--icone{display:grid;place-items:center;background:linear-gradient(160deg,var(--sala),var(--patio))}
.polaroid__img--icone svg{width:55%;height:55%}
.polaroid figcaption{font-family:var(--voz);font-style:italic;color:var(--tinta-2);padding-top:.7rem;text-align:center;font-size:var(--fs-s)}
.polaroid figcaption b{font-family:var(--display);font-style:normal;font-weight:600;color:var(--tinta);font-size:1.1rem;display:block}
@media (min-width:52rem){.polaroids{grid-template-columns:repeat(5,1fr)}}

/* ---------- Alimentação + Momentos ---------- */
.duas{display:grid;gap:var(--s-7)}
@media (min-width:60rem){.duas{grid-template-columns:1fr 1fr;align-items:start}}
.refeicoes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);margin-top:var(--s-4)}
.refeicao{display:flex;align-items:center;gap:.7rem;background:#fff;border-radius:var(--r-m);padding:.8rem 1rem;font-weight:700;box-shadow:var(--sombra-papel)}
.refeicao svg{width:1.75rem;height:1.75rem;color:var(--laranja);flex:none}
.refeicao small{display:block;font-weight:400;color:var(--tinta-3);font-size:var(--fs-xs)}
.foto-fita{position:relative;max-width:22rem;margin:var(--s-6) auto 0;background:#fff;padding:.6rem .6rem 1rem;box-shadow:var(--sombra-cartao);transform:rotate(-2deg)}
.foto-fita::before,.foto-fita::after{content:"";position:absolute;top:-.6rem;width:5rem;height:1.4rem;background:var(--fita)}
.foto-fita::before{left:-1rem;transform:rotate(-35deg)}
.foto-fita::after{right:-1rem;transform:rotate(35deg)}
.foto-fita img{aspect-ratio:9/13;object-fit:cover;width:100%}
.mosaico{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.mosaico a{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--r-s);background:var(--papel-2)}
.mosaico img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-3) var(--ease-out)}
.mosaico a:hover img{transform:scale(1.06)}
.mosaico a:focus-visible{box-shadow:var(--anel)}
.mosaico__link{display:inline-flex;align-items:center;gap:.5em;margin-top:var(--s-3);min-height:2.75rem;font-weight:700}
.mosaico__link img{width:1.5rem;height:1.5rem}

/* ---------- Investimento ---------- */
.planos{display:grid;gap:var(--s-5)}
.plano{position:relative;background:#fff;border-radius:var(--r-l);padding:var(--s-6);box-shadow:var(--sombra-cartao);border:2px solid transparent}
.plano--destaque{border-color:var(--folha)}
.plano__tag{position:absolute;top:-.9rem;left:var(--s-6);background:var(--folha);color:#fff;font-weight:800;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;padding:.3rem .8rem;border-radius:var(--r-pill)}
.plano h3{color:var(--azul)}
.plano__valor{font-family:var(--display);font-weight:700;font-size:2.75rem;line-height:1;color:var(--tinta);margin:.25rem 0}
.plano__valor small{font-family:var(--texto);font-weight:600;font-size:var(--fs-s);color:var(--tinta-3)}
.plano ul{margin:var(--s-4) 0 var(--s-5);display:grid;gap:.5rem}
.plano li{display:flex;gap:.6rem;align-items:flex-start;color:var(--tinta-2)}
.plano li svg{width:1.25rem;height:1.25rem;flex:none;color:var(--folha-texto);margin-top:.15rem}
.plano li.plano__extra{margin-top:.3rem;padding-top:.6rem;border-top:1px dashed rgba(42,22,18,.15);font-size:var(--fs-s)}
.plano li.plano__extra svg{color:var(--laranja-texto)}
.docs{margin-top:var(--s-7);background:var(--papel-2);border-radius:var(--r-m);padding:var(--s-5)}
.docs ul{display:grid;gap:.4rem;margin-top:var(--s-3)}
.docs li{padding-left:1.4rem;position:relative;color:var(--tinta-2)}
.docs li::before{content:"";position:absolute;left:0;top:.55em;width:.75rem;height:.75rem;border:2px solid var(--azul);border-radius:3px}
@media (min-width:52rem){.planos{grid-template-columns:1fr 1fr}.docs ul{grid-template-columns:1fr 1fr}}
.nota{font-size:var(--fs-s);color:var(--tinta-3)}

/* ---------- FAQ ---------- */
.faq{max-width:46rem;display:grid;gap:var(--s-3)}
.faq-item{background:#fff;border-radius:var(--r-m);box-shadow:var(--sombra-papel);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);font-family:var(--display);font-weight:600;font-size:var(--fs-l);color:var(--tinta);min-height:3.5rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:2rem;height:2rem;display:grid;place-items:center;font-family:var(--texto);font-size:1.5rem;line-height:1;border-radius:50%;background:var(--sala);color:var(--azul);font-weight:700;transition:transform var(--dur-2) var(--ease-out),background var(--dur-1)}
.faq-item[open] summary::after{transform:rotate(45deg);background:var(--azul);color:#fff}
.faq-item summary:focus-visible{box-shadow:inset var(--anel)}
.faq-item__corpo{padding:0 var(--s-5) var(--s-5);color:var(--tinta-2)}
.faq-item__corpo p{margin:0}

/* ---------- Visita / contato ---------- */
.visita{display:grid;gap:var(--s-7)}
@media (min-width:60rem){.visita{grid-template-columns:1.1fr 1fr}}
.endereco{font-style:normal;display:grid;gap:var(--s-3);margin:var(--s-5) 0}
.endereco div{display:flex;gap:.8rem;align-items:flex-start}
.endereco svg{width:1.5rem;height:1.5rem;color:var(--folha-texto);flex:none;margin-top:.1rem}
.endereco b{display:block}
.endereco a{display:inline-block;padding:.2rem 0}
.mapas{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.mapas a{display:inline-flex;align-items:center;gap:.5em;background:#fff;border-radius:var(--r-pill);padding:.5rem 1rem .5rem .6rem;font-weight:700;color:var(--tinta);box-shadow:var(--sombra-papel);min-height:2.75rem}
.mapas img{height:1.5rem;width:auto}
.form{background:#fff;border-radius:var(--r-l);padding:var(--s-6);box-shadow:var(--sombra-cartao)}
.form h3{margin-bottom:var(--s-2)}
.campo{display:grid;gap:.35rem;margin-bottom:var(--s-4)}
.campo label{font-weight:700;font-size:var(--fs-s)}
.campo input,.campo select,.campo textarea{width:100%;max-width:100%;min-width:0;font:inherit;padding:.75rem .9rem;border:2px solid rgba(42,22,18,.16);border-radius:var(--r-s);background:var(--papel);color:var(--tinta);min-height:3rem}
.campo input:focus-visible,.campo select:focus-visible,.campo textarea:focus-visible{border-color:var(--azul);box-shadow:none}
.campo [aria-invalid="true"]{border-color:var(--vermelho)}
.campo__erro{color:var(--vermelho);font-size:var(--fs-xs);font-weight:700;display:none}
.campo [aria-invalid="true"]~.campo__erro{display:block}
.form__ok{display:none;background:var(--patio);color:var(--folha-texto);font-weight:700;border-radius:var(--r-s);padding:.75rem 1rem;margin-top:var(--s-4)}
.form__ok.is-visible{display:block}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

/* ---------- Footer ---------- */
.footer{background:var(--tinta);color:rgba(255,248,238,.85);padding:var(--s-8) 0 var(--s-6)}
.footer a{color:#fff;font-weight:600}
.footer a:hover{color:var(--folha-2)}
.footer__grid{display:grid;gap:var(--s-6)}
.footer__logo img{width:12rem}
.footer .footer__tit{color:#fff;font-size:var(--fs-l);margin-bottom:var(--s-3)}
.footer address{font-style:normal;line-height:1.7}
.footer address a{display:inline-block;padding:.3rem 0}
.footer__base{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid rgba(255,248,238,.14);display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;align-items:center;font-size:var(--fs-xs)}
.footer__social{display:flex;gap:var(--s-3);margin-top:var(--s-3)}
.footer__social a{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(255,255,255,.1)}
.footer__social img{width:1.4rem;height:1.4rem;filter:brightness(0) invert(1)}
@media (min-width:52rem){.footer__grid{grid-template-columns:1.2fr 1fr 1fr}}

/* ---------- Barra fixa mobile ---------- */
.barra-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:.6rem var(--gutter) calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,248,238,.92);backdrop-filter:blur(10px);box-shadow:0 -1px 0 rgba(42,22,18,.08);transform:translateY(110%);transition:transform var(--dur-2) var(--ease-out)}
.barra-cta.is-visible{transform:translateY(0)}
.barra-cta .btn{width:100%}
@media (min-width:60rem){.barra-cta{display:none}}
body.has-barra{padding-bottom:4.75rem}
@media (min-width:60rem){body.has-barra{padding-bottom:0}}

/* ---------- Reveal (JS) ---------- */
.js-anim [data-reveal]{opacity:0;transform:translateY(24px)}
.js-anim [data-reveal].is-in{opacity:1;transform:none;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .hero__raios,.polen{display:none}
  .js-anim .arvore .cresce{opacity:1}
  .js-anim [data-reveal]{opacity:1;transform:none}
}

/* ---------- Página simples (privacidade/404) ---------- */
.prosa{max-width:46rem}
.prosa h2{font-size:var(--fs-h3);margin-top:var(--s-6)}
.prosa ul{list-style:disc;padding-left:1.4rem;color:var(--tinta-2)}
.prosa li{margin-bottom:.4rem}


/* ---------- Curso de Férias ---------- */
.ferias{background:linear-gradient(180deg,var(--papel) 0%,#FFF1D6 100%);overflow:hidden}
.ferias__in{display:grid;gap:var(--s-7);align-items:center}
.ferias__calendario{position:relative;max-width:22rem;width:100%;margin-inline:auto;background:#fff;border-radius:var(--r-l);padding:2.2rem 1.4rem 1.4rem;box-shadow:var(--sombra-cartao);transform:rotate(-2.5deg)}
.ferias__argolas{position:absolute;top:-.8rem;left:0;right:0;display:flex;justify-content:space-evenly}
.ferias__argolas i{width:.9rem;height:1.8rem;border-radius:999px;border:3px solid #B9AE99;background:var(--papel)}
.ferias__mes{font-family:var(--display);font-weight:700;font-size:2.4rem;line-height:1;color:var(--vermelho);text-align:center;margin-bottom:1rem;letter-spacing:-.01em}
.ferias__dias{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}
.ferias__dias span{display:grid;place-items:center;aspect-ratio:1;border-radius:.5rem;background:var(--patio);font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--folha-texto)}
.ferias__dias span.fds{background:#FCE7F1;color:var(--rosa)}
.ferias__dias b{text-align:center;font-family:var(--texto);font-weight:800;font-size:.75rem;color:var(--tinta-3)}
.ferias__mes small{font-size:1.1rem;color:var(--tinta-3);font-weight:600}
.ferias__sol{position:absolute;right:-1.6rem;top:-1.8rem;width:4.4rem;height:4.4rem;border-radius:50%;background:radial-gradient(circle at 40% 40%,#FFE88A,#F9B227 70%);box-shadow:0 0 0 10px rgba(255,214,90,.25),0 0 40px 10px rgba(255,200,60,.45);animation:solgira 14s linear infinite}
.ferias__sol::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:repeating-conic-gradient(rgba(249,178,39,0) 0 14deg,rgba(249,178,39,.55) 14deg 19deg);mask:radial-gradient(circle,transparent 55%,#000 57%,#000 66%,transparent 68%);-webkit-mask:radial-gradient(circle,transparent 55%,#000 57%,#000 66%,transparent 68%)}
@keyframes solgira{to{transform:rotate(360deg)}}
.ferias__carimbo{position:absolute;left:-1.2rem;bottom:-1.2rem;width:6.2rem;height:6.2rem;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:700;font-size:.95rem;line-height:1.05;color:var(--vermelho);border:3px dashed var(--vermelho);background:rgba(255,255,255,.92);transform:rotate(-14deg);text-transform:uppercase;box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.js-anim .ferias__carimbo{opacity:0;transform:rotate(-14deg) scale(2.2)}
.js-anim .ferias__calendario.is-in .ferias__carimbo{opacity:1;transform:rotate(-14deg) scale(1);transition:transform .55s var(--mola) .5s,opacity .2s .5s}
.ferias__fatos{display:grid;gap:var(--s-3);margin:var(--s-5) 0}
.ferias__fatos li{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border-radius:var(--r-m);padding:.9rem 1.1rem;box-shadow:var(--sombra-papel)}
.ferias__fatos svg{width:1.6rem;height:1.6rem;flex:none;color:var(--laranja-texto);margin-top:.1rem}
.ferias__fatos b{display:block;font-family:var(--display);font-weight:600;font-size:1.1rem;color:var(--tinta)}
.ferias__fatos span{color:var(--tinta-2);font-size:var(--fs-s)}
.ferias__fatos li:last-child{border:2px solid rgba(238,107,0,.35)}
@media (min-width:60rem){.ferias__in{grid-template-columns:.8fr 1.2fr}}

/* ---------- Bairro (mapa ilustrado + satélite) ---------- */
.bairro{margin-top:var(--s-8);background:#fff;border-radius:var(--r-l);box-shadow:var(--sombra-cartao);padding:clamp(1.2rem,3vw,2.2rem)}
.bairro__cabeca{display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;align-items:end;margin-bottom:var(--s-5)}
.bairro__cabeca h3{font-size:var(--fs-h3);color:var(--azul);margin-bottom:.4rem}
.bairro__cabeca .lead{margin:0;font-size:var(--fs-m)}
.bairro__abas{display:inline-flex;background:var(--papel-2);border-radius:var(--r-pill);padding:.3rem;position:relative}
.bairro__abas button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:.4rem 1rem;border:0;border-radius:var(--r-pill);background:transparent;font-weight:800;color:var(--tinta-2);cursor:pointer;transition:background .35s var(--ease-out),color .35s,box-shadow .35s}
.bairro__abas button svg{width:1.15rem;height:1.15rem}
.bairro__abas button[aria-selected="true"]{background:#fff;color:var(--azul);box-shadow:0 4px 12px -6px rgba(42,22,18,.35)}
.bairro__corpo{display:grid;gap:var(--s-5)}
@media (min-width:64rem){.bairro__corpo{grid-template-columns:1.15fr 1fr;align-items:start}}
.bairro__palco{position:relative}
.radar{width:100%;height:auto;display:block;border-radius:50%;overflow:visible;touch-action:manipulation}
.radar__rotulo{font:700 11px var(--texto);fill:#1A4297;fill-opacity:.55}
.radar__norte text{font:800 12px var(--texto);fill:#1A4297}
.radar__varredura{transform-origin:0 0;animation:varre 7s linear infinite}
@keyframes varre{to{transform:rotate(360deg)}}
.radar__pulso{transform-origin:0 0;animation:pulso 2.6s var(--ease-out) infinite}
.radar__pulso--2{animation-delay:1.3s}
@keyframes pulso{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.4);opacity:0}}
.radar__escola-nome{font:800 13px var(--display);fill:#2A1612;paint-order:stroke;stroke:#FFFBF3;stroke-width:5px}
.pino{cursor:pointer;transition:opacity .4s var(--ease-out)}
.pino__corpo{transform-box:fill-box;transform-origin:center;transition:transform .5s var(--mola)}
.pino__nome{font:800 12.5px var(--texto);fill:#2A1612;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;opacity:0;transition:opacity .25s}
.pino__haste{transition:stroke-opacity .3s}
.pino.is-ativo .pino__corpo{transform:scale(1.35)}
.pino.is-ativo .pino__nome{opacity:1}
.pino.is-ativo .pino__haste{stroke-opacity:.6}
.pino.is-ativo{isolation:isolate}
.pino.is-oculto{opacity:.08;pointer-events:none}
.js-anim .bairro:not(.is-in) .pino__corpo{transform:scale(0)}
.js-anim .bairro.is-in .pino__corpo{transition:transform .7s var(--mola) var(--d)}
.bairro__aviso{text-align:center;margin-top:var(--s-3)}
.bairro__filtros{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:var(--s-4)}
.filtro{display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:.35rem .95rem;border-radius:var(--r-pill);border:2px solid rgba(42,22,18,.12);background:#fff;font-weight:800;font-size:var(--fs-s);color:var(--tinta-2);cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .4s var(--mola)}
.filtro i{width:.7rem;height:.7rem;border-radius:50%;background:var(--c,var(--azul))}
.filtro:hover{transform:translateY(-2px)}
.filtro[aria-pressed="true"]{background:var(--c,var(--azul));border-color:var(--c,var(--azul));color:#fff}
.filtro[aria-pressed="true"] i{background:#fff}
.bairro__lista{display:grid;gap:.45rem;max-height:31rem;overflow-y:auto;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:var(--azul) transparent}
.poi{display:grid;grid-template-columns:auto 1fr auto auto;gap:.8rem;align-items:center;padding:.65rem .75rem;border-radius:var(--r-m);background:var(--papel);border:2px solid transparent;cursor:pointer;transition:border-color .25s,background .25s,transform .4s var(--mola),opacity .3s}
.poi:hover,.poi:focus-visible,.poi.is-ativo{border-color:var(--c);background:#fff;transform:translateX(4px)}
.poi.is-oculto{display:none}
.poi__icone{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.poi__icone svg{width:1.25rem;height:1.25rem}
.poi__txt b{display:block;font-size:var(--fs-s);line-height:1.25}
.poi__txt small{display:block;color:var(--tinta-3);font-size:var(--fs-xs)}
.poi__dist{text-align:right;white-space:nowrap}
.poi__dist b{display:block;font-family:var(--display);font-weight:600;color:var(--azul)}
.poi__dist small{display:block;font-size:var(--fs-xs);color:var(--tinta-3)}
.poi__rota{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#fff;color:var(--azul);box-shadow:var(--sombra-papel);transition:background .2s,color .2s}
.poi__rota:hover{background:var(--azul);color:#fff}
.poi__rota svg{width:1.1rem;height:1.1rem}
@media (max-width:30rem){.poi{grid-template-columns:auto 1fr auto}.poi__dist{grid-column:2;text-align:left}.poi__rota{grid-row:1/3;grid-column:3}}
.satelite{position:relative;aspect-ratio:1;border-radius:var(--r-l);overflow:hidden;background:#213b2a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 30h60M30 0v60' stroke='%23ffffff' stroke-opacity='.08' stroke-width='6'/%3E%3C/svg%3E")}
.satelite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.satelite__fachada{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--s-3);text-align:center;padding:var(--s-5);color:#fff;background:radial-gradient(circle at 50% 45%,rgba(124,181,24,.35),rgba(0,0,0,.55))}
.satelite__fachada p{margin:0;max-width:20rem;color:rgba(255,255,255,.85);font-size:var(--fs-s)}
.satelite__fachada b{display:block;color:#fff;font-family:var(--display);font-size:var(--fs-l)}
.satelite__icone{width:3rem;height:3rem;color:#fff}

/* ---------- Convite (trabalhe conosco) ---------- */
.convite{background:var(--sala);padding:var(--s-7) 0}
.convite__in{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center;justify-content:space-between}
.convite h2{font-size:var(--fs-h3);margin-bottom:.4rem}
.convite p{margin:0;max-width:40rem;color:var(--tinta-2)}

/* ---------- Página Trabalhe Conosco ---------- */
.rh-hero{padding:var(--s-8) 0 var(--s-7);background:linear-gradient(180deg,#FFFBF3,var(--papel))}
.rh-hero__in{display:grid;gap:var(--s-6);align-items:center}
@media (min-width:60rem){.rh-hero__in{grid-template-columns:1.2fr .8fr}}
.rh-hero h1{font-size:var(--fs-h1)}
.rh-hero__arte{max-width:20rem;margin-inline:auto}
.rh-grid{display:grid;gap:var(--s-7)}
@media (min-width:64rem){.rh-grid{grid-template-columns:1fr 1.1fr;align-items:start}}
.rh-lista{display:grid;gap:var(--s-3);margin:var(--s-4) 0 var(--s-6)}
.rh-lista li{display:flex;gap:.8rem;align-items:flex-start;color:var(--tinta-2)}
.rh-lista svg{width:1.4rem;height:1.4rem;flex:none;color:var(--folha-texto);margin-top:.15rem}
.rh-passos{display:grid;gap:var(--s-3);counter-reset:passo}
.rh-passos li{position:relative;padding:var(--s-4) var(--s-4) var(--s-4) 3.6rem;background:#fff;border-radius:var(--r-m);box-shadow:var(--sombra-papel);color:var(--tinta-2)}
.rh-passos li::before{counter-increment:passo;content:counter(passo);position:absolute;left:1rem;top:1rem;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--azul);color:#fff;font-family:var(--display);font-weight:700}
.rh-passos b{display:block;color:var(--tinta)}
.form--rh{position:sticky;top:7.5rem}
.campo--duplo{display:grid;gap:var(--s-4)}
@media (min-width:36rem){.campo--duplo{grid-template-columns:1fr 1fr}}
.arquivo{position:relative;display:grid;place-items:center;gap:.4rem;padding:var(--s-5);border:2px dashed rgba(26,66,151,.35);border-radius:var(--r-m);background:var(--sala);text-align:center;cursor:pointer;transition:border-color .25s,background .25s,transform .4s var(--mola)}
.arquivo:hover,.arquivo.is-arrastando{border-color:var(--azul);background:#fff;transform:scale(1.01)}
.arquivo input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.arquivo svg{width:2rem;height:2rem;color:var(--azul)}
.arquivo b{color:var(--tinta)}
.arquivo small{color:var(--tinta-3);font-size:var(--fs-xs)}
.arquivo.tem-arquivo{border-style:solid;border-color:var(--folha);background:var(--patio)}
.arquivo:focus-within{box-shadow:var(--anel)}
.checa{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--fs-s);color:var(--tinta-2);margin-bottom:var(--s-4);cursor:pointer}
.checa input{width:1.3rem;height:1.3rem;margin-top:.15rem;accent-color:var(--azul);flex:none}
.alerta{border-radius:var(--r-m);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-5);font-weight:600}
.alerta--erro{background:#FDE7E9;color:#8E0A14;border:2px solid rgba(217,13,28,.25)}
.alerta--ok{background:var(--patio);color:var(--folha-texto);border:2px solid rgba(124,181,24,.4)}
.alerta--ok h2{font-size:var(--fs-h3);color:var(--folha-texto);margin-bottom:.3rem}
.alerta ul{list-style:disc;padding-left:1.2rem;margin-top:.4rem;font-weight:500}
.campo--erro input,.campo--erro select,.campo--erro textarea{border-color:var(--vermelho)}
.campo__msg{color:var(--vermelho);font-size:var(--fs-xs);font-weight:700}

@media (prefers-reduced-motion:reduce){
  .radar__varredura,.radar__pulso,.ferias__sol,.header__cta::after{animation:none!important}
  .nav a .rolo span{transition:none}
  .menu-mobile__fundo{transition:none}
}

@media print{.header,.barra-cta,.grao,.hero__raios,.polen,.folhas-frente{display:none!important}}