/* ═══════════════════════════════════════════════════════
   ETCA – Shared Styles  v3.6
   Basado en Brand Book Oficial v2.1
   ═══════════════════════════════════════════════════════ */

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --gold:       #F5C842;
  --amber:      #F2C438;
  --red:        #D93636;
  --blue:       #59B5D9;
  --azul:       #2271b1;
  --cobalt:     #0528F2;
  --green:      #22c55e;
  --black:      #1A1A1A;
  --white:      #FFFFFF;
  --off-white:  #F8F7F2;
  --light-gray: #EFEFEA;
  --soft-gray:   #dddddd;
  --mid-gray:   #94a3b8;
  --muted:      #64748b;
  --border:     rgba(26,26,26,.1);
  --stripe: linear-gradient(90deg, #1A1A1A 0% 25%, #D93636 25% 50%, #F2E205 50% 75%, #59B5D9 75% 100%);
  --bg:     #F8F7F2;
  --s1:     #FFFFFF;
  --s2:     #EFEFEA;
  --s3:     #e2e8f0;
  --s4:     #1e1e1e;
  --text:   #1A1A1A;
  --radius: 0px;
  --nav-h:  80px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: 'Open Sans', sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; line-height: 1.6; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }