/* ============================================================
   [UI-7] Pantalla de acceso · OPCIÓN B: logo centrado (guardada)
   No se usa por ahora. Para activarla, en index.html cambia
     <link rel="stylesheet" href="/acceso.css">
   por
     <link rel="stylesheet" href="/acceso-centrado.css">
   ============================================================ */

/* ============================================================
   [UI-7] Pantalla de acceso: marca protagonista
   ============================================================ */
.acceso-nuevo { padding-top: 0; }
.acc-marca { position: relative; }
.acc-logo { display: block; height: auto; }
.acceso .acc-lema {
  margin: 10px 0 0; font-size: 13px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase;
}
.acc-puntos { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.acc-puntos li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.4; }
.acc-puntos .ic { width: 22px; height: 22px; flex-shrink: 0; margin-top: 1px; }
.acc-forma h1 { margin-top: 0; }
.acceso-nuevo .acceso-tema { margin: 0; }
/* --- Opción B: logo centrado y grande --- */
.acc-marca { text-align: center; padding: 6px 0 26px; }
.acc-marca .acceso-tema { display: flex; justify-content: flex-end; }
.acc-logo { width: min(280px, 76vw); margin: 18px auto 0; }
.acc-logo-blanco { display: none; }
:root[data-tema="oscuro"] .acc-logo-blanco { display: block; }
:root[data-tema="oscuro"] .acc-logo-color { display: none; }
.acceso .acc-lema { color: var(--azul-fuerte); }
.acc-lema::before, .acc-lema::after {
  content: ""; display: inline-block; width: 28px; height: 2px; vertical-align: middle;
  margin: 0 10px; background: var(--grad); border-radius: 2px;
}
.acc-puntos { display: none; }
.acc-forma {
  padding: 26px 20px 8px; background: var(--hoja); border: 1px solid var(--linea);
  border-radius: 24px; box-shadow: var(--sombra-alta);
}
.acc-forma h1 { font-size: clamp(28px, 7.4vw, 36px); }
@media (min-width: 960px) {
  .acceso.acceso-nuevo { max-width: 520px; padding: 0; background: none; border: 0; box-shadow: none; margin-top: 3vh; }
  .acc-forma { padding: 36px 40px 24px; }
  .acc-logo { width: 320px; }
}