:root{
  --fondo:#0f1411; --fondo2:#151c17; --card:#1b241e; --card2:#212c25;
  --texto:#e9eee6; --suave:#a9b5aa; --borde:#2c3a30;
  --acento:#e07a3f; --acento-osc:#c4622d; --lima:#9ccc5a; --lima-osc:#1f2d17;
  --radio:10px; --max:1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Work Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo);line-height:1.7;font-size:17px}
svg{max-width:100%;display:block}
a{color:var(--acento)}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;line-height:1.2;color:#fff;font-weight:700}
h1{font-size:clamp(2.1rem,5.2vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:.5rem}
h3{font-size:1.15rem;margin-bottom:.3rem}
p+p{margin-top:.8rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}

.aviso-top{background:var(--lima-osc);color:var(--lima);text-align:center;font-size:.88rem;padding:8px 16px;font-weight:600;border-bottom:1px solid var(--borde)}

header.site{background:rgba(15,20,17,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-family:"Fraunces",Georgia,serif;font-weight:700;color:#fff;text-decoration:none;font-size:1.35rem}
.logo svg{width:34px;height:34px}
nav.menu{display:flex;gap:22px;flex-wrap:wrap}
nav.menu a{text-decoration:none;color:var(--suave);font-weight:600;font-size:.93rem}
nav.menu a:hover{color:var(--lima)}

.hero{background:radial-gradient(ellipse at 50% 0%,#1f2d1f 0%,var(--fondo) 70%);padding:72px 0 0;text-align:center;overflow:hidden}
.hero .kicker{display:inline-block;color:var(--lima);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;border:1px solid var(--borde);padding:5px 14px;border-radius:999px}
.hero h1{max-width:820px;margin:0 auto}
.hero h1 em{font-style:normal;color:var(--lima)}
.hero p.lead{font-size:1.15rem;color:var(--suave);max-width:640px;margin:18px auto 28px}
.btn{display:inline-block;background:var(--acento);color:#160d07;text-decoration:none;font-weight:700;padding:13px 26px;border-radius:var(--radio)}
.btn:hover{background:#f08d52}
.hero-ilu{max-width:760px;margin:44px auto 0}

.franja{background:var(--fondo2);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:30px 0}
.franja .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.franja strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:1.6rem;color:var(--lima)}
.franja span{font-size:.9rem;color:var(--suave)}

section.bloque{padding:72px 0}
section.alt{background:var(--fondo2);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.intro{max-width:700px;color:var(--suave);margin-bottom:32px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.lista-check{list-style:none;margin-top:10px}
.lista-check li{padding-left:34px;position:relative;margin-top:14px;color:var(--suave)}
.lista-check li::before{content:"✓";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--lima-osc);color:var(--lima);display:grid;place-items:center;font-size:.75rem;font-weight:700}
.lista-check li strong{color:var(--texto)}

.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kit .item{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);padding:22px;border-top:3px solid var(--acento)}
.kit .item p{color:var(--suave);font-size:.96rem}

.cultivos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cultivo{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.cultivo .cab{background:var(--card2);padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--borde)}
.cultivo .cab h3{margin:0}
.cultivo .nivel{font-size:.72rem;font-weight:700;color:var(--lima);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.cultivo dl{padding:14px 20px 18px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.93rem}
.cultivo dt{color:var(--suave);font-weight:600}
.cultivo dd{color:var(--texto)}
.nota-pie{font-size:.82rem;color:var(--suave);margin-top:14px;font-style:italic}

.timeline{position:relative;max-width:780px}
.timeline::before{content:"";position:absolute;left:19px;top:6px;bottom:6px;width:2px;background:var(--borde)}
.paso{position:relative;padding-left:62px;margin-bottom:28px}
.paso .num{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--acento);color:#160d07;display:grid;place-items:center;font-weight:700;font-family:"Fraunces",Georgia,serif}
.paso p{color:var(--suave)}

.errores{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.error{background:var(--card);border:1px solid var(--borde);border-left:3px solid var(--acento);border-radius:var(--radio);padding:20px 22px}
.error p{color:var(--suave);font-size:.96rem}

details{border-bottom:1px solid var(--borde);padding:18px 0}
summary{cursor:pointer;font-weight:600;color:var(--texto);font-size:1.05rem}
summary::marker{color:var(--lima)}
details p{margin-top:10px;color:var(--suave)}

.nota{background:var(--card);border:1px dashed var(--lima);border-radius:var(--radio);padding:24px 26px}
.nota p{color:var(--suave)}
.nota strong{color:var(--texto)}
.nota h3{margin-bottom:8px}

footer.site{background:#0a0d0b;color:var(--suave);padding:46px 0 24px;font-size:.93rem;border-top:1px solid var(--borde)}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
footer.site h4{color:#fff;margin-bottom:10px;font-size:1rem}
footer.site a{color:var(--suave)}
footer.site a:hover{color:var(--lima)}
footer.site ul{list-style:none}
footer.site li+li{margin-top:6px}
.legal-bar{border-top:1px solid var(--borde);margin-top:28px;padding-top:16px;font-size:.82rem;color:#7f8b80}

.legal{max-width:820px;margin:0 auto;padding:48px 20px 64px}
.legal h1{font-size:2rem;margin-bottom:6px}
.legal .fecha{color:var(--suave);font-size:.9rem;margin-bottom:28px}
.legal h2{font-size:1.25rem;margin:28px 0 8px;color:var(--lima)}
.legal p,.legal li{color:#c9d2c8}
.legal ul{padding-left:22px;margin-top:8px}
.legal li+li{margin-top:4px}
.datos{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);padding:18px 20px;margin-top:10px}

@media (max-width:860px){
  .split,.kit,.cultivos,.errores,footer.site .cols{grid-template-columns:1fr}
  .franja .wrap{grid-template-columns:1fr 1fr}
  nav.menu{display:none}
  .hero{padding-top:48px}
  section.bloque{padding:52px 0}
}