* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text-main);
  background:
    linear-gradient(rgba(77, 93, 59, 0.18), rgba(77, 93, 59, 0.24)),
    url("../assets/fondo-kactus.jpg") center / cover fixed no-repeat;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img { max-width: 100%; display: block; }
.glass-panel {
  background: color-mix(in srgb, var(--glass-bg) 78%, rgba(233, 236, 206, 0.18));
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--glass-shadow);
}
.helper-note {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-muted);
}

html, body {
  width: 100%;
  overflow-x: clip;
  overscroll-behavior-x: none;
}
body {
  touch-action: pan-y;
}
@supports not (overflow: clip) {
  html, body { overflow-x: hidden; }
}