/* Teste de nível — Meu Ritmo. Usa os tokens e o cabeçalho/rodapé de calculator.css. */
#plauto-ritmo-preview .nv-hero{background:var(--pr-blue);color:var(--pr-paper)}
#plauto-ritmo-preview .nv-hero-inner{padding:56px min(5vw,70px) 60px;max-width:900px}
#plauto-ritmo-preview .nv-hero h1{font-size:clamp(54px,7.4cqw,104px);line-height:.88;letter-spacing:-.045em;margin:30px 0 24px}
#plauto-ritmo-preview .nv-hero h1 span{color:var(--pr-orange)}
#plauto-ritmo-preview .nv-hero-text{font-size:17px;line-height:1.55;max-width:520px;color:#dbe4f3}
#plauto-ritmo-preview .nv-hero .pr-hero-actions .pr-primary{width:auto;display:inline-flex;margin:0;padding:17px 20px;border-radius:4px}

#plauto-ritmo-preview .nv-section{background:#e6edf7;padding:64px min(5vw,70px);scroll-margin-top:16px}
#plauto-ritmo-preview .nv-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
#plauto-ritmo-preview .nv-why{color:var(--pr-blue);padding-top:12px;position:sticky;top:24px}
#plauto-ritmo-preview .nv-why h2{font-size:clamp(32px,3.6cqw,48px);line-height:1.04;letter-spacing:-.03em;margin:16px 0}
#plauto-ritmo-preview .nv-why>p:not(.pr-eyebrow){font-size:16px;line-height:1.6;color:#4f5353;max-width:420px}
#plauto-ritmo-preview .nv-pillars{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;max-width:420px}
#plauto-ritmo-preview .nv-pillars li{padding:2px 0 2px 16px;border-left:4px solid var(--pr-orange)}
#plauto-ritmo-preview .nv-pillars b{display:block;font-size:15px}
#plauto-ritmo-preview .nv-pillars span{display:block;font-size:14px;color:#4f5353;margin-top:2px}

#plauto-ritmo-preview .nv-card{background:var(--pr-paper);border:1px solid #d3dce8;border-radius:12px;padding:30px;min-width:0;scroll-margin-top:16px}
#plauto-ritmo-preview .nv-progress{display:grid;gap:8px;margin-bottom:26px;font-size:12px;color:#5d646c}
#plauto-ritmo-preview .nv-track{height:4px;background:#dfe5ee;border-radius:4px;overflow:hidden}
#plauto-ritmo-preview .nv-track i{display:block;height:100%;width:0;background:var(--pr-orange);transition:width .32s cubic-bezier(.32,.72,.24,1)}
#plauto-ritmo-preview .nv-tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pr-blue)}
#plauto-ritmo-preview .nv-question{font-family:'kit-rounded',sans-serif;font-weight:700;font-size:24px;line-height:1.25;letter-spacing:-.01em;margin:10px 0 0;color:#15191e}
#plauto-ritmo-preview .nv-question:focus-visible{outline:none}
#plauto-ritmo-preview .nv-help{font-size:13px;color:#4f5353;margin-top:8px}
#plauto-ritmo-preview .nv-options{display:grid;gap:10px;margin-top:22px}
#plauto-ritmo-preview .nv-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #b7bdc6;border-radius:12px;background:#fafafa;padding:15px 16px;font-size:15px;line-height:1.35;color:#202830;min-height:52px;transition:border-color .2s,background .2s}
#plauto-ritmo-preview .nv-option:hover{border-color:var(--pr-blue)}
#plauto-ritmo-preview .nv-dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #9aa3ae;background:#fff}
#plauto-ritmo-preview .nv-option[aria-pressed=true]{border:2px solid var(--pr-blue);padding:14px 15px;background:#e6edf7;color:var(--pr-blue);font-weight:700}
#plauto-ritmo-preview .nv-option[aria-pressed=true] .nv-dot{border-color:var(--pr-blue);background:var(--pr-blue);box-shadow:inset 0 0 0 3px #fff}
#plauto-ritmo-preview .nv-back{margin:18px 0 0}

#plauto-ritmo-preview .nv-safety{border:1px solid #e3b4b4;border-left:4px solid #9b2424;background:#fbf1f1;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.5;color:#4a1c1c;margin-bottom:18px}
#plauto-ritmo-preview .nv-level{background:var(--pr-blue);color:var(--pr-paper);border-radius:12px;padding:26px 24px 22px}
#plauto-ritmo-preview .nv-level-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--pr-orange)}
#plauto-ritmo-preview .nv-level h2{font-size:clamp(34px,3.8cqw,46px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin:10px 0 10px}
#plauto-ritmo-preview .nv-level h2:focus-visible{outline:none}
#plauto-ritmo-preview .nv-level>p:not(.nv-level-eyebrow){font-size:15px;line-height:1.5;color:#dbe4f3;max-width:460px}
#plauto-ritmo-preview .nv-ladder{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
#plauto-ritmo-preview .nv-ladder li{font-size:10px;line-height:1.25;color:#9fb5d6}
#plauto-ritmo-preview .nv-ladder li::before{content:'';display:block;height:6px;border-radius:3px;background:#3d659f;margin-bottom:7px}
#plauto-ritmo-preview .nv-ladder li.nv-past::before{background:#8fb0dc}
#plauto-ritmo-preview .nv-ladder li[aria-current=true]{color:#fff;font-weight:700}
#plauto-ritmo-preview .nv-ladder li[aria-current=true]::before{background:var(--pr-orange)}

#plauto-ritmo-preview .nv-axes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
#plauto-ritmo-preview .nv-axis{border:1px solid #d3dce8;border-radius:12px;padding:14px 16px;background:#fafafa}
#plauto-ritmo-preview .nv-axis-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:12px;color:#4f5353;line-height:1.35}
#plauto-ritmo-preview .nv-axis-head b{display:block;font-size:14px;color:#15191e}
#plauto-ritmo-preview .nv-axis-head strong{font-family:'kit-sans',sans-serif;font-size:28px;line-height:1;color:var(--pr-blue)}
#plauto-ritmo-preview .nv-axis-track{height:8px;background:#dfe5ee;border-radius:4px;margin-top:12px;overflow:hidden}
#plauto-ritmo-preview .nv-axis-track i{display:block;height:100%;width:0;background:var(--pr-blue);border-radius:4px;transition:width .5s cubic-bezier(.32,.72,.24,1)}
#plauto-ritmo-preview .nv-axis-care strong{color:#0f7fac}
#plauto-ritmo-preview .nv-axis-care .nv-axis-track i{background:#1498cc}

#plauto-ritmo-preview .nv-insight{border-left:4px solid var(--pr-orange);background:#fff8e9;border-radius:0 10px 10px 0;padding:14px 16px;font-size:15px;line-height:1.55;color:#2b2f33}
#plauto-ritmo-preview .nv-attention{margin-top:22px}
#plauto-ritmo-preview .nv-attention h3,#plauto-ritmo-preview .nv-block h3{font-size:17px;font-weight:700;color:#15191e}
#plauto-ritmo-preview .nv-attention ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
#plauto-ritmo-preview .nv-attention li{display:grid;gap:3px;padding:12px 14px 12px 44px;position:relative;border:1px solid #f0d9a8;border-radius:10px;background:#fffdf7;font-size:14px;line-height:1.5}
#plauto-ritmo-preview .nv-attention li::before{content:'!';position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;background:var(--pr-orange);color:#101419;font-weight:700;font-size:13px;display:grid;place-items:center}
#plauto-ritmo-preview .nv-attention li span{color:#4f5353}
#plauto-ritmo-preview .nv-block{margin-top:26px}
#plauto-ritmo-preview .nv-recs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
#plauto-ritmo-preview .nv-recs li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
#plauto-ritmo-preview .nv-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pr-blue);color:#fff;font-weight:700;font-size:14px}
#plauto-ritmo-preview .nv-recs b{font-size:15px;display:block;margin-top:4px}
#plauto-ritmo-preview .nv-recs p{font-size:14px;line-height:1.5;color:#4f5353;margin-top:3px}

#plauto-ritmo-preview .nv-next{margin-top:28px;padding-top:22px;border-top:2px solid var(--pr-blue)}
#plauto-ritmo-preview .nv-next .pr-eyebrow{color:var(--pr-blue)}
#plauto-ritmo-preview .nv-next h3{font-family:'kit-sans',sans-serif;font-weight:900;font-size:26px;line-height:1.1;letter-spacing:-.02em;margin-top:8px;color:var(--pr-blue)}
#plauto-ritmo-preview .nv-next>p{font-size:14px;line-height:1.55;color:#4f5353;margin-top:8px}
#plauto-ritmo-preview .nv-next small{display:block;text-align:center;font-size:12px;color:#5d646c;margin-top:9px}

#plauto-ritmo-preview .nv-coach{display:grid;grid-template-columns:64px 1fr;gap:16px;margin-top:28px;padding:20px;border-radius:12px;background:#e6edf7}
#plauto-ritmo-preview .nv-coach img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 28%}
#plauto-ritmo-preview .nv-coach h3{font-size:17px;font-weight:700}
#plauto-ritmo-preview .nv-coach p{font-size:14px;line-height:1.55;color:#3c444c;margin-top:6px}
#plauto-ritmo-preview .nv-coach-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:14px;color:#2b2f33}
#plauto-ritmo-preview .nv-coach-list li{padding-left:24px;position:relative}
#plauto-ritmo-preview .nv-coach-list li::before{content:'✓';position:absolute;left:0;color:var(--pr-blue);font-weight:700}
#plauto-ritmo-preview .nv-coach-cred{font-size:13px!important;font-style:italic}
#plauto-ritmo-preview .nv-talk{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;border:2px solid var(--pr-blue);border-radius:6px;color:var(--pr-blue);font-weight:700;font-size:14px;text-decoration:none;min-height:46px}
#plauto-ritmo-preview .nv-talk:hover{background:var(--pr-blue);color:#fff}
#plauto-ritmo-preview .nv-coach small{display:block;font-size:12px;color:#5d646c;margin-top:8px}
#plauto-ritmo-preview [data-step=result]>.pr-note{margin-top:22px}

@container(max-width:900px){#plauto-ritmo-preview .nv-layout{gap:32px}#plauto-ritmo-preview .nv-card{padding:24px}}
@container(max-width:720px){
 #plauto-ritmo-preview .nv-hero-inner{padding:38px 24px 40px}
 #plauto-ritmo-preview .nv-hero h1{font-size:clamp(50px,13cqw,78px)}
 #plauto-ritmo-preview .nv-hero-text{font-size:16px}
 #plauto-ritmo-preview .nv-section{padding:28px 16px 40px}
 #plauto-ritmo-preview .nv-layout{grid-template-columns:1fr;gap:28px}
 #plauto-ritmo-preview .nv-why{order:2;position:static;padding:0 8px}
 #plauto-ritmo-preview .nv-why h2{font-size:32px}
 #plauto-ritmo-preview .nv-card{padding:22px 18px}
 #plauto-ritmo-preview .nv-question{font-size:21px}
 #plauto-ritmo-preview .nv-axes{grid-template-columns:1fr}
 #plauto-ritmo-preview .nv-ladder li span{display:none}
 #plauto-ritmo-preview .nv-coach{grid-template-columns:1fr}
 #plauto-ritmo-preview .nv-coach img{width:56px;height:56px}
}

/* Hero mais leve, no mesmo padrão da página inicial. */
#plauto-ritmo-preview .nv-hero h1{font-size:clamp(38px,4.4cqw,64px);line-height:1.02;letter-spacing:-.02em;margin:26px 0 20px}
@container(max-width:720px){#plauto-ritmo-preview .nv-hero h1{font-size:clamp(34px,9.5cqw,50px)}}
#plauto-ritmo-preview .nv-hero h1{text-wrap:balance}

/* Hero no mesmo formato da página inicial: texto à esquerda, foto à direita. */
#plauto-ritmo-preview .nv-brand .pr-brand-photo img{object-position:50% 58%}
#plauto-ritmo-preview .nv-brand .pr-brand-copy h1{text-wrap:balance}
#plauto-ritmo-preview .nv-hero-alt{display:inline-block;margin:10px 0 0}
@container(max-width:720px){#plauto-ritmo-preview .nv-brand .pr-brand-photo img{object-position:50% 38%}}
#plauto-ritmo-preview .nv-hero-alt{margin-top:14px}

/* Card do nível para redes sociais. */
#plauto-ritmo-preview .nv-share{margin-top:28px;padding:22px;border:1px solid #d3dce8;border-radius:12px;background:#fafafa}
#plauto-ritmo-preview .nv-share-body{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:18px;align-items:center}
#plauto-ritmo-preview .nv-share .pr-eyebrow{color:var(--pr-blue)}
#plauto-ritmo-preview .nv-share h3{font-family:'kit-sans',sans-serif;font-weight:900;font-size:24px;line-height:1.15;color:var(--pr-blue);margin-top:6px}
#plauto-ritmo-preview .nv-share-body p:not(.pr-eyebrow){font-size:14px;line-height:1.55;color:#4f5353;margin-top:6px}
#plauto-ritmo-preview .nv-share-preview{display:block;width:112px;height:auto;border-radius:8px;box-shadow:0 8px 20px #14284226;background:var(--pr-paper)}
#plauto-ritmo-preview #nv-capture{margin-top:6px}
#plauto-ritmo-preview #nv-social-card{display:block;width:100%;height:auto;border-radius:12px;margin-top:18px}
@container(max-width:720px){#plauto-ritmo-preview .nv-share{padding:18px}#plauto-ritmo-preview .nv-share-body{grid-template-columns:minmax(0,1fr) 92px}#plauto-ritmo-preview .nv-share-preview{width:92px}}
#plauto-ritmo-preview #nv-share-open{width:auto;display:inline-flex;gap:28px;margin-top:18px}
/* Levar o resultado: card ou e-mail */
.nv-share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:18px}
.nv-share-actions #nv-share-open{margin-top:0}
.nv-share-actions .pr-secondary{margin:0}
.nv-share-body p+p{margin-top:8px}
.nv-sent{margin-top:16px;padding:16px 18px;border-radius:10px;background:#eef3fa;border:1px solid #d3dce8}
.nv-sent p:not(.pr-eyebrow){margin-top:6px;line-height:1.5}
.nv-sent .pr-secondary{margin:8px 0 0}