:root{
  --tinta:#0D0C0A;
  --crema:#F5EFE4;
  --oro:#C9A96E;
  --text-on-crema:#0D0C0A;
  --text-on-tinta:#F5EFE4;
  --muted-on-crema:rgba(13,12,10,0.65);
  --muted-on-tinta:rgba(245,239,228,0.72);
  --border-on-crema:rgba(13,12,10,0.1);
  --border-on-tinta:rgba(245,239,228,0.1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--crema);
  color:var(--text-on-crema);
  font-family:'DM Sans',-apple-system,sans-serif;
  font-weight:300;
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}

nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:18px 40px;
  display:flex;justify-content:space-between;align-items:center;
  background:rgba(245,239,228,0.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-on-crema);
}
nav .logo{
  font-family:'DM Sans',sans-serif;
  font-size:15px;letter-spacing:0.3em;
  color:var(--tinta);text-decoration:none;font-weight:500;
}
nav .nav-cta{
  background:var(--tinta);color:var(--crema);
  padding:10px 22px;text-decoration:none;
  font-size:11px;letter-spacing:0.2em;
  text-transform:uppercase;font-weight:500;
  transition:all .3s;border:1px solid var(--tinta);
}
nav .nav-cta:hover{background:transparent;color:var(--tinta)}
@media(max-width:720px){
  nav{padding:14px 20px}
  nav .nav-cta{padding:8px 16px;font-size:10px}
}

/* HERO — CREMA */
.hero{
  min-height:88vh;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;
  padding:140px 24px 80px;
  background:var(--crema);
}
.serie-badge{
  font-size:10px;letter-spacing:0.4em;text-transform:uppercase;
  color:var(--oro);margin-bottom:20px;font-weight:500;
}
.serie-status{
  font-size:11px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--muted-on-crema);margin-bottom:40px;
}
.hero h1{
  font-family:'Lora',serif;
  font-size:clamp(2.4rem,6vw,4.8rem);
  font-weight:500;line-height:1.08;
  letter-spacing:-0.02em;max-width:900px;
  margin-bottom:36px;color:var(--tinta);
}
.hero h1 em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;color:var(--oro);font-weight:500;
}
.hero-sub{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;font-size:clamp(1.15rem,1.8vw,1.4rem);
  color:var(--muted-on-crema);max-width:640px;
  margin-bottom:52px;line-height:1.55;font-weight:400;
}
.hero-cta{
  display:inline-block;background:var(--tinta);
  color:var(--crema);padding:18px 42px;
  text-decoration:none;font-size:13px;
  letter-spacing:0.22em;text-transform:uppercase;
  font-weight:500;transition:all .3s;
  border:1px solid var(--tinta);
}
.hero-cta:hover{background:transparent;color:var(--tinta)}

/* SECTION BASE */
.section-label{
  font-size:10px;letter-spacing:0.4em;text-transform:uppercase;
  color:var(--oro);margin-bottom:32px;font-weight:500;
  text-align:center;display:block;
}
h2{
  font-family:'Lora',serif;
  font-size:clamp(1.9rem,4vw,3rem);
  font-weight:500;line-height:1.15;
  letter-spacing:-0.015em;text-align:center;
  max-width:820px;margin:0 auto 40px;color:var(--tinta);
}
h2 em{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;color:var(--oro);font-weight:500;
}

/* PROBLEMA — TINTA */
.problem{
  background:var(--tinta);color:var(--text-on-tinta);
  padding:120px 24px;
}
.problem-inner{max-width:800px;margin:0 auto;text-align:center}
.problem h2{color:var(--text-on-tinta)}
.problem h2 em{color:var(--oro)}
.problem p{
  color:var(--muted-on-tinta);
  font-size:1.08rem;line-height:1.75;margin-bottom:22px;
}
.problem p strong{color:var(--text-on-tinta);font-weight:500}
.problem p.highlight{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;color:var(--oro);
  font-size:1.25rem;margin-top:32px;font-weight:400;
}

/* INCLUYE — CREMA */
.includes{background:var(--crema);padding:120px 24px}
.includes-inner{max-width:900px;margin:0 auto}
.includes-header{text-align:center;margin-bottom:64px}
.includes-header p{
  color:var(--muted-on-crema);max-width:620px;
  margin:0 auto;font-size:1rem;line-height:1.7;
}
.includes-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:24px;
}
.include{
  padding:36px 28px;
  border:1px solid var(--border-on-crema);
}
.include-num{
  font-family:'Cormorant Garamond',serif;
  font-size:1.8rem;font-style:italic;
  color:var(--oro);margin-bottom:14px;font-weight:500;
}
.include h4{
  font-family:'Lora',serif;
  font-size:1.15rem;font-weight:500;
  margin-bottom:14px;line-height:1.3;color:var(--tinta);
}
.include p{
  color:var(--muted-on-crema);
  font-size:0.95rem;line-height:1.65;
}

/* WAITLIST — TINTA */
.waitlist{
  background:var(--tinta);color:var(--text-on-tinta);
  padding:140px 24px;text-align:center;
}
.waitlist-inner{max-width:680px;margin:0 auto}
.waitlist .section-label{color:var(--oro)}
.waitlist h2{color:var(--text-on-tinta);margin-bottom:28px}
.waitlist-lead{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;color:var(--oro);
  max-width:560px;margin:0 auto 52px;
  font-size:clamp(1.1rem,1.8vw,1.3rem);
  line-height:1.5;font-weight:400;
}
.waitlist-form{
  display:flex;flex-direction:column;gap:16px;
  max-width:480px;margin:0 auto;
}
.waitlist-form input{
  background:transparent;border:1px solid var(--border-on-tinta);
  color:var(--text-on-tinta);padding:18px 22px;
  font-family:'DM Sans',sans-serif;font-size:15px;
  font-weight:300;transition:border-color .3s;
}
.waitlist-form input::placeholder{
  color:var(--muted-on-tinta);font-weight:300;
}
.waitlist-form input:focus{outline:none;border-color:var(--oro)}
.waitlist-form button{
  background:var(--oro);color:var(--tinta);
  border:1px solid var(--oro);padding:20px;
  font-family:'DM Sans',sans-serif;font-size:12px;
  letter-spacing:0.22em;text-transform:uppercase;
  font-weight:500;cursor:pointer;
  transition:all .3s;margin-top:8px;
}
.waitlist-form button:hover{background:transparent;color:var(--oro)}
.waitlist-note{
  margin-top:32px;font-size:11px;
  color:var(--muted-on-tinta);
  letter-spacing:0.15em;text-transform:uppercase;
}
.waitlist-success{
  display:none;padding:40px;
  border:1px solid var(--oro);
}
.waitlist-success.show{display:block}
.waitlist-success h3{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;color:var(--oro);
  font-size:1.5rem;margin-bottom:12px;font-weight:500;
}
.waitlist-success p{color:var(--muted-on-tinta);font-size:0.95rem}

/* BACK LINK */
.back-link{
  display:inline-block;margin-top:48px;
  font-size:11px;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--muted-on-tinta);
  text-decoration:none;
  border-bottom:1px solid var(--border-on-tinta);
  padding-bottom:4px;transition:color .3s;
}
.back-link:hover{color:var(--oro)}

/* FOOTER */
footer{
  background:var(--tinta);color:var(--muted-on-tinta);
  padding:80px 24px 50px;text-align:center;
  font-size:13px;border-top:1px solid var(--border-on-tinta);
}
footer .logo{
  font-family:'DM Sans',sans-serif;
  font-size:15px;letter-spacing:0.35em;
  color:var(--text-on-tinta);margin-bottom:14px;
  display:block;font-weight:500;
}
footer .tagline{
  margin-bottom:32px;font-size:11px;
  letter-spacing:0.2em;text-transform:uppercase;
}
footer .links{
  display:flex;justify-content:center;
  gap:32px;margin-bottom:40px;flex-wrap:wrap;
}
footer .links a{
  color:var(--muted-on-tinta);text-decoration:none;
  font-size:11px;letter-spacing:0.2em;text-transform:uppercase;
  transition:color .3s;
}
footer .links a:hover{color:var(--oro)}
footer .copyright{font-size:10px;opacity:0.5;letter-spacing:0.15em}