/* =====================================================================
   Cãopacabana — seções v2 "lúdico" (home e páginas internas)
   ===================================================================== */

/* ---------- adesivos ---------- */
.sticker{position:absolute;z-index:3;display:inline-block;padding:9px 16px;border-radius:999px;background:var(--manteiga);color:var(--cacau);font-weight:800;font-size:.85rem;line-height:1.2;box-shadow:var(--sombra);transform:rotate(-6deg);white-space:nowrap}
.balao{position:absolute;z-index:3;right:-4%;top:10%;max-width:190px;padding:14px 18px;border-radius:22px 22px 22px 6px;background:#fff;color:var(--cacau);font-family:var(--f-display);font-style:italic;font-size:1.2rem;line-height:1.2;box-shadow:var(--sombra-g);transform:rotate(4deg)}
.balao::after{content:"";position:absolute;left:18px;bottom:-12px;border:12px solid transparent;border-top-color:#fff;border-bottom:0;border-left:0}

/* =====================================================================
   1. TOPO (cacau)
   ===================================================================== */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--cacau);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 70% at 85% 60%,rgba(246,142,52,.30),transparent 62%),radial-gradient(50% 60% at 0% 100%,rgba(31,150,162,.22),transparent 60%)}
.hero__ondas{position:absolute;left:0;right:0;bottom:-10px;z-index:-1;opacity:.12;pointer-events:none}
.hero__ondas .onda{--escala:1;--dur:40s}
.hero__in{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:calc(var(--header-h) + 40px);padding-bottom:110px}
.status{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:999px;background:rgba(239,231,221,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(239,231,221,.18);font-size:.88rem;font-weight:700;margin-bottom:26px}
.status__dot{position:relative;width:12px;height:12px;border-radius:50%;background:#3BE38A;flex:none}
.status__dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #3BE38A;animation:anel 1.8s var(--ease) infinite}
.status b{color:var(--laranja);font-variant-numeric:tabular-nums}
.hero h1{font-size:clamp(2.8rem,6.6vw,6.6rem);font-weight:380;letter-spacing:-.04em;line-height:.95;margin-bottom:26px}
.hero h1 em{font-weight:340}
.hero .lead{margin-bottom:34px}
.hero__fone{margin:18px 0 0;font-size:.92rem;opacity:.8}
.hero__fone a{font-weight:800;color:var(--laranja);border-bottom:1.5px solid currentColor}
.hero__collage{position:relative;height:min(70vh,620px);min-height:440px}
.hero__ph{position:absolute;overflow:hidden;box-shadow:var(--sombra-g);background:var(--cacau-3);will-change:transform}
.hero__ph img{width:100%;height:100%;object-fit:cover}
.hero__ph--1{width:60%;aspect-ratio:4/5;height:auto;right:4%;top:2%;border-radius:50% 50% var(--r) var(--r)/34% 34% var(--r) var(--r);border:6px solid var(--laranja)}
.hero__ph--2{width:44%;aspect-ratio:4/3;height:auto;left:0;bottom:8%;border-radius:var(--r) var(--r) var(--r) 120px}
.hero__ph--2 img{object-position:50% 100%}
.hero__ph--3{width:32%;aspect-ratio:1;height:auto;right:0;bottom:0;border-radius:50%;border:6px solid var(--creme)}
.hero__badge{position:absolute;left:3%;top:8%;z-index:2;width:140px;height:140px;border-radius:50%;background:var(--laranja);display:grid;place-items:center;box-shadow:var(--sombra-g)}
.hero__badge svg{position:absolute;inset:0;width:100%;height:100%;animation:gira 18s linear infinite}
.hero__badge svg text{font-family:var(--f-body);font-size:11.4px;font-weight:800;letter-spacing:2.6px;fill:var(--cacau);text-transform:uppercase}
.hero__badge img{width:78px;height:78px;border-radius:50%;box-shadow:0 0 0 3px var(--cacau)}
@keyframes gira{to{transform:rotate(360deg)}}
.hero__sticker{left:30%;top:-2%;transform:rotate(-8deg)}
@media (max-width:900px){
  .hero{min-height:0}
  .hero__in{grid-template-columns:1fr;padding-bottom:80px}
  .hero__collage{height:440px;min-height:0}
  .hero__badge{width:112px;height:112px;left:auto;right:2%;top:auto;bottom:34%}
  .hero__badge img{width:62px;height:62px}
  .hero__ph--1{left:0;right:auto;width:60%;top:0}
  .hero__ph--2{left:auto;right:0;width:46%;bottom:auto;top:4%}
  .hero__ph--3{right:6%;width:34%}
  .hero__sticker{left:34%;top:auto;bottom:-2%}
}
@media (max-width:600px){
  .hero__in{padding-top:calc(var(--header-h) + 24px)}
  .hero h1{font-size:clamp(2.5rem,11.5vw,3.5rem)}
  .status{font-size:.8rem}
  .hero__collage{height:360px}
}

/* =====================================================================
   2. FAIXA
   ===================================================================== */
.faixa{position:relative;z-index:3;overflow:hidden;padding:34px 0 40px;margin:-62px 0 -40px}
.marquee{position:relative;background:var(--laranja);color:var(--cacau);overflow:hidden;padding:20px 0;transform:rotate(-1.8deg) scale(1.05);box-shadow:0 20px 50px -25px rgba(28,23,20,.65)}
.marquee__track{display:flex;width:max-content;will-change:transform;animation:faixa 40s linear infinite}
.marquee.is-js .marquee__track{animation:none}
@keyframes faixa{to{transform:translateX(-50%)}}
.marquee__item{display:flex;align-items:center;gap:26px;padding-right:26px;font-family:var(--f-display);font-size:clamp(1.4rem,3vw,2.3rem);font-weight:480;white-space:nowrap;letter-spacing:-.02em}
.marquee__item .ic{width:26px;height:26px;transform:rotate(-14deg)}
.faixa.is-pausado .marquee__track{animation-play-state:paused}
.faixa__pausa{position:absolute;z-index:4;right:max(12px,calc((100vw - var(--max))/2 + var(--gut)));bottom:2px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cacau);color:var(--laranja);box-shadow:var(--sombra);transition:transform .3s var(--ease)}
.faixa__pausa:hover{transform:scale(1.1)}
.faixa__pausa .ic{width:16px;height:16px}
.faixa__pausa .play,.faixa__pausa[aria-pressed=true] .pausa{display:none}
.faixa__pausa[aria-pressed=true] .play{display:inline}

/* =====================================================================
   3. OS MAIS PROCURADOS — cartões empilhando
   ===================================================================== */
.pillars__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(44px,6vw,84px)}
.pillars__list{display:grid;gap:24px}
.pillar{--fg-n:var(--laranja-esc);--ic-bg:var(--laranja);--ic-fg:var(--cacau);position:sticky;top:calc(var(--header-h) + 20px);display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,.85fr);gap:clamp(18px,3vw,44px);align-items:center;padding:clamp(24px,3.2vw,44px);border-radius:var(--r);background:var(--pessego);color:var(--tinta);box-shadow:var(--sombra);transform-origin:50% 0;min-height:340px}
.pillar:nth-child(2){top:calc(var(--header-h) + 40px);background:var(--laranja);color:var(--cacau);--fg-n:var(--cacau);--ic-bg:var(--cacau);--ic-fg:var(--laranja)}
.pillar:nth-child(3){top:calc(var(--header-h) + 60px);background:var(--cacau);color:var(--creme);--fg-n:var(--laranja);--ic-bg:var(--laranja);--ic-fg:var(--cacau)}
.pillar:nth-child(4){top:calc(var(--header-h) + 80px);background:var(--turquesa-esc);color:#fff;--fg-n:var(--manteiga);--ic-bg:var(--manteiga);--ic-fg:var(--turquesa-esc)}
.pillar__top{display:flex;flex-direction:column;gap:20px;align-self:start}
.pillar__n{font-family:var(--f-display);font-size:clamp(3.4rem,7.5vw,7rem);line-height:.8;font-weight:300;letter-spacing:-.05em;color:var(--fg-n)}
.pillar__ic{--t:clamp(60px,6vw,84px);width:var(--t);height:var(--t);flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ic-bg);color:var(--ic-fg);transform:rotate(-8deg)}
.pillar__ic svg{width:46%;height:46%}
.pillar h3{font-size:clamp(1.7rem,3.2vw,2.9rem);margin-bottom:10px}
.pillar__resumo{font-weight:700;margin-bottom:10px}
.pillar__texto{opacity:.85;max-width:56ch}
.pillar .chips{margin:4px 0 18px}
.pillar .chips li{background:rgba(255,255,255,.75);box-shadow:none;color:var(--tinta)}
.pillar:nth-child(3) .chips li{background:rgba(239,231,221,.12);color:var(--creme)}
.pillar:nth-child(4) .chips li{background:rgba(0,0,0,.2);color:#fff}
.pillar:nth-child(2) .btn,.pillar:nth-child(4) .btn{--bg:var(--cacau);--fg:var(--creme);--hover:var(--creme);--hover-fg:var(--cacau);box-shadow:none}
.pillar:nth-child(2) .link-arrow{color:var(--cacau)}
.pillar:nth-child(3) .link-arrow{color:var(--laranja)}
.pillar:nth-child(4) .link-arrow{color:var(--manteiga)}
.pillar__foto{align-self:stretch;border-radius:var(--r-m);overflow:hidden;min-height:220px;background:rgba(0,0,0,.08)}
.pillar__foto img{width:100%;height:100%;object-fit:cover}
.dica{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border-radius:var(--r-s);background:rgba(255,255,255,.6);font-size:.9rem;line-height:1.45}
.pillar:nth-child(4) .dica{background:rgba(0,0,0,.18)}
.dica .ic{width:18px;height:18px;margin-top:2px;color:var(--laranja-esc)}
.pillar:nth-child(4) .dica .ic{color:var(--manteiga)}
@media (max-width:1000px){.pillar{grid-template-columns:110px minmax(0,1fr)}.pillar__foto{grid-column:1/-1;min-height:0;aspect-ratio:16/8}}
@media (max-width:760px){
  .pillars__head{grid-template-columns:1fr;gap:16px}
  .pillar{grid-template-columns:1fr;gap:14px;padding:22px;min-height:0}
  .pillar__top{flex-direction:row;align-items:center;justify-content:space-between}
  .pillar__n{font-size:3.6rem}
  .pillar__ic{--t:58px}
  .pillar__texto,.pillar .dica{display:none}
  .pillar .chips{gap:6px;margin-bottom:14px}
  .pillar .chips li{font-size:.78rem;padding:5px 11px}
  .pillar__foto{aspect-ratio:16/8;grid-row:auto}
  .pillar .btn-row{flex-direction:row;align-items:center}
  .pillar .btn{flex:0 1 auto}
}
@media (max-height:700px){.pillar{position:relative;top:auto!important}}

/* =====================================================================
   3b. GALERIA HORIZONTAL (5–8)
   ===================================================================== */
.hscroll{position:relative;background:var(--cacau);overflow:hidden}
.hscroll__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-h) + 10px) 0 40px}
.hscroll__head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:clamp(26px,4vh,48px)}
.hscroll__prog{width:min(260px,30vw);height:4px;background:rgba(239,231,221,.15);border-radius:4px;overflow:hidden;flex:none}
.hscroll__prog i{display:block;height:100%;width:100%;background:var(--laranja);transform-origin:left;transform:scaleX(0)}
.hscroll__track{display:flex;gap:clamp(16px,2vw,26px);padding-left:max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));padding-right:var(--gut);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--laranja) transparent;padding-bottom:12px}
.hscroll__track>.room{scroll-snap-align:start}
.hscroll.is-pinned .hscroll__track{width:max-content;overflow:visible;padding-bottom:0;will-change:transform}
.room{position:relative;flex:none;width:clamp(280px,32vw,460px);height:min(58vh,540px);min-height:400px;border-radius:var(--r);overflow:hidden;background:var(--cacau-3);isolation:isolate}
.room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.room:hover>img{transform:scale(1.06)}
.room::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,23,20,0) 30%,rgba(28,23,20,.92))}
.room__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,2.4vw,32px)}
.room__n{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--laranja);color:var(--cacau);font-family:var(--f-display);font-weight:600;font-size:1.05rem}
.room h3{font-size:clamp(1.6rem,2.3vw,2.1rem);margin:12px 0 6px}
.room p{margin:0 0 12px;opacity:.9;font-size:.96rem;max-width:40ch}
.room .link-arrow{color:var(--laranja-2)}
.room--txt{background:var(--laranja);color:var(--cacau);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,3vw,40px)}
.room--txt::after,.room--end::after{display:none}
.room__ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--cacau);color:var(--laranja);transform:rotate(-12deg)}
.room__ic svg{width:44px;height:44px}
.room--txt .big{font-family:var(--f-display);font-size:clamp(5rem,9vw,8rem);line-height:.8;font-weight:300;letter-spacing:-.06em}
.room--txt .big small{font-size:.45em;letter-spacing:-.02em}
.room--txt p{opacity:1;font-weight:700;font-size:1.05rem}
.room--end{width:clamp(260px,24vw,360px);background:transparent;display:grid;place-items:center;text-align:center}
.room--end .h-m{margin-bottom:22px}
@media (max-width:760px){
  .hscroll__pin{min-height:0;padding:80px 0}
  .hscroll__prog{display:none}
  .hscroll__track{scrollbar-width:none;transform:none!important;-webkit-overflow-scrolling:touch}
  .hscroll__track::-webkit-scrollbar{display:none}
  .room{scroll-snap-align:start;width:80vw;height:440px;min-height:0}
  .room--end{width:70vw}
}

/* =====================================================================
   4. 25 ANOS
   ===================================================================== */
.welcome{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.mask{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--pessego);box-shadow:var(--sombra-g)}
.mask img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;will-change:transform}
.mask--arch{border-radius:999px 999px var(--r) var(--r)}
.welcome__media{position:relative;width:100%;max-width:520px}
.welcome__media .mask--small{position:absolute;width:44%;aspect-ratio:1;right:-8%;bottom:-8%;border-radius:50%;border:10px solid var(--creme)}
.welcome__media .mask--small img{object-position:50% 50%}
.mask--larga{aspect-ratio:4/3.4}
.mask--larga.mask--arch{border-radius:48% 48% var(--r) var(--r)/40% 40% var(--r) var(--r)}
.mask--larga img{object-position:50% 60%}
.selo25{position:absolute;left:-4%;top:10%;width:120px;height:120px;border-radius:50%;background:var(--laranja);color:var(--cacau);display:grid;place-content:center;text-align:center;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;box-shadow:var(--sombra-g);transform:rotate(-10deg)}
.selo25 b{display:block;font-family:var(--f-display);font-size:3rem;line-height:.85;letter-spacing:-.04em;font-weight:500;text-transform:none}
.welcome__txt p{color:var(--tinta-2)}
.welcome__txt .h-l{margin:4px 0 26px}
.checks{list-style:none;margin:26px 0 32px;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.checks li .ic{width:24px;height:24px;color:var(--turquesa-esc);margin-top:1px}
.on-dark .checks li .ic{color:var(--laranja)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(70px,9vw,120px)}
.stat{padding:clamp(22px,2.6vw,34px);border-radius:var(--r);background:#fff;box-shadow:var(--sombra)}
.stat:nth-child(2){background:var(--manteiga)}
.stat:nth-child(3){background:var(--pessego)}
.stat:nth-child(4){background:var(--laranja)}
.stat b{display:block}
.stat__n{display:flex;align-items:flex-start;font-family:var(--f-display);font-size:clamp(3rem,6vw,5.6rem);font-weight:340;line-height:.9;letter-spacing:-.05em;color:var(--cacau)}
.stat b sup{font-size:.36em;color:var(--laranja-txt);margin:.1em .1em 0;letter-spacing:0;line-height:1}
.stat:nth-child(4) b sup{color:var(--cacau)}
.stat b span{font-variant-numeric:tabular-nums}
.stat>span{display:block;margin-top:12px;color:var(--tinta);font-weight:600;font-size:.95rem;line-height:1.4}
@media (max-width:900px){.welcome{grid-template-columns:1fr}.welcome__media{max-width:440px;margin:0 auto 30px}.welcome__media .mask--small{right:-2%;border-width:7px}.selo25{left:0;width:100px;height:100px}.selo25 b{font-size:2.4rem}}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr;gap:12px}.stat__n{font-size:clamp(2.6rem,12vw,3.4rem)}}

/* =====================================================================
   5. PLANO
   ===================================================================== */
.plan{position:relative;background:var(--cacau);overflow:hidden;isolation:isolate}
.plan__glow{position:absolute;z-index:-1;width:110vmax;aspect-ratio:1;left:60%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(246,142,52,.30),rgba(31,150,162,.12) 36%,transparent 62%);pointer-events:none}
.plan__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,100px);align-items:center}
.plan .lead{margin:22px 0 0}
.bens-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 34px}
.bens-lista li{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:30px;background:rgba(239,231,221,.07);box-shadow:inset 0 0 0 1px rgba(239,231,221,.12);font-size:.95rem;transition:background .3s,transform .5s var(--ease)}
.bens-lista li:hover{background:rgba(239,231,221,.13);transform:translateX(4px)}
.bens-lista li small{display:block;font-size:.76rem;font-weight:500;opacity:.78;line-height:1.3}
.bens-lista__ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--laranja);color:var(--cacau);flex:none}
.bens-lista__ic svg{width:20px;height:20px}
.plan__mais{margin:22px 0 0}
.card3d{position:relative;perspective:1200px}
.member{position:relative;aspect-ratio:1.586;width:100%;max-width:520px;margin-left:auto;border-radius:26px;padding:clamp(20px,3vw,34px);color:var(--cacau);background:linear-gradient(135deg,var(--manteiga) 0%,var(--laranja-2) 45%,var(--laranja) 100%);box-shadow:0 40px 90px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.6);transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;will-change:transform}
.member::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(var(--brilho,-60%));transition:transform .2s;mix-blend-mode:soft-light;pointer-events:none}
.member::after{content:"";position:absolute;right:-14%;bottom:-38%;width:70%;aspect-ratio:1;border-radius:50%;border:26px solid rgba(46,39,35,.08);pointer-events:none}
.member__top{position:relative;display:flex;align-items:center;gap:14px}
.member__top img{width:62px;height:62px;border-radius:50%;box-shadow:0 0 0 3px rgba(46,39,35,.85)}
.member__top b{font-family:var(--f-display);font-size:clamp(1.1rem,1.9vw,1.5rem);font-weight:600;line-height:1.1}
.member__name{position:relative;font-family:var(--f-display);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:500;font-style:italic;letter-spacing:-.02em;font-variation-settings:"SOFT" 100,"WONK" 1}
.member__foot{position:relative;display:flex;justify-content:space-between;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.member__sticker{right:4%;top:-6%;background:var(--turquesa-esc);color:#fff;transform:rotate(8deg)}
@media (max-width:900px){.plan__grid{grid-template-columns:1fr}.member{margin:0 auto}}
@media (max-width:560px){.bens-lista{grid-template-columns:1fr}.member{border-radius:18px}}

/* =====================================================================
   6. BANHO E TOSA (bolhas)
   ===================================================================== */
.spa{position:relative;background:linear-gradient(180deg,var(--pessego),var(--creme));overflow:hidden;isolation:isolate}
.bubbles{position:absolute;inset:0;z-index:-1;pointer-events:none}
.bubble{position:absolute;bottom:-120px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0 8%,rgba(255,255,255,.3) 18%,rgba(31,150,162,.10) 60%,rgba(255,255,255,.55) 72%,rgba(246,142,52,.22) 100%);box-shadow:inset 0 0 18px rgba(255,255,255,.7);animation:sobe linear infinite}
@keyframes sobe{0%{transform:translateY(0) translateX(0) scale(.8);opacity:0}10%{opacity:1}50%{transform:translateY(-55vh) translateX(30px) scale(1)}100%{transform:translateY(-120vh) translateX(-20px) scale(1.1);opacity:0}}
.spa__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:center}
.spa__media{position:relative;max-width:500px}
.spa__img{border-radius:999px 999px var(--r) var(--r);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sombra-g)}
.spa__img img{width:100%;height:100%;object-fit:cover;object-position:55% 40%}
.spa .lead{margin-top:20px}
.spa .chips{margin:4px 0 22px}
.spa .chips .ic{color:var(--turquesa-esc)}
.spa__time{display:inline-flex;align-items:center;gap:12px;margin:0 0 26px;padding:12px 20px;border-radius:999px;background:#fff;box-shadow:var(--sombra);font-weight:800;line-height:1.3}
.spa__time .ic{color:var(--laranja-esc)}
@media (max-width:900px){.spa__grid{grid-template-columns:1fr}.spa__media{max-width:420px}.balao{right:-2%;font-size:1.05rem}}

/* =====================================================================
   7. INSTAGRAM
   ===================================================================== */
.insta__head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:44px}
.mascotes{display:flex;align-items:center;gap:16px;max-width:360px;padding:12px 18px 12px 12px;border-radius:999px;background:#fff;box-shadow:var(--sombra);transform:rotate(2deg)}
.mascotes__img{width:84px;height:84px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 3px var(--laranja)}
.mascotes__img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.55);transform-origin:50% 68%}
.mascotes figcaption{font-size:.88rem;line-height:1.4}
.dicas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:56px}
.dica-card{padding:24px;border-radius:var(--r);background:#fff;box-shadow:var(--sombra);transition:transform .6s var(--ease)}
.dica-card:hover{transform:translateY(-6px) rotate(-1deg)}
.dica-card:nth-child(2){background:var(--manteiga)}
.dica-card:nth-child(3){background:var(--turquesa-l)}
.dica-card__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--cacau);color:var(--laranja);margin-bottom:16px;transform:rotate(-6deg)}
.dica-card__ic svg{width:26px;height:26px}
.dica-card h3{font-size:1.45rem;margin-bottom:6px}
.dica-card p{margin:0;font-size:.95rem;color:var(--tinta)}
.mural{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,26px)}
.mural li{--rot:-3deg}
.mural li:nth-child(2n){--rot:2.5deg}
.mural li:nth-child(3n){--rot:-1.5deg}
.mural li:nth-child(5n){--rot:3deg}
.mural a{display:block;padding:10px 10px 14px;border-radius:22px;background:#fff;box-shadow:var(--sombra);transform:rotate(var(--rot));transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.mural a:hover,.mural a:focus-visible{transform:rotate(0) translateY(-8px) scale(1.03);box-shadow:var(--sombra-g)}
.mural img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.mural__leg{display:block;margin-top:10px;padding:0 4px;font-size:.8rem;font-weight:600;line-height:1.35;color:var(--tinta-2)}
.insta__cta{margin:48px 0 0;text-align:center}
@media (max-width:900px){.insta__head{grid-template-columns:1fr}.dicas{grid-template-columns:1fr}.mural{grid-template-columns:1fr 1fr}}

/* =====================================================================
   8. ÁREA DO TUTOR (turquesa + celular)
   ===================================================================== */
.tutor{position:relative;background:var(--turquesa-esc);color:#fff;overflow:hidden;isolation:isolate}
.tutor::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 0% 100%,rgba(46,39,35,.55),transparent 60%),radial-gradient(60% 70% at 100% 0%,rgba(246,142,52,.25),transparent 60%)}
.tutor .lead{color:rgba(255,255,255,.88)}
.tutor .eyebrow{color:var(--manteiga)}
.tutor h2 em,.tutor .h-l em{color:var(--manteiga)}
.tutor .link-arrow{color:#fff}
.tutor__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.tutor .h-l{margin-bottom:22px}
.feat{list-style:none;margin:30px 0 34px;display:grid;gap:12px}
.feat li{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:var(--r-m);background:rgba(0,0,0,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.95rem;line-height:1.45;transition:background .3s,transform .5s var(--ease)}
.feat li:hover{background:rgba(0,0,0,.22);transform:translateY(-3px)}
.feat li .ic{color:var(--manteiga);margin-top:2px}
.feat li b{display:block;font-size:1.02rem}
.phone{position:relative;width:min(320px,78vw);aspect-ratio:9/19;margin:0 auto;border-radius:48px;background:var(--cacau-2);padding:12px;box-shadow:0 60px 100px -40px rgba(0,0,0,.8),inset 0 0 0 2px rgba(255,255,255,.08);will-change:transform}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:20px;background:#000;z-index:3}
.phone__screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:var(--creme);color:var(--tinta);font-size:12px;line-height:1.4}
.ps{position:absolute;inset:0;padding:62px 16px 16px;display:flex;flex-direction:column;gap:10px;transition:transform .8s var(--ease),opacity .6s}
.ps.is-out{transform:translateX(-30%);opacity:0}
.ps.is-next{transform:translateX(100%)}
html:not(.js) .ps+.ps{display:none}
.ps__top{display:flex;align-items:center;gap:9px;background:var(--cacau);color:var(--creme);margin:-62px -16px 6px;padding:56px 16px 14px}
.ps__top img{width:30px;height:30px;border-radius:50%}
.ps__top b{font-family:var(--f-display);font-size:15px;display:block;line-height:1}
.ps__top small{font-size:10px;opacity:.75}
.ps__h{margin:0;font-family:var(--f-display);font-size:18px;font-weight:500;line-height:1.2}
.ps__mudo{color:var(--tinta-2)}
.ps__campo{padding:11px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linha);font-weight:700;letter-spacing:.08em}
.ps__wa{padding:10px 12px;border-radius:12px 12px 12px 4px;background:#DCF8C6;font-size:11px;align-self:flex-start;max-width:90%}
.ps__code{display:flex;gap:5px;justify-content:center;margin:2px 0}
.ps__code span{width:34px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;font-family:var(--f-display);font-size:20px;box-shadow:inset 0 0 0 1.5px var(--linha)}
.ps__code span.on{box-shadow:inset 0 0 0 2px var(--turquesa)}
.ps__btn{display:block;text-align:center;padding:11px;border-radius:999px;background:var(--laranja);color:var(--cacau);font-weight:800;font-size:12px;margin-top:auto}
.ps__pets{display:flex;gap:8px}
.ps__pets span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;font-weight:800;box-shadow:inset 0 0 0 1px var(--linha)}
.ps__pets span.on{background:var(--cacau);color:var(--creme);box-shadow:none}
.ps__pets svg{width:14px;height:14px;color:var(--laranja)}
.ps__prox{padding:14px;border-radius:16px;background:var(--laranja);color:var(--cacau);display:grid;gap:2px}
.ps__prox small{font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ps__prox b{font-family:var(--f-display);font-size:26px;line-height:1;font-weight:500}
.ps__prox strong{font-family:var(--f-display);font-size:17px}
.ps__vac{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#fff;font-size:11px;box-shadow:0 1px 0 var(--linha)}
.ps__vac b{color:var(--turquesa-esc)}
.ps__vac i{font-style:normal;font-weight:800;font-size:9.5px;padding:3px 8px;border-radius:999px;background:#DDF3E7;color:var(--ok)}
.ps__plano{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-radius:14px;background:var(--manteiga)}
.ps__plano b{font-family:var(--f-display);font-size:20px;font-weight:500}
.phone__dots{display:flex;gap:8px;justify-content:center;margin-top:24px}
.phone__dots{gap:2px}
.phone__dots button{position:relative;min-width:24px;height:24px;display:grid;place-items:center}
.phone__dots button::before{content:"";width:10px;height:10px;border-radius:10px;background:rgba(255,255,255,.4);transition:width .4s var(--ease),background .3s}
.phone__dots button[aria-current=true]{min-width:40px}
.phone__dots button[aria-current=true]::before{width:30px;background:var(--manteiga)}
@media (max-width:900px){.tutor__grid{grid-template-columns:1fr}}

/* =====================================================================
   9. VISITE
   ===================================================================== */
.visite__t{margin:0 0 50px;max-width:16ch}
.visit{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:stretch}
.visit__info{display:flex;flex-direction:column;gap:24px}
.info-row{display:flex;gap:18px;align-items:flex-start}
.ic-b{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--laranja);color:var(--cacau);flex:none;transform:rotate(-6deg)}
.ic-b .ic{width:26px;height:26px}
.info-row small{display:block;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:4px}
.info-row b,.info-row a.big{font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}
.info-row a.big{display:inline-flex;align-items:center;min-height:24px}
.info-row a.big:hover{color:var(--laranja-txt)}
.info-row .link-arrow{margin-top:8px}
.hours{display:grid;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--sombra)}
.hours div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--linha);font-weight:600}
.hours div:last-child{border-bottom:0}
.hours b{font-family:var(--f-display);font-weight:600;color:var(--laranja-txt);font-size:1.3rem;white-space:nowrap}
.map{position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:440px;background:var(--pessego);box-shadow:var(--sombra-g);transition:transform .6s var(--ease)}
.map:hover{transform:translateY(-4px) rotate(-.4deg)}
.map__svg{position:absolute;inset:0;width:100%;height:100%}
.map__pin{transform-box:fill-box;transform-origin:50% 100%;animation:balanca 2.2s var(--ease-io) infinite alternate}
@keyframes balanca{from{transform:translateY(0)}to{transform:translateY(-8px)}}
.map__nota{position:absolute;right:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.88);font-size:.72rem;font-weight:700;color:var(--tinta-2)}
@media (max-width:900px){.visit{grid-template-columns:1fr}.map{min-height:340px}}

/* =====================================================================
   PÁGINAS INTERNAS
   ===================================================================== */
.phero{position:relative;padding:calc(var(--header-h) + clamp(56px,9vw,120px)) 0 clamp(64px,8vw,110px);overflow:hidden;background:var(--cacau);isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(80% 110% at 90% 120%,rgba(246,142,52,.4),transparent 60%),radial-gradient(50% 70% at 0% 0%,rgba(31,150,162,.22),transparent 60%)}
.phero__ondas{position:absolute;left:0;right:0;bottom:-8px;z-index:-1;opacity:.12;pointer-events:none}
.phero__ondas .onda{--escala:.9}
.phero h1{font-size:clamp(2.6rem,7.4vw,6.8rem);font-weight:380;letter-spacing:-.04em;line-height:.95;max-width:15ch}
.phero .lead{margin-top:24px}
.phero .btn-row{margin-top:32px}
.crumbs{display:flex;gap:10px;font-size:.82rem;font-weight:700;opacity:.75;margin-bottom:22px;letter-spacing:.06em}
.crumbs a:hover{color:var(--laranja)}
.phero__selo{position:absolute;right:max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));top:calc(var(--header-h) + clamp(30px,5vw,70px));width:clamp(110px,14vw,170px);aspect-ratio:1;border-radius:50%;background:var(--laranja);display:grid;place-items:center;box-shadow:var(--sombra-g)}
.phero__selo svg{position:absolute;inset:0;width:100%;height:100%;animation:gira 18s linear infinite}
.phero__selo svg text{font-family:var(--f-body);font-size:11.4px;font-weight:800;letter-spacing:2.6px;fill:var(--cacau);text-transform:uppercase}
.phero__selo img{width:56%;height:56%;border-radius:50%;box-shadow:0 0 0 3px var(--cacau)}
@media (max-width:900px){.phero__selo{position:relative;right:auto;top:auto;margin:36px 0 0 var(--gut);width:110px}}

/* serviços */
.indice{display:flex;flex-wrap:wrap;gap:10px;list-style:none}
.indice a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(239,231,221,.1);box-shadow:inset 0 0 0 1px rgba(239,231,221,.2);font-weight:700;font-size:.9rem;transition:background .3s,color .3s,transform .4s var(--ease)}
.indice a:hover{background:var(--laranja);color:var(--cacau);transform:translateY(-3px) rotate(-2deg)}
.indice b{font-family:var(--f-display);color:var(--laranja);font-weight:600}
.indice a:hover b{color:var(--cacau)}
.svc{padding:clamp(56px,8vw,110px) 0}
.svc:nth-of-type(even){background:var(--pessego)}
.svc__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.svc--inv .svc__media{order:2}
.svc__media{position:relative}
.svc__foto{border-radius:var(--r);overflow:hidden;box-shadow:var(--sombra-g);aspect-ratio:4/3}
.svc__foto img{width:100%;height:100%;object-fit:cover}
.svc--inv .svc__foto{border-radius:var(--r) 160px var(--r) var(--r)}
.svc:not(.svc--inv) .svc__foto{border-radius:160px var(--r) var(--r) var(--r)}
.svc__n{position:absolute;left:-14px;top:-14px;z-index:2;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--laranja);color:var(--cacau);font-family:var(--f-display);font-size:2rem;font-weight:500;box-shadow:var(--sombra-g);transform:rotate(-8deg)}
.svc--inv .svc__n{left:auto;right:-14px}
.svc__ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--cacau);color:var(--laranja);margin-bottom:20px;transform:rotate(-6deg)}
.svc__ic svg{width:28px;height:28px}
.svc h2{font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:420;letter-spacing:-.03em;margin-bottom:14px}
.svc__resumo{font-weight:700;font-size:1.1rem}
.svc__texto{color:var(--tinta-2)}
.svc .chips{margin:18px 0 26px}
@media (max-width:900px){.svc__grid{grid-template-columns:1fr}.svc--inv .svc__media{order:0}.svc__n{width:64px;height:64px;font-size:1.5rem;left:-6px;top:-10px}.svc--inv .svc__n{right:-6px}}

.estrutura{display:flex;flex-wrap:wrap;gap:12px;list-style:none}
.estrutura li{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:#fff;box-shadow:var(--sombra);font-weight:700;transition:transform .4s var(--ease),background .3s,color .3s}
.estrutura li:hover{transform:translateY(-3px) rotate(-2deg);background:var(--laranja);color:var(--cacau)}
.estrutura li .ic{width:18px;height:18px;color:var(--laranja-esc)}
.estrutura li:hover .ic{color:var(--cacau)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,70px)}
@media (max-width:760px){.sec-head{grid-template-columns:1fr;gap:16px}}

.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ben{position:relative;padding:clamp(24px,2.6vw,34px);border-radius:var(--r);background:#fff;box-shadow:var(--sombra);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.ben:hover{transform:translateY(-6px);box-shadow:var(--sombra-g)}
.ben__ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--pessego);color:var(--laranja-esc);margin-bottom:20px;transition:transform .6s var(--ease),background .4s,color .4s}
.ben:hover .ben__ic{transform:rotate(-10deg) scale(1.08);background:var(--laranja);color:var(--cacau)}
.ben__ic svg{width:28px;height:28px}
.ben h3{font-size:1.4rem;margin-bottom:8px;font-weight:600}
.ben p{margin:0;color:var(--tinta-2);font-size:.97rem}
.ben--laranja{background:var(--laranja)}
.ben--laranja p{color:var(--cacau)}
.ben--laranja .ben__ic{background:var(--cacau);color:var(--laranja)}
.ben--cacau{background:var(--cacau);color:var(--creme)}
.ben--cacau p{color:rgba(239,231,221,.78)}
.ben--cacau .ben__ic{background:rgba(246,142,52,.18);color:var(--laranja)}
.ben--turq{background:var(--turquesa-esc);color:#fff}
.ben--turq p{color:rgba(255,255,255,.85)}
.ben--turq .ben__ic{background:rgba(255,255,255,.16);color:var(--manteiga)}
@media (max-width:900px){.bens{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.bens{grid-template-columns:1fr}}

.petshop{background:var(--laranja);color:var(--cacau);overflow:hidden;isolation:isolate}
.petshop .eyebrow{color:var(--cacau)}
.petshop h2 em{color:var(--cacau)}
.petshop .lead{color:var(--cacau)}
.petshop__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,96px);align-items:center}
.petshop__n{font-family:var(--f-display);font-size:clamp(4.5rem,13vw,10rem);font-weight:300;line-height:.8;letter-spacing:-.06em;margin:10px 0 18px}
.petshop__n sup{font-size:.4em;vertical-align:top}
.petshop__foto{border-radius:50%;overflow:hidden;aspect-ratio:1;border:10px solid var(--creme);box-shadow:var(--sombra-g);max-width:440px;margin-left:auto}
.petshop__foto img{width:100%;height:100%;object-fit:cover}
.petshop .btn{--bg:var(--cacau);--fg:var(--creme);--hover:var(--creme);--hover-fg:var(--cacau);box-shadow:none}
.petshop .btn--ghost{--bg:transparent;--fg:var(--cacau);--hover:var(--cacau);--hover-fg:var(--laranja);box-shadow:inset 0 0 0 1.5px var(--cacau)}
@media (max-width:900px){.petshop__grid{grid-template-columns:1fr}.petshop__foto{margin:0 auto;max-width:320px}}

.cta-final{position:relative;background:var(--cacau);text-align:center;overflow:hidden;isolation:isolate}
.cta-final::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 50% 120%,rgba(246,142,52,.35),transparent 65%)}
.cta-final h2{font-size:clamp(2.4rem,6.6vw,6rem);font-weight:360;letter-spacing:-.04em;line-height:.98;max-width:16ch;margin:0 auto 32px}
.cta-final .btn-row{justify-content:center}
.cta-final__mascote{width:96px;height:96px;border-radius:50%;margin:0 auto 24px;box-shadow:0 0 0 4px var(--laranja);transform:rotate(-10deg)}

/* FAQ */
.faq{border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font-family:var(--f-display);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:38px;height:38px;border-radius:50%;flex:none;background:#fff;box-shadow:var(--sombra);transition:background .3s,transform .5s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:12px;right:12px;top:18px;height:2px;background:var(--cacau);border-radius:2px;transition:transform .5s var(--ease)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--laranja);transform:rotate(180deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq .ans{overflow:hidden}
.faq .ans>div{padding:0 0 26px;color:var(--tinta-2);max-width:68ch}
.faq .ans a{color:var(--laranja-txt);font-weight:700;text-decoration:underline}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px)}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr}}
.nota{display:flex;gap:14px;padding:18px 20px;border-radius:var(--r-s);background:var(--manteiga);color:var(--cacau);font-size:.95rem;margin-top:26px}
.nota .ic{width:22px;height:22px;color:var(--laranja-txt);margin-top:2px}

/* avaliações no google (home) */
.depo{padding-top:0}
.depo__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:end;margin-bottom:36px}
.depo__nota{display:grid;grid-template-columns:auto auto;gap:2px 14px;align-items:center;padding:18px 24px;border-radius:var(--r);background:var(--cacau);color:var(--creme);box-shadow:var(--sombra-g);transform:rotate(2deg);transition:transform .5s var(--ease)}
.depo__nota:hover{transform:rotate(0) translateY(-4px)}
.depo__nota b{grid-row:span 2;font-family:var(--f-display);font-size:3.4rem;font-weight:500;line-height:1;color:var(--laranja)}
.depo__total{font-size:.85rem;font-weight:700}
.depo__estrelas,.depo-card__estrelas{position:relative;display:inline-block;line-height:1;letter-spacing:3px;font-size:1.25rem;white-space:nowrap}
.depo__estrelas::before,.depo-card__estrelas::before{content:"★★★★★";color:rgba(255,255,255,.22)}
.depo__estrelas::after,.depo-card__estrelas::after{content:"★★★★★";position:absolute;inset:0 auto 0 0;width:var(--nota,100%);overflow:hidden;color:var(--laranja)}
.depo-card__estrelas{font-size:1.05rem}
.depo-card__estrelas::before{color:var(--linha)}
.depo__lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.depo-card{position:relative;height:100%;margin:0;display:flex;flex-direction:column;gap:14px;padding:30px 26px 24px;border-radius:var(--r);background:#fff;box-shadow:var(--sombra);transition:transform .6s var(--ease)}
.depo__lista li:nth-child(3n+2) .depo-card{background:var(--pessego)}
.depo__lista li:nth-child(3n) .depo-card{background:var(--manteiga)}
.depo-card:hover{transform:translateY(-6px) rotate(-.6deg)}
.depo-card::before{content:"“";position:absolute;right:20px;top:-6px;font-family:var(--f-display);font-size:6rem;line-height:1;color:var(--laranja);opacity:.9}
.depo-card blockquote{margin:0;flex:1}
.depo-card blockquote p{margin:0;font-family:var(--f-display);font-size:1.35rem;line-height:1.35;color:var(--cacau)}
.depo-card figcaption{font-size:.88rem;color:var(--tinta-2)}
.depo-card figcaption b{display:block;color:var(--cacau);font-size:.95rem}
.depo__cta{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.depo__fonte{margin:14px 0 0;font-size:.8rem;color:var(--tinta-2)}
@media (max-width:900px){
  .depo__head{grid-template-columns:1fr;align-items:start}
  .depo__nota{justify-self:start}
  .depo__lista{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding:6px 4px 18px;margin:0 calc(var(--gut) * -1);padding-left:var(--gut);padding-right:var(--gut);scrollbar-width:thin}
  .depo__lista li{scroll-snap-align:start}
}

/* privacidade */
.doc{display:grid;grid-template-columns:.8fr 2.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.doc__lado{position:sticky;top:calc(var(--header-h) + 24px)}
.doc__lado ol{list-style:none;display:grid;gap:6px}
.doc__lado a{display:block;padding:10px 16px;border-radius:999px;font-weight:700;font-size:.92rem;transition:background .3s,color .3s}
.doc__lado a:hover{background:#fff;color:var(--laranja-txt)}
.doc__corpo{padding:clamp(24px,4vw,56px);border-radius:var(--r);background:#fff;box-shadow:var(--sombra)}
.doc__corpo h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:44px 0 14px;display:flex;align-items:center;gap:12px}
.doc__corpo h2:first-child{margin-top:0}
.doc__corpo h2 .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--pessego);color:var(--laranja-esc)}
.doc__corpo p,.doc__corpo li{max-width:68ch;color:var(--tinta)}
.doc__corpo ul{margin:12px 0 0 1.1em}
.doc__corpo li+li{margin-top:8px}
.doc__corpo a{color:var(--laranja-txt);font-weight:700;text-decoration:underline}
@media (max-width:900px){.doc{grid-template-columns:1fr}.doc__lado{position:static}.doc__lado ol{display:flex;flex-wrap:wrap}.doc__lado a{background:#fff;box-shadow:var(--sombra);padding:8px 14px;font-size:.85rem}}

/* item de grid nunca alarga a coluna */
.welcome>*,.plan__grid>*,.tutor__grid>*,.spa__grid>*,.visit>*,.hero__in>*,.pillars__head>*,.svc__grid>*,.petshop__grid>*,.faq-grid>*,.doc>*,.insta__head>*,.sec-head>*,.depo__head>*{min-width:0}

/* utilitários */
.section--sem-topo{padding-top:0}
.mt-indice{margin-top:32px}
.mt-cta{margin:32px 0 0}
.mt-0{margin-top:0}