* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.82), rgba(247, 245, 240, 0.98)),
    radial-gradient(circle at 12% 0%, rgba(181, 176, 166, 0.2), transparent 32%),
    var(--soft);
  color: var(--ink);
  overflow-x: hidden; /* red de seguridad: nada desborda horizontalmente en móvil */
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}