/* La Marka 33 — guías (/guias) y eventos privados (/eventos-privados). Mobile-first, sin scroll horizontal a 360px. */
.guia{padding:40px 0 72px}
.guia .container{max-width:820px}
.guia-h1{font-size:clamp(2.1rem,6.4vw,3.6rem);line-height:1.04;letter-spacing:-.025em;text-transform:none;margin:4px 0 14px}
.guia-bajada{font-size:1.12rem;color:#e7e7ea;line-height:1.6;max-width:680px}
.guia-meta{font-size:.8rem;color:var(--muted-2);margin-top:12px;letter-spacing:.02em}
.guia .article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.guia-short{border:1px solid rgba(255,29,29,.35);background:radial-gradient(120% 160% at 0% 0%,rgba(255,29,29,.14),transparent 60%),var(--surface);border-radius:var(--radius);padding:20px 22px;margin:8px 0 30px}
.guia-short b{display:block;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--pink);margin-bottom:8px}
.guia-short p{font-size:1.08rem;line-height:1.7;color:#f1f1f3}
.guia .article-body h2,.guia-servicio h2,.guia-faq h2,.guia-rel h2,.priv-steps h2{font-size:clamp(1.45rem,4.2vw,1.9rem);line-height:1.2;letter-spacing:-.01em;text-transform:none;margin:34px 0 12px}
.guia .article-body ul,.guia .article-body ol{margin:0 0 18px 1.3em;display:grid;gap:8px}
.guia .article-body li::marker{color:var(--pink)}
.guia .article-body strong{color:#fff}
.guia-servicio{border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;margin:36px 0;background:radial-gradient(120% 140% at 100% 0%,rgba(255,29,29,.16),transparent 60%),var(--surface)}
.guia-servicio h2{margin-top:6px}
.guia-servicio p{color:#e7e7ea;line-height:1.7}
.guia-nap{font-size:.82rem;margin-top:14px;line-height:1.6}
.guia-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.guia-faq summary{cursor:pointer;list-style:none;font-weight:700;padding:14px 30px 14px 0;position:relative;line-height:1.4}
.guia-faq summary::-webkit-details-marker{display:none}
.guia-faq summary::after{content:'+';position:absolute;right:4px;top:12px;color:var(--pink);font-size:1.3rem;transition:transform .2s}
.guia-faq details[open] summary::after{transform:rotate(45deg)}
.guia-faq details p{color:var(--muted);line-height:1.7;padding:0 0 16px}
.guia-faq a,.guia-servicio a:not(.btn){color:var(--pink);text-decoration:underline}
/* Las tarjetas de guías y de eventos privados (.guia-grid, .guia-card, .priv-grid, .priv-card) y .guia-cta
   viven en styles.css: la home también las usa. */
/* eventos privados */
.priv-steps ol{list-style:none;counter-reset:p;display:grid;gap:12px}
.priv-steps li{counter-increment:p;position:relative;padding:16px 18px 16px 62px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);line-height:1.6;color:#e7e7ea}
.priv-steps li::before{content:counter(p);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font-weight:800}
.priv-precios{display:grid;gap:8px;margin-top:10px}
.priv-precios div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.priv-precios b{color:#fff}