/* app.rizastream.com · pantalla de entrada · identidad RIZA (azul #0B57D0→#0096FF, dorado #FFC72C, Figtree) */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  font-family: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: #16256B;
  background: radial-gradient(1200px 700px at 15% -10%, #0096FF 0%, transparent 60%),
              linear-gradient(135deg, #0B57D0 0%, #0A3FA8 55%, #16256B 100%);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 24px 16px; gap: 20px;
}
.caja {
  width: 100%; max-width: 380px; background: #FFFFFF; border-radius: 24px;
  padding: 40px 32px 32px; text-align: center;
  box-shadow: 0 30px 80px rgba(8, 20, 70, .45);
}
.iso { width: 72px; height: 72px; border-radius: 18px; display: block; margin: 0 auto 18px; }
h1 { margin: 0 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
h1::after { content: ''; display: block; width: 44px; height: 4px; border-radius: 4px; background: #FFC72C; margin: 12px auto 0; }
.sub { margin: 14px 0 26px; font-size: 15px; line-height: 1.5; color: #4A5578; }
.boton { display: flex; justify-content: center; min-height: 44px; }
.estado { min-height: 22px; margin: 18px 0 0; font-size: 14px; color: #0B57D0; font-weight: 600; }
.estado.error { color: #C62828; }
.pie { margin: 0; color: rgba(255, 255, 255, .78); font-size: 13px; letter-spacing: .02em; text-align: center; }
@media (max-width: 420px) { .caja { padding: 32px 20px 26px; border-radius: 20px; } }