:root{
  --ink:#0d0d0d;--ink2:#444;--ink3:#777;
  --bg:#f5f4f0;--white:#fff;
  --green:#1a7a52;--green-light:#e6f4ed;
  --amber:#b85c00;--amber-light:#fff3e6;
  --red:#c0392b;--red-light:#fdecea;
  --border:#e0ded8;
  --radius:14px;--radius-sm:9px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--ink);
  line-height:1.65;-webkit-font-smoothing:antialiased;
}

/* NAV */
nav{
  position:sticky;top:0;z-index:50;
  background:rgba(245,244,240,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
  height:62px;display:flex;align-items:center;justify-content:space-between;
  padding:0 1.25rem;
}
nav .logo{font-weight:800;font-size:1.15rem;text-decoration:none;letter-spacing:-.02em;}
.nav-right{display:flex;align-items:center;gap:1.25rem;}
.nav-link{color:var(--ink2);text-decoration:none;font-size:.9rem;font-weight:500;}
.nav-link:hover{color:var(--green);}
.btn-nav{
  background:var(--green);color:#fff;text-decoration:none;
  padding:9px 16px;border-radius:99px;font-size:.875rem;font-weight:700;
}
@media(max-width:640px){.nav-link{display:none;}}

/* LAYOUT ARTICULO */
.wrap{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem;}
.crumbs{font-size:.8rem;color:var(--ink3);margin-bottom:1.5rem;}
.crumbs a{color:var(--ink3);text-decoration:none;}
.crumbs a:hover{color:var(--green);text-decoration:underline;}

article h1{
  font-size:2.1rem;line-height:1.2;letter-spacing:-.025em;
  font-weight:800;margin-bottom:1rem;
}
.meta{font-size:.85rem;color:var(--ink3);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);}
.lede{font-size:1.15rem;color:var(--ink2);margin-bottom:2rem;line-height:1.6;}

article h2{
  font-size:1.5rem;font-weight:800;letter-spacing:-.02em;
  margin:2.5rem 0 1rem;padding-top:.5rem;
}
article h3{font-size:1.15rem;font-weight:700;margin:1.75rem 0 .6rem;}
article p{margin-bottom:1.1rem;color:var(--ink2);}
article strong{color:var(--ink);font-weight:700;}
article ul,article ol{margin:0 0 1.25rem 1.25rem;color:var(--ink2);}
article li{margin-bottom:.6rem;}

/* INDICE */
.toc{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:2.5rem;
}
.toc-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:.75rem;}
.toc ol{margin:0 0 0 1.1rem;}
.toc li{margin-bottom:.4rem;font-size:.925rem;}
.toc a{color:var(--green);text-decoration:none;font-weight:500;}
.toc a:hover{text-decoration:underline;}

/* CAJAS */
.box{
  border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.75rem 0;
  border:1px solid var(--border);background:var(--white);
}
.box-red{background:var(--red-light);border-color:#f5c6c0;}
.box-amber{background:var(--amber-light);border-color:#ffd9a8;}
.box-green{background:var(--green-light);border-color:#b8ddc9;}
.box-title{font-weight:800;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:7px;}
.box p:last-child{margin-bottom:0;}
.box-red .box-title{color:var(--red);}
.box-amber .box-title{color:var(--amber);}
.box-green .box-title{color:var(--green);}

/* CTA */
.cta{
  background:#0d1a14;color:#fff;border-radius:var(--radius);
  padding:2rem 1.75rem;margin:2.5rem 0;text-align:center;
}
.cta h3{font-size:1.35rem;font-weight:800;margin-bottom:.6rem;color:#fff;}
.cta p{color:rgba(255,255,255,.72);margin-bottom:1.25rem;font-size:.975rem;}
.cta-btn{
  display:inline-block;background:var(--green);color:#fff;
  text-decoration:none;padding:14px 30px;border-radius:99px;
  font-weight:700;font-size:1rem;
}
.cta-note{font-size:.8rem;color:rgba(255,255,255,.45);margin-top:.9rem;margin-bottom:0;}

/* LISTA DE GUIAS */
.hero-guias{text-align:center;padding:1rem 0 2.5rem;}
.hero-guias h1{font-size:2.2rem;margin-bottom:.75rem;}
.hero-guias p{color:var(--ink2);font-size:1.05rem;max-width:520px;margin:0 auto;}
.grid{display:grid;gap:1rem;}
.card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.5rem;
  text-decoration:none;color:inherit;display:block;
  transition:border-color .15s,transform .15s;
}
.card:hover{border-color:var(--green);transform:translateY(-2px);}
.card h2{font-size:1.15rem;font-weight:700;margin-bottom:.4rem;color:var(--ink);}
.card p{font-size:.925rem;color:var(--ink3);margin:0;}
.card-tag{
  display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--green);background:var(--green-light);
  padding:3px 9px;border-radius:99px;margin-bottom:.75rem;
}

/* FOOTER */
footer{
  border-top:1px solid var(--border);padding:2rem 1.25rem;
  text-align:center;font-size:.85rem;color:var(--ink3);
}
footer a{color:var(--green);text-decoration:none;}