/* maurosierra.com — estética personal, oscura y sobria. NO es la paleta Norlax. */
:root {
  --fondo: #0e1116;
  --panel: #161b23;
  --borde: #262d38;
  --texto: #e8ebf0;
  --texto-suave: #8b95a5;
  --acento: #5b9dff;
  --peligro: #e0605e;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--fondo); color: var(--texto);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  min-height: 100dvh;
}
.contenedor { max-width: 640px; margin: 0 auto; padding: 24px 16px; }
.panel { background: var(--panel); border: 1px solid var(--borde); border-radius: 12px; padding: 20px; }
h1 { font-size: 1.35rem; margin: 0 0 16px; }
label { display: block; font-size: .9rem; color: var(--texto-suave); margin: 12px 0 4px; }
input, textarea {
  width: 100%; padding: 12px; border-radius: 8px; border: 1px solid var(--borde);
  background: var(--fondo); color: var(--texto); font-size: 1rem;
}
button {
  margin-top: 16px; width: 100%; padding: 13px; border: 0; border-radius: 8px;
  background: var(--acento); color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer;
}
button.secundario { background: transparent; border: 1px solid var(--borde); color: var(--texto-suave); }
.error { color: var(--peligro); font-size: .9rem; margin-top: 10px; min-height: 1.2em; }
.oculto { display: none; }