/* Compartir el acceso evita que los tres roles diverjan al corregir móvil o accesibilidad. */
.acceso { display: flex; min-height: 100vh; min-height: 100dvh; background: #f6f7f9; color: #26323b; }
.acceso-form { flex: 1 1 52%; display: flex; align-items: center; justify-content: center; padding: clamp(24px, 5vw, 80px); min-width: 0; }
.acceso-caja { width: 100%; max-width: 440px; padding: clamp(24px, 3vw, 40px); background: #fff; border: 1px solid #e5e9ee; border-radius: 24px; box-shadow: 0 18px 60px rgb(27 32 34 / 6%); }
.acceso-marca { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.acceso-marca .nombre { font-size: 1.7rem; font-weight: 800; letter-spacing: -.04em; color: #20282e; }
.acceso-sub { font-size: 1.35rem; font-weight: 700; letter-spacing: -.025em; margin-bottom: 28px; }
.acceso .form-label { font-weight: 600; font-size: .875rem; margin-bottom: .5rem; }
.acceso .form-control { min-height: 50px; border-radius: 10px; padding: .75rem 1rem; font-size: 1rem; background: #fafbfc; color: #26323b; border-color: #dce2e7; }
.acceso .form-control:focus { background: #fff; border-color: var(--anexa-acento, #ff5a1f); box-shadow: 0 0 0 4px rgba(var(--anexa-acento-rgb, 255, 90, 31), .15); }
.acceso .btn-ingresar { min-height: 50px; width: 100%; border: 0; border-radius: 10px; background: var(--anexa-acento-p, #d94814); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: .5rem; }
.acceso .btn-ingresar:hover { filter: brightness(.92); }
.acceso :focus-visible { outline: 3px solid var(--anexa-acento, #ff5a1f); outline-offset: 4px; }
.acceso-show { flex: 1 1 48%; background: radial-gradient(ellipse at 50% 35%, #38444b, #172025 70%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; position: relative; overflow: hidden; padding: 40px; }
.acceso-show::before, .acceso-show::after { content: ''; position: absolute; width: 450px; height: 450px; border: 1px solid #ffffff12; border-radius: 50%; pointer-events: none; }
.acceso-show::after { width: 650px; height: 650px; }
.show-icono { position: relative; width: 120px; height: 120px; border-radius: 30px; background: var(--anexa-acento, #ff5a1f); display: grid; place-items: center; box-shadow: 0 16px 60px #0004; }
.show-icono svg { width: 64px; height: 64px; }
.eq { display: flex; align-items: center; gap: 6px; height: 40px; }
.eq i { width: 5px; background: var(--anexa-acento, #ff5a1f); border-radius: 4px; animation: acceso-latido 1.4s ease-in-out infinite; }
@keyframes acceso-latido { 0%, 100% { height: 20%; } 50% { height: 100%; } }
.show-texto { position: relative; text-align: center; }
.show-texto .peque { color: #c0cbd1; font-size: .75rem; text-transform: uppercase; letter-spacing: .18em; }
.show-texto h2 { color: #fff; font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 800; margin: 12px 0; }
.show-texto p { color: #bbc7ce; font-size: .9375rem; }
@media (max-width: 899.98px) { .acceso-show { display: none; } .acceso-form { padding: 20px; } }
@media (max-width: 359.98px) { .acceso-form { padding: 12px; } .acceso-caja { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .eq i { animation: none; height: 60%; } }