/* ═══════════════════════════════════════════════════════════════════════
   10 · ACCESO — pantalla de login, separada del sitio a propósito
   ═══════════════════════════════════════════════════════════════════════ */

.mz-acceso {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at 15% 15%, rgba(217, 164, 65, 0.22), transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(47, 93, 58, 0.2), transparent 45%),
        var(--mz-crema);
}

.mz-acceso__caja {
    width: min(100%, 420px);
    background: #fff;
    border: 1px solid var(--mz-borde);
    border-radius: calc(var(--mz-radio) + 4px);
    padding: clamp(1.5rem, 5vw, 2.5rem);
    box-shadow: var(--mz-sombra);
}

.mz-marca--acceso { margin-bottom: 1.5rem; }

.mz-acceso h1 { font-size: 1.7rem; margin-bottom: 0.25rem; }

.mz-acceso__entrada { color: var(--mz-tinta-suave); font-size: 0.92rem; }

.mz-acceso__pie {
    margin: 1.25rem 0 0;
    text-align: center;
    font-size: 0.85rem;
}