:root{
  --lima:#D6FF2A;
  --lima-claro:#EEFF9A;
  --oscuro:#1A1C19;
  --gris:#6A6E68;
  --blanco:#FFFFFF;
  --superficie:#F3F5F0;
  /* aliases for existing class names */
  --negro:var(--oscuro);
  --rojo:var(--lima);
  --celeste:var(--lima);
  --celeste-claro:var(--lima-claro);
  --marino:var(--oscuro);
  --crema:var(--superficie);
  --ambar:#C4E812;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',system-ui,Arial,sans-serif;color:var(--oscuro);background:var(--blanco);line-height:1.55}
img{max-width:100%;display:block}
.rojo{color:#6F8A00}
.hero .rojo,.seccion-negra .rojo,.seccion-roja .rojo,.seccion-oscura .rojo{color:var(--lima)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:var(--blanco);display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem;border-bottom:3px solid var(--oscuro)}
.nav-logo img{height:30px;width:auto}
.nav-links{display:flex;gap:1.4rem;align-items:center}
.nav-links a{color:var(--oscuro);text-decoration:none;font-weight:700;font-size:.95rem}
.nav-links a:hover{color:#6F8A00}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}
.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;font-weight:900;text-decoration:none;border:3px solid var(--oscuro);font-size:1rem;cursor:pointer;background:var(--blanco);color:var(--oscuro)}
.btn-nav,.nav-links a.btn-nav{padding:.45rem 1rem;background:var(--oscuro);color:var(--lima)}
.nav-links a.btn-nav:hover{color:var(--lima)}
.btn-rojo{background:var(--lima);color:var(--oscuro);border-color:var(--oscuro)}
.btn-ghost{background:transparent;color:var(--blanco);border-color:var(--blanco)}
.btn-negro{background:var(--oscuro);color:var(--lima);border-color:var(--oscuro)}
.btn:hover{transform:translateY(-2px)}

/* HERO */
.hero{background:var(--oscuro);color:var(--blanco);padding:2rem 1.2rem 3.5rem;overflow:hidden}
.hero-wordmark{width:108%;max-width:none;margin-left:-4%;margin-bottom:1.5rem}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;max-width:1180px;margin:0 auto;align-items:center}
.kicker{font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--lima);font-size:.85rem;margin-bottom:1rem}
.hero h1{font-family:'Archivo Black','Archivo',sans-serif;font-size:clamp(2.2rem,5.2vw,4rem);line-height:1.05;text-transform:uppercase}
.hero-sub{font-size:1.15rem;margin:1.2rem 0 1.6rem;max-width:34rem;color:#D7DBD3}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.hero-note{margin-top:1rem;font-size:.9rem;color:var(--lima);font-weight:700}
.hero-img img{border-radius:18px;border:3px solid var(--lima)}
.hero-img figcaption{margin-top:.6rem;font-weight:700;color:var(--lima);font-size:.9rem}

/* MARQUESINA */
.marquee{background:var(--lima);color:var(--oscuro);overflow:hidden;padding:.7rem 0}
.marquee-track{display:flex;gap:1.6rem;white-space:nowrap;font-family:'Archivo Black',sans-serif;font-size:1.05rem;width:max-content;animation:scroll 26s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}

/* SECCIONES */
.seccion{padding:4.5rem 1.2rem;max-width:1180px;margin:0 auto}
.seccion h2{font-family:'Archivo Black','Archivo',sans-serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1.12;text-transform:uppercase;margin-bottom:1.2rem}
.bajada{font-size:1.12rem;max-width:46rem;color:#333}
.bajada-clara{font-size:1.12rem;max-width:46rem}
.seccion-negra .bajada-clara,.seccion-roja .bajada-clara{
  display:block;
  width:100%;
  max-width:46rem;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.nota-tecnica{margin-top:1.2rem;font-size:.92rem;color:var(--gris);font-weight:700}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.2rem}
.card{border:3px solid var(--oscuro);border-radius:16px;padding:1.5rem;background:var(--superficie)}
.card h3{font-size:1.25rem;font-weight:900;text-transform:uppercase;margin-bottom:.6rem}
.seccion-celeste{background:var(--lima-claro);max-width:none}
.seccion-celeste>*{max-width:1180px;margin:0 auto}
.seccion-oscura{background:#252825;color:var(--blanco);max-width:none}
.seccion-oscura>*{max-width:1180px;margin:0 auto}
.seccion-negra{background:var(--oscuro);color:var(--blanco);max-width:none;text-align:center}
.seccion-roja{background:var(--oscuro);color:var(--blanco);max-width:none;text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.split figure img{border-radius:16px}
.capas{list-style:none;margin-top:1rem}
.capas li{margin-bottom:1.1rem;font-size:1.05rem}
.capas strong{display:block;font-weight:900;text-transform:uppercase;font-size:.95rem;letter-spacing:.03em}
.capas-clara li{color:#E8EBE4}
.seccion-roja h2 .rojo,
.seccion-roja .rojo{color:var(--lima)}

/* COMPARATIVO VISUAL */
.versus{margin-top:1.8rem;display:flex;flex-direction:column;gap:.75rem}
.versus-legend,.versus-row{display:grid;grid-template-columns:minmax(140px,.85fr) 1fr 1fr;gap:.75rem;align-items:stretch}
.versus-tag{display:flex;align-items:center;justify-content:center;padding:.7rem 1rem;border:3px solid var(--oscuro);border-radius:14px;font-weight:900;text-transform:uppercase;font-size:.85rem;letter-spacing:.04em;text-align:center}
.versus-tag.win{background:var(--lima);color:var(--oscuro)}
.versus-tag.lose{background:var(--oscuro);color:var(--blanco)}
.versus-cat{margin:0;display:flex;align-items:center;font-weight:900;text-transform:uppercase;font-size:.92rem;letter-spacing:.02em;line-height:1.2}
.versus-cell{border:3px solid var(--oscuro);border-radius:14px;padding:1rem 1.1rem;display:flex;align-items:center;font-size:1.02rem;line-height:1.35;min-height:4.2rem}
.versus-cell.win{background:var(--lima-claro);font-weight:800}
.versus-cell.lose{background:#EDEEEC;color:#4A4E48}
.versus-stat{font-family:'Archivo Black','Archivo',sans-serif;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:var(--oscuro)}

/* MANIFIESTO */
.atlas-logo{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto 1.8rem}
.atlas{width:min(300px,70vw);margin:0}
.atlas-wordmark{width:min(280px,65vw);height:auto}
.manifiesto-frase{color:var(--blanco)}
.manifiesto-lines{margin-top:2.2rem;display:flex;flex-direction:column;gap:.4rem}
.manifiesto-lines p{font-family:'Archivo Black',sans-serif;font-size:clamp(1.2rem,3vw,2rem);color:var(--lima);letter-spacing:.04em}

/* FAQ */
.faqs{max-width:none;width:100%}
.faqs details{border:3px solid var(--oscuro);border-radius:12px;padding:1rem 1.2rem;margin-bottom:.8rem;background:var(--blanco)}
.faqs summary{font-weight:900;cursor:pointer;font-size:1.05rem}
.faqs details p{margin-top:.6rem}

/* ESPERA */
.espera-wordmark{width:min(520px,85vw);margin:0 auto 1.2rem}
.waitlist{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem}
.waitlist input{padding:.85rem 1.1rem;border-radius:999px;border:3px solid var(--lima);background:var(--blanco);font-size:1rem;min-width:min(320px,80vw);font-family:inherit}
.waitlist-ok{margin-top:1rem;font-weight:900;font-size:1.1rem;color:var(--lima)}

/* FOOTER */
.footer{background:var(--oscuro);color:var(--blanco);text-align:center;padding:2.5rem 1.2rem}
.footer img{height:34px;width:auto;margin:0 auto 1rem}
.footer-fino{font-size:.82rem;color:#A4A9A2;margin-top:.4rem}

/* RESPONSIVE */
@media (max-width:860px){
  .hero-grid,.split,.cards{grid-template-columns:1fr}
  .versus-legend{display:none}
  .versus-row{grid-template-columns:1fr;gap:.5rem;padding:1rem;border:3px solid var(--oscuro);border-radius:16px;background:var(--blanco)}
  .versus-cat{margin-bottom:.2rem}
  .versus-cell.win::before{content:"Calvo con WANFOROL";display:block;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--oscuro);margin-bottom:.35rem}
  .versus-cell.lose::before{content:"Con pelo";display:block;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#666;margin-bottom:.35rem}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--blanco);flex-direction:column;padding:1rem;border-bottom:3px solid var(--oscuro)}
  .nav-links.abierto{display:flex}
  .nav-toggle{display:block}
  .nav{position:relative}
}