/* ECUS · páginas de guía y actividad (SEO) — complementa styles.css */
.landing .blog-body ul{margin:4px 0 16px 1.1em;color:var(--muted);line-height:1.7}
.landing .blog-body li{margin-bottom:6px}
.landing .blog-body li strong,.landing .blog-body p strong{color:var(--forest)}
.landing .blog-body a{color:var(--forest);font-weight:600;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.landing .blog-body a.btn{text-decoration:none}
.landing .blog-body h2{scroll-margin-top:80px}
.lp-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#fff;font-size:.9rem;font-family:'Geist',sans-serif;margin-right:10px;vertical-align:2px}
.lp-toc{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 22px;margin:4px 0 22px;font-size:.95rem}
.lp-toc b{display:block;color:var(--forest);margin-bottom:8px}
.lp-toc ol{columns:2;column-gap:28px;margin:0 0 12px 1.2em;color:var(--muted)}
.lp-toc li{margin-bottom:4px;break-inside:avoid}
.lp-toc a{color:var(--forest);text-decoration:none;font-weight:500}
.lp-toc a:hover{text-decoration:underline}
.lp-note{background:var(--lime-soft);border-left:4px solid var(--lime);border-radius:10px;padding:12px 16px;color:var(--forest)!important}
.lp-small{font-size:.88rem}
.lp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}
.lp-facts div{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.lp-facts small{color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.lp-facts b{color:var(--forest);font-size:.98rem;line-height:1.3}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.lp-table{overflow-x:auto;margin:8px 0 10px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.lp-table table{width:100%;border-collapse:collapse;font-size:.92rem}
.lp-table th{background:var(--green-soft);color:var(--forest);text-align:left;padding:10px 12px;font-weight:700;white-space:nowrap}
.lp-table td{padding:10px 12px;border-top:1px solid var(--line);color:var(--ink);vertical-align:top}
.lp-rels{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:10px 0 8px}
.landing .blog-body a.lp-rel{display:flex;flex-direction:column;gap:2px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.landing .blog-body a.lp-rel:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.lp-rel small{color:var(--lime-500);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.lp-rel b{color:var(--forest);font-size:1.02rem}
.lp-rel span{color:var(--muted);font-weight:400;font-size:.9rem}
.landing .faq{margin-top:4px}
.landing .faq-item p{color:var(--muted)}
.blog-hero-img img{height:auto}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.88rem}
footer .foot-links a{display:inline-block;padding:0;color:#cfe0d4;text-decoration:none}
.foot-links a:hover{color:#fff}
.guide-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.guide-band a{display:flex;flex-direction:column;gap:2px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none}
.guide-band a b{color:var(--forest)}
.guide-band a span{color:var(--muted);font-size:.9rem}
.guide-band a.gb-main{grid-column:1/-1;background:var(--forest);border-color:var(--forest)}
.guide-band a.gb-main b{color:#fff;font-size:1.15rem}
.guide-band a.gb-main span{color:rgba(255,255,255,.75)}
@media(max-width:720px){
  .lp-facts{grid-template-columns:repeat(2,1fr)}
  .lp-toc ol{columns:1}
  .lp-rels{grid-template-columns:1fr}
  .guide-band{grid-template-columns:1fr}
  .bnav .hide-sm{display:none}
  .bnav{gap:14px}
}
.landing .blog-body a.btn{text-decoration:none}
.landing .blog-body a.btn-primary{color:#fff}
