/* Ianua · Presupuesto: estilos comunes (lenguaje editorial: sin tarjetas, filetes finos, radio 0, peso máximo 600). */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fondo);
  color: var(--tinta);
  font-family: var(--fuente);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
input, select, textarea { font: inherit; color: inherit; }
a { color: var(--acento); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid var(--tinta); outline-offset: 2px; }
.oculto-visual { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.marca { font-family: var(--serif); font-size: 22px; font-weight: 500; letter-spacing: .01em; color: var(--tinta); }

/* Botones */
.boton {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 36px; padding: 0 16px; border: 1px solid var(--borde-2); font-size: 13.5px; white-space: nowrap;
}
.boton:hover { background: var(--superficie-2); text-decoration: none; }
.boton--principal { background: var(--tinta); color: var(--fondo); border-color: var(--tinta); font-weight: 600; }
.boton--principal:hover { background: var(--tinta); opacity: .92; }
.boton--contorno { border-color: var(--tinta); font-weight: 600; }
.boton[disabled], .boton[aria-disabled="true"] { color: var(--tinta-3); border-color: var(--borde-2); background: transparent; cursor: default; opacity: 1; }

/* Campos de formulario */
.campo { display: flex; flex-direction: column; gap: 6px; }
.campo__rotulo { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--tinta-3); }
.campo__entrada {
  height: 44px; padding: 0 12px; border: 1px solid var(--borde-2); background: var(--fondo); color: var(--tinta);
  font-size: 15px; border-radius: 0; min-width: 0; width: 100%;
}
.campo__entrada:focus { outline: 2px solid var(--tinta); outline-offset: -1px; }

/* Acceso */
.acceso { max-width: 400px; margin: 0 auto; padding: 14vh 16px 48px; display: flex; flex-direction: column; gap: 22px; }
.acceso__marca { display: flex; align-items: baseline; gap: 14px; }
.acceso__sub { font-size: 13px; color: var(--tinta-3); }
.acceso__titulo { margin: 0; font-family: var(--serif); font-size: 44px; font-weight: 400; letter-spacing: -.01em; line-height: 1; padding-bottom: 18px; border-bottom: 1px solid var(--tinta); }
.acceso__formulario { display: flex; flex-direction: column; gap: 18px; }
.acceso__formulario .boton { height: 44px; margin-top: 6px; font-size: 15px; }
.acceso__aviso { margin: 0; padding: 10px 12px; border-left: 2px solid var(--rojo); background: var(--superficie-2); font-size: 13.5px; color: var(--tinta); }
.acceso__pie { margin: 0; font-size: 12.5px; color: var(--tinta-3); }