/* Bio pública — uma estrutura, 4 estilos (.bio--elegante | --noturno | --impacto | --clean).
   Sempre enxuta: topo, ações, e só o que o cliente preencher. Só tokens + variáveis de estilo. */
.bio,.bio *,.bio *::before,.bio *::after{box-sizing:border-box}
body.bio-page{margin:0;background:var(--b-c-bg)}
.bio{--b-title:var(--b-font-title-cormorant);
  --text:var(--b-c-text);--muted:var(--b-c-text-muted);--line:color-mix(in srgb,var(--text) 12%,transparent);
  --card-bg:color-mix(in srgb,var(--b-c-surface) 70%,var(--b-c-bg));--card-bd:rgba(255,255,255,.7);--card-sh:var(--b-sh-card);
  --ico-bg:var(--b-c-surface);--ico-fg:var(--b-c-primary-text);--radius:22px;--accent:var(--b-c-primary-text);
  width:100%;max-width:460px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;
  background:var(--b-c-bg);color:var(--text);font:400 var(--b-fs-base)/var(--b-lh-base) var(--b-font-sans);
  padding:0 var(--b-sp-5) var(--b-sp-7);-webkit-font-smoothing:antialiased}
.bio :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.bio svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bio a{color:inherit;text-decoration:none}
.bio em{font-style:normal;color:var(--accent)}

/* ---------- topo ---------- */
.bio-head{position:relative;margin:0 calc(-1 * var(--b-sp-5));padding:var(--b-sp-8) var(--b-sp-5) var(--b-sp-6);text-align:center}
.bio-head .id{position:relative;display:flex;flex-direction:column;align-items:center}
.bio-logo{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block;background:var(--b-c-surface)}
.bio-mono{width:76px;height:104px;border-radius:999px;border:1.5px solid var(--accent);display:grid;place-items:center;font:600 34px/1 var(--b-title);color:var(--accent);letter-spacing:-.02em}
.kicker{margin:var(--b-sp-4) 0 0;font-size:11px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.bio-head h1{font-family:var(--b-title);font-weight:600;font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.05;letter-spacing:-.01em;margin:var(--b-sp-2) 0 0;text-wrap:balance;color:var(--title-color,var(--accent))}
.bio-orn{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--accent);margin:var(--b-sp-4) 0 0;width:180px}
.bio-orn span{flex:1;height:1px;background:currentColor;opacity:.45}.bio-orn svg{width:9px;height:9px;fill:currentColor}
.bio-tagline{margin:var(--b-sp-4) 0 0;color:var(--muted);font-size:var(--b-fs-sm);line-height:1.55;max-width:32ch;text-wrap:balance}
.bio-meta{margin:var(--b-sp-3) 0 0;display:flex;gap:6px 12px;justify-content:center;flex-wrap:wrap;font-size:var(--b-fs-xs);font-weight:600;color:var(--muted)}
.bio-meta:empty{display:none}
.bio-meta .open::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fa866;margin-right:6px;vertical-align:1px}
.bio-meta .open.closed::before{background:var(--muted)}
.hero-cta{display:inline-flex;margin-top:var(--b-sp-5);align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;
  background:var(--b-c-primary);color:var(--b-c-on-primary)!important;font-weight:700;font-size:var(--b-fs-sm)}
.bio-social{display:flex;gap:10px;justify-content:center;margin-top:var(--b-sp-5)}
.bio-social a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ico-bg);color:var(--ico-fg);box-shadow:var(--card-sh);border:1px solid var(--card-bd)}
.bio-social svg.i{width:18px;height:18px}
.bio-head .cover img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- faixa ---------- */
.bio-ticker{margin:0 calc(-1 * var(--b-sp-5)) var(--b-sp-5);border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;
  font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--muted);padding:10px 0}
.bio-ticker .track{display:inline-flex;gap:28px;padding-left:28px;animation:bio-ticker var(--b-mo-ticker)}
.bio-ticker .track span::after{content:"✦";margin-left:28px;color:var(--accent);font-size:9px}
@keyframes bio-ticker{to{transform:translateX(-50%)}}

/* ---------- cards de ação ---------- */
.bio-cards{display:flex;flex-direction:column;gap:12px}
.bio-card{display:flex;align-items:center;gap:var(--b-sp-4);min-height:84px;padding:12px 14px 12px 12px;border-radius:var(--radius);
  background:var(--card-bg);border:1px solid var(--card-bd);box-shadow:var(--card-sh);transition:transform var(--b-mo-fast) var(--b-mo-ease)}
.bio-card:hover{transform:translateY(-2px)}.bio-card:active{transform:scale(.99)}
.bio-card .ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--ico-bg);color:var(--ico-fg);
  box-shadow:0 6px 16px -10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.bio-card .ico svg.i{width:24px;height:24px}
.bio-card .txt{flex:1;min-width:0}
.bio-card b{display:block;font-family:var(--card-font,var(--b-title));font-weight:600;font-size:17px;letter-spacing:.04em;text-transform:uppercase;color:var(--title-color,var(--accent))}
.bio-card small{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.bio-card .go{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--ico-bg);color:var(--ico-fg);box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
.bio-card .go svg.i{width:16px;height:16px}

/* ---------- números ---------- */
.bio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-top:var(--b-sp-6);border-top:1px solid var(--line)}
.bio-stats div{text-align:center;padding:var(--b-sp-4) 4px 0}
.bio-stats div+div{border-left:1px solid var(--line)}
.bio-stats b{display:block;font:600 clamp(19px,5.6vw,24px)/1.1 var(--b-title);white-space:nowrap;color:var(--title-color,var(--accent))}
.bio-stats span{display:block;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* ---------- seções ---------- */
.bio-section{margin-top:var(--b-sp-8)}
.bio-h2{font-family:var(--b-title);font-size:24px;line-height:1.15;font-weight:600;margin:0 0 var(--b-sp-4);color:var(--title-color,var(--accent));text-align:center}
.bio-about{margin:0;color:var(--muted);font-size:var(--b-fs-sm);line-height:1.65;text-align:center}

.bio-promo{border-radius:var(--radius);padding:var(--b-sp-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--card-bg);border:1px solid var(--card-bd);box-shadow:var(--card-sh)}
.bio-promo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;margin-bottom:var(--b-sp-2)}
.bio-promo .tag{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.bio-promo>b{font-family:var(--b-title);font-size:24px;line-height:1.15;font-weight:600}
.bio-promo .desc{color:var(--muted);font-size:var(--b-fs-sm)}
.bio-promo .price s{color:var(--muted);margin-right:6px;font-size:var(--b-fs-sm)}.bio-promo .price b{font-size:22px;color:var(--accent)}
.countdown{display:flex;gap:8px;margin-top:var(--b-sp-2)}
.countdown span{display:flex;flex-direction:column;align-items:center;min-width:50px}
.countdown b{font:700 22px/1 var(--b-font-sans);font-variant-numeric:tabular-nums}
.countdown i{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.bio-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;margin-top:var(--b-sp-3);border-radius:999px;background:var(--b-c-primary);color:var(--b-c-on-primary)!important;font-weight:700;font-size:var(--b-fs-sm)}

.bio-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-sp-5) 12px}
.bio-products:has(>:only-child){grid-template-columns:minmax(0,62%);justify-content:center}
.bio-product{display:flex;flex-direction:column;text-align:center}
.bio-product img,.bio-product .ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;display:block;background:color-mix(in srgb,var(--text) 6%,var(--b-c-bg))}
.bio-product .ph{display:grid;place-items:center;color:var(--muted)}.bio-product .ph svg{width:28px;height:28px}
.bio-product b{margin-top:var(--b-sp-3);font-family:var(--b-title);font-size:17px;font-weight:600;line-height:1.2}
.bio-product .pp{font-size:var(--b-fs-sm);color:var(--muted);margin-top:2px}

.bio-faq{border-top:1px solid var(--line)}
.bio-faq details{border-bottom:1px solid var(--line)}
.bio-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px;font-size:var(--b-fs-sm);font-weight:600}
.bio-faq summary::-webkit-details-marker{display:none}
.bio-faq summary svg.i{width:18px;height:18px;color:var(--accent);transition:transform var(--b-mo-base)}
.bio-faq details[open] summary svg.i{transform:rotate(45deg)}
.bio-faq p{margin:0 2px 16px;color:var(--muted);font-size:var(--b-fs-sm);line-height:1.6}

.bio-hours{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.bio-hours li{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line);font-size:var(--b-fs-sm);color:var(--muted)}
.bio-hours li.today{color:var(--text);font-weight:700}

.bio-footer{margin-top:var(--b-sp-8);padding-top:var(--b-sp-6);text-align:center;display:flex;flex-direction:column;align-items:center}
.bio .bio-footer .bio-h2{font-size:12px;line-height:1.2;color:var(--title-color,var(--accent));letter-spacing:.3em;text-transform:uppercase;font-family:var(--b-font-sans);font-weight:700}
.bio-footer .bio-orn{margin-top:var(--b-sp-2)}
.bio-footer small{display:block;margin-top:var(--b-sp-5);font-size:11px;color:var(--muted)}

.bio .bio-fab{color:var(--b-c-on-primary)}
.bio-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--b-c-primary);color:var(--b-c-on-primary);box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:10;transform:translateY(12px);opacity:0;pointer-events:none;
  transition:transform var(--b-mo-base) var(--b-mo-ease),opacity var(--b-mo-base)}
.bio-fab.show{transform:none;opacity:1;pointer-events:auto}.bio-fab svg.i{width:26px;height:26px}
@media(min-width:500px){.bio-fab{right:calc(50% - 230px + 16px)}}
.bio-off{min-height:80vh;display:grid;place-items:center;text-align:center;color:var(--muted)}

/* =================== ELEGANTE (creme, serifa, cards suaves) =================== */
.bio--elegante .bio-head.has-cover{display:grid;grid-template-columns:47% 1fr;align-items:center;gap:var(--b-sp-3);padding:0 var(--b-sp-4) var(--b-sp-6) 0;text-align:center;min-height:380px}
.bio--elegante .bio-head.has-cover .cover{align-self:stretch;-webkit-mask:linear-gradient(90deg,#000 70%,transparent),linear-gradient(180deg,#000 75%,transparent);-webkit-mask-composite:source-in;
  mask:linear-gradient(90deg,#000 62%,transparent) intersect,linear-gradient(180deg,#000 72%,transparent)}
.bio--elegante .bio-head.has-cover .cover img{object-position:30% 20%}
.bio--elegante .bio-head.has-cover .id{padding-top:var(--b-sp-7)}
.bio--elegante .bio-head.has-cover h1{font-size:clamp(1.6rem,7vw,2.1rem)}
.bio--elegante .bio-head.has-cover .bio-tagline{font-size:13.5px;line-height:1.6}
.bio--elegante .bio-head.has-cover .bio-orn{width:140px}
.bio--elegante .bio-hours li,.bio--elegante .bio-faq summary{padding-inline:4px}
.bio--elegante .bio-head::after{content:"";position:absolute;inset:auto -20% -40px;height:120px;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent);pointer-events:none}

/* =================== NOTURNO (escuro, foto de fundo, vidro fosco) =================== */
.bio--noturno{--text:#eef3ff;--muted:#a7b4cf;--line:rgba(255,255,255,.14);--title-color:#fff;--card-font:var(--b-font-sans);
  --card-bg:rgba(255,255,255,.07);--card-bd:rgba(255,255,255,.22);--card-sh:0 10px 40px -20px rgba(77,163,255,.55),inset 0 1px 0 rgba(255,255,255,.12);
  --ico-bg:rgba(255,255,255,.1);--ico-fg:#fff;--radius:20px;
  background:radial-gradient(120% 60% at 50% 0%,color-mix(in srgb,var(--b-c-primary) 35%,transparent),transparent 70%),var(--b-c-bg)}
.bio--noturno .bio-head{padding-top:var(--b-sp-8);min-height:520px;display:flex;align-items:flex-end;justify-content:center}
.bio--noturno .bio-head.has-cover .cover{position:absolute;inset:0}
.bio--noturno .bio-head.has-cover .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--b-c-bg) 20%,transparent) 30%,color-mix(in srgb,var(--b-c-bg) 80%,transparent) 58%,var(--b-c-bg) 92%)}
.bio--noturno .bio-head.has-cover{min-height:600px}
.bio--noturno .bio-head.has-cover .id{padding-top:200px}
.bio--noturno .bio-tagline{color:#dfe7f7}
.bio--noturno .bio-head h1{font-family:var(--b-font-sans);font-weight:800;font-size:clamp(2.6rem,13vw,3.6rem);letter-spacing:-.04em;line-height:.95;text-shadow:0 0 30px color-mix(in srgb,var(--b-c-primary) 70%,transparent)}
.bio--noturno .bio-head h1 em{color:var(--b-c-secondary)}
.bio--noturno .kicker{color:#fff;letter-spacing:.4em}
.bio--noturno .bio-orn{display:none}
.bio--noturno .bio-logo{width:64px;height:64px;border:1px solid rgba(255,255,255,.4)}
.bio--noturno .bio-mono{color:#fff;border-color:rgba(255,255,255,.5);width:56px;height:76px;font-family:var(--b-font-sans);font-size:24px;font-weight:800}
.bio--noturno .hero-cta{display:inline-flex;background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bio--noturno .bio-social a{box-shadow:none}
.bio--noturno .bio-card,.bio--noturno .bio-promo,.bio--noturno .bio-social a{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.bio--noturno .bio-card b{text-transform:none;letter-spacing:0;font-size:17px;font-weight:700}
.bio--noturno .bio-card .ico{box-shadow:0 0 22px -4px color-mix(in srgb,var(--b-c-primary) 80%,transparent);border:1px solid rgba(255,255,255,.25)}
.bio--noturno .bio-stats{border:1px solid var(--card-bd);border-radius:20px;background:var(--card-bg);padding:var(--b-sp-4) 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.bio--noturno .bio-stats div{padding:0 6px}
.bio--noturno .bio-stats b{font-family:var(--b-font-sans);font-weight:800;font-size:30px;color:#fff}
.bio--noturno .bio-h2,.bio--noturno .bio-promo>b,.bio--noturno .bio-product b{font-family:var(--b-font-sans);font-weight:800;letter-spacing:-.01em}
.bio--noturno .bio-product img,.bio--noturno .bio-product .ph{border:1px solid var(--card-bd)}
.bio--noturno .bio-btn{background:#fff;color:#050b1a!important}

/* =================== IMPACTO (preto, caixa alta grande, cor de destaque) =================== */
.bio--impacto{--text:#f5f5f5;--muted:#a3a3a3;--line:rgba(255,255,255,.12);--title-color:#fff;--card-font:var(--b-font-sans);
  --card-bg:#171717;--card-bd:rgba(255,255,255,.08);--card-sh:none;--ico-bg:var(--b-c-primary);--ico-fg:var(--b-c-on-primary);--radius:18px;--accent:var(--b-c-primary)}
.bio--impacto .bio-head{display:flex;flex-direction:column;padding-top:var(--b-sp-8)}
.bio--impacto .bio-head .cover{order:2;margin-top:var(--b-sp-6);border-radius:24px;overflow:hidden;aspect-ratio:4/5;
  box-shadow:0 30px 60px -30px color-mix(in srgb,var(--b-c-primary) 60%,transparent)}
.bio--impacto .bio-head h1{font-family:var(--b-font-sans);font-weight:900;text-transform:uppercase;font-size:clamp(2.7rem,14vw,3.8rem);line-height:.9;letter-spacing:-.035em}
.bio--impacto .bio-tagline{font-size:var(--b-fs-base);color:#e5e5e5}
.bio--impacto .bio-tagline em,.bio--impacto h1 em{color:var(--b-c-primary)}
.bio--impacto .bio-orn{display:none}
.bio--impacto .kicker{color:var(--b-c-primary);letter-spacing:.3em}
.bio--impacto .bio-mono{border-color:var(--b-c-primary);color:var(--b-c-primary);font-family:var(--b-font-sans);font-weight:900;width:60px;height:60px;border-radius:16px;font-size:24px}
.bio--impacto .hero-cta{display:inline-flex}
.bio--impacto .bio-social a{background:#171717;color:#fff;border-color:rgba(255,255,255,.1);box-shadow:none;border-radius:50%}
.bio--impacto .bio-ticker{background:var(--b-c-primary);color:var(--b-c-on-primary);border:0;font-size:12px}
.bio--impacto .bio-ticker .track span::after{color:inherit}
.bio--impacto .bio-card{min-height:76px}
.bio--impacto .bio-card .ico{width:48px;height:48px;border-radius:14px;box-shadow:none}
.bio--impacto .bio-card b{font-weight:800;font-size:16px;letter-spacing:.02em}
.bio--impacto .bio-card .go{background:transparent;box-shadow:none;color:var(--b-c-primary)}
.bio--impacto .bio-h2,.bio--impacto .bio-promo>b{font-family:var(--b-font-sans);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;font-size:28px;line-height:1}
.bio--impacto .bio-promo .price{margin-bottom:var(--b-sp-2)}
.bio--impacto .bio-promo{border:1px solid color-mix(in srgb,var(--b-c-primary) 40%,transparent)}
.bio--impacto .countdown b{font-size:40px;font-weight:800;color:#fff}
.bio--impacto .countdown{gap:20px}
.bio--impacto .countdown span+span::before{content:":";position:absolute;left:-14px;top:2px;font-size:30px;font-weight:700;line-height:1;color:var(--muted)}
.bio--impacto .countdown span{position:relative}
.bio--impacto .bio-stats b{font-family:var(--b-font-sans);font-weight:900;font-size:30px;color:var(--b-c-primary)}
.bio--impacto .bio-product{background:#171717;border-radius:18px;padding:8px 8px 14px;border:1px solid var(--card-bd)}
.bio--impacto .bio-product img,.bio--impacto .bio-product .ph{border-radius:12px}
.bio--impacto .bio-product b{font-family:var(--b-font-sans);font-weight:800;text-transform:uppercase;font-size:14px}
.bio--impacto .bio-product .pp{color:var(--b-c-primary);font-weight:700}

/* =================== CLEAN (off-white, blocos pretos, caixa alta forte) =================== */
.bio--clean{--text:#111;--muted:#555;--line:rgba(0,0,0,.12);--title-color:#111;--card-font:var(--b-font-sans);
  --card-bg:#111;--card-bd:#111;--card-sh:none;--ico-bg:rgba(255,255,255,.1);--ico-fg:#fff;--radius:14px;--accent:#111}
.bio--clean .bio-head{padding-top:var(--b-sp-7)}
.bio--clean .bio-head.has-cover{padding-top:0}
.bio--clean .bio-head .cover{margin:0 calc(-1 * var(--b-sp-5)) var(--b-sp-6);aspect-ratio:4/3;overflow:hidden}
.bio--clean .kicker{color:#111;letter-spacing:.34em;font-size:12px}
.bio--clean .bio-head h1{font-family:var(--b-font-sans);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,11vw,3.1rem);line-height:.95;letter-spacing:-.02em}
.bio--clean .bio-head h1 em{color:var(--b-c-primary-text)}
.bio--clean em{font-weight:800;color:#111;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bio--clean .bio-orn{display:none}
.bio--clean .bio-mono{border-color:#111;color:#111;font-family:var(--b-font-sans);font-weight:900;width:56px;height:56px;border-radius:12px;font-size:22px}
.bio--clean .hero-cta{display:inline-flex;background:#111;color:#fff!important;border-radius:10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.bio--clean .bio-social a{background:transparent;border:1.5px solid #111;color:#111;box-shadow:none;border-radius:10px}
.bio--clean .bio-ticker{background:#111;color:#fff;border:0}
.bio--clean .bio-ticker .track span::after{color:#fff}
.bio--clean .bio-card{color:#fff}
.bio--clean .bio-card b{color:#fff;font-weight:800;font-size:15px;letter-spacing:.08em}
.bio--clean .bio-card small{color:rgba(255,255,255,.65)}
.bio--clean .bio-card .ico{width:48px;height:48px;border-radius:10px;box-shadow:none}
.bio--clean .bio-card .go{background:#fff;color:#111;box-shadow:none;border-radius:8px}
.bio--clean .bio-h2,.bio--clean .bio-promo>b{font-family:var(--b-font-sans);font-weight:900;text-transform:uppercase;font-size:26px;line-height:1;letter-spacing:-.01em}
.bio--clean .bio-promo{background:#111;color:#fff;--muted:rgba(255,255,255,.65);--accent:#fff}
.bio--clean .bio-btn{background:#fff;color:#111!important;border-radius:10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.bio--clean .bio-stats{border:0;gap:8px}
.bio--clean .bio-stats div{background:#111;color:#fff;border-radius:12px;padding:14px 4px;border:0}
.bio--clean .bio-stats b{font-family:var(--b-font-sans);font-weight:900;color:#fff}
.bio--clean .bio-stats span{color:rgba(255,255,255,.65)}
.bio--clean .bio-product img,.bio--clean .bio-product .ph{border-radius:12px}
.bio--clean .bio-product b{font-family:var(--b-font-sans);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em}

/* ---------- movimento (render.js → MOTION). Nada escondido aqui: só o que a animação precisa ---------- */
.bio[data-motion] .w{display:inline-block;will-change:transform}
.bio[data-motion] .bio-orn span{transform-origin:center}
/* Elegante: brilho quente flutuando atrás do topo (referência Steep). Parado, continua bonito. */
.bio--elegante .bio-head::before{content:"";position:absolute;z-index:0;width:120%;aspect-ratio:1;left:30%;top:-30%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--b-c-secondary) 38%,transparent),transparent);opacity:.55;filter:blur(10px)}
.bio--elegante .bio-head>*{position:relative;z-index:1}
.bio--elegante .bio-head::before{animation:bio-drift 16s ease-in-out infinite alternate}
@keyframes bio-drift{to{transform:translate(-22%,14%) scale(1.15)}}
/* Noturno: título cromado com reflexo de luz passando (referência Apple). Sem movimento, fica cromado parado. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .bio--noturno .bio-head h1{text-shadow:none;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--b-c-primary) 55%,transparent));
    background:linear-gradient(105deg,transparent 36%,#fff 47%,#e3f1ff 53%,transparent 64%) 170% 0/260% 100% no-repeat,linear-gradient(180deg,#edf2fb 15%,#a9b9d4);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .bio--noturno .bio-head h1 em{-webkit-text-fill-color:var(--b-c-secondary)}
  .bio--noturno .bio-head h1{animation:bio-sheen 7s 1.8s cubic-bezier(.45,0,.25,1) infinite}
}
@keyframes bio-sheen{0%{background-position:170% 0,0 0}38%,100%{background-position:-70% 0,0 0}}
.bio--noturno .bio-head.has-cover .cover{overflow:hidden}
.bio--noturno .bio-head .cover img{transform-origin:50% 35%}
/* Impacto: palavras sobem de dentro de uma máscara (referência Impossible Foods); a foto flutua devagar. */
.bio[data-motion] .wm{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .02em .14em;margin:-.04em -.02em -.14em}
.bio--impacto .bio-head .cover{animation:bio-float 6s ease-in-out infinite alternate}
@keyframes bio-float{0%{transform:translateY(0) rotate(-1.2deg)}100%{transform:translateY(-10px) rotate(1.2deg)}}
/* Clean: cards pretos empilham ao rolar (referência Tomorro). overflow:clip deixa o sticky funcionar; sem suporte, nada muda. */
@media(prefers-reduced-motion:no-preference){
  .bio--clean[data-motion]{overflow:hidden;overflow:clip}
  .bio--clean[data-motion] .bio-card{position:sticky;top:calc(16px + var(--i,0) * 10px);transform-origin:50% 0}
}
.bio--clean .bio-head .cover{will-change:transform}
/* "Reduzir movimento" (iPhone/Android): os efeitos continuam, mais calmos. O letreiro passa 3x mais devagar e para quando a pessoa encosta nele. */
@media(prefers-reduced-motion:reduce){.bio-ticker .track{animation-duration:66s}.bio-fab,.bio-card{transition:none}}
.bio-ticker:hover .track,.bio-ticker:active .track{animation-play-state:paused}

/* =================== AUTORAL (exclusivo do operador) — molde da página de entrega =================== */
/* grafite, Bricolage nos títulos, pílulas cor de areia, foto grande com a frase por cima, tabela de informações */
.bio--autoral{--text:#f2f0ec;--muted:#a19d95;--line:rgba(255,255,255,.09);--title-color:#f2f0ec;--accent:var(--b-c-primary);
  --card-bg:#18181a;--card-bd:rgba(255,255,255,.07);--card-sh:none;--ico-bg:color-mix(in srgb,var(--b-c-primary) 14%,transparent);--ico-fg:var(--b-c-primary);
  --radius:18px;--disp:"Bricolage Grotesque",var(--b-font-sans);padding:0 20px var(--b-sp-7)}
.bio--autoral .bio-top{position:absolute;z-index:4;top:calc(18px + env(safe-area-inset-top,0px));left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bio--autoral .bio-top h1{margin:0;font:800 18px/1.15 var(--disp);letter-spacing:-.01em;color:#fff}
.bio--autoral .bio-top p{margin:3px 0 0;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.bio--autoral .bio-top .live{display:inline-flex;align-items:center;gap:7px;flex:none;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;color:#e9e6df;
  background:rgba(13,13,14,.45);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bio--autoral .bio-top .live i{width:7px;height:7px;border-radius:50%;background:var(--b-c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-c-primary) 25%,transparent);animation:aut-blink 2s ease-in-out infinite}
.bio--autoral .bio-top .live.closed i{background:var(--muted);box-shadow:none;animation:none}
@keyframes aut-blink{50%{opacity:.35}}
.bio--autoral .bio-head{min-height:min(92svh,760px);display:flex;align-items:flex-end;padding:120px 20px 44px;text-align:left}
.bio--autoral .bio-head:not(.has-cover){min-height:0;padding-top:130px;padding-bottom:28px}
.bio--autoral .bio-head .cover{position:absolute;inset:0;overflow:hidden}
.bio--autoral .bio-head .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,14,.6) 0%,transparent 20%,transparent 42%,rgba(13,13,14,.82) 76%,var(--b-c-bg) 100%)}
.bio--autoral .bio-head .id{align-items:flex-start;z-index:2}
.bio--autoral .kicker{margin:0;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bio--autoral .hero-title{margin:12px 0 0;font:700 clamp(2.1rem,9.6vw,2.9rem)/1.04 var(--disp);letter-spacing:-.025em;color:#fff;text-wrap:balance;max-width:14ch}
.bio--autoral .hero-title .wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.bio--autoral .hero-title .wm .w{display:inline-block}
.bio--autoral .hero-title em{color:var(--b-c-primary)}
.bio--autoral .hero-cta{display:inline-flex;margin-top:26px;min-height:56px;padding:0 26px;font-size:16px;font-weight:700;gap:10px}
.bio--autoral .bio-ticker{margin:0 -20px;border-color:var(--line);color:var(--muted);letter-spacing:.24em}
.bio--autoral .bio-ticker .track span::after{content:"•";color:var(--b-c-primary)}
.bio--autoral .bio-cards{margin-top:28px;gap:10px}
.bio--autoral .bio-card{min-height:76px;padding:12px 16px 12px 12px}
.bio--autoral .bio-card .ico{width:48px;height:48px;box-shadow:none}
.bio--autoral .bio-card .ico svg.i{width:21px;height:21px}
.bio--autoral .bio-card b{font:700 17px/1.2 var(--disp);letter-spacing:-.01em;text-transform:none;color:var(--text)}
.bio--autoral .bio-card small{font-size:13px}
.bio--autoral .bio-card .go{background:transparent;box-shadow:none;color:var(--muted)}
.bio--autoral .bio-section{margin:48px -20px 0;padding:40px 20px 0;border-top:1px solid var(--line)}
.bio--autoral .bio-h2{text-align:left;font:700 11px/1.2 var(--b-font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.bio--autoral .bio-about{text-align:left;font-size:21px;line-height:1.42;font-weight:500;color:var(--text);letter-spacing:-.01em}
/* números viram a tabela de informações (rótulo à esquerda, valor à direita) */
.bio--autoral .bio-stats{display:block;margin-top:28px;border:1px solid var(--line);border-radius:16px;background:#141416;overflow:hidden}
.bio--autoral .bio-stats div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-align:left;padding:16px 18px;border:0}
.bio--autoral .bio-stats div+div{border-top:1px solid var(--line)}
.bio--autoral .bio-stats b{order:2;font:700 15px/1.35 var(--b-font-sans);color:var(--text);text-align:right}
.bio--autoral .bio-stats span{order:1;margin:0;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.bio--autoral .bio-promo{align-items:flex-start;text-align:left;border-radius:20px}
.bio--autoral .bio-promo>b{font:700 26px/1.1 var(--disp)}
.bio--autoral .bio-promo .tag{color:var(--b-c-primary)}
.bio--autoral .bio-products{gap:20px 10px}
.bio--autoral .bio-product{text-align:left}
.bio--autoral .bio-product img,.bio--autoral .bio-product .ph{border-radius:14px;aspect-ratio:4/5;background:#18181a}
.bio--autoral .bio-product b{font:700 16px/1.25 var(--disp)}
.bio--autoral .bio-product .pp{color:var(--b-c-primary)}
.bio--autoral .bio-faq summary{font-size:16px}
.bio--autoral .bio-footer{margin:56px -20px 0;padding:48px 24px 8px;border-top:1px solid var(--line);gap:0}
.bio--autoral .bio-footer .kicker{color:var(--muted)}
.bio--autoral .bio-footer .close{margin:14px 0 0;font:700 clamp(1.6rem,7vw,2rem)/1.15 var(--disp);letter-spacing:-.02em;color:var(--text);text-wrap:balance;max-width:16ch}
.bio--autoral .bio-footer .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.bio--autoral .pill{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;background:#1f1f21;border:1px solid var(--line);color:var(--text)}
.bio--autoral .pill.tan{background:var(--b-c-primary);border-color:transparent;color:var(--b-c-on-primary)}
.bio--autoral .pill svg.i{width:18px;height:18px}
.bio--autoral .bio-footer small{margin-top:30px;font-size:10px;letter-spacing:.2em;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.bio--autoral .bio-top .live i{animation:none}}

/* =================== MODELOS NOVOS (inspirados em styles.refero.design) ===================
   pergaminho (Perplexity) · musgo (Wise) · concreto (Brex) · neon (Raycast) · alpino (Mercury).
   Cada um traz a própria paleta ao ser escolhido; o cliente ainda pode trocar cores no editor. */
.bio--pergaminho .bio-orn,.bio--musgo .bio-orn,.bio--concreto .bio-orn,.bio--neon .bio-orn,.bio--alpino .bio-orn{display:none}
.bio--pergaminho .hero-cta,.bio--musgo .hero-cta,.bio--concreto .hero-cta,.bio--neon .hero-cta,.bio--alpino .hero-cta{display:inline-flex}

/* ---- PERGAMINHO: papel quente, tinta escura, um turquesa só ---- */
.bio--pergaminho{--text:#27251e;--muted:#72706b;--line:#d1d1cd;--title-color:#27251e;--card-font:var(--b-font-sans);
  --card-bg:#fdfbfa;--card-bd:#d1d1cd;--card-sh:0 1px 2px rgba(0,0,0,.08);--ico-bg:#f0ece5;--ico-fg:var(--b-c-primary-text);--radius:16px;--accent:var(--b-c-primary-text)}
.bio--pergaminho .bio-head{padding-top:var(--b-sp-7)}
.bio--pergaminho .bio-head h1{font-family:var(--b-font-sans);font-weight:500;font-size:clamp(1.9rem,8.5vw,2.4rem);letter-spacing:-.025em;line-height:1.08}
.bio--pergaminho .kicker{letter-spacing:.16em;font-weight:500;font-size:11px}
.bio--pergaminho .bio-mono{width:56px;height:56px;border-radius:16px;border:1px solid var(--line);color:var(--text);font-family:var(--b-font-sans);font-weight:500;font-size:22px;background:#fdfbfa}
.bio--pergaminho .hero-cta{background:#27251e;color:#fff!important;border-radius:10px;font-weight:500}
.bio--pergaminho .bio-social a{background:transparent;border:1px solid var(--line);box-shadow:none;border-radius:10px;color:#72706b}
.bio--pergaminho .bio-ticker{letter-spacing:.1em;font-weight:500}
.bio--pergaminho .bio-card b,.bio--pergaminho .bio-product b{text-transform:none;letter-spacing:0;font-weight:500;font-size:16px;color:var(--text);font-family:var(--b-font-sans)}
.bio--pergaminho .bio-card .ico{width:48px;height:48px;border-radius:12px;box-shadow:none}
.bio--pergaminho .bio-card .go{background:transparent;box-shadow:none;color:var(--b-c-primary-text)}
.bio--pergaminho .bio-h2,.bio--pergaminho .bio-promo>b{font-family:var(--b-font-sans);font-weight:500;font-size:20px;letter-spacing:-.01em;color:var(--text)}
.bio--pergaminho .bio-stats b{font-family:var(--b-font-sans);font-weight:500;color:var(--b-c-primary-text)}
.bio--pergaminho .bio-promo{background:#fdfbfa}
.bio--pergaminho .bio-btn{border-radius:10px;font-weight:500}
.bio--pergaminho .bio-product img,.bio--pergaminho .bio-product .ph{border-radius:16px;border:1px solid var(--line)}

/* ---- MUSGO: verde-floresta, lima elétrico, títulos grandes e pesados ---- */
.bio--musgo{--text:#f1fae6;--muted:#b9d3a3;--line:rgba(159,232,112,.22);--title-color:var(--b-c-primary-text);--card-font:'Bricolage Grotesque',var(--b-font-sans);
  --card-bg:color-mix(in srgb,var(--b-c-primary) 9%,var(--b-c-bg));--card-bd:color-mix(in srgb,var(--b-c-primary) 24%,transparent);--card-sh:none;
  --ico-bg:var(--b-c-primary);--ico-fg:var(--b-c-on-primary);--radius:18px;--accent:var(--b-c-primary-text)}
.bio--musgo .bio-head{padding-top:var(--b-sp-8)}
.bio--musgo .bio-head h1{font-family:'Bricolage Grotesque',var(--b-font-sans);font-weight:800;font-size:clamp(2.6rem,13.5vw,3.7rem);letter-spacing:-.04em;line-height:.9}
.bio--musgo .kicker{color:var(--text);letter-spacing:.22em}
.bio--musgo .bio-tagline{color:var(--text);opacity:.85}
.bio--musgo .bio-mono{border-color:var(--b-c-primary);color:var(--b-c-primary);font-family:'Bricolage Grotesque',var(--b-font-sans);font-weight:800;width:60px;height:60px;border-radius:50%}
.bio--musgo .hero-cta,.bio--musgo .bio-btn{background:var(--b-c-primary);color:var(--b-c-on-primary)!important;font-weight:800;border-radius:999px}
.bio--musgo .bio-social a{background:transparent;border:1.5px solid var(--b-c-primary);color:var(--b-c-primary);box-shadow:none;border-radius:999px}
.bio--musgo .bio-ticker{background:var(--b-c-primary);color:var(--b-c-on-primary);border:0}
.bio--musgo .bio-ticker .track span::after{color:inherit}
.bio--musgo .bio-card b{text-transform:none;letter-spacing:-.01em;font-weight:800;font-size:18px;color:var(--text)}
.bio--musgo .bio-card .ico{width:50px;height:50px;box-shadow:none}
.bio--musgo .bio-card .go{background:transparent;box-shadow:none;color:var(--b-c-primary)}
.bio--musgo .bio-h2,.bio--musgo .bio-promo>b{font-family:'Bricolage Grotesque',var(--b-font-sans);font-weight:800;font-size:30px;line-height:.98;letter-spacing:-.035em}
.bio--musgo .bio-stats b{font-family:'Bricolage Grotesque',var(--b-font-sans);font-weight:800;font-size:30px;color:var(--b-c-primary)}
.bio--musgo .bio-promo{background:var(--b-c-primary);color:var(--b-c-on-primary);border:0;--muted:color-mix(in srgb,var(--b-c-on-primary) 70%,transparent);--accent:var(--b-c-on-primary)}
.bio--musgo .bio-promo>b{color:var(--b-c-on-primary)}
.bio--musgo .bio-promo .bio-btn{background:var(--b-c-on-primary);color:var(--b-c-primary)!important}
.bio--musgo .bio-product b{font-family:'Bricolage Grotesque',var(--b-font-sans);font-weight:800;color:var(--text)}
.bio--musgo .bio-product img,.bio--musgo .bio-product .ph{border-radius:14px}

/* ---- CONCRETO: branco de bancada, tinta preta, uma brasa laranja ---- */
.bio--concreto{--text:#000;--muted:#60646c;--line:#e4e5ec;--title-color:#000;--card-font:var(--b-font-sans);
  --card-bg:#f3f3f7;--card-bd:transparent;--card-sh:none;--ico-bg:var(--b-c-primary);--ico-fg:var(--b-c-on-primary);--radius:12px;--accent:var(--b-c-primary-text)}
.bio--concreto .bio-head{padding-top:var(--b-sp-7)}
.bio--concreto .bio-head h1{font-family:var(--b-font-sans);font-weight:800;font-size:clamp(2.3rem,11.5vw,3.2rem);letter-spacing:-.05em;line-height:.96}
.bio--concreto .kicker{color:var(--b-c-primary-text);letter-spacing:.2em}
.bio--concreto .bio-mono{width:54px;height:54px;border-radius:12px;border:0;background:#000;color:#fff;font-family:var(--b-font-sans);font-weight:800;font-size:22px}
.bio--concreto .hero-cta{background:#000;color:#fff!important;border-radius:12px;font-weight:700}
.bio--concreto .bio-social a{background:#f3f3f7;border:0;color:#000;box-shadow:none;border-radius:12px}
.bio--concreto .bio-ticker{background:#15191e;color:#fff;border:0}
.bio--concreto .bio-ticker .track span::after{color:var(--b-c-primary)}
.bio--concreto .bio-card b,.bio--concreto .bio-product b{text-transform:none;letter-spacing:-.02em;font-weight:700;font-size:17px;color:#000;font-family:var(--b-font-sans)}
.bio--concreto .bio-card .ico{width:48px;height:48px;border-radius:12px;box-shadow:none}
.bio--concreto .bio-card .go{background:#000;color:#fff;border-radius:10px;box-shadow:none}
.bio--concreto .bio-h2,.bio--concreto .bio-promo>b{font-family:var(--b-font-sans);font-weight:800;font-size:26px;letter-spacing:-.04em;color:#000}
.bio--concreto .bio-stats{border:0;gap:8px}
.bio--concreto .bio-stats div{background:#f3f3f7;border-radius:12px;padding:14px 4px;border:0}
.bio--concreto .bio-stats b{font-family:var(--b-font-sans);font-weight:800;color:#000;letter-spacing:-.03em}
.bio--concreto .bio-promo{background:#000;color:#fff;--muted:rgba(255,255,255,.65);--accent:var(--b-c-primary)}
.bio--concreto .bio-promo>b{color:#fff}
.bio--concreto .bio-btn{border-radius:12px;font-weight:700}
.bio--concreto .bio-product img,.bio--concreto .bio-product .ph{border-radius:12px}

/* ---- NEON: preto profundo, cartões finos, coral que brilha ---- */
.bio--neon{--text:#fff;--muted:#9c9c9d;--line:rgba(255,255,255,.08);--title-color:#fff;--card-font:var(--b-font-sans);
  --card-bg:#07080a;--card-bd:rgba(255,255,255,.09);--card-sh:inset 0 1px 0 rgba(255,255,255,.06);--ico-bg:#111214;--ico-fg:var(--b-c-primary-text);--radius:16px;--accent:var(--b-c-primary-text);
  background:radial-gradient(90% 38% at 50% 0%,color-mix(in srgb,var(--b-c-primary) 26%,transparent),transparent 72%),var(--b-c-bg)}
.bio--neon .bio-head{padding-top:var(--b-sp-8)}
.bio--neon .bio-head h1{font-family:var(--b-font-sans);font-weight:700;font-size:clamp(2.2rem,10.5vw,3rem);letter-spacing:-.035em;line-height:1}
.bio--neon .kicker{letter-spacing:.24em;color:#6a6b6c}
.bio--neon .bio-mono{width:56px;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#07080a;color:var(--b-c-primary-text);font-family:var(--b-font-sans);font-weight:700;font-size:22px}
.bio--neon .hero-cta,.bio--neon .bio-btn{background:#e6e6e6;color:#1b1c1e!important;border-radius:8px;font-weight:600}
.bio--neon .bio-social a{background:#07080a;border:1px solid rgba(255,255,255,.1);color:#e6e6e6;box-shadow:none;border-radius:10px}
.bio--neon .bio-ticker{border-color:rgba(255,255,255,.08);color:#6a6b6c}
.bio--neon .bio-card b,.bio--neon .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:600;font-size:16px;color:#fff;font-family:var(--b-font-sans)}
.bio--neon .bio-card .ico{width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 22px -8px color-mix(in srgb,var(--b-c-primary) 70%,transparent)}
.bio--neon .bio-card .go{background:transparent;box-shadow:none;color:var(--b-c-primary-text)}
.bio--neon .bio-h2,.bio--neon .bio-promo>b{font-family:var(--b-font-sans);font-weight:700;font-size:22px;letter-spacing:-.03em;color:#fff}
.bio--neon .bio-stats b{font-family:var(--b-font-sans);font-weight:700;color:#fff}
.bio--neon .bio-promo{border-color:color-mix(in srgb,var(--b-c-primary) 35%,transparent)}
.bio--neon .bio-product img,.bio--neon .bio-product .ph{border-radius:14px;border:1px solid rgba(255,255,255,.08)}

/* ---- ALPINO: noite azulada, botões em pílula, azul-cobalto ---- */
.bio--alpino{--text:#ededf3;--muted:#c3c3cc;--line:rgba(226,227,237,.12);--title-color:#ededf3;--card-font:var(--b-font-sans);
  --card-bg:#1e1e2a;--card-bd:rgba(226,227,237,.08);--card-sh:none;--ico-bg:#272735;--ico-fg:#ededf3;--radius:14px;--accent:var(--b-c-primary-text);
  background:radial-gradient(110% 42% at 50% 0%,color-mix(in srgb,var(--b-c-primary) 32%,transparent),transparent 74%),var(--b-c-bg)}
.bio--alpino .bio-head{padding-top:var(--b-sp-8)}
.bio--alpino .bio-head h1{font-family:var(--b-font-sans);font-weight:500;font-size:clamp(2.2rem,10.5vw,3rem);letter-spacing:-.03em;line-height:1.02}
.bio--alpino .kicker{letter-spacing:.2em;color:#c3c3cc}
.bio--alpino .bio-mono{width:60px;height:60px;border-radius:50%;border:0;background:var(--b-c-primary);color:var(--b-c-on-primary);font-family:var(--b-font-sans);font-weight:600;font-size:22px}
.bio--alpino .hero-cta,.bio--alpino .bio-btn{background:var(--b-c-primary);color:var(--b-c-on-primary)!important;border-radius:999px;font-weight:600;min-height:50px;padding:0 30px}
.bio--alpino .bio-social a{background:#272735;border:0;color:#ededf3;box-shadow:none;border-radius:50%}
.bio--alpino .bio-ticker{background:#1e1e2a;border:0;color:#c3c3cc}
.bio--alpino .bio-card b,.bio--alpino .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:500;font-size:17px;color:#ededf3;font-family:var(--b-font-sans)}
.bio--alpino .bio-card .ico{width:46px;height:46px;box-shadow:none}
.bio--alpino .bio-card .go{background:var(--b-c-primary);color:var(--b-c-on-primary);box-shadow:none}
.bio--alpino .bio-h2,.bio--alpino .bio-promo>b{font-family:var(--b-font-sans);font-weight:500;font-size:24px;letter-spacing:-.025em;color:#ededf3}
.bio--alpino .bio-stats{border:0;gap:8px}
.bio--alpino .bio-stats div{background:#1e1e2a;border-radius:14px;padding:14px 4px;border:0}
.bio--alpino .bio-stats b{font-family:var(--b-font-sans);font-weight:500;color:#ededf3}
.bio--alpino .bio-promo{background:linear-gradient(160deg,color-mix(in srgb,var(--b-c-primary) 30%,#1e1e2a),#1e1e2a 70%);border-color:rgba(226,227,237,.1)}
.bio--alpino .bio-product img,.bio--alpino .bio-product .ph{border-radius:14px}

/* =================== MODELOS COM ANIMAÇÃO (rodada 2, inspirados em styles.refero.design) ===================
   constelacao (Dala) · marcatexto (Ramp) · editorial (ElevenLabs) · industrial (teenage engineering) · abissal (Auros).
   A entrada é feita em render.js (Web Animations com vigia). As camadas de fundo abaixo usam só CSS e nunca escondem conteúdo. */
.bio--constelacao .bio-orn,.bio--marcatexto .bio-orn,.bio--editorial .bio-orn,.bio--industrial .bio-orn,.bio--abissal .bio-orn{display:none}
.bio--constelacao .hero-cta,.bio--marcatexto .hero-cta,.bio--editorial .hero-cta,.bio--industrial .hero-cta,.bio--abissal .hero-cta{display:inline-flex}
.bio--constelacao>:not(.bio-fab):not(script),.bio--editorial>:not(.bio-fab):not(script),.bio--abissal>:not(.bio-fab):not(script){position:relative;z-index:1}
.bio--constelacao::before,.bio--editorial::before,.bio--abissal::before,.bio--constelacao::after,.bio--abissal::after{content:"";position:absolute;pointer-events:none;z-index:0}

/* ---- CONSTELAÇÃO: veludo preto, estrelas que piscam, violeta e açafrão ---- */
.bio--constelacao{--text:#fff;--muted:#bdbdbd;--line:rgba(255,255,255,.12);--title-color:#fff;--card-font:var(--b-font-sans);
  --card-bg:rgba(128,82,255,.08);--card-bd:rgba(128,82,255,.28);--card-sh:0 0 0 1px rgba(255,255,255,.03) inset,0 14px 40px -24px var(--b-c-primary);
  --ico-bg:var(--b-c-primary);--ico-fg:var(--b-c-on-primary);--radius:24px;--accent:var(--b-c-secondary)}
.bio--constelacao::before{inset:-40px 0 0;background:
  radial-gradient(1.4px 1.4px at 12% 8%,#fff,transparent),radial-gradient(1px 1px at 28% 22%,#fff,transparent),radial-gradient(1.6px 1.6px at 46% 12%,var(--b-c-secondary),transparent),
  radial-gradient(1px 1px at 63% 30%,#fff,transparent),radial-gradient(1.4px 1.4px at 80% 10%,#fff,transparent),radial-gradient(1px 1px at 91% 36%,var(--b-c-primary-text),transparent),
  radial-gradient(1.2px 1.2px at 8% 46%,#fff,transparent),radial-gradient(1px 1px at 35% 58%,#fff,transparent),radial-gradient(1.6px 1.6px at 70% 52%,var(--b-c-primary-text),transparent),
  radial-gradient(1px 1px at 88% 66%,#fff,transparent),radial-gradient(1.2px 1.2px at 20% 78%,#fff,transparent),radial-gradient(1px 1px at 55% 88%,var(--b-c-secondary),transparent),radial-gradient(1.4px 1.4px at 94% 92%,#fff,transparent);
  background-size:100% 900px;background-repeat:repeat-y;transform:translateY(calc(var(--sy,0px) * -1));animation:bio-twinkle 5s ease-in-out infinite alternate}
.bio--constelacao::after{left:50%;top:-150px;width:460px;height:380px;margin-left:-230px;background:radial-gradient(closest-side,color-mix(in srgb,var(--b-c-primary) 55%,transparent),transparent);filter:blur(30px);opacity:.55;animation:bio-breathe 7s ease-in-out infinite alternate}
@keyframes bio-twinkle{from{opacity:.45}to{opacity:1}}
@keyframes bio-breathe{from{transform:scale(.9);opacity:.4}to{transform:scale(1.1);opacity:.7}}
.bio--constelacao .bio-head{padding-top:var(--b-sp-8)}
.bio--constelacao .bio-head h1{font-family:var(--b-font-sans);font-weight:600;font-size:clamp(2.4rem,12vw,3.4rem);letter-spacing:-.04em;line-height:.98}
.bio--constelacao .kicker{color:var(--b-c-secondary);letter-spacing:.28em}
.bio--constelacao .bio-mono{border:1px solid color-mix(in srgb,var(--b-c-primary) 70%,transparent);color:#fff;border-radius:50%;width:64px;height:64px;font-family:var(--b-font-sans);font-weight:600;font-size:22px;box-shadow:0 0 28px -4px var(--b-c-primary)}
.bio--constelacao .hero-cta,.bio--constelacao .bio-btn{background:var(--b-c-primary);color:var(--b-c-on-primary)!important;border-radius:999px;font-weight:600;box-shadow:0 10px 30px -10px var(--b-c-primary)}
.bio--constelacao .bio-social a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:none;border-radius:50%}
.bio--constelacao .bio-ticker{border-color:rgba(255,255,255,.1);color:#9a9a9a}
.bio--constelacao .bio-ticker .track span::after{color:var(--b-c-secondary)}
.bio--constelacao .bio-card b,.bio--constelacao .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:600;font-size:17px;color:#fff;font-family:var(--b-font-sans)}
.bio--constelacao .bio-card .ico{width:48px;height:48px;border-radius:16px;box-shadow:0 0 22px -6px var(--b-c-primary)}
.bio--constelacao .bio-card .go{background:transparent;box-shadow:none;color:var(--b-c-secondary)}
.bio--constelacao .bio-h2,.bio--constelacao .bio-promo>b{font-family:var(--b-font-sans);font-weight:600;font-size:26px;letter-spacing:-.035em;color:#fff}
.bio--constelacao .bio-stats b{font-family:var(--b-font-sans);font-weight:600;color:var(--b-c-secondary)}
.bio--constelacao .bio-promo{background:linear-gradient(160deg,color-mix(in srgb,var(--b-c-primary) 30%,#000),#050308 70%)}
.bio--constelacao .bio-product img,.bio--constelacao .bio-product .ph{border-radius:20px;border:1px solid rgba(255,255,255,.08)}

/* ---- MARCA-TEXTO: papel de jornal moderno, tinta preta e marca-texto neon ---- */
.bio--marcatexto{--text:#0c0a08;--muted:#6d6c6b;--line:#e5e7eb;--title-color:#0c0a08;--card-font:var(--b-font-sans);
  --card-bg:#fff;--card-bd:#e5e7eb;--card-sh:0 1px 0 rgba(12,10,8,.04);--ico-bg:#0c0a08;--ico-fg:#fff;--radius:16px;--accent:#0c0a08}
.bio--marcatexto .bio-head{padding-top:var(--b-sp-7)}
.bio--marcatexto .bio-head h1{font-family:var(--b-font-sans);font-weight:800;font-size:clamp(2.3rem,11.5vw,3.2rem);letter-spacing:-.045em;line-height:.96}
.bio--marcatexto em{font-weight:inherit;color:#0c0a08;padding:0 .14em;margin:0 -.04em;background:linear-gradient(transparent 52%,var(--b-c-primary) 52%,var(--b-c-primary) 94%,transparent 94%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bio--marcatexto .kicker{color:#0c0a08;font-weight:800;letter-spacing:.2em}
.bio--marcatexto .bio-mono{width:54px;height:54px;border-radius:12px;border:0;background:var(--b-c-primary);color:#0c0a08;font-family:var(--b-font-sans);font-weight:800;font-size:22px}
.bio--marcatexto .hero-cta,.bio--marcatexto .bio-btn{background:var(--b-c-primary);color:#0c0a08!important;border-radius:8px;font-weight:800}
.bio--marcatexto .bio-social a{background:#fff;border:1px solid #d3d3d3;color:#0c0a08;box-shadow:none;border-radius:10px}
.bio--marcatexto .bio-ticker{background:#0c0a08;color:#fff;border:0}
.bio--marcatexto .bio-ticker .track span::after{color:var(--b-c-primary)}
.bio--marcatexto .bio-card b,.bio--marcatexto .bio-product b{text-transform:none;letter-spacing:-.02em;font-weight:700;font-size:17px;color:#0c0a08;font-family:var(--b-font-sans)}
.bio--marcatexto .bio-card .ico{width:48px;height:48px;border-radius:12px;box-shadow:none}
.bio--marcatexto .bio-card .go{background:var(--b-c-primary);color:#0c0a08;border-radius:8px;box-shadow:none}
.bio--marcatexto .bio-h2,.bio--marcatexto .bio-promo>b{font-family:var(--b-font-sans);font-weight:800;font-size:27px;letter-spacing:-.04em;color:#0c0a08}
.bio--marcatexto .bio-stats{border:0;gap:8px}
.bio--marcatexto .bio-stats div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 4px}
.bio--marcatexto .bio-stats b{font-family:var(--b-font-sans);font-weight:800;color:#0c0a08;letter-spacing:-.03em}
.bio--marcatexto .bio-promo{background:#0c0a08;color:#fff;border:0;--muted:rgba(255,255,255,.65);--accent:var(--b-c-primary)}
.bio--marcatexto .bio-promo>b{color:#fff}
.bio--marcatexto .bio-product img,.bio--marcatexto .bio-product .ph{border-radius:14px}

/* ---- EDITORIAL: creme de ateliê, letra finíssima, esferas azul e laranja que flutuam ---- */
.bio--editorial{--text:#000;--muted:#777169;--line:#ebe8e4;--title-color:#000;--card-font:var(--b-font-sans);
  --card-bg:#f5f3f1;--card-bd:transparent;--card-sh:none;--ico-bg:#fff;--ico-fg:#000;--radius:20px;--accent:var(--b-c-primary-text)}
.bio--editorial::before{top:-130px;left:50%;width:300px;height:300px;margin-left:-250px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--b-c-primary) 55%,#fff),var(--b-c-primary) 70%);filter:blur(34px);opacity:.38;transform:translateY(var(--sy,0px));animation:bio-float-a 9s ease-in-out infinite alternate}
.bio--editorial::after{content:"";position:absolute;pointer-events:none;z-index:0;top:-70px;left:50%;width:260px;height:260px;margin-left:-20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--b-c-secondary) 55%,#fff),var(--b-c-secondary) 70%);filter:blur(34px);opacity:.34;transform:translateY(calc(var(--sy,0px) * .6));animation:bio-float-b 11s ease-in-out infinite alternate}
@keyframes bio-float-a{from{translate:-14px 0}to{translate:24px 30px}}
@keyframes bio-float-b{from{translate:10px 10px}to{translate:-26px -18px}}
.bio--editorial .bio-head{padding-top:var(--b-sp-8)}
.bio--editorial .bio-head h1{font-family:var(--b-font-sans);font-weight:300;font-size:clamp(2.2rem,10.5vw,3rem);letter-spacing:-.035em;line-height:1.04}
.bio--editorial .kicker{color:#777169;font-weight:500;letter-spacing:.22em}
.bio--editorial .bio-mono{width:58px;height:58px;border-radius:50%;border:0;background:#000;color:#fff;font-family:var(--b-font-sans);font-weight:300;font-size:22px}
.bio--editorial .hero-cta,.bio--editorial .bio-btn{background:#000;color:#fff!important;border-radius:999px;font-weight:500;min-height:50px;padding:0 28px}
.bio--editorial .bio-social a{background:#f5f3f1;border:0;color:#000;box-shadow:none;border-radius:50%}
.bio--editorial .bio-ticker{border-color:#ebe8e4;color:#a59f97;letter-spacing:.14em}
.bio--editorial .bio-card b,.bio--editorial .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:500;font-size:17px;color:#000;font-family:var(--b-font-sans)}
.bio--editorial .bio-card .ico{width:46px;height:46px;box-shadow:none}
.bio--editorial .bio-card .go{background:#000;color:#fff;box-shadow:none}
.bio--editorial .bio-h2,.bio--editorial .bio-promo>b{font-family:var(--b-font-sans);font-weight:300;font-size:28px;letter-spacing:-.035em;color:#000}
.bio--editorial .bio-stats{border:0;gap:8px}
.bio--editorial .bio-stats div{background:#f5f3f1;border-radius:20px;padding:16px 4px}
.bio--editorial .bio-stats b{font-family:var(--b-font-sans);font-weight:300;color:#000;font-size:clamp(22px,6.4vw,28px)}
.bio--editorial .bio-promo{background:#f5f3f1}
.bio--editorial .bio-product img,.bio--editorial .bio-product .ph{border-radius:20px}

/* ---- INDUSTRIAL: catálogo de estúdio, cantos retos, linhas finas, numeração ---- */
.bio--industrial{--text:#000;--muted:#6c6f6e;--line:#000;--title-color:#000;--card-font:var(--b-font-sans);
  --card-bg:#fff;--card-bd:#000;--card-sh:none;--ico-bg:#0f0e12;--ico-fg:#fff;--radius:0px;--accent:#000;counter-reset:cat}
.bio--industrial .bio-head{padding-top:var(--b-sp-7);text-align:left}
.bio--industrial .bio-head .id{align-items:flex-start}
.bio--industrial .bio-head h1{font-family:var(--b-font-sans);font-weight:300;font-size:clamp(2.2rem,10.5vw,3rem);letter-spacing:-.035em;line-height:1;text-align:left}
.bio--industrial .bio-tagline,.bio--industrial .bio-meta{text-align:left;margin-left:0}
.bio--industrial .bio-meta{justify-content:flex-start}
.bio--industrial em{font-weight:600;color:#000;background:var(--b-c-secondary);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bio--industrial .kicker{color:#000;font-weight:500;letter-spacing:.3em;font-size:10px}
.bio--industrial .bio-mono{width:52px;height:52px;border-radius:0;border:1px solid #000;color:#000;font-family:var(--b-font-sans);font-weight:300;font-size:22px;background:#fff}
.bio--industrial .hero-cta,.bio--industrial .bio-btn{background:#0f0e12;color:#fff!important;border-radius:0;font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.bio--industrial .bio-social{justify-content:flex-start}
.bio--industrial .bio-social a{background:#fff;border:1px solid #000;color:#000;box-shadow:none;border-radius:0}
.bio--industrial .bio-ticker{background:#0f0e12;color:#fff;border:0;font-weight:400}
.bio--industrial .bio-ticker .track span::after{color:var(--b-c-secondary)}
.bio--industrial .bio-cards{gap:0}
.bio--industrial .bio-card{position:relative;margin-top:-1px;min-height:76px;counter-increment:cat}
.bio--industrial .bio-card::after{content:counter(cat,decimal-leading-zero);position:absolute;right:10px;bottom:6px;font-size:10px;letter-spacing:.14em;color:#b2b2b2}
.bio--industrial .bio-card b,.bio--industrial .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:400;font-size:17px;color:#000;font-family:var(--b-font-sans)}
.bio--industrial .bio-card .ico{width:44px;height:44px;border-radius:0;box-shadow:none}
.bio--industrial .bio-card .go{background:transparent;color:#000;box-shadow:none;border-radius:0}
.bio--industrial .bio-h2,.bio--industrial .bio-promo>b{font-family:var(--b-font-sans);font-weight:300;font-size:26px;letter-spacing:-.03em;color:#000;text-align:left}
.bio--industrial .bio-stats{border:1px solid #000;border-width:1px 0}
.bio--industrial .bio-stats div+div{border-left:1px solid #000}
.bio--industrial .bio-stats b{font-family:var(--b-font-sans);font-weight:300;color:#000}
.bio--industrial .bio-promo{background:#0f0e12;color:#fff;border:0;--muted:rgba(255,255,255,.6);--accent:#fff}
.bio--industrial .bio-promo>b{color:#fff}
.bio--industrial .bio-product img,.bio--industrial .bio-product .ph{border-radius:0;border:1px solid #000;aspect-ratio:1/1}
.bio--industrial .bio-hours,.bio--industrial .bio-faq,.bio--industrial .bio-hours li,.bio--industrial .bio-faq details{border-color:#000}

/* ---- ABISSAL: verde-petróleo profundo, orbes de luz que sobem, lavanda fosforescente ---- */
.bio--abissal{--text:#edfffe;--muted:#bbc7c6;--line:rgba(237,255,254,.14);--title-color:#fff;--card-font:var(--b-font-sans);
  --card-bg:#003734;--card-bd:rgba(237,255,254,.08);--card-sh:none;--ico-bg:#012624;--ico-fg:var(--b-c-secondary);--radius:16px;--accent:var(--b-c-primary-text)}
.bio--abissal::before{left:-10%;bottom:-120px;width:70%;height:340px;background:radial-gradient(closest-side,color-mix(in srgb,var(--b-c-secondary) 45%,transparent),transparent);filter:blur(26px);opacity:.5;transform:translateY(calc(var(--sy,0px) * -1));animation:bio-rise 10s ease-in-out infinite alternate}
.bio--abissal::after{right:-12%;top:18%;width:60%;height:300px;background:radial-gradient(closest-side,color-mix(in srgb,var(--b-c-primary) 28%,transparent),transparent);filter:blur(30px);opacity:.5;transform:translateY(calc(var(--sy,0px) * -.6));animation:bio-rise 13s ease-in-out infinite alternate-reverse}
@keyframes bio-rise{from{translate:0 24px;scale:.92}to{translate:0 -34px;scale:1.08}}
.bio--abissal .bio-head{padding-top:var(--b-sp-8)}
.bio--abissal .bio-head h1{font-family:var(--b-font-sans);font-weight:500;font-size:clamp(2.2rem,10.5vw,3rem);letter-spacing:-.035em;line-height:1.02}
.bio--abissal .kicker{color:var(--b-c-secondary);letter-spacing:.26em}
.bio--abissal .bio-mono{width:60px;height:60px;border-radius:50%;border:1px solid color-mix(in srgb,var(--b-c-secondary) 60%,transparent);color:var(--b-c-secondary);font-family:var(--b-font-sans);font-weight:500;font-size:22px;box-shadow:0 0 30px -6px var(--b-c-secondary)}
.bio--abissal .hero-cta,.bio--abissal .bio-btn{background:var(--b-c-primary);color:var(--b-c-on-primary)!important;border-radius:8px;font-weight:600}
.bio--abissal .bio-social a{background:#003734;border:1px solid rgba(237,255,254,.1);color:#edfffe;box-shadow:none;border-radius:50%}
.bio--abissal .bio-ticker{border-color:rgba(237,255,254,.1);color:var(--b-c-secondary)}
.bio--abissal .bio-card b,.bio--abissal .bio-product b{text-transform:none;letter-spacing:-.01em;font-weight:500;font-size:17px;color:#fff;font-family:var(--b-font-sans)}
.bio--abissal .bio-card .ico{width:46px;height:46px;border-radius:14px;box-shadow:0 0 24px -8px var(--b-c-secondary)}
.bio--abissal .bio-card .go{background:transparent;color:var(--b-c-secondary);box-shadow:none}
.bio--abissal .bio-h2,.bio--abissal .bio-promo>b{font-family:var(--b-font-sans);font-weight:500;font-size:26px;letter-spacing:-.03em;color:#fff}
.bio--abissal .bio-stats b{font-family:var(--b-font-sans);font-weight:500;color:var(--b-c-primary);font-size:clamp(22px,6.4vw,28px)}
.bio--abissal .bio-promo{background:linear-gradient(160deg,#00443f,#003734 65%)}
.bio--abissal .bio-product img,.bio--abissal .bio-product .ph{border-radius:14px}

@media (prefers-reduced-motion:reduce){.bio--editorial::before,.bio--editorial::after,.bio--abissal::before,.bio--abissal::after{animation-duration:26s}} /* esferas e orbes: mais lentos */
.bio--marcatexto .bio-promo em{background:none;color:var(--b-c-primary);padding:0;margin:0}
.bio--industrial .bio-promo .bio-btn{background:#fff;color:#0f0e12!important}

/* brilho que respira no topo (Neon e Alpino) — só CSS, nunca esconde conteúdo */
.bio--neon>:not(.bio-fab):not(script),.bio--alpino>:not(.bio-fab):not(script){position:relative;z-index:1}
.bio--neon::after,.bio--alpino::after{content:"";position:absolute;pointer-events:none;z-index:0;left:50%;top:-140px;width:460px;height:340px;margin-left:-230px;background:radial-gradient(closest-side,color-mix(in srgb,var(--b-c-primary) 42%,transparent),transparent);filter:blur(30px);opacity:.5;animation:bio-breathe 7s ease-in-out infinite alternate}


/* ===== ADAPTAÇÃO UNIVERSAL (bio pública) ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports (min-height:100dvh){.bio{min-height:100dvh}}
@supports not (color:color-mix(in srgb,red,blue)){ /* navegadores antigos: cartões e fundos sólidos */
  .bio{--card-bg:rgba(255,255,255,.72)}
  .bio--musgo{--card-bg:rgba(159,232,112,.1)}.bio--constelacao{--card-bg:rgba(128,82,255,.1)}
  .bio--noturno,.bio--neon,.bio--alpino{background:var(--b-c-bg)}
}

/* texto só para leitor de tela e Google (ex.: título com o nome quando a pessoa escolhe não mostrar o nome) */
.bio .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* sem foto de capa e sem o nome na tela: o topo não precisa do espaço reservado para o título grande */
.bio--noturno .bio-head.no-name{min-height:0;padding-top:var(--b-sp-8)}

/* rodapé: "© ano Nome. Todos os direitos reservados." quebra em linhas equilibradas, sem estourar em telas estreitas */
.bio-footer small.rights{max-width:34ch;margin-inline:auto;text-wrap:balance;line-height:1.5}