/* Base compartida: colores de la marca, tipografía y utilidades */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --sup-1: #0e0e10;
  --sup-2: #151517;
  --sup-3: #1c1c1e;
  --linea: rgba(255, 255, 255, 0.08);
  --texto: #f5f5f7;
  --texto-2: #8e8e93;
  --texto-3: #636366;
  --naranja: #ff6b3d;
  --naranja-2: #ff8a5c;
  --rojo: #ef4438;
  --verde: #30d158;
  --grad: linear-gradient(135deg, #ffa34d 0%, #ff6b3d 48%, #ef4438 100%);
  --fuente: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
  --suave: cubic-bezier(0.22, 0.8, 0.24, 1);
}

html,
body {
  background: #000;
  color: var(--texto);
  font-family: var(--fuente);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

button {
  font: inherit;
  color: inherit;
  border: 0;
  background: none;
  cursor: pointer;
}

input,
select {
  font: inherit;
  color: inherit;
}

[hidden] { display: none !important; }

.svg-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.grad-texto {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}