/* PELE v3 (08/08): as regras de hero, semana, abas, restrição e popup MORRERAM aqui — moram em css/ficha_v3.css (porte da entrega do Design). Este arquivo segue dono da LISTA DE EXERCÍCIOS (rodada 2) e do que a pele não cobre: painéis, séries, timer, config, splash. */ :root{ --topo-seguro:calc(env(safe-area-inset-top, 0px) + 32px); /* regra topo-seguro 27/09 */ --bg:#252422; --bg2:#2E2C29; --bg3:#333129; --bg4:#1C1B18; --bg5:#3A3830; --gold:#C9963A; --gold2:#B8832A; --gold3:#9A6C1E; --gold4:#E2B45A; --gold5:#F0CC80; --bronze:#8B6332; --bronze2:#7A5425; --bronze3:#A07840; --text:#F0EBE0; --text2:#C8BFB0; --text3:#7A7060; --text4:#4A4438; --line:rgba(201,150,58,0.2); --line2:rgba(201,150,58,0.12); --green:#4CAF50; --green2:#2E7D32; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* Regra defensiva final — oculta qualquer FAB antigo de calendário que ainda seja criado por cache de JS desatualizado (calUiFab e agFab removidos do código-fonte, mas dispositivos podem servir versões antigas). */ #calUiFab,.cal-ui-fab,.calendar-fab,#agFab,.ag-fab{display:none!important;visibility:hidden!important;pointer-events:none!important;} /* Achado do dono, 25/08: fundo BRANCO aparecendo embaixo e na lateral ao dar scroll, no iPhone. A cor de fundo só estava no `body` — no bounce do iOS (chegar no fim do scroll e continuar arrastando, ou o scroll lateral de sobra) é o `` que aparece por baixo, e sem `background` nele o navegador pinta branco por padrão. `overflow-x:hidden` também precisa estar aqui: o `body` já tinha, mas no iOS quem rola de verdade é o documento (`html`), não o `body` — só no `body` não bastava para travar o arrasto lateral. */ html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden} body{background:var(--bg);color:var(--text);font-family:'Jost',sans-serif;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;} body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,150,58,0.04),transparent 60%);pointer-events:none;z-index:0;} .wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 20px 80px} header::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);} .monogram-svg{display:block;filter:drop-shadow(0 4px 16px rgba(0,0,0,0.6))} .brand-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;font-style:italic;letter-spacing:4px;text-transform:uppercase;color:var(--gold4);margin-bottom:3px;} .brand-role{font-size:9px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--text3);} .brand-slogan{font-size:8px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--text4);font-style:italic;margin-top:2px;} .meta-pill{border-radius:4px;padding:5px 14px;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;} .pill-gold{background:rgba(201,150,58,0.15);border:1px solid rgba(201,150,58,0.4);color:var(--gold4);} .pill-dark{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:var(--text2);} /* ─── PANEL ── */ .panel{display:none} .panel.active{display:block} .panel.hidden-panel{display:none!important} /* ─── INSTAGRAM ── */ .insta-wrap{margin-top:32px;background:var(--bg4);border:1px solid var(--line);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:14px;} .insta-label{font-size:8px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text3);margin-bottom:2px;} .insta-handle{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:400;font-style:italic;color:var(--gold4);letter-spacing:1px;} /* ─── FOOTER ── */ footer{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px;border-top:1px solid var(--line2);padding-top:28px;} .footer-orn{display:flex;align-items:center;gap:10px;margin-bottom:6px;} .footer-orn-line{height:1px;width:32px;background:var(--line);} .footer-orn-diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);opacity:0.7;} .footer-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;font-style:italic;color:var(--gold4);letter-spacing:1px;} .footer-role{font-size:9px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--text3);} .footer-slogan{font-size:9px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--text4);font-style:italic;margin-top:4px;} /* ─── ANIMAÇÕES ── */ @keyframes riseUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} .cal-future-notice{ grid-column:1/-1;text-align:center;font-size:11px; color:var(--text4);padding:4px 0 6px;letter-spacing:0.3px; } .cal-detail-item{ display:flex;align-items:center;gap:10px; padding:10px 12px; background:var(--bg4);border-radius:8px; border-left:3px solid var(--gold3); } .cal-detail-item.cardio-item{border-left-color:#4CAF50;} .cal-detail-item.rest-item{border-left-color:rgba(255,255,255,0.2);} .cal-detail-icon{font-size:18px;line-height:1;flex-shrink:0;} .cal-detail-text{} .cal-detail-title{ font-size:12px;font-weight:600;color:var(--text); letter-spacing:0.5px; } .cal-detail-sub{ font-size:10px;color:var(--text3);margin-top:2px; letter-spacing:0.5px; } /* ─── AVALIAÇÃO FÍSICA ────────────────────────────── O CSS legado desta seção foi REMOVIDO (2026-07-16). A ficha de avaliação (M2: etapas + comparativo ao vivo) vive dentro do hub de Avaliações e tem estilo próprio em js/financial/ui/assessmentBundle.js (_injectCSS, escopo #asmOverlay) + js/avaliacao.js (bloco aval-import-style). ─────────────────────────────────────────────────── */ /* ─── PAINEL DE CONFIGURAÇÃO (só personal) — REMOVIDO 30/08 (C-415) ── Todo o bloco .config-toggle, .config-overlay, .config-panel, .config-opt, .config-div-x, .config-apply, .config-version-x, .config-update-btn era CSS do painel de Objetivo/Nível/Divisão (config-overlay em index.html), removido no mesmo commit por não ter mais HTML nenhum que o use — ver o comentário que ficou no lugar dele em index.html. */