/* =============================================
   DESIGN SYSTEM — ONE ITF Argentina 2026
   Paleta: Negro · Blanco · Azul · Rojo
============================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&display=swap');

:root {
  --black:      #060608;
  --dark:       #0d0d12;
  --card-bg:    #111118;
  --border:     #1c1c28;
  --blue:       #3B4BC8;
  --blue-light: #5568E8;
  --blue-dark:  #2B38A0;
  --blue-muted: rgba(59, 75, 200, 0.15);
  --red:        #CC2E3E;
  --red-light:  #E03A4C;
  --red-dark:   #A02030;
  --red-muted:  rgba(204, 46, 62, 0.12);
  --white:      #ffffff;
  --off-white:  #e8e8f0;
  --gray-500:   #6b7280;
  --gray-400:   #9ca3af;
  --gray-300:   #d1d5db;
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Inter', sans-serif;
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

/* ── Utility ── */
.section-label {
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--blue-light);
  margin-bottom: 16px;
}

.section-title {
  font-family: var(--font-display);
  font-size: clamp(40px, 5vw, 68px);
  line-height: 0.95;
  letter-spacing: 2px;
  color: var(--white);
  margin-bottom: 24px;
}

.section-title .line-blue { color: var(--blue-light); }
.section-title .line-red  { color: var(--red-light); }

.section-body {
  font-size: 15px;
  color: var(--gray-400);
  line-height: 1.8;
  margin-bottom: 28px;
}

.section-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 56px;
}