/* Blog: va encima de /itinerarios/itinerario.css (las reglas llevan .blog para ganar) */
.blog .l-en{display:none}
html[lang="en"] .blog div.l-en,html[lang="en"] .blog section.l-en{display:block}
html[lang="en"] .blog span.l-en{display:inline}
html[lang="en"] .blog .l-es{display:none}
.blog .crumbs .date{color:var(--muted)}
.blog .post-body section{margin:0 0 28px}
.blog .post-body h2{font-size:clamp(1.3rem,4vw,1.6rem);line-height:1.2;margin:0 0 10px}
.blog .post-body p{margin:0 0 12px;max-width:68ch}
.blog .post-body ul,.blog .post-body ol{padding-left:22px;margin:0 0 12px;display:grid;gap:6px;max-width:66ch}
.blog .post-body a{color:var(--blue);font-weight:700}
.blog .why p{max-width:60ch;margin-left:auto;margin-right:auto}
.blog .faq{margin:0 0 30px}
.blog .faq h2{font-size:1.5rem;margin-bottom:12px}
.blog .faq details{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:10px}
.blog .faq summary{font-weight:800;cursor:pointer;min-height:24px}
.blog .faq details p{margin-top:8px;color:var(--soft)}
.blog .related,.blog .more-posts{margin-top:10px;margin-bottom:30px}
.blog .related h2,.blog .more-posts h2{font-size:1.5rem;margin:0 0 16px}
.blog .post-list{display:grid;gap:16px;margin:10px 0 30px}
.blog .post-card{display:block;background:var(--card);border:2px solid var(--ink);border-radius:22px;padding:20px;text-decoration:none;color:inherit;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.blog .post-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.blog .post-card .date{display:block;font-size:.82rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.blog .post-card h2{font-size:1.3rem;margin-bottom:6px}
.blog .post-card p{color:var(--muted);margin-bottom:10px}
.blog .post-card .cta{font-weight:800;color:var(--coral)}