/* Paginas de acceso (entrar y crear liga): misma identidad que la portada. Mismos colores. */
@font-face { font-family: 'Barlow'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/barlow-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/barlow-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 700; font-style: normal; font-display: swap; src: url('/fonts/barlow-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-weight: 800; font-style: normal; font-display: swap; src: url('/fonts/barlow-condensed-latin-800-normal.woff2') format('woff2'); }
body { font-family: 'Barlow', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; }
h1, .logo { font-family: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', system-ui, sans-serif; font-weight: 800; }
.logo { font-size: 1.6rem; letter-spacing: .01em; }
h1 { font-size: 2.4rem; line-height: 1.04; letter-spacing: -.01em; margin-top: 22px; }
h1::before { content: ''; display: block; width: 42px; height: 4px; border-radius: 2px; background: #f5b301; margin-bottom: 14px; }
.caja { border-radius: 16px; border: 1px solid #1e3a6e; padding: 36px 32px; max-width: 500px; box-shadow: 0 30px 70px -24px rgba(0, 0, 0, .7); }
label { font-weight: 600; font-size: .96rem; }
input[type=text], input[type=email], input[type=password], .direccion { border-radius: 10px; }
.direccion input { font: inherit; }
button { border-radius: 10px; font-weight: 700; letter-spacing: .01em; box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 10px 22px -10px rgba(22, 114, 224, .9); }
button:disabled { box-shadow: none; }
#ver { box-shadow: none; }
body { flex-direction: column; } /* el patrocinador oficial va debajo de la tarjeta, no al lado */
@media (max-width: 520px) { .caja { padding: 28px 22px; } h1 { font-size: 2.1rem; } }