/* Login y "sin acceso". */
.acceso { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; }
.acceso-caja { width: min(440px, 100%); display: grid; gap: 16px; justify-items: center; text-align: center; padding: clamp(24px, 6vw, 40px); border-radius: 22px; }
.acceso-caja h1 { margin: 0; font-size: 1.9rem; font-weight: 900; }
.acceso-caja h1 b { color: var(--brand); }
.acceso-caja p { margin: 0; color: var(--text-secondary); line-height: 1.55; }
.acceso-google { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; text-decoration: none; }
.acceso-google svg { background: #fff; border-radius: 50%; padding: 3px; box-sizing: content-box; }
.acceso-error { color: #FFB4A8 !important; background: rgba(255, 80, 60, .12); border: 1px solid rgba(255, 80, 60, .35); border-radius: 12px; padding: 10px 14px; }
.acceso-dev { font-size: .85rem; }
.acceso-dev a, .acceso-volver { color: var(--primary-light, #FFB27F); }
.acceso-volver { font-size: .9rem; text-decoration: none; }
.acceso form { width: 100%; }
.acceso form .yoy-btn { width: 100%; }