/* ================================================
   ORIGEN PC — global.css
   Variables, reset y estilos base compartidos
   ================================================ */

:root {
  --naranja:      #FF6A00;
  --naranja-vivo: #FF8C00;
  --naranja-dim:  #CC5500;
  --negro:        #0A0A0A;
  --negro-card:   #111111;
  --negro-borde:  #1E1E1E;
  --gris-oscuro:  #1A1A1A;
  --gris-medio:   #2A2A2A;
  --gris-texto:   #888888;
  --blanco:       #F0F0F0;
  --blanco-puro:  #FFFFFF;
  --verde:        #22c55e;
  --font-display: 'Bebas Neue', sans-serif;
  --font-ui:      'Rajdhani', sans-serif;
  --font-mono:    'Share Tech Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--negro);
  color: var(--blanco);
  font-family: var(--font-ui);
  font-size: 16px;
  overflow-x: hidden;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--negro); }
::-webkit-scrollbar-thumb { background: var(--naranja); border-radius: 3px; }


/* Botones globales */
.btn-primario {
  font-family: var(--font-ui); font-weight: 700;
  font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase;
  padding: 14px 32px; background: var(--naranja); color: #fff;
  border: none; border-radius: 4px; cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.btn-primario:hover {
  background: var(--naranja-vivo);
  box-shadow: 0 0 28px rgba(255,106,0,0.6);
  transform: translateY(-2px);
}
.btn-secundario {
  font-family: var(--font-ui); font-weight: 700;
  font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase;
  padding: 14px 32px; background: transparent;
  color: var(--blanco); border: 1px solid rgba(255,255,255,0.3);
  border-radius: 4px; cursor: pointer;
  transition: border-color 0.2s, color 0.2s, transform 0.15s;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.btn-secundario:hover {
  border-color: var(--naranja); color: var(--naranja);
  transform: translateY(-2px);
}

/* Helpers */
.seccion-tag {
  font-family: var(--font-mono); font-size: 0.72rem;
  letter-spacing: 3px; color: var(--naranja); text-transform: uppercase; margin-bottom: 10px;
}
.seccion-titulo {
  font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 4rem);
  letter-spacing: 2px; line-height: 1; color: var(--blanco-puro); margin-bottom: 14px;
}
.seccion-titulo span { color: var(--naranja); }
.seccion-sub {
  font-family: var(--font-ui); font-size: 1rem;
  color: var(--gris-texto); max-width: 560px; line-height: 1.6; margin-bottom: 52px;
}

/* Animación fade-up */
.fade-up {
  opacity: 0; transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible { opacity: 1; transform: translateY(0); }