/* ============================================
   BASE - Reset y estilos globales
   ============================================ */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-cuerpo);
  background: var(--perla);
  color: var(--texto);
  font-size: 14px;
  overflow-x: hidden;
  min-height: 100vh;
}

h1, h2, h3, h4 {
  font-family: var(--font-titulo);
  font-weight: 400;
  letter-spacing: 0.5px;
}

a { color: var(--marron); text-decoration: none; }
a:hover { color: var(--tierra-dark); }

button { font-family: inherit; cursor: pointer; }

input, select, textarea { font-family: inherit; }

.hidden { display: none !important; }

/* Scrollbars sutiles */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--perla); }
::-webkit-scrollbar-thumb { background: var(--tierra); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--tierra-dark); }