/* practicar.html — estilos propios de la página. El layout compartido viene de shell.css,
   que se carga antes. Antes era un <style> inline (reporte frontend-quality, pulido de Code Quality). */
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cta{display:inline-block;border:0;background:#008939;color:#fff;border-radius:25px;padding:11px 20px;font-weight:800;font-size:13px;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.cta.ghost{background:#fff;color:#334155;border:1.5px solid var(--border);box-shadow:none}
.cta:disabled{background:#d6dce6;color:#fff;cursor:default;box-shadow:none}
.hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11px;color:#536174}
.section-title{font-size:16px;margin:25px 0 4px}
.section-sub{color:var(--muted);font-size:12px;margin:0 0 4px}
.guest-card{padding:26px;text-align:center}
.guest-card h2{margin:0 0 6px}
.guest-card p{color:var(--muted);font-size:13px;margin:0 0 16px}