/* ============================================================
   FORD EVEREST · paleta y tipografía
   Identidad real Ford: Ford Blue + blanco + dark navy.
   Tipografía oficial: "Ford Antenna" — fallback Inter (geométrica
   humanista). Acabado dinámico, mayúsculas en headlines, robusto.
   ============================================================ */
@import url("../_shared/micro-base.css");
@import url("../_shared/reveal.css");

:root {
  --ford-blue: #003478;        /* Ford Blue corporativo */
  --ford-blue-light: #2861A4;  /* azul medio para acentos */
  --ford-navy: #00142E;        /* navy oscuro hero */
  --ford-light: #F4F6F8;       /* gris-blanco premium */

  --brand-bg: var(--ford-navy);
  --brand-fg: #FFFFFF;
  --brand-primary: var(--ford-blue);
  --brand-accent: var(--ford-blue-light);
  --brand-accent-soft: rgba(40, 97, 164, 0.1);
  --brand-section-bg: var(--ford-light);
  --brand-section-fg: var(--ford-navy);
  --brand-card-bg: #FFFFFF;
  --brand-card-border: rgba(0, 52, 120, 0.1);
  --brand-muted: rgba(255,255,255,0.78);

  /* TODO: reemplazar por la fuente oficial Ford Antenna cuando se obtenga la licencia.
     Inter es el fallback web más cercano (geométrica humanista, mismo peso óptico). */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-display: 'Inter', -apple-system, sans-serif;
}

:focus-visible { outline-color: var(--ford-blue-light); }

/* Headlines tipo Ford: bold, mayúsculas, tracking apretado */
.m-hero__claim,
.m-concept__title,
.m-activations__intro h2,
.m-activation__title,
.m-final h2,
.m-events h2 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: none;
}
.m-hero__claim { text-transform: uppercase; letter-spacing: -0.035em; line-height: 0.95; font-weight: 800; }
.m-activation__num { font-family: var(--font-display); color: var(--ford-blue-light); font-weight: 700; font-size: var(--fs-2xl); }

.btn-primary {
  background: var(--ford-blue);
  color: #FFF;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  font-size: var(--fs-sm);
}
.btn-primary:hover { background: #00256B; }
.btn-ghost {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  font-size: var(--fs-sm);
}

.m-hero__eyebrow {
  border-color: rgba(255,255,255,0.5);
  color: #FFF;
  font-weight: 600;
}

.m-attr { border-left-color: var(--ford-blue); background: #FFF; }
.m-attr__label { color: var(--ford-blue); }

.m-concept__eyebrow { color: var(--ford-blue); font-weight: 600; }

.m-events { background: var(--ford-blue); color: #FFF; }
.m-events__date { color: #B8D4F5; font-weight: 600; }

.m-final__primary {
  background: var(--ford-blue);
  color: #FFF;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.m-final__primary:hover { background: #00256B; }
.m-final__secondary {
  border-color: var(--ford-blue);
  color: var(--ford-blue);
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.m-final__secondary:hover { background: var(--ford-blue); color: #FFF; }

.m-activation__cta {
  border-color: var(--ford-blue);
  color: var(--ford-blue);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  border-radius: 999px;
}
.m-activation__cta:hover { background: var(--ford-blue); color: #FFF; }

/* Cierre con imagen ambiental */
.everest-cierre {
  position: relative;
  min-height: 60vh;
  background-size: cover;
  background-position: center;
  display: flex; align-items: flex-end;
  padding: var(--sp-8) var(--sp-4);
  color: #FFF;
}
.everest-cierre::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,20,46,0.92) 100%);
}
.everest-cierre p {
  position: relative;
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  max-width: 22ch;
  line-height: 1.05;
}