/* ── RESET & BASE ────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  background: #0d1128;
  color: #ffffff;
  line-height: 1.65;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }

/* ── VARIABLES ───────────────────────────────────────── */
:root {
  --navy:    #0d0c0b;
  --navy-md: #1a1918;
  --navy-lt: #1f1e1d;
  --gold:    #f0eeeb;
  --gold-lt: #f8f7f5;
  --gold-dk: #d5d3cf;
  --red:     #E63946;
  --red-lt:  #f15560;
  --red-dk:  #b32833;
  --white:   #ffffff;
  --muted:   rgba(255,255,255,0.7);
  --muted-2: rgba(255,255,255,0.5);
  --border:  rgba(213,211,207,0.2);
  --border-red: rgba(230,57,70,0.3);
}

/* ── NAV ─────────────────────────────────────────────── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 16px 48px;
  display: flex; align-items: center; justify-content: space-between;
  transition: background .4s, backdrop-filter .4s, padding .3s;
}
nav.scrolled {
  background: rgba(13,17,40,.9);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  padding: 10px 48px;
}
.nav-logo { display: flex; align-items: center; gap: 12px; }
.nav-logo img { width: 44px; height: 44px; }
.nav-logo-text { font-weight: 700; font-size: 15px; letter-spacing: .5px; color: var(--white); }
.nav-logo-text span { color: var(--gold); }
.nav-cta {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--red); color: var(--white);
  padding: 10px 20px; border-radius: 22px;
  font-size: 13px; font-weight: 700; letter-spacing: .3px;
  transition: all .2s;
}
.nav-cta:hover { background: var(--red-lt); transform: translateY(-1px); box-shadow: 0 10px 28px rgba(230,57,70,.35); }
@media (max-width: 640px) { .nav-cta { display: none; } }

/* ── HERO ─────────────────────────────────────────────── */
#hero {
  min-height: 100vh;
  position: relative;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  padding: 120px 48px 60px;
}
.hero-bg {
  position: absolute; inset: 0;
  background: url('../assets/david-quintana.webp') center/cover no-repeat;
  transform: scale(1.04);
  transition: transform 8s ease-out;
  filter: brightness(0.22) saturate(0.85);
}
.hero-bg.loaded { transform: scale(1); }
.hero-overlay {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(13,17,40,.35) 0%, rgba(13,17,40,.95) 80%),
    linear-gradient(to bottom, rgba(13,17,40,.5) 0%, rgba(13,17,40,.95) 100%);
}
.hero-content {
  position: relative; z-index: 2;
  max-width: 880px; width: 100%;
  margin: 0 auto;
  text-align: center;
}
.hero-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(230,57,70,.12);
  border: 1px solid var(--border-red);
  padding: 6px 20px; border-radius: 24px;
  font-size: 11px; font-weight: 700; color: var(--red-lt);
  letter-spacing: 2px; text-transform: uppercase;
  margin-bottom: 28px;
  opacity: 0; animation: fadeUp .8s .2s forwards;
}
.hero-tag::before { content: '●'; font-size: 10px; animation: pulse 1.8s infinite; }
.hero-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(36px, 5.8vw, 70px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1.5px;
  margin-bottom: 24px;
  opacity: 0; animation: fadeUp .8s .4s forwards;
}
.hero-title .gold-shimmer {
  background: linear-gradient(105deg, var(--gold-dk) 0%, var(--gold) 20%, var(--gold-lt) 38%, #ffffff 50%, var(--gold-lt) 62%, var(--gold) 80%, var(--gold-dk) 100%);
  background-size: 300% auto;
  background-position: 0% center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: goldShimmer 6s ease-in-out infinite alternate;
}
@keyframes goldShimmer { from { background-position: 0% center; } to { background-position: 100% center; } }
@keyframes fadeUp { from { opacity:0; transform:translateY(28px);} to { opacity:1; transform:translateY(0);} }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.4;transform:scale(1.4);} }

.hero-sub {
  font-size: 18px; font-weight: 400;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
  max-width: 640px;
  margin: 0 auto 36px;
  opacity: 0; animation: fadeUp .8s .55s forwards;
}
.hero-sub strong { color: var(--gold-lt); font-weight: 600; }

/* Vídeo VSL — above fold, pieza central */
.hero-video-wrap {
  max-width: 780px;
  margin: 0 auto 28px;
  opacity: 0; animation: fadeUp .8s .7s forwards;
}
.hero-video-text span { font-size: 13px; color: rgba(255,255,255,.6); }

/* CTA principal abajo del vídeo */
.hero-cta-wrap { opacity: 0; animation: fadeUp .8s .85s forwards; }
.btn-red {
  display: inline-flex; align-items: center; gap: 12px;
  background: var(--red); color: var(--white);
  font-family: 'Inter', sans-serif; font-size: 17px; font-weight: 800;
  padding: 18px 44px; border-radius: 34px; border: none; cursor: pointer;
  transition: all .25s; letter-spacing: .3px;
  box-shadow: 0 12px 40px rgba(230,57,70,.35);
}
.btn-red:hover { background: var(--red-lt); transform: translateY(-2px); box-shadow: 0 18px 55px rgba(230,57,70,.5); }
.btn-red::after { content: '→'; font-size: 18px; transition: transform .2s; }
.btn-red:hover::after { transform: translateX(4px); }
.cta-trust {
  font-size: 12px; color: var(--muted-2); margin-top: 14px;
  display: flex; align-items: center; gap: 8px; justify-content: center; flex-wrap: wrap;
}
.cta-trust span + span::before { content: '·'; margin-right: 8px; color: var(--muted-2); }

/* Scroll indicator */
.hero-scroll {
  position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  opacity: 0; animation: fadeUp .8s 1.4s forwards;
}
.hero-scroll span { font-size: 10px; letter-spacing: 3px; color: var(--muted-2); text-transform: uppercase; }
.scroll-line { width: 1px; height: 42px; background: linear-gradient(to bottom, var(--gold), transparent); animation: scrollPulse 2s infinite; }
@keyframes scrollPulse { 0%,100%{opacity:.3;transform:scaleY(1);} 50%{opacity:1;transform:scaleY(1.2);} }

/* ── SCARCITY BAR ────────────────────────────────────── */
.scarcity-strip {
  background: rgba(230,57,70,.08);
  border-top: 1px solid var(--border-red);
  border-bottom: 1px solid var(--border-red);
  padding: 16px 48px;
  text-align: center;
}
.scarcity-strip p { font-size: 13px; color: var(--white); font-weight: 500; }
.scarcity-strip strong { color: var(--red-lt); font-weight: 700; }

/* ── STATS BAR ───────────────────────────────────────── */
#stats {
  background: rgba(201,168,76,.05);
  border-bottom: 1px solid var(--border);
  padding: 44px 0;
}
.stats-inner {
  max-width: 1100px; margin: 0 auto; padding: 0 48px;
  display: grid; grid-template-columns: repeat(4,1fr); gap: 0;
}
.stat { text-align: center; padding: 0 24px; }
.stat + .stat { border-left: 1px solid rgba(201,168,76,.2); }
.stat-num { font-family: 'Playfair Display', serif; font-size: 44px; font-weight: 900; color: var(--gold); letter-spacing: -1px; line-height: 1; }
.stat-label { font-size: 11px; color: var(--muted); margin-top: 8px; letter-spacing: .5px; text-transform: uppercase; font-weight: 500; line-height: 1.4; }

/* ── SECTION HELPERS ─────────────────────────────────── */
.section { padding: 100px 48px; }
.section-inner { max-width: 1160px; margin: 0 auto; }
.section-tag {
  display: inline-block; font-size: 11px; font-weight: 700;
  color: var(--red-lt); letter-spacing: 2px; text-transform: uppercase;
  margin-bottom: 14px;
}
.section-tag.gold { color: var(--gold); }
.section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 4.2vw, 56px); font-weight: 900;
  letter-spacing: -1.5px; line-height: 1.1;
  margin-bottom: 18px;
}
.section-sub { font-size: 16px; color: rgba(255,255,255,.7); max-width: 620px; line-height: 1.75; }
.section-header { text-align: center; margin-bottom: 70px; }
.section-header .section-sub { margin: 0 auto; }
.gold-txt { color: var(--gold); }
.red-txt { color: var(--red-lt); }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: none; }

/* ── LOS DOS CAMINOS ──────────────────────────────────── */
#caminos { background: var(--navy-lt); position: relative; overflow: hidden; }
#caminos::before {
  content: ''; position: absolute; top: -200px; right: -200px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(201,168,76,.08) 0%, transparent 70%);
  pointer-events: none;
}
.caminos-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 28px;
  margin-top: 48px;
}
.camino {
  background: rgba(255,255,255,.025);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 44px 36px;
  transition: all .3s;
  position: relative; overflow: hidden;
}
.camino::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s;
}
.camino:hover { border-color: var(--gold); transform: translateY(-6px); }
.camino:hover::before { transform: scaleX(1); }
.camino-label {
  display: inline-block;
  font-size: 10px; font-weight: 700; color: var(--gold);
  letter-spacing: 2px; text-transform: uppercase;
  padding: 4px 12px; border: 1px solid var(--border);
  border-radius: 12px; margin-bottom: 22px;
}
.camino-num {
  font-family: 'Playfair Display', serif;
  font-size: 80px; font-weight: 900;
  color: rgba(201,168,76,.2); line-height: 1;
  position: absolute; top: 24px; right: 32px;
}
.camino h3 {
  font-family: 'Playfair Display', serif;
  font-size: 28px; font-weight: 800;
  color: var(--white); margin-bottom: 14px;
  letter-spacing: -.5px;
}
.camino p.camino-desc { font-size: 15px; color: var(--muted); line-height: 1.75; margin-bottom: 22px; }
.camino ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.camino ul li {
  position: relative;
  padding-left: 34px;
  font-size: 14px; color: rgba(255,255,255,.85);
  line-height: 1.55;
}
.camino ul li::before {
  content: '✓';
  position: absolute; left: 0; top: 2px;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--gold); color: var(--navy);
  font-weight: 800; font-size: 11px;
  display: flex; align-items: center; justify-content: center;
}
.camino-tag {
  margin-top: 28px; padding: 12px 18px;
  background: rgba(230,57,70,.08);
  border: 1px solid var(--border-red);
  border-radius: 10px;
  font-size: 13px; color: var(--red-lt);
  font-weight: 600;
}
.camino-tag strong { color: var(--white); font-weight: 700; }

/* ── EQUIPO ─────────────────────────────────────────── */
#equipo { background: var(--navy); }
.equipo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 40px; }
.equipo-grid.equipo-solo { grid-template-columns: minmax(0, 580px); justify-content: center; }
.miembro {
  background: rgba(255,255,255,.025);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 40px 36px;
  text-align: center;
  transition: border-color .25s, transform .25s;
}
.miembro:hover { border-color: var(--gold); transform: translateY(-4px); }
.miembro-avatar {
  width: 120px; height: 120px; border-radius: 50%;
  margin: 0 auto 20px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--gold-dk), var(--gold));
  border: 3px solid var(--gold);
  box-shadow: 0 8px 28px rgba(201,168,76,.25);
  position: relative;
}
.miembro-avatar img {
  width: 100%; height: 100%; object-fit: cover;
  display: block;
}
.miembro h3 { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 800; margin-bottom: 6px; }
.miembro-role { font-size: 12px; color: var(--gold); letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; margin-bottom: 18px; }
.miembro p { font-size: 14px; color: var(--muted); line-height: 1.75; }
.miembro-years {
  display: inline-block; margin-top: 16px;
  padding: 6px 14px; border-radius: 20px;
  background: rgba(201,168,76,.08); border: 1px solid var(--border);
  font-size: 12px; color: var(--gold-lt); font-weight: 600;
}

/* ── POR QUÉ ────────────────────────────────────────── */
#why { background: var(--navy-lt); }
.why-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.why-card {
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  border-radius: 16px; overflow: hidden;
  transition: border-color .25s, transform .25s;
}
.why-card:hover { border-color: var(--gold); transform: translateY(-3px); }
.why-img { width: 100%; height: 200px; object-fit: cover; }
.why-body { padding: 28px; }
.why-num { font-family: 'Playfair Display', serif; font-size: 2.4rem; font-weight: 900; color: rgba(201,168,76,.2); line-height: 1; margin-bottom: 10px; }
.why-body h3 { font-size: 17px; font-weight: 700; color: var(--gold-lt); margin-bottom: 10px; }
.why-body p { font-size: 14px; color: var(--muted); line-height: 1.7; }

/* ── STOCK REAL ───────────────────────────────────────── */
#stock { background: var(--navy); }
.stock-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px; }
.stock-card {
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  border-radius: 18px; overflow: hidden;
  transition: all .3s; position: relative;
}
.stock-card:hover { transform: translateY(-6px); border-color: var(--gold); box-shadow: 0 20px 50px rgba(0,0,0,.3); }
.stock-img-wrap { position: relative; aspect-ratio: 16/10; overflow: hidden; }
.stock-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.stock-card:hover .stock-img-wrap img { transform: scale(1.05); }
.stock-img-wrap.stock-roman { background: linear-gradient(135deg, var(--navy-md) 0%, var(--navy) 100%); display: flex; align-items: center; justify-content: center; }
.stock-img-wrap.stock-roman .stock-roman-num {
  font-family: 'Playfair Display', serif; font-weight: 900;
  font-size: clamp(80px, 11vw, 140px); line-height: 1; letter-spacing: -.04em;
  color: var(--gold); opacity: .92; text-shadow: 0 4px 24px rgba(0,0,0,.3);
  transition: transform .5s, opacity .5s;
}
.stock-img-wrap.stock-roman .stock-roman-num .roman-amp { font-size: .55em; vertical-align: middle; margin: 0 .1em; opacity: .5 }
.stock-card:hover .stock-img-wrap.stock-roman .stock-roman-num { transform: scale(1.06); opacity: 1 }
.stock-badge {
  position: absolute; top: 14px; left: 14px;
  background: var(--red); color: var(--white);
  font-size: 10px; font-weight: 800; letter-spacing: 1px;
  padding: 4px 10px; border-radius: 12px;
  text-transform: uppercase;
}
.stock-badge.gold { background: var(--gold); color: var(--navy); }
.stock-body { padding: 22px 24px; }
.stock-body h3 { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.stock-model { font-size: 12px; color: var(--muted); letter-spacing: .5px; }
.stock-price {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.06);
  display: flex; justify-content: space-between; align-items: baseline;
}
.stock-price-was { font-size: 13px; color: var(--muted-2); text-decoration: line-through; }
.stock-price-now { font-size: 18px; font-weight: 800; color: var(--gold); font-family: 'Playfair Display', serif; }
.stock-note {
  text-align: center; margin-top: 36px;
  font-size: 14px; color: var(--muted);
}
.stock-note strong { color: var(--gold-lt); }

/* ── CASO REAL ────────────────────────────────────────── */
#case { background: var(--navy-lt); }
.case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.case-label { font-size: 11px; font-weight: 700; color: var(--red-lt); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; }
.case-grid h2 { font-family: 'Playfair Display', serif; font-size: clamp(26px,3vw,42px); font-weight: 900; letter-spacing: -1px; margin-bottom: 28px; line-height: 1.1; }
.case-numbers { display: flex; flex-direction: column; gap: 10px; }
.case-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 20px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
}
.case-row .lbl { font-size: 13px; color: var(--muted); }
.case-row .val { font-size: 14px; font-weight: 700; color: var(--white); }
.case-row.saving { background: rgba(230,57,70,.08); border-color: var(--border-red); }
.case-row.saving .lbl { color: var(--red-lt); }
.case-row.saving .val { color: var(--red-lt); font-size: 20px; }
.col-img-right { border-radius: 20px; overflow: hidden; }
.col-img-right img { width: 100%; height: 420px; object-fit: cover; }

/* ── PROCESO ─────────────────────────────────────────── */
#process { background: var(--navy); }
.steps-list { max-width: 780px; margin: 0 auto; }
.step {
  display: grid; grid-template-columns: 56px 1fr; gap: 28px;
  padding: 32px 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.step:last-child { border-bottom: none; }
.step-num-col { display: flex; flex-direction: column; align-items: center; }
.step-num {
  width: 50px; height: 50px; border-radius: 50%;
  background: var(--red); color: var(--white);
  font-size: 16px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.step-connector { width: 1px; flex: 1; margin-top: 10px; background: linear-gradient(to bottom, rgba(230,57,70,.5), transparent); }
.step:last-child .step-connector { display: none; }
.step-body { padding-top: 8px; }
.step-body h3 { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 800; margin-bottom: 8px; color: var(--white); }
.step-body p { font-size: 14px; color: var(--muted); line-height: 1.75; }

/* ── GARANTÍA BLOQUE ──────────────────────────────────── */
#guarantee { background: var(--navy-lt); }
.guarantee-wrap {
  max-width: 820px; margin: 0 auto;
  background: linear-gradient(135deg, rgba(230,57,70,.08), rgba(201,168,76,.05));
  border: 1px solid var(--border-red);
  border-radius: 22px;
  padding: 56px 48px;
  text-align: center;
  position: relative;
}
.shield-icon {
  width: 78px; height: 78px; border-radius: 50%;
  background: var(--red); color: var(--white);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 24px;
  font-size: 32px;
  box-shadow: 0 12px 40px rgba(230,57,70,.35);
}
.guarantee-wrap h2 { font-family: 'Playfair Display', serif; font-size: clamp(26px,3.2vw,38px); font-weight: 900; letter-spacing: -1px; margin-bottom: 20px; }
.guarantee-wrap h2 .gold-txt { color: var(--gold); }
.guarantee-wrap p { font-size: 16px; color: rgba(255,255,255,.85); line-height: 1.75; max-width: 640px; margin: 0 auto 18px; }
.guarantee-wrap p strong { color: var(--red-lt); }
.guarantee-checks {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 14px;
  margin-top: 32px; max-width: 640px; margin-left: auto; margin-right: auto;
}
.guarantee-checks li {
  list-style: none; display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  font-size: 13px; color: rgba(255,255,255,.85); text-align: left;
}
.guarantee-checks li::before {
  content: '✓'; flex-shrink: 0;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--gold); color: var(--navy);
  font-weight: 800; font-size: 10px;
  display: flex; align-items: center; justify-content: center;
}

/* ── NOT FOR ─────────────────────────────────────────── */
#notfor { background: var(--navy); }
.notfor-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.notfor-card {
  background: rgba(255,80,80,.04);
  border: 1px solid rgba(255,80,80,.18);
  border-radius: 16px; padding: 28px 24px;
  text-align: center;
}
.x-icon {
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(230,57,70,.12);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px; font-size: 18px; color: var(--red-lt);
}
.notfor-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 10px; color: var(--red-lt); }
.notfor-card p { font-size: 13px; color: var(--muted); line-height: 1.65; }

/* ── TIMELINE ────────────────────────────────────────── */
#timeline { background: var(--gold); padding: 80px 48px; text-align: center; }
#timeline .section-tag { color: rgba(0,0,0,.6); }
#timeline h2 { font-family: 'Playfair Display', serif; font-size: clamp(22px,3vw,32px); font-weight: 900; color: #000; margin-bottom: 24px; }
.tl-num { font-family: 'Playfair Display', serif; font-size: clamp(64px,12vw,120px); font-weight: 900; color: #000; line-height: 1; letter-spacing: -4px; }
.tl-unit { font-size: 20px; font-weight: 700; color: rgba(0,0,0,.6); margin-bottom: 16px; }
.tl-sub { font-size: 14px; color: rgba(0,0,0,.6); max-width: 440px; margin: 0 auto 28px; }
.tl-pill { display: inline-block; background: #000; color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 10px 24px; border-radius: 20px; }

/* ── CTA FINAL ───────────────────────────────────────── */
#cta-final { background: var(--navy-lt); }
.form-section-inner { max-width: 680px; margin: 0 auto; text-align: center; }
.form-section-inner .section-header { margin-bottom: 20px; }
.form-secure { font-size: 11px; color: rgba(255,255,255,.35); text-align: center; margin-top: 16px; letter-spacing: .3px; }

/* ── FOOTER ──────────────────────────────────────────── */
footer {
  background: var(--navy); padding: 40px 48px 32px;
  border-top: 1px solid var(--border);
  text-align: center; color: var(--muted);
}
footer .nav-logo { justify-content: center; margin-bottom: 18px; }
footer p { font-size: 13px; line-height: 1.7; }
footer .footer-links { margin-top: 14px; font-size: 12px; }
footer .footer-links a { margin: 0 10px; transition: color .2s; }
footer .footer-links a:hover { color: var(--gold); }
footer .footer-mini { margin-top: 16px; font-size: 11px; color: var(--muted-2); }

/* ── STICKY CTA MOBILE ───────────────────────────────── */
.sticky-cta {
  position: fixed; bottom: 0; left: 0; right: 0;
  background: var(--navy); border-top: 1px solid var(--border);
  padding: 12px 16px; z-index: 900;
  transform: translateY(100%); transition: transform .3s;
}
.sticky-cta.visible { transform: translateY(0); }
.sticky-cta .btn-red { width: 100%; justify-content: center; padding: 14px; font-size: 15px; }

/* ── RESPONSIVE ──────────────────────────────────────── */
@media (max-width: 900px) {
  nav { padding: 14px 20px; }
  nav.scrolled { padding: 10px 20px; }
  #hero { padding: 100px 20px 50px; }
  .section { padding: 64px 20px; }
  .scarcity-strip { padding: 16px 20px; }
  .stats-inner { padding: 0 20px; grid-template-columns: repeat(2,1fr); gap: 24px; }
  .stat { padding: 0 12px; }
  .stat:nth-child(3) { border-top: 1px solid rgba(201,168,76,.2); padding-top: 24px; }
  .stat:nth-child(4) { border-top: 1px solid rgba(201,168,76,.2); padding-top: 24px; }
  .stat + .stat { border-left: none; }
  .stat:nth-child(2) { border-left: 1px solid rgba(201,168,76,.2); }
  .stat:nth-child(4) { border-left: 1px solid rgba(201,168,76,.2); }
  .caminos-grid, .equipo-grid, .why-grid, .notfor-grid, .stock-grid { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: 1fr; gap: 40px; }
  .guarantee-checks { grid-template-columns: 1fr; }
  .guarantee-wrap { padding: 44px 24px; }
  .full-form { padding: 28px 20px; }
  #timeline { padding: 60px 20px; }
  .col-img-right img { height: 320px; }
  footer { padding: 32px 20px 28px; }
}