/* /guias/: tarjetas de guías en PDF. Usa los tokens de aaff.css (modos día/noche). */
.gu-wrap{max-width:1100px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.gu-head{padding-block:clamp(56px,8vw,96px) 32px}
.gu-head .crumbs{font:500 12px var(--f-mono);color:var(--muted);margin-bottom:22px}
.gu-head .crumbs a{color:inherit}
.gu-head h1{margin:0;font-size:clamp(38px,5.6vw,68px);line-height:1;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.gu-head h1 em{font-family:var(--f-accent);font-style:italic;font-weight:300;color:var(--brass-text)}
.gu-lead{color:var(--muted);font-size:18px;max-width:40em;margin:22px 0 0}
.gu-aviso{margin:28px 0 0;padding:14px 18px;border:1px solid var(--line-2);border-left:3px solid var(--brass);border-radius:12px;background:var(--panel);font-size:14px;color:var(--muted)}
.gu-aviso strong{color:var(--text);font-weight:500}
.gu-body{padding-block:16px clamp(64px,9vw,110px)}
.gu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gu-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);min-width:0;scroll-margin-top:96px}
.gu-cover{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:935/1210;max-height:340px;align-self:flex-start;max-width:100%}
.gu-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.gu-cover:hover img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.gu-cover img{transition:none}}
.gu-tag{margin:0;font:500 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-text)}
.gu-card h2{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.1}
.gu-res{margin:0;color:var(--muted)}
.gu-meta{margin:0;font:500 12px var(--f-mono);color:var(--muted)}
.gu-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.gu-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line-2);color:var(--text);text-decoration:none;font-weight:500;font-size:15px}
.gu-btn:hover{border-color:var(--brass)}
.gu-btn.main{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}
.gu-btn:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media (max-width:760px){.gu-grid{grid-template-columns:1fr}}