/* practice-vb.css - complemento da vitrine-base.css para as paginas /pratique-* (d84). Prefixo p73-. */
.p73-hero{padding:48px 0 56px}
.p73-hero h1{font-size:clamp(32px,4.6vw,54px);max-width:900px;overflow-wrap:anywhere}
.p73-hero .lead{max-width:760px}
.p73-stats{margin-top:18px;font-size:14px;font-weight:700;color:#9FB2DF}
.p73-stats:empty{display:none}
.p73-main{background:var(--soft);padding:40px 0 64px}
.p73-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.p73-col{display:grid;gap:24px;min-width:0}
.p73-side{display:grid;gap:20px;position:sticky;top:86px;min-width:0}
.p73-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 10px 30px -24px rgba(10,26,58,.35);min-width:0}
.p73-card h2{font-size:clamp(24px,2.6vw,32px);margin-top:6px}
.p73-card.vb-prose h2{margin-top:6px}
.p73-side .p73-card{padding:24px}
.p73-side h2{font-size:22px;line-height:1.2}
.p73-side p{margin:10px 0 18px;color:var(--muted)}
.p73-guide .btn{width:100%;padding:14px 18px;font-size:16px}
.p73-phrases{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p73-phrase{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.vb-prose .p73-phrase p{margin:0}
.p73-en{font-size:19px;line-height:1.4;color:var(--navy);overflow-wrap:anywhere}
.p73-pt{font-size:16px;color:var(--muted)}
.p73-hint{font-size:15px;line-height:1.5;color:#1e293b;background:#fff;border-left:4px solid var(--sun);border-radius:10px;padding:8px 12px;margin-top:6px!important}
.p73-hint span{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.p73-say{align-self:flex-start;border:0;cursor:pointer;background:var(--blue);color:#fff;font-weight:800;font-size:14px;border-radius:999px;padding:8px 16px 8px 34px;position:relative}
.p73-say::before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.p73-say:hover{background:var(--navy2)}
.p73-voice:empty{display:none}
.p73-voice{font-size:15px;color:var(--muted)}
.p73-game-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.p73-progress{white-space:nowrap;font-weight:800;color:var(--navy);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px}
.p73-instr{margin-top:18px;color:var(--muted);font-size:17px}
.p73-prompt{font-size:clamp(22px,2.4vw,28px);margin-top:8px;color:var(--navy);line-height:1.25;overflow-wrap:anywhere}
.p73-game .options{display:grid;gap:12px;margin:20px 0}
.p73-game .options button{text-align:left;cursor:pointer;font-weight:700;font-size:18px;color:var(--navy);background:var(--soft);border:2px solid var(--line);border-radius:14px;padding:14px 18px;transition:border-color .15s}
.p73-game .options button:hover:not(:disabled){border-color:var(--blue)}
.p73-game .options button:disabled{cursor:default;opacity:1}
.p73-game .options button.correct{background:#ecfdf5;border-color:#059669;color:#065f46}
.p73-game .options button.wrong{background:#fef2f2;border-color:#e11d48;color:#9f1239}
.p73-feedback{font-size:17px;line-height:1.55;border-radius:14px}
.p73-feedback:empty{display:none}
.p73-feedback[data-kind=ok]{background:#ecfdf5;color:#065f46;padding:12px 16px}
.p73-feedback[data-kind=wrong]{background:#fff7ed;color:#7c2d12;padding:12px 16px}
.p73-game #next{margin-top:16px}
.p73-done{margin-top:8px;display:grid;gap:12px;justify-items:start}
.p73-done h3{font-size:24px}
.p73-done a{color:var(--blue);font-weight:700;text-decoration:underline}
.p73-tip{background:var(--navy);border-color:var(--navy);color:#fff}
.p73-tip .eyebrow{color:var(--sun)}
.p73-tip.vb-prose,.p73-tip.vb-prose p{color:#E3E9F7}
.p73-tip h2{color:#fff}
.p73-chips{display:flex;flex-wrap:wrap;gap:8px}
.p73-chips a{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700;color:var(--navy);line-height:1.3}
.p73-chips a:hover{border-color:var(--blue);color:var(--blue)}
.p73-chips:empty::after{content:"Mais práticas desta trilha em breve.";font-size:14px;color:var(--muted)}
.p73-mais{padding-top:64px;padding-bottom:24px}
.p73-mais .p73-chips a{background:#fff}
.vb-videos[data-peca=video_tema] .vc-media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px))}
.p73-dep .quotes{grid-template-columns:minmax(0,420px)}
.vb-videos[data-peca=video_tema],.p73-dep{padding-bottom:24px}
[hidden]{display:none!important}
/* Emma (ilustracao, poses polo do VeroLingo) - emma-poses.js troca a pose do jogo */
.p73-emma{float:right;width:100px;height:150px;object-fit:contain;object-position:center bottom;margin:-8px -6px 8px 16px}
.p73-game-title{flex:1;min-width:0}
.p73-game-head{align-items:flex-end}
.p73-game-head .p73-progress{align-self:flex-start}
.p73-emma-game{flex:0 0 auto;width:100px;height:150px;object-fit:contain;object-position:center bottom;margin:-8px 0 0 -6px}
.p73-tip::after{content:"";display:block;clear:both}
@media (max-width:700px){.p73-emma{width:64px;height:96px;margin:-4px -4px 6px 10px}.p73-emma-game{width:60px;height:90px;margin:-4px 0 0 -4px}.p73-game-head{gap:10px}}
@media (max-width:1020px){.p73-grid{grid-template-columns:1fr}.p73-side{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:700px){.p73-side{grid-template-columns:1fr}.p73-phrases{grid-template-columns:1fr}.p73-card{padding:22px 18px;border-radius:20px}.p73-main{padding:24px 0 40px}.p73-hero{padding:36px 0 40px}.p73-game .options button{font-size:17px}.vb-videos[data-peca=video_tema] .vc-media-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p73-dep .quotes{grid-template-columns:1fr}}
@media (max-width:420px){.wrap{padding:0 16px}}