/* ——— Fichas de afición (/bonus/<slug>/) ——— */
a.aficion{color:inherit;text-decoration:none}
a.aficion:hover{border-color:var(--acento);text-decoration:none}
a.aficion:hover h2{color:var(--acento)}
.aficion-mas{margin:14px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--acento);display:inline-block}
.migas{margin:0 0 16px;font-family:var(--mono);font-size:12.5px;color:var(--texto-3);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.migas a{color:var(--texto-3)}
.migas a:hover{color:var(--acento)}
.aficion-hero{margin:0 0 clamp(24px,4vw,38px);aspect-ratio:16/9;background:var(--fondo-2);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;display:flex;align-items:center;justify-content:center}
.aficion-hero img{width:100%;height:100%;object-fit:contain}
.cita{margin:0 0 clamp(26px,4vw,38px);padding:2px 0 2px clamp(16px,2.4vw,22px);border-left:2px solid var(--acento);max-width:74ch}
.cita p{margin:0;font-size:clamp(16.5px,2.1vw,19px);line-height:1.6;color:var(--texto);font-style:italic}
.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;margin:0 0 clamp(30px,5vw,44px);background:var(--borde);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.ficha>div{background:var(--panel);padding:16px 18px}
.ficha dt{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3)}
.ficha dd{margin:8px 0 0;font-size:15px;color:var(--texto);font-weight:600;letter-spacing:-.01em}
.aficion-texto{max-width:72ch}
.aficion-texto h2{margin:clamp(34px,5vw,46px) 0 14px;font-size:clamp(21px,2.9vw,27px);letter-spacing:-.02em}
.aficion-texto h2:first-child{margin-top:0}
.aficion-texto p{margin:0 0 16px;color:var(--texto-2)}
.aficion-texto .lista{margin:0 0 20px;gap:11px}
.aficion-texto .lista li{font-size:15.5px;color:var(--texto-2)}
.lista-num{list-style:none;counter-reset:lnum}
.lista-num li{counter-increment:lnum;position:relative;padding-left:30px}
.lista-num li:before{content:counter(lnum);position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:6px;background:var(--panel);border:1px solid var(--borde);color:var(--acento);font-family:var(--mono);font-size:11.5px;display:grid;place-items:center}
/* Galería: carrusel horizontal nativo (scroll + snap), sin JavaScript.
   Se desliza con el dedo; en escritorio, con rueda/trackpad o arrastrando la barra. */
.galeria-titulo{margin:clamp(38px,6vw,52px) 0 10px;font-size:clamp(21px,2.9vw,27px)}
.galeria-aviso{margin:0 0 14px;font-family:var(--mono);font-size:12.5px;color:var(--texto-3)}
.galeria{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 12px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#2a3a55 var(--panel)}
.galeria figure{margin:0;flex:0 0 auto;scroll-snap-align:center;border:1px solid var(--borde);border-radius:8px;overflow:hidden;background:var(--fondo-2)}
.galeria img{display:block;height:clamp(210px,30vw,320px);width:auto;max-width:none}
.galeria::-webkit-scrollbar{height:9px}
.galeria::-webkit-scrollbar-track{background:var(--panel);border-radius:999px}
.galeria::-webkit-scrollbar-thumb{background:#2a3a55;border-radius:999px}
.galeria:focus-visible{outline:2px solid var(--acento);outline-offset:4px}
@media(max-width:560px){.galeria img{height:clamp(190px,56vw,280px)}}
@media(prefers-reduced-motion:reduce){.galeria{scroll-behavior:auto}}
@media print{.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible}.galeria img{height:auto;width:100%}}