.vpet-sales{
  --vp-accent:var(--sv-accent,#2dd4bf);
  --vp-accent-rgb:45,212,191;
  --vp-lilac:#8f7bd8;
  --vp-yellow:#ffd869;
  --vp-coral:#ff8f7a;
  --vp-cream:#fffaf0;
  --vp-paper:#fbfcfb;
  --vp-ink:#132220;
  --vp-muted:#6f7d79;
  --vp-dark:#0f3d39;
  --vp-line:#dcebe7;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--vp-paper);
  color:var(--vp-ink);
  overflow:hidden
}
.vpet-sales *{box-sizing:border-box}
.vpet-sales img{display:block;max-width:100%}
.vpet-sales a{text-decoration:none}
.vpet-sales h1,.vpet-sales h2,.vpet-sales h3,.vpet-sales strong,.vpet-sales b{font-family:'Plus Jakarta Sans','Inter',sans-serif}
[data-vpet-reveal],[data-vpet-stagger]>*{opacity:0;transform:translateY(24px);transition:opacity .66s cubic-bezier(.2,.7,.2,1),transform .66s cubic-bezier(.2,.7,.2,1)}
[data-vpet-reveal].is-visible,[data-vpet-stagger]>.is-visible{opacity:1;transform:none}
.vpet-kicker,.vpet-section-label{display:inline-flex;align-items:center;gap:9px;font:850 .66rem/1 'Plus Jakarta Sans';letter-spacing:.14em;text-transform:uppercase}
.vpet-kicker{color:#345450}.vpet-section-label{color:var(--vp-dark)}
.vpet-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 21px;border:1px solid transparent;border-radius:999px;font:850 .77rem/1 'Plus Jakarta Sans';transition:.2s}
.vpet-btn:hover{transform:translateY(-2px)}
.vpet-btn-primary{background:var(--vp-accent);color:#063a34;box-shadow:0 14px 34px rgba(var(--vp-accent-rgb),.24)}
.vpet-btn-outline{background:#fff;color:#193e3a;border-color:#bfd9d3}
.vpet-btn-dark{background:var(--vp-dark);color:#fff}
.vpet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.vpet-actions-center{justify-content:center}
.vpet-hero{position:relative;padding:72px 0 0;background:linear-gradient(180deg,#fbfff7,#f6fbfa 75%,#fff);min-height:100vh}
.vpet-hero-blob{position:absolute;border-radius:45% 55% 60% 40%/42% 48% 52% 58%;filter:blur(.2px);pointer-events:none}
.vpet-hero-blob-a{width:510px;height:510px;right:-150px;top:-130px;background:rgba(143,123,216,.16)}
.vpet-hero-blob-b{width:330px;height:330px;left:-120px;bottom:120px;background:rgba(255,216,105,.23)}
.vpet-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.vpet-hero-copy h1{font-size:clamp(3.5rem,6.3vw,6.8rem);line-height:.88;letter-spacing:-.077em;margin:18px 0 23px;max-width:8ch}
.vpet-hero-copy p{font-size:1.05rem;line-height:1.78;color:#64736f;max-width:52ch}
.vpet-proof-row{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:24px;color:#73817d;font-size:.62rem}.vpet-proof-row i{color:var(--vp-accent);margin-right:5px}
.vpet-hero-stage{position:relative;min-height:650px}
.vpet-pet-photo{position:absolute;right:0;top:0;width:61%;height:420px;border-radius:46px 46px 110px 46px;overflow:hidden;background:#f3eee0;box-shadow:0 26px 70px rgba(44,69,64,.13)}
.vpet-pet-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) brightness(1.04)}
.vpet-pet-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,61,57,.4),transparent 48%)}
.vpet-pet-id{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.92);padding:10px 12px;border-radius:18px;box-shadow:0 10px 30px rgba(24,59,53,.12)}
.vpet-avatar{width:36px;height:36px;border-radius:12px;background:#e5f8f4;color:#1b7f74;display:grid;place-items:center}
.vpet-pet-id div{display:flex;flex-direction:column}.vpet-pet-id small{font-size:.43rem;letter-spacing:.1em;color:#84908e}.vpet-pet-id strong{font-size:.63rem}.vpet-pet-id span{font-size:.47rem;color:#74827e}
.vpet-dashboard{position:absolute;left:0;bottom:0;width:72%;margin:0;border:1px solid #d8e9e4;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 28px 74px rgba(34,66,60,.18)}
.vpet-window-top{height:40px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:0 12px;border-bottom:1px solid #e6efec;font-size:.46rem;color:#7b8985}.vpet-window-top>span{display:flex;gap:4px}.vpet-window-top i{width:7px;height:7px;border-radius:50%;background:#d2dfdc}.vpet-window-top i:first-child{background:var(--vp-accent)}.vpet-window-top strong{letter-spacing:.1em;color:#50605c}.vpet-window-top small{color:#16725f;text-transform:uppercase}
.vpet-dashboard img{width:100%}
.vpet-float{position:absolute;z-index:5;display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dfece8;border-radius:18px;padding:11px 12px;box-shadow:0 16px 36px rgba(32,69,61,.12)}
.vpet-float>span{width:35px;height:35px;border-radius:12px;background:#ecf9f6;color:#16877a;display:grid;place-items:center}
.vpet-float div{display:flex;flex-direction:column}.vpet-float small{font-size:.42rem;letter-spacing:.1em;color:#596762}.vpet-float strong{font-size:.6rem}.vpet-float em{font-style:normal;font-size:.46rem;color:#596762;margin-top:2px}.vpet-float-vaccine{left:-2%;top:27%}.vpet-float-groom{right:2%;bottom:17%}
.vpet-quick-strip{position:relative;z-index:3;margin-top:58px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #dcebe7;border-radius:24px;overflow:hidden;box-shadow:0 17px 45px rgba(32,66,60,.06)}
.vpet-quick-strip article{min-height:92px;padding:18px;border-right:1px solid #e4efec;display:flex;align-items:center;gap:10px}.vpet-quick-strip article:last-child{border-right:0}.vpet-quick-strip i{color:var(--vp-accent);font-size:1.05rem}.vpet-quick-strip strong{display:block;font-size:.66rem}.vpet-quick-strip span{display:block;font-size:.5rem;color:#596762;margin-top:3px}
.vpet-story{padding:clamp(85px,9vw,135px) 0;background:#fff}.vpet-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:center}.vpet-story h2,.vpet-copy-block h2,.vpet-public-copy h2,.vpet-center-head h2,.vpet-final h2{font-size:clamp(2.4rem,4.8vw,4.9rem);line-height:.94;letter-spacing:-.065em;margin:14px 0 17px}.vpet-story p,.vpet-copy-block p,.vpet-public-copy p,.vpet-center-head p,.vpet-final p{color:#5e6b67;line-height:1.72}
.vpet-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.vpet-timeline article{background:#f8fbfa;border:1px solid #dcebe7;border-radius:24px;padding:20px;min-height:220px}.vpet-timeline b{font-size:.5rem;color:#596762}.vpet-timeline i{display:block;font-size:1.35rem;color:var(--vp-accent);margin:50px 0 17px}.vpet-timeline strong{display:block;font-size:.73rem}.vpet-timeline span{display:block;font-size:.52rem;color:#596762;margin-top:5px}
.vpet-vaccine{padding:clamp(85px,9vw,135px) 0;background:#f4efff}.vpet-groom{padding:clamp(85px,9vw,135px) 0;background:#fff8df}.vpet-split{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center}.vpet-split-reverse{grid-template-columns:.82fr 1.18fr}.vpet-copy-block ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px;color:#60706b}.vpet-copy-block li i{color:var(--vp-accent);margin-right:6px}
.vpet-product-screen{margin:0;background:#fff;border:1px solid rgba(73,79,75,.12);border-radius:28px;overflow:hidden;box-shadow:0 28px 75px rgba(63,61,82,.14)}.vpet-screen-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #ecefee;font-size:.5rem;color:#596762}.vpet-screen-head span{font-weight:850;letter-spacing:.1em;color:#46534f}.vpet-product-screen img{width:100%}
.vpet-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.vpet-chip-grid span{padding:8px 10px;border-radius:999px;background:#fff3be;color:#675a23;font-size:.55rem;font-weight:800;border:1px solid #f3dc78}
.vpet-ecosystem{padding:clamp(85px,9vw,135px) 0;background:#0f3d39;color:#fff}.vpet-center-head{text-align:center;max-width:820px;margin:0 auto 45px}.vpet-center-head .vpet-section-label{color:#7ee7d9}.vpet-center-head p{color:#b9d0cb}.vpet-ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vpet-ecosystem-grid article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045);min-height:205px}.vpet-ecosystem-grid i{color:#7ee7d9;font-size:1.25rem}.vpet-ecosystem-grid h3{font-size:.8rem;margin:33px 0 7px}.vpet-ecosystem-grid p{font-size:.6rem;line-height:1.62;color:#bcd0cc}
.vpet-public{padding:clamp(85px,9vw,135px) 0;background:#f9fbf7}.vpet-public-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.vpet-public-preview{background:#e7f8f3;border-radius:40px;padding:26px}.vpet-public-browser{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px rgba(27,70,61,.1)}.vpet-public-nav{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:.54rem;color:#5e6b67}.vpet-public-nav strong{font-size:.64rem;color:#214d47}.vpet-public-hero{display:grid;grid-template-columns:1fr 1fr;min-height:300px;background:#fff5c9}.vpet-public-hero>div{padding:31px;align-self:center}.vpet-public-hero small{font-size:.46rem;color:#16725f;font-weight:850;letter-spacing:.1em}.vpet-public-hero strong{display:block;font-size:1.85rem;line-height:.94;letter-spacing:-.06em;margin:9px 0 17px}.vpet-public-hero span{display:inline-flex;background:var(--vp-accent);padding:8px 11px;border-radius:999px;font-size:.5rem;font-weight:850}.vpet-public-hero img{width:100%;height:100%;object-fit:cover}.vpet-public-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.vpet-public-categories span{background:#f3f8f6;padding:10px;border-radius:12px;font-size:.5rem;text-align:center;color:#60706c}.vpet-public-categories i{color:#198f82;margin-right:4px}
.vpet-components{background:#f9fbf7}.vpet-components .sv-planos,.vpet-components .sv-faq{background:transparent}.vpet-components .sv-label{color:#16725f}.vpet-components .sv-label:before{background:var(--vp-accent)}.vpet-components .sv-plano{border-radius:24px;background:#fff}.vpet-components .sv-plano--ancora{border-color:rgba(var(--vp-accent-rgb),.45)}.vpet-components .sv-plano__tag{background:var(--vp-accent);color:#073c36}
.vpet-final{padding:clamp(95px,10vw,155px) 0;background:linear-gradient(145deg,#e7f8f3,#f7f1ff);text-align:center}.vpet-final-inner{max-width:950px;margin:auto}.vpet-final h2{max-width:12ch;margin-inline:auto}.vpet-final p{max-width:58ch;margin-inline:auto}
@media(max-width:1024px){.vpet-hero-grid,.vpet-story-grid,.vpet-split,.vpet-split-reverse,.vpet-public-grid{grid-template-columns:1fr}.vpet-hero-stage{max-width:720px;width:100%;margin:auto}.vpet-quick-strip{grid-template-columns:repeat(3,1fr)}.vpet-quick-strip article:nth-child(3){border-right:0}.vpet-timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.vpet-hero-copy h1{font-size:clamp(3.2rem,15vw,5rem)}.vpet-actions{display:grid}.vpet-btn{width:100%}.vpet-hero-stage{min-height:500px}.vpet-pet-photo{width:78%;height:320px}.vpet-dashboard{width:75%}.vpet-float-vaccine{display:none}.vpet-float-groom{right:-2%;bottom:14%}.vpet-quick-strip{grid-template-columns:1fr 1fr}.vpet-quick-strip article:nth-child(2n){border-right:0}.vpet-timeline,.vpet-ecosystem-grid{grid-template-columns:1fr}.vpet-public-preview{padding:12px;border-radius:24px}.vpet-public-hero{grid-template-columns:1fr}.vpet-public-hero img{height:230px}.vpet-public-nav span{display:none}}
@media(max-width:480px){.vpet-hero-stage{min-height:430px}.vpet-dashboard{left:-3%;width:78%}.vpet-pet-photo{right:-3%;width:80%;height:280px}.vpet-float-groom{display:none}.vpet-quick-strip{grid-template-columns:1fr}.vpet-quick-strip article{border-right:0;border-bottom:1px solid #e4efec}.vpet-quick-strip article:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){[data-vpet-reveal],[data-vpet-stagger]>*{opacity:1;transform:none;transition:none!important}}

/* -------------------------------------------------------------------------
   Átomos do núcleo em superfície clara
   -------------------------------------------------------------------------
   Planos, dúvidas e captação vêm de core.css. Sobre papel eles precisam das
   quatro correções de sempre: respiro entre as seções, o botão de vidro que
   some (tinta #f0f0f0 sobre branco), o acento que só brilha no escuro e o
   sublinhado dos links apagado pelo reset de link da vertical.
   ------------------------------------------------------------------------- */
.vpet-componente{padding:clamp(74px,8vw,124px) 0}
.vpet-componente + .vpet-componente{padding-top:0}
.vpet-componente .vpet-section-label{margin-bottom:18px}
.vpet-componente h2{font-size:clamp(1.9rem,3.2vw,3.3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;color:var(--vp-dark,#0f3d39)}
.vpet-componente-apoio{max-width:60ch;margin:0 0 clamp(34px,4vw,54px);color:#4f6360;line-height:1.78}
.vpet-componente .sv-planos,.vpet-componente .sv-duvidas,.vpet-componente .sv-lead{padding:0;background:transparent}
.vpet-componente .sv-planos__nota{margin-top:clamp(26px,3vw,38px)}
.vpet-components .sc-btn-glass{background:#fff;color:#0f3d39;border:1px solid rgba(15,61,57,.16)}
.vpet-components .sc-btn-glass:hover{background:#f2f8f6;color:#0f3d39;border-color:rgba(15,61,57,.3)}
.vpet-components .sv-plano{border-radius:22px;background:#fff;box-shadow:0 18px 44px -26px rgba(15,61,57,.22)}
.vpet-components .sv-plano--ancora{box-shadow:0 30px 70px -34px rgba(15,61,57,.3)}
.vpet-components .vatse-commercial-field input{background:#fff;border-color:rgba(15,61,57,.16);color:#0f3d39}
.vpet-components{--sv-accent-ink:#0b6f66}
.vpet-components .sv-planos__nota a,
.vpet-components .sv-duvidas__aside a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Com width:100% e SEM height:auto, o atributo height="1230" do HTML vira
   altura fixa: as capturas renderizavam 1230px e estouravam a seção. */
.vpet-dashboard img,
.vpet-product-screen img{height:auto}

/* 17px depois de um título de quatro linhas em 4.9rem lê como texto colado no
   título. O apoio precisa de um respiro proporcional ao tamanho dele. */
.vpet-copy-block h2,.vpet-public-copy h2,.vpet-center-head h2,.vpet-final h2{margin:14px 0 0}
.vpet-copy-block p,.vpet-public-copy p,.vpet-center-head p,.vpet-final p{margin:clamp(18px,1.8vw,28px) 0 0}

/* -------------------------------------------------------------------------
   Monte o cuidado (módulo interativo próprio do pet)
   -------------------------------------------------------------------------
   Toggle de serviços + total ao vivo. Terceiro padrão de interação: nem grade
   com sacola (loja), nem abas de cardápio (restaurante).
   ------------------------------------------------------------------------- */
.vpet-monte{padding:clamp(74px,8vw,124px) 0;background:var(--vp-cream)}
.vpet-monte-box{margin-top:clamp(32px,4vw,52px);display:grid;grid-template-columns:1.55fr .95fr;gap:clamp(18px,2.5vw,30px);align-items:start}
.vpet-monte-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.vpet-servico{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;text-align:left;padding:16px 18px;border:1.5px solid var(--vp-line);border-radius:18px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}
.vpet-servico:hover{transform:translateY(-2px);box-shadow:0 16px 40px -30px rgba(15,61,57,.4)}
.vpet-servico:focus-visible{outline:2px solid var(--vp-dark);outline-offset:2px}
.vpet-servico-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eef8f4;color:var(--vp-dark);font-size:1.05rem}
.vpet-servico-txt strong{display:block;font-size:.98rem;color:var(--vp-ink)}
.vpet-servico-txt span{display:block;font-size:.78rem;color:#566460;margin-top:2px}
.vpet-servico-preco{font:800 .98rem/1 'Plus Jakarta Sans','Inter',sans-serif;color:var(--vp-dark)}
.vpet-servico-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--vp-line);color:#fff;font-size:.6rem;opacity:0;transform:scale(.6);transition:.2s}
.vpet-servico.is-on{border-color:var(--vp-accent);background:linear-gradient(180deg,#f2fbf8,#fff)}
.vpet-servico.is-on .vpet-servico-ico{background:var(--vp-accent);color:#063a34}
.vpet-servico.is-on .vpet-servico-check{opacity:1;transform:scale(1);background:#12704a}
.vpet-monte-resumo{position:sticky;top:96px;border:1px solid var(--vp-line);border-radius:22px;background:#0d332f;background-image:linear-gradient(180deg,#0f3d39,#0c302d);color:#fff;padding:26px 24px;display:flex;flex-direction:column;gap:6px;box-shadow:0 30px 70px -40px rgba(15,61,57,.6)}
.vpet-resumo-eyebrow{font:800 .62rem/1 'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9fd7cb}
.vpet-resumo-total{font:800 2.4rem/1 'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.03em;margin:6px 0 2px}
.vpet-resumo-itens{font-size:.85rem;color:#b9d0cb}
.vpet-monte-resumo .vpet-btn{margin-top:18px;width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:800 .82rem/1 'Plus Jakarta Sans','Inter',sans-serif;text-decoration:none}
.vpet-resumo-nota{margin:14px 0 0;font-size:.72rem;line-height:1.55;color:#a9cbc4}
@media(max-width:900px){.vpet-monte-box{grid-template-columns:1fr}.vpet-monte-resumo{position:static}}
@media(max-width:560px){.vpet-monte-grid{grid-template-columns:1fr}}

/* .vpet-center-head e .vpet-section-label nasceram na seção escura do
   ecossistema (texto claro). O "monte o cuidado" é claro e reaproveita os dois:
   ali precisam de tinta escura, senão somem no creme. */
.vpet-monte .vpet-center-head p{color:#566460}
.vpet-monte .vpet-section-label{color:#0b6f66}