:root{--bg:#faf8f3;--panel:#fff;--ink:#1c2541;--ink-dark:#10162b;--accent:#e19a2c;--accent-dark:#b87a17;--text:#22262f;--text-soft:#5b6270;--border:#dcd6c8;--success:#3f7d58;--danger:#b14a3a;--bar-red:#d98c82;--bar-yellow:#e8c547;--bar-green:#3f7d58;--texto-base:18px;--zona-tactil:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--texto-base);-webkit-font-smoothing:antialiased}#root{background:var(--panel);max-width:460px;min-height:100vh;margin:0 auto}@media (width>=1024px){#root{max-width:1100px}}.barra-superior{background:var(--ink);color:#fff;padding:18px 20px;font-size:20px;font-weight:700}.franja-conexion{background:var(--accent);color:var(--ink-dark);padding:12px 20px;font-weight:600}.contenido{padding:22px 20px}h1{color:var(--ink);margin:0 0 8px;font-size:24px}.subtitulo{color:var(--text-soft);margin:0 0 22px;line-height:1.4}.boton{min-height:var(--zona-tactil);font-size:var(--texto-base);background:var(--accent);color:var(--ink-dark);cursor:pointer;border:0;border-radius:10px;width:100%;padding:12px 18px;font-weight:700}