/* =========================================================
   LEAL CHOCOART — LANDING
   Refeita em 06/10/2026. Só vale fora do admin: o render() liga
   html.is-site (e o script do <head> já liga antes da primeira
   pintura). O painel continua com style.css puro.

   Paleta: o violeta, o lilás e o blush do logo, agora sobre um
   creme quente, com o chocolate e o mel do próprio pão de mel.
   O escuro é "ameixa", violeta profundo — não cinza, não marrom.
   Pares de texto conferidos em AA (≥4.5:1).
========================================================= */
html.is-site,
html.is-admin{
  --bg:#FFF5EE;
  --bg-alt:#FBEADF;
  --bg-warm:#FFF0E6;
  --surface:#FFFFFF;
  --surface-2:#FFF7F1;
  --surface-3:#F8EADF;
  --header-bg:rgba(255,247,241,.74);

  --ink:#2B1712;
  --ink-2:#6A4E45;
  --ink-3:#7A5D53;

  --brand:#7A35CF;
  --brand-2:#A065EE;
  --brand-3:#D0A8F8;
  --brand-deep:#5E22AE;
  --brand-soft:#F3E6FD;
  --brand-tint:rgba(160,101,238,.14);
  --on-brand:#FFFFFF;
  --grad-a:#7A35CF;
  --grad-b:#7A35CF;

  --blush:#F9DDE6;
  --blush-2:#FCEEF2;
  --line:#F0DCD0;
  --line-2:#E5C8B8;
  --media-bg:linear-gradient(150deg,#FBE9DE,#F6E0EC);
  --ring:0 0 0 3px rgba(160,101,238,.42);

  /* só da landing */
  --choco:#2E1710;
  --cream:#FFF5EE;
  --honey:#F2A93B;
  --lp-glow-1:rgba(208,168,248,.55);
  --lp-glow-2:rgba(249,214,226,.95);
  --lp-glow-3:rgba(242,169,59,.18);
  --lp-plate-a:#F6E2FB;
  --lp-plate-b:#FBDCE6;
  --lp-card:rgba(255,255,255,.66);
  --lp-card-line:rgba(74,38,24,.09);
  --lp-ghost:rgba(122,53,207,.075);
  --lp-pattern:rgba(122,53,207,.10);
  --lp-shadow:rgba(46,23,16,.30);
  --lp-final-bg:#2E1710;
  --lp-final-ink:#FFF1E6;
  --lp-final-ink-2:#E5CFC2;
  --lp-head-h:88px;
  --ease-in-out:cubic-bezier(.77,0,.175,1);
}
/* Escuro "ameixa": violeta bem profundo, quase preto. A cor da marca
   envolve a página e o chocolate se destaca por contraste. Escolhido por
   ele em 06/10/2026, entre ameixa, cacau e grafite. */
html.is-site[data-theme="dark"],
html.is-admin[data-theme="dark"]{
  --bg:#110A19;
  --bg-alt:#170E22;
  --bg-warm:#1A1024;
  --surface:#1D1329;
  --surface-2:#251A33;
  --surface-3:#2E2240;
  --header-bg:rgba(24,15,35,.72);

  --ink:#F6F0FF;
  --ink-2:#D2C6E6;
  --ink-3:#B4A7CB;

  --brand:#C9A2FF;
  --brand-2:#B98BFA;
  --brand-3:#DDC7FF;
  --brand-deep:#E8DAFF;
  --brand-soft:#2D2046;
  --brand-tint:rgba(201,162,255,.16);
  --on-brand:#190E2A;
  --grad-a:#C9A2FF;
  --grad-b:#C9A2FF;

  --blush:#3A2238;
  --blush-2:#2C1A2B;
  --line:#30243F;
  --line-2:#3F3153;
  --media-bg:linear-gradient(150deg,#22173A,#2A1A36);
  --ring:0 0 0 3px rgba(201,162,255,.45);

  --choco:#0B0612;
  --cream:#F6F0FF;
  --lp-glow-1:rgba(140,82,240,.40);
  --lp-glow-2:rgba(230,92,168,.17);
  --lp-glow-3:rgba(242,169,59,.07);
  --lp-plate-a:#3C2B5E;
  --lp-plate-b:#1C1230;
  --lp-card:rgba(255,255,255,.05);
  --lp-card-line:rgba(228,214,255,.11);
  --lp-ghost:rgba(201,162,255,.08);
  --lp-pattern:rgba(201,162,255,.085);
  --lp-shadow:rgba(0,0,0,.6);
  --lp-final-bg:#26173D;
  --lp-final-ink:#F6F0FF;
  --lp-final-ink-2:#D5C9EA;
  --lp-mq-a:#2A1B45;
  --lp-mq-a-ink:#F6F0FF;
  --lp-mq-b:#C9A2FF;
  --lp-mq-b-ink:#190E2A;
  --lp-btn-glow:rgba(201,162,255,.55);
  --lp-art-glow:rgba(201,162,255,.22);
}

/* ---------- fundo: um só, fixo, para nada ficar cortado ----------
   As manchas antigas viviam dentro de cada seção e eram recortadas
   na borda dela — eram os "gradientes cortados". Agora há um fundo
   só, atrás da página inteira, com grão para não formar faixas. */
html.is-site body,html.is-admin body{background:var(--bg);}
html.is-site body::before,html.is-admin body::before{display:none;}
.lp-bg{
  position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(55% 45% at 88% 8%, var(--lp-glow-1), transparent 70%),
    radial-gradient(50% 42% at 4% 34%, var(--lp-glow-2), transparent 72%),
    radial-gradient(48% 40% at 70% 96%, var(--lp-glow-3), transparent 72%),
    var(--bg);
  transition:background-color .4s var(--ease);
}
.lp-bg::after{
  content:'';position:absolute;inset:0;opacity:.09;
  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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
html.is-site[data-theme="dark"] .lp-bg::after,html.is-admin[data-theme="dark"] .lp-bg::after{opacity:.06;}
/* o padrão: doodles de pão de mel, coração, brilho, gota de mel, espiral e
   granulado, como os rabiscos dos posts de referência. É uma máscara
   pintada com --lp-pattern, para a cor seguir o tema. Anda devagar na
   diagonal — um ladrilho (260px) a cada 90s, sem emenda. */
.lp-bg::before{
  content:'';position:absolute;inset:-260px;
  background:var(--lp-pattern);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(52 54) rotate(-12)'%3E%3Cellipse cy='-5' rx='22' ry='8'/%3E%3Cpath d='M-22 -5v8a22 8 0 0 0 44 0v-8'/%3E%3Cpath d='M-12 -10l6 9M-2 -12l6 10M8 -11l5 8'/%3E%3C/g%3E%3Cg transform='translate(188 230) rotate(10) scale(.72)'%3E%3Cellipse cy='-5' rx='22' ry='8'/%3E%3Cpath d='M-22 -5v8a22 8 0 0 0 44 0v-8'/%3E%3Cpath d='M-12 -10l6 9M-2 -12l6 10M8 -11l5 8'/%3E%3C/g%3E%3Cpath transform='translate(178 46) rotate(14)' d='M0 8C-12 0-10-10 0-5 10-10 12 0 0 8Z'/%3E%3Cpath transform='translate(126 124)' d='M0-12Q2-2 12 0 2 2 0 12-2 2-12 0-2-2 0-12Z'/%3E%3Cpath transform='translate(236 232) scale(.55)' d='M0-12Q2-2 12 0 2 2 0 12-2 2-12 0-2-2 0-12Z'/%3E%3Cpath transform='translate(220 166) rotate(10)' d='M0-12C0-12 9-1 9 4A9 9 0 0 1-9 4C-9-1 0-12 0-12Z'/%3E%3Cpath transform='translate(56 196)' d='M0 0a3 3 0 0 1 6 0 6 6 0 0 1-12 0 9 9 0 0 1 18 0 12 12 0 0 1-24 0'/%3E%3Cpath d='M107 44l10-7M26 116l10 6M135 203l11 6M84 236l6-10'/%3E%3Cg fill='%23000' stroke='none'%3E%3Ccircle cx='232' cy='30' r='2.4'/%3E%3Ccircle cx='196' cy='104' r='2.4'/%3E%3Ccircle cx='92' cy='150' r='2.4'/%3E%3Ccircle cx='24' cy='246' r='2.4'/%3E%3Ccircle cx='160' cy='160' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(52 54) rotate(-12)'%3E%3Cellipse cy='-5' rx='22' ry='8'/%3E%3Cpath d='M-22 -5v8a22 8 0 0 0 44 0v-8'/%3E%3Cpath d='M-12 -10l6 9M-2 -12l6 10M8 -11l5 8'/%3E%3C/g%3E%3Cg transform='translate(188 230) rotate(10) scale(.72)'%3E%3Cellipse cy='-5' rx='22' ry='8'/%3E%3Cpath d='M-22 -5v8a22 8 0 0 0 44 0v-8'/%3E%3Cpath d='M-12 -10l6 9M-2 -12l6 10M8 -11l5 8'/%3E%3C/g%3E%3Cpath transform='translate(178 46) rotate(14)' d='M0 8C-12 0-10-10 0-5 10-10 12 0 0 8Z'/%3E%3Cpath transform='translate(126 124)' d='M0-12Q2-2 12 0 2 2 0 12-2 2-12 0-2-2 0-12Z'/%3E%3Cpath transform='translate(236 232) scale(.55)' d='M0-12Q2-2 12 0 2 2 0 12-2 2-12 0-2-2 0-12Z'/%3E%3Cpath transform='translate(220 166) rotate(10)' d='M0-12C0-12 9-1 9 4A9 9 0 0 1-9 4C-9-1 0-12 0-12Z'/%3E%3Cpath transform='translate(56 196)' d='M0 0a3 3 0 0 1 6 0 6 6 0 0 1-12 0 9 9 0 0 1 18 0 12 12 0 0 1-24 0'/%3E%3Cpath d='M107 44l10-7M26 116l10 6M135 203l11 6M84 236l6-10'/%3E%3Cg fill='%23000' stroke='none'%3E%3Ccircle cx='232' cy='30' r='2.4'/%3E%3Ccircle cx='196' cy='104' r='2.4'/%3E%3Ccircle cx='92' cy='150' r='2.4'/%3E%3Ccircle cx='24' cy='246' r='2.4'/%3E%3Ccircle cx='160' cy='160' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size:260px 260px;mask-size:260px 260px;
}
@keyframes lpPattern{to{transform:translate(260px,260px);}}
@media (prefers-reduced-motion:no-preference){
  .lp-bg::before{animation:lpPattern 90s linear infinite;}
}
.lp-defs{position:absolute;width:0;height:0;overflow:hidden;}

/* ---------- tipografia ---------- */
html.is-site h1,html.is-site h2,html.is-site h3,html.is-admin h1,html.is-admin h2,html.is-admin h3{font-family:'Fraunces','Fredoka',Georgia,serif;font-variation-settings:'SOFT' 100;letter-spacing:-.02em;}
.lp-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);
  margin-bottom:14px;
}
.lp-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--honey);box-shadow:0 0 0 4px rgba(242,169,59,.22);}
.lp-h2{font-size:clamp(36px,5.2vw,64px);font-weight:800;line-height:.98;letter-spacing:-.03em;color:var(--ink);}
.lp-h2 em{font-style:italic;font-weight:600;color:var(--brand);}
.lp-lede{font-size:17px;color:var(--ink-2);max-width:52ch;margin-top:16px;}

/* ---------- blocos com a mesma régua ----------
   Raio, borda e espaço iguais em todo cartão — antes cada bloco
   tinha um tamanho. */
.lp-wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;}
.lp-wrap-md{max-width:960px;}
.lp-sec{position:relative;padding:clamp(80px,11vh,128px) 0;}
.lp-sec-head{margin-bottom:44px;}
.lp-card{
  background:var(--lp-card);
  border:1px solid var(--lp-card-line);
  border-radius:28px;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 18px 40px -24px var(--lp-shadow);
}
html.is-site[data-theme="dark"] .lp-card{box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 18px 40px -24px var(--lp-shadow);}

/* ---------- botões ---------- */
.lp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:0 26px;border-radius:999px;border:1.5px solid transparent;
  background:var(--brand);color:var(--on-brand);
  font:800 16px/1 'Nunito',system-ui,sans-serif;letter-spacing:.005em;white-space:nowrap;
  box-shadow:0 12px 26px -12px rgba(122,53,207,.65);
  transition:transform .16s var(--ease-out), background-color .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
.lp-btn:active{transform:scale(.97);}
.lp-btn .lp-btn-arrow{display:inline-flex;transition:transform .2s var(--ease-out);}
.lp-btn.sm{min-height:46px;padding:0 20px;font-size:14.5px;}
.lp-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2);box-shadow:none;}
.lp-btn-light{background:var(--cream);color:#2E1710;box-shadow:0 12px 26px -14px rgba(0,0,0,.6);}
.lp-btn-line{background:transparent;color:var(--lp-final-ink);border-color:rgba(255,241,230,.32);box-shadow:none;}
@media (hover:hover) and (pointer:fine){
  .lp-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(122,53,207,.7);}
  .lp-btn:hover .lp-btn-arrow{transform:translateX(3px);}
  .lp-btn-ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:none;}
  .lp-btn-line:hover{border-color:var(--lp-final-ink);box-shadow:none;}
  .lp-btn:active{transform:scale(.97);}
}
html.is-site[data-theme="dark"] .lp-btn:not(.lp-btn-ghost):not(.lp-btn-line):not(.lp-btn-light){box-shadow:0 12px 30px -12px var(--lp-btn-glow);}

/* ---------- cabeçalho: pílula de vidro flutuando ---------- */
.lp-header{
  position:sticky;top:0;z-index:40;height:var(--lp-head-h);
  padding:14px 16px 0;background:none;border:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;
}
body.is-scrolled .lp-header{border:0;box-shadow:none;}
.lp-header-in{
  pointer-events:auto;max-width:1200px;margin:0 auto;height:62px;padding:0 10px 0 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--header-bg);border:1px solid var(--lp-card-line);border-radius:999px;
  backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);
  transition:box-shadow .3s ease, background-color .4s ease;
}
body.is-scrolled .lp-header-in{box-shadow:0 12px 30px -18px var(--lp-shadow);}
.lp-header .logo-img{height:34px;}
.lp-nav{display:flex;gap:2px;}
.lp-nav-link{padding:10px 14px;border-radius:999px;font-weight:800;font-size:14.5px;color:var(--ink-2);transition:color .2s ease, background-color .2s ease;}
.lp-nav-link:hover{color:var(--ink);background:var(--brand-tint);}
.lp-head-actions{display:flex;align-items:center;gap:8px;}
.lp-head-actions .icon-btn,.lp-menu-btn{background:var(--surface);border-color:var(--lp-card-line);}
.lp-menu-btn{display:none;}
.lp-mobile-menu{
  pointer-events:auto;max-width:1200px;margin:8px auto 0;padding:10px;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--lp-card-line);border-radius:24px;box-shadow:0 20px 40px -20px var(--lp-shadow);
}
.lp-mobile-menu .lp-nav-link{padding:14px 16px;font-size:16px;}
@media (max-width:900px){
  .lp-nav{display:none;}
  .lp-menu-btn{display:inline-flex !important;}
}

/* =========================================================
   1 · HERO
========================================================= */
.lp-hero{
  position:relative;min-height:100vh;min-height:100svh;
  margin-top:calc(-1 * var(--lp-head-h));
  padding:calc(var(--lp-head-h) + 24px) 0 84px;
  display:flex;align-items:center;overflow:clip;
}
.lp-hero-grid{
  width:100%;max-width:1200px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  grid-template-areas:"head stage" "body stage";
  grid-template-rows:auto auto;column-gap:32px;align-content:center;
}
.lp-hero-head{grid-area:head;align-self:end;}
.lp-hero-body{grid-area:body;align-self:start;}
.lp-stage{grid-area:stage;align-self:center;}
.lp-title{
  font-size:clamp(68px,10.4vw,164px);font-weight:900;line-height:.84;letter-spacing:-.045em;
  color:var(--ink);font-variation-settings:'SOFT' 100,'opsz' 144;
}
.lp-title span{display:block;}
.lp-title span + span{font-style:italic;font-weight:700;color:var(--brand);padding-left:.12em;}
.lp-hero-sub{
  font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;font-style:italic;font-weight:500;
  font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--ink-2);max-width:26ch;margin-top:26px;
}
.lp-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}

/* status ao vivo */
.lp-status{
  display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 14px 10px 16px;
  border-radius:999px;background:var(--lp-card);border:1px solid var(--lp-card-line);color:var(--ink-2);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:border-color .2s ease, transform .16s var(--ease-out);
}
.lp-status:active{transform:scale(.98);}
@media (hover:hover) and (pointer:fine){ .lp-status:hover{border-color:var(--brand-3);} }
.lp-status-txt{display:flex;flex-direction:column;line-height:1.25;}
.lp-status-txt b{font-size:14.5px;font-weight:800;color:var(--ink);}
.lp-status-txt small{font-size:13px;font-weight:700;color:var(--ink-3);}
.lp-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);position:relative;flex-shrink:0;}
.lp-status.is-live .lp-dot{background:#1FA36B;}
.lp-dot::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;color:var(--brand);opacity:0;}
.lp-status.is-live .lp-dot::after{color:#1FA36B;}

/* o palco do doce */
.lp-stage{position:relative;aspect-ratio:1/1;width:100%;max-width:640px;justify-self:center;}
.lp-ghost{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);
  font-family:'Fraunces',Georgia,serif;font-weight:900;font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 144;
  font-size:clamp(150px,26vw,380px);line-height:1;letter-spacing:-.05em;color:var(--lp-ghost);
  white-space:nowrap;user-select:none;pointer-events:none;
}
.lp-plate{
  position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 34% 28%, var(--lp-plate-a), var(--lp-plate-b) 70%);
  box-shadow:0 40px 80px -40px var(--lp-shadow), inset 0 2px 0 rgba(255,255,255,.55);
}
html.is-site[data-theme="dark"] .lp-plate{box-shadow:0 40px 80px -40px var(--lp-shadow), inset 0 1px 0 rgba(255,255,255,.07);}
.lp-plate::after{content:'';position:absolute;inset:7%;border-radius:50%;border:1.5px dashed var(--lp-card-line);}
.lp-prod{position:absolute;inset:11% 15% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.lp-prod-float{position:relative;z-index:2;width:100%;}
.lp-art{display:block;width:100%;height:auto;}
.lp-photo{border-radius:28px;object-fit:cover;aspect-ratio:5/4;box-shadow:0 30px 60px -30px var(--lp-shadow);}
.lp-noart{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;}
.pdm-svg{overflow:visible;filter:drop-shadow(0 26px 22px rgba(46,23,16,.28));}
img.lp-art:not(.lp-photo){filter:drop-shadow(0 28px 26px rgba(46,23,16,.32));}
html.is-site[data-theme="dark"] img.lp-art:not(.lp-photo){filter:drop-shadow(0 28px 26px rgba(0,0,0,.55)) drop-shadow(0 0 30px var(--lp-art-glow));}
/* a régua do tamanho, sob o doce */
.lp-size{position:relative;z-index:2;width:72%;height:12px;margin-top:6px;border:1.5px solid var(--ink-3);border-top:0;border-radius:0 0 4px 4px;opacity:.75;}
.lp-size span{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);font-family:'Caveat',cursive;font-weight:700;font-size:26px;line-height:1;color:var(--ink-2);white-space:nowrap;}
.lp-prod-shadow{
  position:relative;z-index:1;margin:-4% auto 0;width:70%;height:34px;border-radius:50%;
  background:radial-gradient(closest-side, var(--lp-shadow), transparent);
}
.lp-price-tag{
  position:absolute;left:4%;bottom:14%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:116px;height:116px;border-radius:50%;background:var(--brand);color:var(--on-brand);
  box-shadow:0 18px 36px -16px rgba(122,53,207,.7);transform:rotate(-10deg);
}
.lp-price-tag b{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;font-weight:900;font-size:34px;line-height:1;letter-spacing:-.03em;}
.lp-price-tag.is-long b{font-size:25px;}
.lp-price-tag small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-top:4px;}
.lp-note{
  position:absolute;z-index:3;font-family:'Caveat',cursive;font-weight:700;font-size:30px;color:var(--brand);
  transform:rotate(-8deg);pointer-events:none;
}
.lp-note-1{right:4%;top:15%;}
.lp-note-1::after{
  content:'';position:absolute;left:-34px;top:30px;width:40px;height:34px;
  border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;border-radius:0 0 0 30px;transform:rotate(-12deg);
}

/* selo que gira */
.lp-stamp{position:absolute;right:6%;bottom:8%;z-index:3;width:124px;height:124px;color:var(--ink);}
.lp-stamp svg{width:100%;height:100%;display:block;overflow:visible;}
.lp-stamp text{font:800 10.6px/1 'Nunito',sans-serif;letter-spacing:.2em;fill:currentColor;}
.lp-stamp-core{
  position:absolute;inset:30%;border-radius:50%;background:var(--honey);color:#2E1710;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(242,169,59,.8);
}
.lp-stamp-sm{right:2%;top:4%;bottom:auto;width:104px;height:104px;}

/* partículas */
.lp-bits{position:absolute;inset:0;z-index:2;pointer-events:none;}
.lp-bit{position:absolute;display:block;width:34px;}
.lp-bit svg{display:block;width:100%;height:auto;}
.lp-bit.b1{left:12%;top:14%;width:40px;}
.lp-bit.b2{right:14%;top:30%;width:30px;}
.lp-bit.b3{left:22%;bottom:16%;width:26px;}
.lp-bit.b4{left:30%;top:6%;width:36px;}
.lp-bit.b5{right:30%;bottom:10%;width:30px;}
.lp-bit.b6{right:8%;top:50%;width:30px;}
.lp-bit.b7{left:6%;top:42%;width:24px;}
.lp-bit.b8{right:22%;top:9%;width:18px;}
.lp-bit.b9{right:40%;top:16%;width:20px;}
html.is-site[data-theme="dark"] .pdm-svg{filter:drop-shadow(0 26px 22px rgba(0,0,0,.5)) drop-shadow(0 0 28px rgba(199,154,251,.16));}

/* indicador de rolagem */
.lp-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:28px;height:46px;border-radius:999px;border:2px solid var(--line-2);display:flex;justify-content:center;padding-top:8px;}
.lp-scroll span{width:4px;height:9px;border-radius:4px;background:var(--brand);}

@media (max-width:900px){
  .lp-hero{padding-bottom:64px;align-items:flex-start;}
  .lp-hero-grid{grid-template-columns:1fr;grid-template-areas:"head" "stage" "body";row-gap:0;}
  .lp-hero-head{text-align:center;}
  .lp-title{font-size:clamp(60px,17vw,108px);}
  .lp-title span + span{padding-left:0;}
  .lp-stage{max-width:520px;margin:-4% auto 6%;}
  .lp-hero-body{text-align:center;display:flex;flex-direction:column;align-items:center;}
  .lp-hero-sub{margin-top:8px;}
  .lp-hero-cta{justify-content:center;width:100%;}
  .lp-hero-cta .lp-btn{flex:1 1 220px;}
  .lp-price-tag{width:92px;height:92px;}
  .lp-price-tag b{font-size:27px;}
  .lp-price-tag.is-long b{font-size:20px;}
  .lp-stamp{width:96px;height:96px;}
  .lp-stamp text{font-size:11px;}
  .lp-note{font-size:24px;}
  .lp-scroll{display:none;}
}
@media (max-width:480px){
  .lp-note{display:none;}
  .lp-size span{font-size:22px;}
  .lp-status{max-width:100%;}
}

/* =========================================================
   2 · FAIXAS QUE CORREM
========================================================= */
.lp-marquee-wrap{position:relative;overflow:clip;padding:46px 0;margin-top:-8px;}
.lp-marquee{position:relative;padding:16px 0;white-space:nowrap;overflow:hidden;}
.lp-marquee-a{background:var(--choco);color:var(--cream);transform:rotate(-2.2deg);z-index:2;box-shadow:0 18px 40px -22px var(--lp-shadow);}
.lp-marquee-b{position:absolute;left:0;right:0;top:50%;margin-top:-30px;background:var(--brand-3);color:#2E1710;transform:rotate(2deg);}
html.is-site[data-theme="dark"] .lp-marquee-a{background:var(--lp-mq-a);color:var(--lp-mq-a-ink);}
html.is-site[data-theme="dark"] .lp-marquee-b{background:var(--lp-mq-b);color:var(--lp-mq-b-ink);}
html.is-site[data-theme="dark"] .lp-marquee-b i{color:var(--lp-mq-b-ink);}
.lp-marquee-track{display:inline-flex;align-items:center;gap:28px;padding-right:28px;}
.lp-marquee span{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;font-weight:800;font-style:italic;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.01em;}
.lp-marquee i{font-style:normal;color:var(--honey);font-size:20px;}
.lp-marquee-b i{color:var(--brand);}

/* =========================================================
   3 · POR DENTRO
========================================================= */
.lp-anat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center;}
.lp-anat-fig{position:relative;max-width:540px;width:100%;justify-self:center;}
.lp-plate-sm{width:84%;}
.anat-svg{position:relative;z-index:1;display:block;width:88%;margin:0 auto;height:auto;overflow:visible;filter:drop-shadow(0 24px 22px rgba(46,23,16,.22));}
.anat-shell{transition:opacity .5s ease;}
.anat-badge{opacity:0;transition:opacity .3s ease;}
.anat-badge circle{fill:var(--brand);}
.anat-badge text{fill:var(--on-brand);font:800 15px 'Nunito',sans-serif;}
/* separado = seção revelada e não fechada pelo botão */
.lp-anat-fig.is-in:not(.is-closed) .anat-shell{opacity:0;}
.lp-anat-fig.is-in:not(.is-closed) .anat-badge{opacity:1;transition-delay:.55s;}
.lp-anat-fig.is-in:not(.is-closed) .anat-l1{transform:translateY(-118px);}
.lp-anat-fig.is-in:not(.is-closed) .anat-l2{transform:translateY(-58px);transition-delay:.05s;}
.lp-anat-fig.is-in:not(.is-closed) .anat-l3{transform:translateY(0);transition-delay:.1s;}
.lp-anat-fig.is-in:not(.is-closed) .anat-l4{transform:translateY(62px);transition-delay:.15s;}
.lp-anat-fig.is-in:not(.is-closed) .anat-l5{transform:translateY(118px);transition-delay:.2s;}
/* a foto partida ao meio entra depois que as camadas se separam */
.lp-cut{position:absolute;right:-10%;bottom:-6%;z-index:3;width:62%;transition:opacity .6s ease-out .75s, transform .9s var(--ease-out) .75s;}
.lp-cut img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 24px rgba(46,23,16,.34));}
html.is-site[data-theme="dark"] .lp-cut img{filter:drop-shadow(0 26px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(242,169,59,.14));}
html.reveal-ready .lp-anat-fig:not(.is-in) .lp-cut{opacity:0;transform:translateY(28px) scale(.94);}
.lp-cut-note{position:absolute;right:2%;top:-20%;font-family:'Caveat',cursive;font-weight:700;font-size:30px;color:var(--brand);transform:rotate(6deg);white-space:nowrap;}
.lp-cut-note::after{content:'';position:absolute;left:-30px;top:58%;width:28px;height:30px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;border-radius:0 0 0 26px;transform:rotate(-14deg);}

.anat-list{list-style:none;padding:0;margin:8px 0 28px;display:flex;flex-direction:column;gap:12px;}
.anat-item{
  display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:22px;
  border:1px solid transparent;cursor:default;outline:none;
  transition:background-color .2s ease, border-color .2s ease;
}
.anat-item:hover,.anat-item:focus-visible{background:var(--lp-card);border-color:var(--lp-card-line);box-shadow:none;}
.anat-num{
  width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--brand);color:var(--on-brand);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;
}
.anat-item h3{font-size:22px;font-weight:700;line-height:1.15;color:var(--ink);}
.anat-item p{color:var(--ink-2);font-size:15.5px;margin-top:4px;}
/* passar o mouse (ou focar) num item acende a camada dele */
.lp-anat-grid:has(.anat-item[data-l="1"]:is(:hover,:focus-visible)) .anat-l:not(.anat-l1),
.lp-anat-grid:has(.anat-item[data-l="2"]:is(:hover,:focus-visible)) .anat-l:not(.anat-l2),
.lp-anat-grid:has(.anat-item[data-l="3"]:is(:hover,:focus-visible)) .anat-l:not(.anat-l3){opacity:.35;}
.anat-l{transition:transform .9s var(--ease-out), opacity .25s ease;}
@media (max-width:900px){
  .lp-anat-grid{grid-template-columns:1fr;gap:20px;}
  .lp-anat-fig{max-width:420px;margin-bottom:48px;}
  .lp-cut{right:-4%;bottom:-12%;width:64%;}
  .lp-cut-note{font-size:24px;}
  .lp-anat-copy{text-align:left;}
}

/* =========================================================
   4 · VITRINE DE COMPRA
========================================================= */
.lp-buy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.lp-buy-stage{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:center;}
.lp-buy-stage .lp-plate{width:88%;}
.lp-buy-art{position:absolute;inset:13% 17% 15%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.lp-buy-art .lp-art{width:100%;}
.lp-buy-art-cut{inset:10% 4% 12% 8%;}
/* com a foto partida, o selo desce pro canto de baixo, longe do doce */
.lp-buy-stage:has(.lp-buy-art-cut) .lp-stamp-sm{top:auto;bottom:-1%;right:-1%;}
.lp-buy-art-cut .lp-art{filter:drop-shadow(0 26px 24px rgba(46,23,16,.34));}
html.is-site[data-theme="dark"] .lp-buy-art-cut .lp-art{filter:drop-shadow(0 26px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px var(--lp-art-glow));}
.lp-buy-art-cut .lp-cut-note{right:auto;left:-2%;top:auto;bottom:4%;transform:rotate(-6deg);}
.lp-buy-art-cut .lp-cut-note::after{left:auto;right:-34px;top:-8px;border-left:0;border-right:2.5px solid currentColor;border-bottom:0;border-top:2.5px solid currentColor;border-radius:0 26px 0 0;transform:rotate(-10deg);}
.lp-feat-nav{position:absolute;left:0;right:0;bottom:2%;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;}
.lp-round{width:48px;height:48px;border-radius:50%;border:1px solid var(--lp-card-line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:transform .16s var(--ease-out), border-color .2s ease;}
.lp-round:active{transform:scale(.94);}
@media (hover:hover) and (pointer:fine){ .lp-round:hover{border-color:var(--brand);color:var(--brand);} }
.lp-feat-dots{display:flex;gap:8px;}
.lp-feat-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:var(--line-2);transition:transform .2s var(--ease-out), background-color .2s ease;}
.lp-feat-dots button.on{background:var(--brand);transform:scale(1.25);}

.lp-buy-info{padding:40px;}
.lp-buy-name{font-size:clamp(44px,5.4vw,72px);font-weight:900;line-height:.92;letter-spacing:-.04em;color:var(--ink);font-variation-settings:'SOFT' 100,'opsz' 144;}
.lp-buy-desc{color:var(--ink-2);font-size:16.5px;margin-top:16px;max-width:46ch;}
.lp-buy-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--lp-card-line);}
.lp-buy-price b{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;font-weight:900;font-size:46px;line-height:1;letter-spacing:-.03em;color:var(--ink);}
.lp-buy-price small{font-size:14px;font-weight:700;color:var(--ink-3);}
.lp-stock{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:800;}
.lp-stock.is-low{background:#FBEEDA;color:#8A5607;}
.lp-stock.is-out{background:var(--surface-3);color:var(--ink-2);}
html.is-site[data-theme="dark"] .lp-stock.is-low{background:#2F2718;color:#E2A75E;}
.lp-buy-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center;}
.lp-buy-actions .lp-btn{flex:1 1 220px;}
.lp-qty{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--lp-card-line);}
.lp-qty-btn{width:48px;height:48px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:transform .14s var(--ease-out), color .2s ease;}
.lp-qty-btn:active:not([disabled]){transform:scale(.9);}
.lp-qty-btn[disabled]{opacity:.4;cursor:not-allowed;}
@media (hover:hover) and (pointer:fine){ .lp-qty-btn:hover:not([disabled]){color:var(--brand);} }
.lp-qty-val{min-width:34px;text-align:center;font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:22px;}
.lp-buy-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;font-size:13.5px;font-weight:700;color:var(--ink-3);}
.lp-buy-note .icon{margin-top:3px;color:var(--brand);}
.lp-empty{padding:48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;}
@media (max-width:900px){
  .lp-buy-grid{grid-template-columns:1fr;gap:8px;}
  .lp-buy-stage{max-width:440px;}
  .lp-buy-info{padding:28px 22px;}
}

/* =========================================================
   5 · COMO FUNCIONA
========================================================= */
.lp-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.lp-step{position:relative;padding:30px 28px 32px;overflow:hidden;}
.lp-step-n{
  position:absolute;right:18px;top:6px;font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100,'opsz' 144;
  font-weight:900;font-style:italic;font-size:88px;line-height:1;letter-spacing:-.05em;color:var(--lp-ghost);
}
.lp-step-ic{width:52px;height:52px;border-radius:16px;background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 12px 24px -12px rgba(122,53,207,.6);}
.lp-step:nth-child(2) .lp-step-ic{background:var(--honey);color:#2E1710;box-shadow:0 12px 24px -12px rgba(242,169,59,.7);}
.lp-step:nth-child(3) .lp-step-ic{background:var(--choco);color:var(--cream);box-shadow:0 12px 24px -12px var(--lp-shadow);}
html.is-site[data-theme="dark"] .lp-step:nth-child(3) .lp-step-ic{background:#F9DDE6;color:#2E1710;}
.lp-step h3{font-size:24px;font-weight:800;line-height:1.1;color:var(--ink);}
.lp-step p{color:var(--ink-2);font-size:15.5px;margin-top:8px;}
@media (max-width:900px){ .lp-steps{grid-template-columns:1fr;} }

/* =========================================================
   6 · ONDE ESTAMOS — o painel de sempre, na régua nova
========================================================= */
.lp-onde .today-panel{border-radius:28px;border:1px solid var(--lp-card-line);background:var(--lp-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px -24px var(--lp-shadow);overflow:hidden;}
.lp-onde .today-state h3{font-size:26px;font-weight:800;}
.lp-onde .today-row{border-top-color:var(--lp-card-line);}
.lp-onde .today-row .ic,.lp-onde .slot-row .ic{background:var(--brand-soft);color:var(--brand);border-radius:12px;}
.lp-onde .today-map{background:var(--surface-2);}
.lp-onde .eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);}
.lp-onde .day-chip{min-width:76px;border-radius:20px;background:var(--lp-card);border-color:var(--lp-card-line);}
.lp-onde .day-chip span{display:block;}
.lp-onde .day-chip.active{background:var(--brand);color:var(--on-brand);box-shadow:0 12px 24px -12px rgba(122,53,207,.65);}
.lp-onde .day-chip .dd{font-family:'Fraunces',Georgia,serif;font-weight:800;}
.lp-onde .slot-row,.lp-onde .point{border-radius:20px;background:var(--lp-card);border-color:var(--lp-card-line);}
.lp-onde .slot-empty{border-radius:20px;background:var(--lp-card);}
.lp-points{margin-top:clamp(64px,9vh,96px);}
.lp-points .point-grid{margin-top:0;gap:14px;}
.lp-onde .point{padding:18px 20px;}
.lp-onde .point .ic{width:44px;height:44px;background:var(--brand);color:var(--on-brand);}
.lp-onde .point b{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;font-size:20px;font-weight:800;color:var(--ink);}
.lp-onde .point small{font-size:13.5px;}
/* o pino do mapa cheio, na cor da marca, com o miolo branco */
.lp-onde .map-pin .icon{width:46px;height:46px;filter:drop-shadow(0 6px 8px rgba(46,23,16,.4));}
.lp-onde .map-pin .icon path{fill:var(--brand);stroke:var(--brand);}
.lp-onde .map-pin .icon circle{fill:#fff;stroke:#fff;}
.lp-onde .map-pin-label{color:var(--on-brand);}
.lp-onde .btn-secondary,.lp-onde .btn-primary{border-radius:999px;}

/* =========================================================
   7 · FECHAMENTO
========================================================= */
.lp-final-card{
  position:relative;overflow:hidden;border-radius:40px;padding:64px 56px;
  background:var(--lp-final-bg);color:var(--lp-final-ink);
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;
  box-shadow:0 40px 80px -40px var(--lp-shadow);
}
.lp-final-glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(50% 70% at 12% 50%, rgba(176,112,248,.45), transparent 70%),
    radial-gradient(40% 60% at 100% 0%, rgba(242,169,59,.22), transparent 70%);
}
.lp-final-art{position:relative;z-index:1;}
.lp-final-copy{position:relative;z-index:1;}
.lp-final .lp-eyebrow{color:var(--honey);}
.lp-final .lp-h2{color:var(--lp-final-ink);}
.lp-final .lp-h2 em{color:#D9B8FF;}
.lp-final .lp-lede{color:var(--lp-final-ink-2);}
.lp-final-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
@media (max-width:900px){
  .lp-final-card{grid-template-columns:1fr;padding:40px 24px 32px;border-radius:32px;gap:8px;text-align:center;}
  .lp-final-art{max-width:300px;margin:0 auto;}
  .lp-final .lp-lede{margin-left:auto;margin-right:auto;}
  .lp-final-cta{justify-content:center;}
  .lp-final-cta .lp-btn{flex:1 1 200px;}
}

/* ---------- rodapé ---------- */
.lp-footer{border-top:1px solid var(--lp-card-line);background:transparent;}
.lp-footer-in{max-width:1200px;margin:0 auto;padding:30px 24px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.lp-footer-in p{font-size:13.5px;color:var(--ink-3);font-weight:700;}
.lp-footer-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.lp-footer-links a{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);transition:color .2s ease, background-color .2s ease;}
.lp-footer-links a:hover{color:var(--brand);background:var(--brand-tint);}
@media (max-width:640px){ .lp-footer-in{flex-direction:column;text-align:center;} }

/* o pedido e o acompanhamento herdam a paleta; só arredondo igual */
html.is-site .modal{border-radius:28px;}
html.is-site .btn-primary{background:var(--brand);}
html.is-site .cart-bar{border-radius:999px;}

/* =========================================================
   MOVIMENTO
   Tudo em transform/opacity. Os laços (flutuar, partículas,
   faixa, selo) são CSS para rodar fora da thread principal e
   não depender do JS — o morph mantém os nós, e a animação
   segue sem reiniciar a cada render.
========================================================= */
@keyframes lpUp{from{opacity:0;transform:translateY(26px);} to{opacity:1;transform:none;}}
@keyframes lpPop{from{opacity:0;transform:scale(.92) translateY(18px);} to{opacity:1;transform:none;}}
@keyframes lpFade{from{opacity:0;} to{opacity:1;}}
@keyframes lpFloat{0%,100%{transform:translateY(0) rotate(-2deg);} 50%{transform:translateY(-16px) rotate(1.5deg);}}
@keyframes lpShadow{0%,100%{transform:scale(1);opacity:.9;} 50%{transform:scale(.86);opacity:.6;}}
@keyframes lpDrift{0%{transform:translate(0,0) rotate(0deg);} 50%{transform:translate(var(--dx,8px),var(--dy,-14px)) rotate(var(--dr,30deg));} 100%{transform:translate(0,0) rotate(0deg);}}
@keyframes lpSpin{to{transform:rotate(360deg);}}
@keyframes lpMarquee{to{transform:translateX(-50%);}}
@keyframes lpMarqueeR{from{transform:translateX(-50%);} to{transform:translateX(0);}}
@keyframes lpSweep{0%,62%{transform:translateX(0) skewX(-18deg);} 100%{transform:translateX(560px) skewX(-18deg);}}
@keyframes lpPing{0%{opacity:.7;transform:scale(.6);} 100%{opacity:0;transform:scale(1.9);}}
@keyframes lpWheel{0%{opacity:0;transform:translateY(-3px);} 30%{opacity:1;} 100%{opacity:0;transform:translateY(14px);}}
@keyframes lpLayer{0%,100%{transform:translateY(0);} 50%{transform:translateY(-5px);}}
@keyframes lpTag{0%,100%{transform:rotate(-10deg) translateY(0);} 50%{transform:rotate(-7deg) translateY(-8px);}}
@keyframes lpSwapA{from{opacity:0;transform:translateX(28px) scale(.96);} to{opacity:1;transform:none;}}
@keyframes lpSwapB{from{opacity:0;transform:translateX(28px) scale(.96);} to{opacity:1;transform:none;}}

@media (prefers-reduced-motion:no-preference){
  /* entrada do hero, uma vez */
  .lp-hero-head > *,.lp-hero-body > *{animation:lpUp .8s var(--ease-out) both;}
  .lp-hero-head > *:nth-child(1){animation-delay:.05s;}
  .lp-hero-head > *:nth-child(2){animation-delay:.12s;}
  .lp-hero-body > *:nth-child(1){animation-delay:.3s;}
  .lp-hero-body > *:nth-child(2){animation-delay:.38s;}
  .lp-hero-body > *:nth-child(3){animation-delay:.46s;}
  .lp-stage .lp-plate{animation:lpFade .9s ease-out both .1s;}
  .lp-stage .lp-ghost{animation:lpFade 1.2s ease-out both .2s;}
  .lp-prod{animation:lpPop 1s var(--ease-out) both .15s;}
  .lp-bits{animation:lpFade 1s ease-out both .7s;}
  .lp-price-tag,.lp-stage .lp-stamp,.lp-note{animation:lpFade .7s ease-out both .9s;}

  /* os laços */
  .lp-prod-float{animation:lpFloat 6s ease-in-out infinite;}
  .lp-prod-shadow{animation:lpShadow 6s ease-in-out infinite;}
  .pdm-sweep{animation:lpSweep 5.5s var(--ease-in-out) infinite 1.4s;}
  .lp-price-tag{animation:lpFade .7s ease-out both .9s, lpTag 5s ease-in-out infinite 1.6s;}
  .lp-stamp svg{animation:lpSpin 22s linear infinite;}
  .lp-bit{animation:lpDrift 7s ease-in-out infinite;}
  .lp-bit.b2{--dx:-10px;--dy:12px;--dr:-40deg;animation-duration:8.5s;animation-delay:-2s;}
  .lp-bit.b3{--dx:12px;--dy:-8px;--dr:50deg;animation-duration:6.5s;animation-delay:-4s;}
  .lp-bit.b4{--dx:-6px;--dy:-12px;--dr:-24deg;animation-duration:9s;animation-delay:-1s;}
  .lp-bit.b5{--dx:8px;--dy:10px;--dr:60deg;animation-duration:7.5s;animation-delay:-3s;}
  .lp-bit.b6{--dx:-8px;--dy:-16px;--dr:-14deg;animation-duration:8s;animation-delay:-5s;}
  .lp-bit.b7{--dx:6px;--dy:-10px;--dr:90deg;animation-duration:6s;animation-delay:-2.5s;}
  .lp-bit.b8{--dx:-4px;--dy:8px;--dr:-90deg;animation-duration:5.5s;animation-delay:-1.5s;}
  .lp-bit.b9{--dx:6px;--dy:-6px;--dr:40deg;animation-duration:7s;animation-delay:-3.5s;}
  .lp-status .lp-dot::after{animation:lpPing 2.2s ease-out infinite;}
  .lp-scroll span{animation:lpWheel 1.8s ease-out infinite;}
  .lp-marquee-a .lp-marquee-track{animation:lpMarquee 38s linear infinite;}
  .lp-marquee-b .lp-marquee-track{animation:lpMarqueeR 46s linear infinite;}
  .lp-anat-fig.is-in:not(.is-closed) .anat-in{animation:lpLayer 5s ease-in-out infinite 1.2s;}
  .lp-anat-fig.is-in:not(.is-closed) .anat-l2 .anat-in{animation-delay:1.6s;}
  .lp-anat-fig.is-in:not(.is-closed) .anat-l3 .anat-in{animation-delay:2s;}
  .lp-anat-fig.is-in:not(.is-closed) .anat-l4 .anat-in{animation-delay:2.4s;}
  .lp-anat-fig.is-in:not(.is-closed) .anat-l5 .anat-in{animation-delay:2.8s;}
  .lp-buy-art.swap-a,.lp-buy-name.swap-a{animation:lpSwapA .5s var(--ease-out) both;}
  .lp-buy-art.swap-b,.lp-buy-name.swap-b{animation:lpSwapB .5s var(--ease-out) both;}
  .lp-buy-art .lp-art{animation:lpFloat 7s ease-in-out infinite;}
  .lp-final-art .lp-art{animation:lpFloat 6.5s ease-in-out infinite -2s;}
  .lp-anat-fig.is-in .lp-cut img{animation:lpFloat 7.5s ease-in-out infinite 1.8s;}
  .lp-mobile-menu{animation:lpUp .26s var(--ease-out) both;}
}
/* Movimento reduzido: o style.css já zera os laços; aqui as camadas
   do "por dentro" ainda se separam, mas sem deslizar — só a casca
   some, para o diagrama continuar fazendo sentido. */
@media (prefers-reduced-motion:reduce){
  .anat-l,.anat-shell,.anat-badge{transition:opacity .2s ease !important;}
}

/* =========================================================
   CONVITE DOS AVISOS
   Cartão flutuante no pé da tela, não modal: não prende foco nem
   rolagem. Fica acima da barra do carrinho (over-bar) no celular e
   abaixo de modais e toasts.
========================================================= */
.aviso-card{
  position:fixed;right:20px;bottom:20px;z-index:60;
  width:min(410px, calc(100vw - 32px));
  display:grid;grid-template-columns:auto 1fr;gap:14px;
  padding:20px 20px 18px;border-radius:24px;
  background:var(--surface);border:1px solid var(--lp-card-line);
  box-shadow:0 24px 60px -24px var(--lp-shadow), 0 6px 18px -10px var(--lp-shadow);
  color:var(--ink);
}
.aviso-ic{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--brand-soft);color:var(--brand);
}
.aviso-body{min-width:0;padding-right:18px;}
.aviso-body h2{font-size:21px;line-height:1.15;font-weight:700;margin:2px 0 6px;color:var(--ink);}
.aviso-text p{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin:0 0 6px;}
.aviso-text b{color:var(--ink);}
.aviso-text .icon{vertical-align:-3px;}
.aviso-steps{margin:2px 0 8px;padding-left:20px;font-size:14.5px;line-height:1.5;color:var(--ink-2);display:grid;gap:3px;}
.aviso-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.aviso-actions .lp-btn.sm{min-height:44px;padding:0 18px;font-size:14.5px;}
.aviso-actions .lp-btn[disabled]{opacity:.7;cursor:progress;}
.aviso-x{
  position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);
  transition:background-color .2s ease, color .2s ease;
}
.aviso-x:hover{background:var(--brand-tint);color:var(--brand);}
.aviso-card :focus-visible{outline:none;box-shadow:var(--ring);}
@media (max-width:900px){
  .aviso-card{left:16px;right:16px;bottom:14px;width:auto;}
  .aviso-card.over-bar{bottom:88px;}
}
@media (max-width:420px){
  .aviso-card{grid-template-columns:1fr;gap:8px;padding:18px 16px 16px;}
  .aviso-ic{width:38px;height:38px;}
  .aviso-actions .lp-btn.sm{flex:1 1 auto;}
}
@media (prefers-reduced-motion:no-preference){
  .aviso-card{animation:lpUp .5s var(--ease-out) both;}
}
.aviso-detalhe{font:600 11.5px/1.4 ui-monospace,Consolas,monospace !important;color:var(--ink-3) !important;overflow-wrap:anywhere;}