.bio-mode{background:#e94669;color:#2f292b}
.bio-page{min-height:100svh;padding:22px;background:#e94669}
.bio-frame{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(560px,1.2fr);width:min(1180px,100%);min-height:calc(100svh - 44px);margin:auto;overflow:hidden;border-radius:34px;background:#fffaf7;box-shadow:0 28px 80px rgba(78,20,34,.22)}
.bio-brand{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:34px 38px 32px;background:linear-gradient(to bottom,#e94669 0 calc(100% - 14px),#00a7ab calc(100% - 14px) 100%);color:#fff}
.bio-brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.bio-brand-top img{width:118px;height:118px;object-fit:cover;border-radius:26px;box-shadow:0 14px 32px rgba(107,22,42,.18)}
.bio-brand-top>span{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.bio-edition{margin:0 0 18px;font-size:.61rem;font-weight:800;letter-spacing:.22em}
.bio-brand-copy{margin-top:auto;padding:52px 0 42px}
.bio-brand-copy h1{max-width:390px;margin:0;font:500 clamp(2.8rem,4.2vw,4.5rem)/1.02 Mitr,sans-serif;letter-spacing:-.045em}
.bio-brand-copy>p:last-child{max-width:360px;margin:25px 0 0;color:#fff1f3;font-size:.9rem;line-height:1.7}
.bio-brand-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}
.bio-rating{display:grid;grid-template-columns:25px 1fr;align-items:center;width:max-content;max-width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.5);border-radius:18px;color:#fff;background:rgba(255,255,255,.1)}
.bio-rating>span{grid-row:1/3;font-size:1.15rem}
.bio-rating strong{font-size:.78rem}
.bio-rating small{font-size:.58rem;color:#ffecef}
.bio-scroll-cue{display:none;color:#fff;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.bio-scroll-cue span{font-size:1rem}
.bio-content{display:flex;flex-direction:column;padding:46px 50px 28px}
.bio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}
.bio-kicker{margin:0 0 7px;color:#00878b;font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bio-heading h2{max-width:540px;margin:0;font:500 clamp(2.25rem,3.7vw,3.65rem)/.98 Mitr,sans-serif;letter-spacing:-.045em}
.bio-social{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 12px;border:1px solid #eadfda;border-radius:999px;color:#e94669;font-size:.64rem;font-weight:800}
.bio-social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.bio-primary{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.bio-link{position:relative;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:14px;overflow:hidden;color:inherit;transition:transform .2s,box-shadow .2s}
.bio-link:hover{transform:translateY(-2px)}
.bio-primary .bio-link{min-height:104px;padding:17px 20px;border-radius:23px}
.bio-primary .bio-link:first-child{grid-column:1/-1;min-height:120px}
.bio-primary .pink{background:#f8dce3}
.bio-primary .teal{background:#d9f1f0}
.bio-primary .green{background:#dff2e7}
.bio-link-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#e94669}
.teal .bio-link-icon{color:#00878b}
.green .bio-link-icon{color:#148451}
.bio-link-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bio-link-icon .whatsapp-mark{fill:currentColor;stroke:none}
.bio-link-copy strong,.bio-link-copy small{display:block}
.bio-link-copy strong{font:500 1.03rem/1.12 Mitr,sans-serif}
.bio-primary .bio-link:first-child .bio-link-copy strong{font-size:1.28rem}
.bio-link-copy small{margin-top:5px;color:#6d6264;font-size:.65rem}
.bio-link-arrow{display:grid;place-items:center}
.bio-link-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bio-more{display:flex;align-items:center;gap:14px;margin:25px 0 10px;color:#827678;font-size:.59rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bio-more i{height:1px;flex:1;background:#e9dfda}
.bio-secondary{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eadfda;border-left:1px solid #eadfda}
.bio-secondary .bio-link{grid-template-columns:34px 1fr;min-height:72px;padding:11px 16px;border-right:1px solid #eadfda;border-bottom:1px solid #eadfda;background:#fff}
.bio-secondary .bio-link:hover{z-index:1;background:#fff7f4;box-shadow:0 10px 24px rgba(74,51,55,.08)}
.bio-secondary .bio-link-icon{width:34px;height:34px;background:#f7efec;color:#6f6264}
.bio-secondary .bio-link-copy strong{font-size:.8rem}
.bio-secondary .bio-link-copy small{font-size:.55rem}
.bio-secondary .bio-link-arrow{display:none}
.bio-footer{display:grid;grid-template-columns:1fr auto;gap:4px 20px;margin-top:auto;padding-top:24px;color:#756a6c;font-size:.61rem}
.bio-footer>a{color:#00878b;font-weight:800}
.bio-footer small{grid-column:1/-1;color:#a09597}
@media(max-width:900px){.bio-page{padding:0}
.bio-frame{display:block;min-height:100svh;border-radius:0}
.bio-brand{min-height:310px;padding:18px 20px 24px;background:linear-gradient(to bottom,#e94669 0 calc(100% - 10px),#00a7ab calc(100% - 10px) 100%)}
.bio-brand-top img{width:84px;height:84px;border-radius:19px}
.bio-brand-top>span{font-size:.5rem;writing-mode:initial;transform:none}
.bio-brand-copy{padding:16px 0 12px}
.bio-edition{margin-bottom:9px;font-size:.52rem}
.bio-brand-copy h1{max-width:370px;font-size:2.65rem;line-height:1}
.bio-brand-copy>p:last-child{max-width:350px;margin-top:12px;font-size:.75rem;line-height:1.45}
.bio-rating{padding:9px 12px;border-radius:14px}
.bio-rating>span{font-size:.9rem}
.bio-rating strong{font-size:.68rem}
.bio-rating small{font-size:.5rem}
.bio-scroll-cue{display:flex;align-items:center;gap:6px}
.bio-content{width:min(620px,100%);min-height:calc(100svh - 310px);margin:auto;padding:24px 18px 18px;scroll-margin-top:8px}
.bio-heading{margin-bottom:18px}
.bio-heading h2{font-size:2.05rem}
}
@media(max-width:540px){.bio-brand{min-height:295px}
.bio-brand-copy h1{font-size:2.28rem}
.bio-content{padding:22px 15px 18px}
.bio-heading{align-items:center}
.bio-heading h2{font-size:1.82rem}
.bio-social{padding:9px}
.bio-social span{display:none}
.bio-primary{grid-template-columns:1fr;gap:9px}
.bio-primary .bio-link,.bio-primary .bio-link:first-child{grid-column:auto;min-height:76px;padding:11px 13px;border-radius:18px}
.bio-primary .bio-link:first-child{min-height:84px}
.bio-primary .bio-link:first-child .bio-link-copy strong{font-size:1.02rem}
.bio-link-copy strong{font-size:.9rem}
.bio-link-copy small{font-size:.57rem}
.bio-secondary{grid-template-columns:1fr 1fr}
.bio-secondary .bio-link{grid-template-columns:31px 1fr;gap:8px;min-height:67px;padding:9px}
.bio-secondary .bio-link-icon{width:31px;height:31px}
.bio-secondary .bio-link-copy strong{font-size:.7rem}
.bio-secondary .bio-link-copy small{font-size:.5rem}
.bio-footer{margin-top:20px;padding-top:16px}
}
@media(max-width:370px){.bio-brand-copy h1{font-size:2rem}
.bio-heading h2{font-size:1.62rem}
.bio-secondary{grid-template-columns:1fr}
.bio-secondary .bio-link-copy strong{font-size:.77rem}
}
/* Design system: tokens semânticos e legibilidade da bio. */
.bio-mode{--text-primary:#302d2e;--text-secondary:#6f6567;--text-muted:#918689;--text-on-dark:#fff;--text-on-brand:#fff;--surface-page:#fff9f5;--surface-card:#fff;--surface-subtle:#f7f4f2;--surface-primary-subtle:#f8dce3;--surface-secondary-subtle:#d9f1f0;--surface-success-subtle:#dff2e7;--action-primary:#e94669;--action-primary-hover:#c92c51;--action-secondary:#00a7ab;--status-success:#177153;--border-default:#eadfd9;--border-focus:#00a7ab;--text-2xs:10px;background:var(--action-primary);color:var(--text-primary)}
.bio-page{background:var(--action-primary)}.bio-frame{background:var(--surface-page)}.bio-brand{color:var(--text-on-brand)}.bio-kicker,.bio-footer>a{color:var(--action-secondary)}.bio-social{border-color:var(--border-default);color:var(--action-primary)}.bio-primary .pink{background:var(--surface-primary-subtle);color:var(--text-primary)}.bio-primary .teal{background:var(--surface-secondary-subtle);color:var(--text-primary)}.bio-primary .green{background:var(--surface-success-subtle);color:var(--text-primary)}.bio-primary .bio-link-copy small{color:var(--text-secondary)}.bio-link-icon{background:var(--surface-card);color:var(--action-primary)}.teal .bio-link-icon{color:var(--action-secondary)}.green .bio-link-icon{color:var(--status-success)}.bio-secondary{border-color:var(--border-default)}.bio-secondary .bio-link{border-color:var(--border-default);background:var(--surface-card)}.bio-secondary .bio-link:hover{background:var(--surface-subtle)}.bio-secondary .bio-link-icon{background:var(--surface-subtle);color:var(--text-secondary)}.bio-link-copy small{color:var(--text-secondary)}.bio-footer{color:var(--text-secondary)}.bio-footer small{color:var(--text-muted)}
.bio-brand-top>span,.bio-edition,.bio-rating small,.bio-scroll-cue,.bio-kicker,.bio-social,.bio-link-copy small,.bio-more,.bio-secondary .bio-link-copy small,.bio-footer{font-size:var(--text-2xs)}.bio-rating strong,.bio-secondary .bio-link-copy strong{font-size:.75rem}.bio-primary .bio-link:focus-visible,.bio-secondary .bio-link:focus-visible,.bio-social:focus-visible,.bio-rating:focus-visible,.bio-scroll-cue:focus-visible,.bio-footer a:focus-visible{outline:3px solid var(--border-focus);outline-offset:3px}
@media(max-width:900px){.bio-brand-top>span,.bio-edition,.bio-rating small{font-size:var(--text-2xs)}}@media(max-width:540px){.bio-link-copy small,.bio-secondary .bio-link-copy small{font-size:var(--text-2xs)}.bio-secondary .bio-link-copy strong{font-size:.75rem}}