/* =====================================================================
   SevillaLover · componentes
   Lenguaje visual: tarjetas de radio 28px, fondos crema cálidos, una sola
   acción por tarjeta con botón circular, tipografía display con carácter
   (Fraunces) + sans legible (Plus Jakarta Sans). Tokens en critical.css.
   ===================================================================== */

/* ------------------------------------------------------------ Utilidades */
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:var(--fs-sm);text-decoration:none;color:var(--ink)}
.link-arrow .i{transition:transform .4s var(--ease)}
.link-arrow:hover .i{transform:translateX(4px)}
.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35em .7em;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);line-height:1}
.badge .i{width:.95em;height:.95em}
.badge--sponsor{background:var(--sl-albero);color:#2a1c05}
.badge--featured{background:var(--ink);color:var(--page)}
.badge--free{background:#1E7A4B;color:#fff}
.badge--past{background:var(--tile-2);color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5em .95em;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:transparent;font-size:var(--fs-sm);font-weight:500;text-decoration:none;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,border-color .25s;white-space:nowrap}
.chip:hover{background:var(--tile)}
.chip[aria-pressed="true"],.chip.is-active{background:var(--ink);color:var(--page);border-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.chips--scroll::-webkit-scrollbar{display:none}
.datechip{display:inline-grid;place-items:center;min-width:52px;padding:.45rem .3rem;border-radius:var(--r-sm);background:var(--surface);color:var(--ink);line-height:1;text-align:center;box-shadow:var(--sh-1)}
.datechip__d{font-family:var(--font-display);font-size:1.45rem;font-weight:600}
.datechip__until{font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.datechip__m{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sl-red-ink)}
.go{position:absolute;right:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.6;transition:opacity .3s,background .3s,color .3s,transform .45s var(--ease)}
.go .i{width:17px;height:17px}
a:hover>.go,a:focus-visible>.go,.b:hover .go{opacity:1;background:var(--ink);color:var(--page);border-color:var(--ink);transform:rotate(45deg)}
.b--dark:hover .go,.b--photo:hover .go,.b--red:hover .go,.b--green:hover .go,.b--azulejo:hover .go{background:#fff;color:#201B17;border-color:#fff}
.placeholder{display:grid!important;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,var(--sl-albero-soft),transparent 60%),repeating-linear-gradient(45deg,var(--tile) 0 14px,var(--tile-2) 14px 15px);color:var(--muted)}
.placeholder .i{width:34px;height:34px;opacity:.55}
.placeholder--evento{background:radial-gradient(circle at 70% 30%,var(--sl-azulejo-soft),transparent 60%),repeating-linear-gradient(-45deg,var(--tile) 0 14px,var(--tile-2) 14px 15px)}
.placeholder--restaurante{background:radial-gradient(circle at 30% 70%,var(--sl-red-soft),transparent 60%),repeating-linear-gradient(45deg,var(--tile) 0 14px,var(--tile-2) 14px 15px)}
.section{padding-block:clamp(48px,7vw,104px)}
.section--tight{padding-block:clamp(28px,4vw,56px)}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:clamp(20px,3vw,36px)}
.section-head .eyebrow{flex-basis:100%}
.section-head__title{font-size:var(--fs-2xl);max-width:20ch}
.section-head__title em{font-style:italic;color:var(--sl-red)}
.muted{color:var(--muted)}
.hp,.sl-hp{position:absolute!important;left:-9999px!important;opacity:0}

/* ------------------------------------------------------------ Buscador */
.searchbar{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 6px 6px 20px;box-shadow:var(--sh-1);max-width:520px}
.searchbar .i{color:var(--muted)}
.searchbar input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:.65rem 0;font-size:1rem}

/* ------------------------------------------------------------ Cajas bento
   Tipografía con unidades de contenedor: en escritorio cada caja es un
   container de tamaño (cqi = ancho, cqh = alto), así el texto escala con la
   caja y nunca se corta. En móvil el alto es automático. */
.b .media,.b>.media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.b--photo{background:#2a231e;color:#fff}
.b--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,14,12,.55) 0%,rgba(18,14,12,.12) 32%,rgba(18,14,12,.1) 50%,rgba(18,14,12,.8) 100%)}
.b--photo:hover .media{transform:scale(1.04)}
.b--dark{background:var(--dark-tile);color:var(--on-dark)}
.b--red{background:var(--sl-bus-red);color:#fff}
.b--green{background:var(--sl-bus-green);color:#fff}
.b--azulejo{background:var(--sl-azulejo);color:#fff}
.b--albero{background:var(--sl-albero);color:#24170a}
.b .eyebrow{font-size:clamp(.62rem,2.6cqi,.74rem);line-height:1.5}
.b .eyebrow .i{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;margin-right:.15em}
.b--dark .eyebrow,.b--photo .eyebrow,.b--red .eyebrow,.b--green .eyebrow,.b--azulejo .eyebrow,.b-hoy .eyebrow{color:currentColor;opacity:.8}
.b__title{font-size:clamp(1.1rem,6cqi,2rem);font-weight:500;margin-top:.35em;max-width:20ch;line-height:1.08}
.b__text{font-size:clamp(.82rem,3.3cqi,.98rem);margin-top:.5em;opacity:.85;max-width:42ch;line-height:1.45}
.b__foot{margin-top:auto;padding-top:.8rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.b a.b__cover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.b a.b__cover:focus-visible{outline-offset:-4px}
.b .btn,.b .lift{position:relative;z-index:2}
.b .btn{font-size:clamp(.72rem,2.8cqi,.84rem)}

/* Titular (caja s1) */
.b-hero{background:var(--surface);border:1px solid var(--line);justify-content:space-between;gap:.6rem}
.b-hero__title{font-size:clamp(2rem,10cqi,4.4rem);font-weight:400;letter-spacing:-.035em;line-height:.95;max-width:none}
.b-hero__title .bang{color:var(--sl-red);font-style:normal}
.b-hero__title em{font-style:italic;font-weight:300}
.b-hero__lead{font-size:clamp(.86rem,2.4cqi,1.05rem);color:var(--ink-2);max-width:56ch;line-height:1.45}
.b-hero .searchbar{max-width:none;padding:5px 5px 5px 16px;box-shadow:none;background:var(--page)}
.b-hero .searchbar input{padding:.55rem 0;font-size:.95rem}
.b-hero .chips{display:flex;flex-wrap:wrap;gap:.4rem}
.b-hero .chip{font-size:.78rem;padding:.42em .85em}
.b-hero__row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem;align-items:end}
@container (max-width:560px){.b-hero__row{grid-template-columns:1fr}}

/* Sevilla HOY */
.b-hoy{background:linear-gradient(165deg,#fbe8cb 0%,#f6d3a3 48%,#efa877 100%);color:#2b1a0e}
.b-hoy[data-sky="cloud"],.b-hoy[data-sky="fog"]{background:linear-gradient(165deg,#eef1f4 0%,#cfd8e0 60%,#aebccb 100%);color:#1c2530}
.b-hoy[data-sky="rain"],.b-hoy[data-sky="storm"]{background:linear-gradient(165deg,#bccadb 0%,#7f95af 60%,#506a8a 100%);color:#fff}
.b-hoy[data-sky="moon"],.b-hoy[data-sky="moon-cloud"]{background:linear-gradient(165deg,#2b3350 0%,#1d2238 60%,#12141f 100%);color:#f2ecff}
.hoy__temp{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}
.hoy__deg{font-family:var(--font-display);font-size:clamp(2.6rem,24cqi,4.6rem);font-weight:300;line-height:.9;letter-spacing:-.04em}
.hoy__temp .wx{width:clamp(34px,15cqi,56px);height:auto;stroke-width:1.4}
.hoy__sky{display:block;font-weight:600;font-size:clamp(.78rem,4cqi,.95rem)}
.hoy__fc{display:flex;gap:.8rem;font-size:clamp(.66rem,3.4cqi,.76rem);font-weight:600;margin-top:.8rem}
.hoy__fc span{display:grid;justify-items:center;gap:2px}
.hoy__fc .i{width:18px;height:18px}
.hoy__countdown{display:inline-flex;align-items:baseline;gap:.35rem;padding:.4rem .75rem;border-radius:var(--r-pill);background:rgba(255,255,255,.5);font-size:clamp(.72rem,3.6cqi,.86rem);font-weight:600;margin-top:.8rem;align-self:flex-start}
.hoy__countdown strong{font-family:var(--font-display);font-size:1.3em}
.hoy__events{list-style:none;margin:.9rem 0 0;padding:0;display:grid}
.hoy__events li a{display:flex;gap:.6rem;align-items:baseline;text-decoration:none;padding:.4rem 0;border-top:1px solid rgba(0,0,0,.1);font-size:clamp(.76rem,3.8cqi,.9rem);line-height:1.3;position:relative;z-index:2}
.b-hoy[data-sky="rain"] .hoy__events li a,.b-hoy[data-sky^="moon"] .hoy__events li a{border-color:rgba(255,255,255,.2)}
.hoy__events time{font-weight:700;min-width:3em;font-variant-numeric:tabular-nums}
.hoy__events span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hoy__curio{margin-top:.8rem;font-size:clamp(.78rem,3.6cqi,.9rem);opacity:.85;font-style:italic;font-family:var(--font-display);line-height:1.35}
@container (max-height:430px){.b-hoy .hoy__events li:nth-child(n+3){display:none}}
@container (max-height:340px){.b-hoy .hoy__events,.b-hoy .hoy__fc{display:none}}

/* Top 30 */
.b-top30{color:#fff}
.top3{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:.35rem;position:relative;z-index:2}
.top3 a{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;text-decoration:none;padding:.5rem .7rem;border-radius:var(--r-sm);background:rgba(18,14,12,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s}
.top3 a:hover{background:rgba(18,14,12,.6)}
.top3 .rank{font-family:var(--font-display);font-size:clamp(1.3rem,6cqi,1.8rem);font-style:italic;font-weight:300;line-height:1;width:1.5em;text-align:center;color:var(--sl-albero)}
.top3 strong{display:block;font-weight:600;line-height:1.2;font-size:clamp(.82rem,3cqi,.95rem)}
.top3 small{opacity:.8;font-size:clamp(.68rem,2.4cqi,.78rem)}
.b-top30 .b__foot{padding-top:.6rem}
@container (max-height:420px){.top3 li:nth-child(3){display:none}}

/* Agenda */
.minical{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:.6rem;font-size:clamp(.6rem,4cqi,.72rem);text-align:center}
.minical span{padding:.18rem 0;border-radius:6px;position:relative;font-variant-numeric:tabular-nums}
.minical .dow{font-weight:700;color:var(--muted)}
.minical .is-today{background:var(--ink);color:var(--page);font-weight:700}
.minical .has-ev::after{content:"";position:absolute;left:50%;bottom:0;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:var(--sl-red)}
.minical .is-off{opacity:.3}
.evlist{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.5rem}
.evlist a>span:last-child{min-width:0}
.evlist a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:center;text-decoration:none;position:relative;z-index:2}
.evlist .datechip{min-width:40px;padding:.3rem .2rem;box-shadow:none}
.evlist .datechip__d{font-size:1.15rem}
.evlist strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(.74rem,4.2cqi,.86rem);line-height:1.25;font-weight:600}
.evlist small{display:block;color:var(--muted);font-size:clamp(.64rem,3.4cqi,.72rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container (max-height:470px){.b-agenda .evlist li:nth-child(n+3){display:none}}
@container (max-height:380px){.b-agenda .minical{display:none}}

/* Mapa */
.b-mapa{padding:0;background:#e3e9ee}
.b-mapa .minimap{position:absolute;inset:0;z-index:0}
.b-mapa .minimap__ph{position:absolute;inset:0;background:radial-gradient(circle at 40% 45%,rgba(231,51,71,.35) 0 6px,transparent 7px),radial-gradient(circle at 58% 38%,rgba(31,78,140,.4) 0 5px,transparent 6px),radial-gradient(circle at 48% 62%,rgba(30,122,75,.4) 0 5px,transparent 6px),linear-gradient(135deg,#e9eef1,#dde5ea)}
.b-mapa__over{position:relative;z-index:2;margin-top:auto;padding:clamp(16px,4cqi,26px);pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;background:linear-gradient(180deg,transparent,rgba(18,14,12,.55))}
.b-mapa__over .b__title{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.4);margin:0}
.b-mapa__over .eyebrow{color:#fff;opacity:.85}
.b-mapa__over .btn{pointer-events:auto;flex:none}
.b-mapa .maplibregl-ctrl-attrib{font-size:9px}

/* Fin de semana */
.b-finde{background:var(--sl-albero-soft)}
.finde__wx{display:flex;gap:.7rem;margin-top:.4rem;font-size:clamp(.64rem,3.4cqi,.74rem);font-weight:700;flex-wrap:wrap}
.finde__wx span{display:flex;align-items:center;gap:.2rem}
.finde__wx .i{width:16px;height:16px}
.finde__count{font-family:var(--font-display);font-size:clamp(1.8rem,14cqh,2.8rem);line-height:1;font-weight:400;margin-top:auto}
.finde__count small{font-family:var(--font-sans);font-size:.7rem;font-weight:600;display:block;color:var(--muted)}

/* Cosas que hacer */
.b-cosas .b__title{margin-top:auto}
.b-cosas .chips{gap:.3rem;margin-top:.5rem;position:relative;z-index:2}
.b-cosas .chip{font-size:.7rem;padding:.3em .7em;border-color:rgba(255,255,255,.4);color:#fff}

/* Bus */
.b-bus{justify-content:space-between}
.b-bus .busart{position:absolute;right:-12px;top:12px;width:clamp(64px,34cqi,96px);opacity:.9;z-index:-1}
.b-bus .price{font-family:var(--font-display);font-size:clamp(1.4rem,11cqi,2.1rem);line-height:1}
.b-bus .price small{font-family:var(--font-sans);font-size:.68rem;font-weight:600;opacity:.8}

/* Instagram: azulejo sevillano */
.b-insta{background-color:var(--sl-azulejo);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='1.2'%3E%3Cpath d='M28 4c6 10 14 18 24 24-10 6-18 14-24 24-6-10-14-18-24-24C14 22 22 14 28 4z'/%3E%3Ccircle cx='28' cy='28' r='6'/%3E%3Cpath d='M0 0h56v56H0z'/%3E%3C/g%3E%3C/svg%3E")}
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:.8rem;position:relative;z-index:2;flex:1;min-height:0;align-content:start}
.igrid a{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.12)}
.igrid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.igrid a:hover img{transform:scale(1.06)}
.b-insta .b__foot .btn{background:#fff;color:var(--sl-azulejo)}

/* Blog */
.b-blog .bhead{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.b-blog .bloglist{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(12px,3cqi,22px);margin-top:.8rem;position:relative;z-index:2;flex:1;min-height:0}
.bloglist__main{display:flex;flex-direction:column;text-decoration:none;min-height:0}
.bloglist__main .thumb{border-radius:var(--r-md);overflow:hidden;flex:1;min-height:120px;background:var(--tile-2)}
.bloglist__main .placeholder{height:100%}
.bloglist__main img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bloglist__main:hover img{transform:scale(1.04)}
.bloglist__main h3{font-size:clamp(.95rem,3.4cqi,1.3rem);margin-top:.55rem;line-height:1.15}
.bloglist__side{display:grid;align-content:start;overflow:hidden}
.bloglist__side a{display:block;text-decoration:none;padding:.6rem 0;border-top:1px solid var(--line)}
.bloglist__side h3{font-size:clamp(.86rem,2.6cqi,1.02rem);font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bloglist time{font-size:.66rem;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@container (max-width:520px){.b-blog .bloglist{grid-template-columns:1fr}.bloglist__main .thumb{aspect-ratio:16/10;flex:none}}

/* Patrocinado */
.sl-ad{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--tile);min-height:100%;display:flex;container-type:inline-size}
.sl-ad__fallback,.sl-ad__card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:clamp(16px,5cqi,26px);text-decoration:none;color:inherit;width:100%;isolation:isolate}
.sl-ad__fallback{background:repeating-linear-gradient(135deg,var(--tile) 0 18px,var(--tile-2) 18px 19px);justify-content:flex-end;padding-top:2.6rem}
.sl-ad__fallback strong{font-family:var(--font-display);font-size:clamp(1.05rem,7cqi,1.5rem);font-weight:500;line-height:1.1}
.sl-ad__fallback span:last-child{font-size:clamp(.74rem,4cqi,.88rem);color:var(--ink-2)}
.sl-ad__label{position:absolute;top:12px;left:12px;z-index:3;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3em .65em;border-radius:var(--r-pill);background:rgba(255,255,255,.92);color:#201B17}
.sl-ad__card{color:#fff;justify-content:flex-end;min-height:180px;padding-top:2.6rem}
.sl-ad__card .media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sl-ad__card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(10,8,6,.8))}
.sl-ad__card:hover .media{transform:scale(1.05)}
.sl-ad__who{font-size:.66rem;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.08em}
.sl-ad__card strong{font-family:var(--font-display);font-size:clamp(1.05rem,7cqi,1.5rem);font-weight:500;line-height:1.1}
.sl-ad__card p{font-size:.84rem;opacity:.9}
.sl-ad__cta{margin-top:.3rem;align-self:flex-start}
.sl-ad--banner{min-height:150px;margin-block:var(--sp-6)}
.b-sponsor{padding:0;background:transparent}
.b-sponsor .sl-ad{flex:1}

/* ------------------------------------------------------------ Cabeceras de página */
.page-hero{padding:clamp(32px,6vw,88px) 0 clamp(24px,4vw,48px)}
.page-hero__in{max-width:960px}
.page-hero h1{font-size:var(--fs-3xl);font-weight:400;letter-spacing:-.035em;margin-top:.35em}
.page-hero h1 em{font-style:italic;color:var(--sl-red)}
.page-hero__lead{font-size:var(--fs-md);color:var(--ink-2);margin-top:1rem;max-width:58ch}
.page-hero__lead p+p{margin-top:.8em}
.page-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1.2rem;color:var(--muted);font-size:var(--fs-sm);align-items:center}
.page-hero__meta .i{width:1em;height:1em}
.page-hero__meta span{display:inline-flex;align-items:center;gap:.35rem}
.page-hero--center{text-align:center}
.page-hero--center .page-hero__in{margin-inline:auto}
.page-hero--center .page-hero__lead{margin-inline:auto}
.hero-media{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:21/9;background:var(--tile);margin-bottom:clamp(28px,4vw,56px)}
.hero-media img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.hero-media{aspect-ratio:4/3;border-radius:var(--r-md)}}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0;font-size:var(--fs-xs);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.3rem;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}

/* ------------------------------------------------------------ Tarjetas */
.sl-grid{display:grid;gap:var(--gap)}
.sl-grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(14px,2vw,24px)}
.sl-grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--ink);border:1px solid var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .3s;isolation:isolate;will-change:transform}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:transparent}
.card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--tile)}
.card__media .media,.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .card__media img{transform:scale(1.05)}
.card__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.card__rank{position:absolute;top:10px;right:12px;z-index:2;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:2.6rem;line-height:1;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.card__date{position:absolute;left:12px;bottom:12px;z-index:2}
.card__body{display:flex;flex-direction:column;gap:.35rem;padding:18px 20px 22px;flex:1}
.card__kicker{font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sl-red-ink)}
.card__title{font-size:var(--fs-lg);font-weight:500;line-height:1.12}
.card__title a{text-decoration:none}
.card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.card__text{font-size:var(--fs-sm);color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-top:auto;padding-top:.6rem;font-size:var(--fs-xs);color:var(--muted);font-weight:500}
.card__meta span{display:inline-flex;align-items:center;gap:.3rem}
.card__meta .i{width:1.05em;height:1.05em}
.card__cta{position:relative;z-index:2;margin-top:.8rem;align-self:flex-start}
.card--sponsored{border-color:var(--sl-albero);box-shadow:0 0 0 1px var(--sl-albero)}
.card--h{flex-direction:row}
.card--h .card__media{aspect-ratio:auto;width:38%;flex:none}
@media (max-width:560px){.card--h{flex-direction:column}.card--h .card__media{width:100%;aspect-ratio:16/10}}
.card--post .card__media{aspect-ratio:16/10}

/* ------------------------------------------------------------ Filtros */
.filters{position:sticky;top:calc(var(--header-h) + 8px);z-index:20;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:10px;margin-bottom:clamp(18px,3vw,32px);background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-lg)}
.filters select,.filters input[type=search],.filters input[type=date]{appearance:none;-webkit-appearance:none;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-pill);padding:.55rem 2rem .55rem 1rem;font-size:var(--fs-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23776A5D' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;max-width:100%}
.filters input[type=search],.filters input[type=date]{background-image:none;padding-right:1rem}
.filters__count{margin-left:auto;font-size:var(--fs-sm);color:var(--muted);font-weight:500;padding-right:.5rem}
.filters .chips{flex:1 1 100%}
.is-filtered-out{display:none!important}
.empty{padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-lg)}
@media (max-width:700px){.filters{position:static}}

/* ------------------------------------------------------------ Top 30 */
.top30-list{display:grid;gap:clamp(14px,2vw,22px);counter-reset:none}
.top30-item{display:grid;grid-template-columns:clamp(56px,8vw,120px) minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(14px,2.5vw,36px);align-items:center;padding:clamp(14px,2vw,22px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);position:relative;transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.top30-item:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.top30-item__rank{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(3rem,7vw,6.5rem);line-height:.85;color:var(--sl-red);text-align:center;letter-spacing:-.05em}
.top30-item__media{border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;background:var(--tile)}
.top30-item__media img{width:100%;height:100%;object-fit:cover}
.top30-item h2{font-size:var(--fs-xl)}
.top30-item h2 a{text-decoration:none}
.top30-item h2 a::after{content:"";position:absolute;inset:0;z-index:1}
.top30-item .why{font-family:var(--font-display);font-style:italic;font-size:var(--fs-md);color:var(--ink-2);margin-top:.4rem}
.top30-item .card__meta{margin-top:.8rem}
.top30-item .btn{position:relative;z-index:2;margin-top:.9rem}
@media (max-width:760px){.top30-item{grid-template-columns:auto 1fr}.top30-item__media{grid-column:1/-1;order:-1}}

/* ------------------------------------------------------------ Fichas (single) */
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,64px);align-items:start}
.single-layout__aside{position:sticky;top:calc(var(--header-h) + 20px);display:grid;gap:var(--gap)}
@media (max-width:980px){.single-layout{grid-template-columns:1fr}.single-layout__aside{position:static}}
.factbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:grid;gap:.9rem}
.factbox dl{display:grid;gap:.75rem;margin:0}
.factbox dt{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.4rem}
.factbox dd{margin:0;font-weight:500;white-space:pre-line}
.factbox dd a{word-break:break-word}
.factbox .btn{width:100%}
.factbox__price{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1}
.factbox__social{display:flex;gap:.4rem}
.ticketbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;justify-content:space-between;gap:.8rem;padding:10px 10px 10px 18px;border-radius:var(--r-pill);background:var(--ink);color:var(--page);box-shadow:var(--sh-pop)}
.ticketbar strong{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:980px){.ticketbar{display:flex}.has-ticketbar .site-footer{padding-bottom:90px}}
.notice-past{display:flex;gap:.6rem;align-items:center;padding:.9rem 1.1rem;border-radius:var(--r-md);background:var(--tile);margin-bottom:var(--sp-5);font-weight:500}
.mapbox{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--tile);position:relative}
.mapbox .minimap{position:absolute;inset:0}
.gallery-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-block:var(--sp-6);padding-bottom:6px;scrollbar-width:thin}
.gallery-strip__item{flex:0 0 clamp(200px,32%,300px);aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;scroll-snap-align:start}
.gallery-strip__item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gallery-strip__item:hover img{transform:scale(1.05)}
.share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.share .icon-btn{width:40px;height:40px}

/* ------------------------------------------------------------ Texto (contenido del editor) */
.prose{max-width:var(--prose);font-size:clamp(1.02rem,.98rem + .2vw,1.12rem);line-height:1.75;color:var(--ink)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:var(--fs-xl);margin-top:2em;line-height:1.15}
.prose h3{font-size:var(--fs-lg);margin-top:1.7em;line-height:1.2}
.prose h4{font-size:var(--fs-md);margin-top:1.5em}
.prose h2 strong,.prose h3 strong{font-weight:inherit}
.prose a{color:var(--sl-red-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--sl-red) 40%,transparent)}
.prose a:hover{text-decoration-color:currentColor}
.prose ul,.prose ol{padding-left:1.25em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--sl-red)}
.prose strong{font-weight:650}
.prose img,.prose figure img{border-radius:var(--r-md);height:auto}
.prose figure{margin-inline:0}
.prose figcaption,.prose .wp-element-caption{font-size:var(--fs-sm);color:var(--muted);margin-top:.5em}
.prose blockquote{margin-inline:0;padding:1.2em 1.4em;border-radius:var(--r-md);background:var(--tile);font-family:var(--font-display);font-size:1.15em;font-style:italic}
.prose iframe{max-width:100%;border:0;border-radius:var(--r-md)}
.prose iframe[src*="youtube"],.prose iframe[src*="vimeo"]{aspect-ratio:16/9;width:100%;height:auto}
.prose iframe[src*="google.com/maps"]{width:100%;height:360px}
.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:.6em .4em;text-align:left}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.prose .wp-block-image,.prose .wp-block-gallery{margin-block:1.6em}
.prose .alignwide{max-width:min(1100px,100vw - 2*var(--gutter));margin-inline:calc((var(--prose) - min(1100px,100vw - 2*var(--gutter)))/2)}
.prose .wp-block-button__link{display:inline-block;padding:.8em 1.4em;border-radius:var(--r-pill);background:var(--ink);color:var(--page);text-decoration:none;font-weight:600}
.prose .sl-source{font-size:var(--fs-sm);color:var(--muted)}
.prose .sl-grid{max-width:none}
.prose--wide{max-width:none}
.post-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;color:var(--muted);font-size:var(--fs-sm)}
.post-meta a{text-decoration:none;color:var(--ink);font-weight:600}
.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--sp-6)}

/* ------------------------------------------------------------ Agenda */
.agenda-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5)}
.viewtoggle{display:inline-flex;padding:4px;border-radius:var(--r-pill);background:var(--tile)}
.viewtoggle button{border:0;background:transparent;padding:.5rem 1rem;border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;gap:.4rem;align-items:center}
.viewtoggle button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--sh-1)}
.daygroup{display:grid;grid-template-columns:clamp(90px,14vw,180px) 1fr;gap:clamp(14px,3vw,40px);padding-block:clamp(18px,3vw,32px);border-top:1px solid var(--line)}
.daygroup__label{position:sticky;top:calc(var(--header-h) + 90px);align-self:start}
.daygroup__label strong{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:400;line-height:1}
.daygroup__label span{font-size:var(--fs-sm);color:var(--muted);text-transform:capitalize}
@media (max-width:700px){.daygroup{grid-template-columns:1fr}.daygroup__label{position:static}}
.evrow{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:clamp(12px,2vw,24px);align-items:center;padding:12px;border-radius:var(--r-md);position:relative;transition:background .3s}
.evrow:hover{background:var(--tile)}
.evrow+.evrow{margin-top:4px}
.evrow__img{width:80px;height:80px;border-radius:var(--r-sm);overflow:hidden;background:var(--tile)}
.evrow__img img,.evrow__img .media{width:100%;height:100%;object-fit:cover}
.evrow h3{font-size:var(--fs-md);font-weight:500;line-height:1.2}
.evrow h3 a{text-decoration:none}
.evrow h3 a::after{content:"";position:absolute;inset:0}
.evrow__meta{font-size:var(--fs-xs);color:var(--muted);display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.3rem}
.evrow__side{display:grid;justify-items:end;gap:.3rem;font-weight:600;font-size:var(--fs-sm)}
.evrow__side .btn{position:relative;z-index:2}
@media (max-width:600px){.evrow{grid-template-columns:64px 1fr}.evrow__img{width:64px;height:64px}.evrow__side{grid-column:2;justify-items:start}}
.calendar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(12px,2vw,24px)}
.calendar__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.calendar__head h2{font-size:var(--fs-xl);text-transform:capitalize}
.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar__dow{font-size:var(--fs-xs);font-weight:700;color:var(--muted);text-align:center;padding:.3rem 0}
.calday{min-height:clamp(64px,10vw,124px);border-radius:var(--r-sm);background:var(--tile);padding:6px;display:flex;flex-direction:column;gap:3px;font-size:.72rem;overflow:hidden;border:0;text-align:left;cursor:pointer;color:var(--ink)}
.calday__n{font-weight:700;font-variant-numeric:tabular-nums}
.calday.is-today{outline:2px solid var(--sl-red);outline-offset:-2px}
.calday.is-out{opacity:.35}
.calday.is-past{opacity:.55}
.calday__ev{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface);border-radius:6px;padding:2px 5px;text-decoration:none}
.calday__more{color:var(--muted);font-weight:600}
.calday.is-selected{background:var(--ink);color:var(--page)}
@media (max-width:640px){.calday__ev{display:none}.calday.has-ev::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--sl-red);margin-top:auto}}

/* ------------------------------------------------------------ Fin de semana */
.weekend-wx{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-block:var(--sp-6)}
.wxday{border-radius:var(--r-lg);padding:clamp(16px,2vw,24px);background:var(--sl-albero-soft);display:grid;gap:.3rem}
.wxday strong{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;text-transform:capitalize}
.wxday .wx{width:46px;height:46px}
.wxday .temps{font-size:var(--fs-md);font-weight:600}
.wxday .temps span{color:var(--muted);font-weight:500}
@media (max-width:640px){.weekend-wx{grid-template-columns:repeat(3,minmax(0,1fr));--gap:8px}.wxday{padding:12px}.wxday strong{font-size:1rem}}
.stay{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-5);align-items:center;padding:clamp(20px,3vw,36px);border-radius:var(--r-xl);background:var(--sl-azulejo);color:#fff;position:relative;overflow:hidden}
.stay::after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;opacity:.15;background:repeating-conic-gradient(from 45deg,#fff 0 25%,transparent 0 50%) 0 0/40px 40px;border-radius:50%}
.stay h2{font-size:var(--fs-xl)}
.stay p{opacity:.85;margin-top:.4rem}
.stay form{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}
.stay input{border:0;border-radius:var(--r-pill);padding:.75rem 1rem;min-width:0;background:#fff;color:#201B17}
@media (max-width:760px){.stay{grid-template-columns:1fr}}

/* ------------------------------------------------------------ Mapa a pantalla completa */
.fullmap{position:relative;display:grid;grid-template-columns:400px minmax(0,1fr);height:calc(100dvh - var(--header-h));border-top:1px solid var(--line)}
.fullmap__side{display:flex;flex-direction:column;min-height:0;background:var(--page);border-right:1px solid var(--line);z-index:3}
.fullmap__head{padding:18px 18px 10px;display:grid;gap:.7rem}
.fullmap__head h1{font-size:var(--fs-xl)}
.fullmap__filters{display:grid;gap:.5rem}
.fullmap__filters .row{display:flex;gap:.5rem;flex-wrap:wrap}
.fullmap__filters select{flex:1;min-width:0;appearance:none;-webkit-appearance:none;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-pill);padding:.5rem .9rem;font-size:var(--fs-sm)}
.fullmap__list{flex:1;overflow-y:auto;padding:4px 10px 18px;overscroll-behavior:contain}
.fullmap__count{padding:0 18px 6px;font-size:var(--fs-xs);color:var(--muted);font-weight:600}
.mapitem{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border-radius:var(--r-sm);cursor:pointer;border:0;background:transparent;width:100%;text-align:left;color:var(--ink)}
.mapitem:hover,.mapitem.is-active{background:var(--tile)}
.mapitem img,.mapitem .ph{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--tile-2)}
.mapitem strong{display:block;font-size:var(--fs-sm);line-height:1.25}
.mapitem small{display:block;color:var(--muted);font-size:var(--fs-xs);margin-top:2px}
.mapitem .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.mapitem--s{background:color-mix(in srgb,var(--sl-albero) 16%,transparent)}
.fullmap__map{position:relative}
.fullmap__map .map{position:absolute;inset:0}
.map-legend{position:absolute;top:14px;left:14px;z-index:2;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 80px)}
.map-legend .chip{background:color-mix(in srgb,var(--page) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}
.map-legend .chip .dot{width:9px;height:9px;border-radius:50%}
.map-legend .chip[aria-pressed="false"]{opacity:.55}
.map-locate{position:absolute;right:14px;bottom:110px;z-index:2}
.map-card{position:absolute;right:14px;top:14px;z-index:4;width:min(340px,calc(100% - 28px));background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-pop);display:none}
.map-card.is-open{display:block;animation:slg-pop .45s var(--ease)}
.map-card__img{aspect-ratio:16/10;background:var(--tile)}
.map-card__img img{width:100%;height:100%;object-fit:cover}
.map-card__body{padding:16px 18px 18px;display:grid;gap:.4rem}
.map-card__body h3{font-size:var(--fs-lg)}
.map-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.map-card__close{position:absolute;top:10px;right:10px;z-index:2;background:rgba(255,255,255,.92);color:#201B17;border:0}
@keyframes slg-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.maplibregl-popup-content{border-radius:14px!important;padding:10px 12px!important;font-family:var(--font-sans)!important;box-shadow:var(--sh-2)!important}
.marker-s{width:34px;height:34px;border-radius:50%;background:var(--sl-albero);border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.35);display:grid;place-items:center;color:#24170a;cursor:pointer}
.marker-s .i{width:16px;height:16px}
.bus-stop-marker{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--bus,#C8102E);border:3px solid var(--bus,#C8102E);display:grid;place-items:center;font-weight:800;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer}
@media (max-width:900px){
  .fullmap{display:block;height:calc(100dvh - var(--header-h))}
  .fullmap__map{position:absolute;inset:0}
  .fullmap__side{position:absolute;left:0;right:0;bottom:0;height:42%;border-radius:22px 22px 0 0;border-right:0;box-shadow:0 -10px 40px rgba(0,0,0,.18);transition:height .5s var(--ease)}
  .fullmap__side.is-expanded{height:86%}
  .fullmap__side.is-collapsed{height:118px}
  .sheet-handle{display:block;width:44px;height:5px;border-radius:5px;background:var(--line-strong);margin:8px auto 0;border:0;padding:0;cursor:grab}
  /* Ficha compacta: miniatura a la izquierda, sobre la hoja recogida */
  .map-card{top:auto;bottom:calc(42% + 10px);left:10px;right:10px;width:auto;border-radius:18px}
  .map-card.is-open{display:grid;grid-template-columns:92px minmax(0,1fr)}
  .fullmap:has(.fullmap__side.is-collapsed) .map-card{bottom:128px}
  .fullmap:has(.fullmap__side.is-expanded) .map-card{display:none}
  .map-card__img{aspect-ratio:auto;height:100%;min-height:92px}
  .map-card__body{padding:10px 40px 12px 12px;gap:.2rem;align-content:center}
  .map-card__body h3{font-size:var(--fs-md);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .map-card__body .muted{font-size:var(--fs-xs)!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .map-card__body .badge{justify-self:start;font-size:10px}
  .map-card__actions{margin-top:.3rem}
  .map-card__actions .btn{padding:.45em .85em}
  .map-card__close{top:8px;right:8px;width:28px;height:28px;font-size:12px;background:var(--tile);color:var(--ink)}
  .fullmap__head h1{font-size:var(--fs-lg)}
  .map-locate{bottom:auto;top:60px}
}
@media (min-width:901px){.sheet-handle{display:none}}

/* ------------------------------------------------------------ Zonas */
.zone-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(28px,5vw,72px)}
.zone-hero .mapbox{aspect-ratio:1/1}
@media (max-width:860px){.zone-hero{grid-template-columns:1fr}.zone-hero .mapbox{aspect-ratio:4/3}}

/* ------------------------------------------------------------ Bus */
.bus-hero{border-radius:var(--r-xl);padding:clamp(24px,4vw,56px);color:#fff;background:var(--bus,#C8102E);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-6);align-items:end;margin-block:clamp(20px,3vw,32px)}
.bus-hero h1{font-size:var(--fs-3xl);font-weight:400}
.bus-hero__facts{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1rem;font-weight:600}
.bus-hero__facts span{display:inline-flex;align-items:center;gap:.4rem}
.bus-hero__buy{display:grid;gap:.6rem;justify-items:end;text-align:right}
.bus-hero__price{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:.9}
.bus-hero__price small{display:block;font-family:var(--font-sans);font-size:var(--fs-sm);opacity:.85}
.bus-hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:280px;height:280px;border-radius:50%;border:40px solid rgba(255,255,255,.08)}
@media (max-width:760px){.bus-hero{grid-template-columns:1fr}.bus-hero__buy{justify-items:start;text-align:left}}
.busmap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--gap);height:min(78vh,720px)}
.busmap__list{overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;list-style:none;margin:0}
.busmap__map{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--tile)}
.busmap__map .map{position:absolute;inset:0}
.stopbtn{display:grid;grid-template-columns:auto 56px 1fr;gap:12px;align-items:center;width:100%;padding:8px;border-radius:var(--r-sm);border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink)}
.stopbtn:hover,.stopbtn.is-active{background:var(--tile)}
.stopbtn__n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bus,#C8102E);color:#fff;font-weight:800;font-size:13px}
.stopbtn img,.stopbtn .ph{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--tile-2)}
.stopbtn strong{font-size:var(--fs-sm);line-height:1.25}
.stopbtn small{display:block;color:var(--muted);font-size:var(--fs-xs)}
@media (max-width:860px){.busmap{grid-template-columns:1fr;height:auto}.busmap__map{height:60vh;order:-1}.busmap__list{max-height:none;display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory}.busmap__list li{flex:0 0 78%;scroll-snap-align:start}}

/* ------------------------------------------------------------ Formularios */
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:var(--fs-sm);font-weight:600}
.form input:not([type=checkbox]),.form select,.form textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:.85rem 1rem;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;font-weight:400}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 10%,transparent)}
.form textarea{min-height:150px;resize:vertical}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:var(--fs-sm)}
.form .check input{margin-top:.25rem}
.form .btn{justify-self:start}
.form-msg{padding:1rem 1.2rem;border-radius:var(--r-md);background:var(--tile);font-weight:600}
@media (max-width:600px){.form .row{grid-template-columns:1fr}}
.pillform{display:flex;gap:6px;align-items:center;background:var(--surface);border-radius:var(--r-pill);padding:5px 5px 5px 20px;max-width:520px;border:1px solid var(--line)}
.pillform input[type=email]{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:.65rem 0;font-size:1rem;color:var(--ink)}
.pillform .btn{flex:none}
.newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-6);align-items:center;padding:clamp(24px,4vw,56px);border-radius:var(--r-xl);background:var(--sl-red);color:#fff}
.newsletter h2{font-size:var(--fs-2xl)}
.newsletter p{opacity:.9;margin-top:.5rem}
.newsletter .fine{font-size:var(--fs-xs);opacity:.85;margin-top:.7rem}
.newsletter .fine a{color:#fff}
@media (max-width:760px){.newsletter{grid-template-columns:1fr}.pillform{flex-wrap:wrap;border-radius:20px;padding:6px}.pillform input[type=email]{flex-basis:100%;padding:.6rem .8rem}.pillform .btn{width:100%}}

/* Tarifas (Anúnciate) */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--gap)}
.plan{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:.7rem}
.plan h3{font-size:var(--fs-lg)}
.plan .price{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1}
.plan .price small{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem;font-size:var(--fs-sm)}
.plan li{display:flex;gap:.5rem}
.plan li .i{color:#1E7A4B;flex:none;margin-top:.2rem}
.plan--hl{background:var(--dark-tile);color:var(--on-dark);border-color:transparent}
.plan--hl .price small{color:inherit;opacity:.7}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--gap)}
.stat{border-radius:var(--r-lg);background:var(--tile);padding:clamp(18px,2vw,26px)}
.stat strong{display:block;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:400;line-height:1}
.stat span{color:var(--muted);font-size:var(--fs-sm)}

/* ------------------------------------------------------------ Paginación, búsqueda, 404 */
.pagination{display:flex;justify-content:center;gap:.4rem;margin-top:var(--sp-7);flex-wrap:wrap}
.pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 .8rem;border-radius:var(--r-pill);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}
.pagination .current{background:var(--ink);color:var(--page);border-color:var(--ink)}
.notfound{min-height:62vh;display:grid;place-items:center;text-align:center}
.notfound__bang{font-family:var(--font-display);font-size:clamp(7rem,24vw,16rem);line-height:.8;color:var(--sl-red);font-style:italic;font-weight:300}

/* ------------------------------------------------------------ Pie */
.site-footer{margin-top:clamp(48px,8vw,120px);background:var(--dark-tile);color:var(--on-dark);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:clamp(40px,6vw,88px) 0 28px}
.site-footer a{color:inherit;text-decoration:none;opacity:.82;transition:opacity .2s}
.site-footer a:hover{opacity:1}
.footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.footer-word{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,8.5rem);line-height:.85;letter-spacing:-.045em;font-weight:400;margin-top:clamp(40px,6vw,80px);white-space:nowrap}
.footer-word em{font-style:italic;color:var(--sl-red)}
.footer-col h2{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:1rem}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:var(--fs-sm)}
.footer-col .sub-menu{display:none}
.footer-about p{opacity:.78;max-width:38ch;margin-top:.8rem;font-size:var(--fs-sm)}
.footer-social{display:flex;gap:.4rem;margin-top:1.2rem}
.footer-social .icon-btn{border-color:rgba(255,255,255,.18);color:var(--on-dark)}
.footer-social .icon-btn:hover{background:rgba(255,255,255,.08)}
.footer-ig{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:clamp(32px,5vw,56px)}
.footer-ig a{aspect-ratio:1;border-radius:12px;overflow:hidden;opacity:1}
.footer-ig img{width:100%;height:100%;object-fit:cover}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.4rem;margin-top:clamp(28px,4vw,40px);padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-xs);opacity:.75}
.footer-bottom nav ul{display:flex;flex-wrap:wrap;gap:.4rem 1rem;list-style:none;margin:0;padding:0}
.site-footer .logo{color:var(--on-dark)}
.site-footer .logo__mark circle:first-of-type{fill:var(--on-dark)}
@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-ig{grid-template-columns:repeat(3,1fr)}}

/* ------------------------------------------------------------ Menú móvil */
.mnav{position:fixed;inset:0;z-index:100;background:var(--page);display:flex;flex-direction:column;padding:calc(var(--header-h) + 8px) var(--gutter) 28px;visibility:hidden;opacity:0;transition:opacity .35s var(--ease),visibility .35s}
.mnav.is-open{visibility:visible;opacity:1}
.mnav__close{position:absolute;top:13px;right:var(--gutter)}
.mnav ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.mnav nav a{display:block;font-family:var(--font-display);font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.2;padding:.35rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:400;letter-spacing:-.02em}
.mnav__foot .searchbar{width:100%;min-width:0;max-width:none;box-sizing:border-box}
.mnav__foot .searchbar input{min-width:0;width:100%;font-size:16px}
.mnav__foot .btn{width:100%;font-size:var(--fs-base);padding:.95em 1.2em}
.mnav .sub-menu{display:none}
.mnav__foot{margin-top:auto;display:grid;gap:1rem}
body.no-scroll{overflow:hidden}

/* ------------------------------------------------------------ Cookies */
.cookies{position:fixed;left:12px;bottom:12px;z-index:120;width:min(440px,calc(100% - 24px));background:var(--surface);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh-pop);padding:20px;display:none;gap:.8rem;border:1px solid var(--line)}
.cookies.is-open{display:grid;animation:slg-pop .5s var(--ease)}
.cookies p{font-size:var(--fs-sm);color:var(--ink-2)}
.cookies__actions{display:flex;flex-wrap:wrap;gap:.5rem}
.cookies__prefs{display:none;gap:.4rem;font-size:var(--fs-sm)}
.cookies__prefs.is-open{display:grid}

/* ------------------------------------------------------------ Lightbox */
.lightbox{position:fixed;inset:0;z-index:130;background:rgba(10,8,6,.92);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .3s}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox img{max-height:88vh;width:auto;border-radius:var(--r-md)}
.lightbox .icon-btn{position:absolute;top:16px;right:16px;color:#fff;border-color:rgba(255,255,255,.3)}

/* ------------------------------------------------------------ Cursor y microinteracciones */
.cursor{position:fixed;left:0;top:0;z-index:999;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--sl-red);pointer-events:none;mix-blend-mode:multiply;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),opacity .3s;opacity:0}
.cursor.is-on{opacity:1}
.cursor.is-hover{width:54px;height:54px;margin:-27px 0 0 -27px;background:color-mix(in srgb,var(--sl-red) 30%,transparent);mix-blend-mode:normal}
@media (hover:none),(pointer:coarse){.cursor{display:none}}
[data-tilt]{transform-style:preserve-3d}
.reveal-line{overflow:hidden;display:block}
.reveal-line>span{display:inline-block}

/* ------------------------------------------------------------ Accesibilidad y movimiento */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .cursor{display:none}
}
@media print{.site-header,.site-footer,.cookies,.sl-ad,.ticketbar{display:none!important}}

/* =====================================================================
   Ajustes de la revisión (contraste, tamaños, mapa, bus, filtros)
   ===================================================================== */

/* Filtros del mapa: legibles en claro y oscuro (activo = relleno de marca). */
.map-legend .chip{color:var(--ink);background:color-mix(in srgb,var(--page) 92%,transparent);border-color:var(--line-strong);font-size:.8rem}
.map-legend .chip[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.map-legend .chip[aria-pressed="false"]{opacity:.5;background:color-mix(in srgb,var(--page) 70%,transparent)}
.fullmap__filters select,.fullmap__filters input{color:var(--ink)}

/* Pin del sitio seleccionado. */
.map-pin{position:relative;width:32px;height:42px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));animation:slg-pin .55s var(--ease)}
.map-pin svg{position:relative;z-index:1}
.map-pin__pulse{position:absolute;left:50%;bottom:-6px;width:22px;height:10px;margin-left:-11px;border-radius:50%;background:var(--pin);opacity:.45;animation:slg-pulse 1.6s ease-out infinite}
@keyframes slg-pin{from{transform:translateY(-18px);opacity:0}to{transform:none;opacity:1}}
@keyframes slg-pulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.4);opacity:0}}

/* Barra de filtros fija: sube arriba del todo cuando se esconde la cabecera. */
.filters{transition:top .45s var(--ease)}
html.header-hidden .filters{top:10px}

/* Pie: nombre y logo más contenidos. */
.footer-word{font-size:clamp(2.2rem,6.2vw,5.6rem)}
.site-footer .logo__word{font-size:1.25rem}

/* Texto del editor: imágenes sueltas (logos e iconos migrados) sin desbordar. */
.prose img{max-width:min(100%,720px);height:auto}
.prose figure:not(.wp-block-image) img[width][height]{width:auto;max-height:420px;object-fit:contain}
.prose figure:not(.wp-block-image) img[width="300"],.prose img[class*="icon"]{max-width:160px}
.prose details{border-bottom:1px solid var(--line);padding:2px 0}
.prose details:first-of-type{border-top:1px solid var(--line)}
.prose summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font-weight:600}
.prose summary::-webkit-details-marker{display:none}
.prose summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.4rem;font-weight:300;transition:transform .3s var(--ease)}
.prose details[open] summary::after{transform:rotate(45deg)}
.prose details>p{margin:0 0 16px;color:var(--ink-2)}
.prose center{text-align:left}

/* Bus: ventajas y billetes. */
.perks{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.perks span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--r-pill);background:rgba(255,255,255,.16);font-size:.84rem;font-weight:600}
.perks .i{width:16px;height:16px}
.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--gap)}
.ticket{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ticket:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.ticket__img{aspect-ratio:16/10;background:var(--tile);overflow:hidden}
.ticket__img img{width:100%;height:100%;object-fit:cover}
.ticket__badge{position:absolute;top:12px;left:12px;z-index:2}
.ticket__body{display:flex;flex-direction:column;gap:.6rem;padding:18px 20px 20px;flex:1}
.ticket__head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.ticket__head h3{font-size:var(--fs-lg)}
.ticket__price{font-family:var(--font-display);font-size:1.6rem;line-height:1;white-space:nowrap}
.ticket__price small{font-family:var(--font-sans);font-size:.7rem;color:var(--muted);font-weight:600}
.ticket ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.88rem}
.ticket li{display:flex;gap:.5rem;align-items:flex-start;line-height:1.35}
.ticket li .i{flex:none;width:16px;height:16px;margin-top:.1rem;color:#1E7A4B}
.ticket li.no{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-strong)}
.ticket li.no .i{color:var(--muted)}
.ticket .btn{margin-top:auto;width:100%}
.bus-hero h1{font-size:var(--fs-3xl)}
.bus-hero__price{font-size:var(--fs-2xl)}
@container (max-width:340px){.igrid{grid-template-columns:repeat(2,1fr)}}
@container (max-width:220px){.b-cosas .chips{display:none}}
@container (max-width:170px){.b-finde .finde__wx{display:none}}
.b-blog .bhead .link-arrow{white-space:nowrap}
/* Top 30 compacto. */
.top30-item{grid-template-columns:clamp(52px,6vw,88px) clamp(170px,20vw,260px) minmax(0,1fr);padding:14px 18px 14px 10px;gap:clamp(14px,2vw,28px)}
.top30-item__rank{font-size:clamp(2.2rem,4.4vw,3.8rem)}
.top30-item h2{font-size:var(--fs-xl)}
.top30-item .why{font-size:var(--fs-base);margin-top:.25rem}
.top30-item .card__meta{margin-top:.5rem}
@media (max-width:760px){.top30-item{grid-template-columns:auto 1fr;padding:12px}.top30-item__media{grid-column:1/-1}}
/* Filtros: en escritorio las etiquetas pasan de línea en lugar de cortarse. */
@media (min-width:700px){.filters .chips--scroll{flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none}}

/* =====================================================================
   Bento v2: cada caja se adapta a la forma de su hueco
   ===================================================================== */
/* Agenda: calendario + lista; en horizontal cuando hay ancho */
.agenda__body{display:grid;gap:clamp(12px,3cqi,28px);position:relative;z-index:2;flex:1;min-height:0}
.agenda__body .evlist{margin-top:.6rem;align-content:start}
@container (min-width:560px){
  .agenda__body{grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);align-items:start;margin-right:48px}
  .agenda__body .minical{margin-top:.4rem;font-size:.74rem}
  .agenda__body .minical span{padding:.24rem 0}
  .agenda__body .evlist{margin-top:.4rem;gap:.6rem}
  .b-agenda .evlist strong{font-size:.88rem}
  .b-agenda .evlist small{font-size:.74rem}
}
@container (min-width:560px) and (max-height:470px){.b-agenda .evlist li:nth-child(n+3){display:list-item}.b-agenda .minical{display:grid}}
@container (min-width:560px) and (max-height:300px){.b-agenda .evlist li:nth-child(n+3){display:none}.b-agenda .agenda__body .minical span{padding:.1rem 0}}

/* Este finde: número protagonista abajo */
.b-finde .finde__count{font-size:clamp(2rem,16cqi,3rem)}
@container (max-height:200px){.b-finde .finde__wx{display:none}.b-finde .b__title{font-size:1.05rem}}

/* Buses: tarjeta compacta (título arriba, precio y botón abajo) */
.b-bus{padding:clamp(14px,5cqi,22px)}
.b-bus .b__title{margin-top:.15em;font-size:clamp(1.15rem,8cqi,1.6rem)}
.b-bus .b__foot{justify-content:space-between;padding-top:.4rem}
.b-bus .busart{top:50%;transform:translateY(-62%);right:-10px;width:clamp(70px,32cqi,120px);opacity:.75}
@container (max-height:170px){.b-bus .b__foot{padding-top:0}.b-bus .price{font-size:1.5rem}}

/* Club: compacto */
.b-subs .b__title{font-size:clamp(1.1rem,7cqi,1.55rem)}
.b-subs .b__text{max-width:26ch}
@container (max-height:180px){.b-subs .b__text{display:none}}

/* Patrocinado: el texto secundario solo si cabe */
.b-sponsor .sl-ad__fallback{padding-top:2.4rem}
@container (max-height:180px){.b-sponsor .sl-ad__fallback span:last-child{display:none}.b-sponsor .sl-ad__fallback strong{font-size:1.15rem}}

/* Instagram: tira horizontal (cabecera + publicaciones o lema) */
.b-insta{display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:.9rem}
.insta__head{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;position:relative;z-index:2;pointer-events:none}
.insta__head .b__title{margin:0;font-size:clamp(1.1rem,6cqi,1.6rem)}
.insta__head .btn{background:#fff;color:var(--sl-azulejo);margin-top:.4rem;pointer-events:none}
.insta__claim{font-family:var(--font-display);font-size:clamp(1.05rem,4.4cqi,1.5rem);line-height:1.2;font-weight:400;letter-spacing:-.015em;opacity:.95;max-width:30ch;margin:0}
.insta__claim em{display:block;font-style:italic;color:var(--sl-albero)}
.b-insta .igrid{grid-template-columns:repeat(3,1fr);margin:0;flex:none}
@media (min-width:700px){
  .b-insta{grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:stretch;gap:clamp(16px,3vw,32px)}
  .insta__head{align-self:stretch;justify-content:center}
  .insta__claim{justify-self:end;text-align:right;max-width:24ch}
  .b-insta .igrid{grid-template-columns:repeat(6,1fr)}
}
@container (max-height:200px){.insta__head .eyebrow{display:none}.insta__head .btn{margin-top:.2rem}}

/* Este finde: tres planes destacados en el hueco central */
.finde__picks{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.15rem}
.finde__picks li{font-size:clamp(.78rem,4cqi,.9rem);line-height:1.3;padding:.4rem 0;border-top:1px solid rgba(36,23,10,.12);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
@container (max-height:290px){.finde__picks li:nth-child(n+3){display:none}}
@container (max-height:230px){.finde__picks{display:none}}
.b-agenda .b__title{font-size:clamp(1.1rem,6cqi,1.75rem)}

/* Top 30 y HOY en columnas estrechas y altas: un poco más de aire */
@container (max-width:380px){.b-top30 .b__title{font-size:clamp(1.15rem,7.5cqi,1.6rem)}}
.finde__picks li{display:block;white-space:nowrap;text-overflow:ellipsis}
.b-cosas .chips{padding-right:52px}