/* CLABA visual system. Structural sizes are present before JavaScript runs. */
:root{--claba-ink:#f3f1ff;--claba-muted:#bfbad4;--claba-neon:#ff71cb;--claba-cyan:#7ce9f4;--claba-panel:#141628;--claba-line:rgba(175,151,225,.26)}
html{color:var(--claba-ink)}
html::after{display:none} /* Retire the full-screen animated noise GIF. */
body{font-family:'Fira Sans',system-ui,sans-serif;color:var(--claba-ink)}
body a{color:var(--claba-neon)}
body a:hover{color:#a4f4fa}
body :is(h2,h3,h4,h5,h6,.cb-h2,.cb-h3){font-style:normal;text-shadow:none;letter-spacing:.025em;color:var(--claba-ink)}
body :is(.cb-text-meta,.cb-text-muted,.claba-ficha-meta){color:var(--claba-muted)!important}
body :is(.cb-navbar-nav>li>a,.cb-button,.claba-f-tab){font-family:'Fira Sans',system-ui,sans-serif;font-style:normal;font-weight:600;letter-spacing:.045em}
body .cb-navbar-nav>li>a{font-size:17px;color:#e3dff3}
body .cb-navbar-right{min-height:96px}
body :is(.cb-card-primary,.cb-card-secondary,.cb-card-default,.claba-f-tarjeta,.claba-f-aparte-cabeza){background:linear-gradient(135deg,#211b36,#121827);border:1px solid var(--claba-line);border-radius:9px!important;box-shadow:0 16px 42px -28px #000}
body .cb-card-body{padding:clamp(22px,2.3vw,34px)}
body :is(.cb-card,.claba-f-tarjeta) p{color:#e0dcec;line-height:1.75}
body :is(.cb-card-title,.cb-heading-line){line-height:1.15}
body .cb-heading-line>span::after,body .cb-heading-line>span::before{border-color:#ce49af}
body :is(.cb-button,.claba-f-boton){box-sizing:border-box;min-height:46px;height:auto;padding:11px 20px;line-height:1.5;border-radius:9px;white-space:normal;text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#fff}
body :is(.cb-button-primary,.podcastEnlace){background:linear-gradient(115deg,#ac197e,#7124a8);border:1px solid #d751b6;box-shadow:0 6px 22px -12px #ee37ad}
body .cb-button-default{background:#181b30;border:1px solid #77708e;color:#f3efff}
body :is(.cb-button,.claba-f-boton):hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px -12px #e648c2}
body :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--claba-cyan);outline-offset:4px}
body :is(.cb-input,.cb-select,.cb-textarea){border-radius:8px;background-color:#101424;color:#f3efff;border-color:#6b617d;min-height:44px}
body input::placeholder,body textarea::placeholder{color:#bdb6ce;opacity:1}
body select option{background:#161929;color:#f3efff}
.claba-intro{padding-top:14px;padding-bottom:6px}
.claba-eyebrow{font:600 11px/1.6 'Fira Sans',sans-serif;letter-spacing:.18em;color:var(--claba-cyan);margin:0 0 12px}
.claba-eyebrow span{margin-right:8px;text-shadow:0 0 12px #70ecf4}
.claba-intro-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.claba-intro-row h1{font:400 clamp(32px,3vw,46px)/1.1 'Bebas Neue',sans-serif;margin:0 0 7px}
.claba-intro-row p{margin:0;color:var(--claba-muted);font-size:16px}
.claba-intro-row nav{display:flex;gap:10px;flex-shrink:0}
body.home .claba-intro+.cb-section{padding-top:28px}
body.home [cb-slideshow]{border-radius:16px;overflow:hidden;border:1px solid var(--claba-line)}
body.home .cb-slideshow-items{min-height:525px}
body.home [cb-slideshow]:not(.cb-slideshow) .cb-slideshow-items>li:first-child{display:block}
body.home .darko{background:linear-gradient(0deg,rgba(5,7,19,.98),rgba(5,7,19,.78) 65%,transparent);padding:42px 24px 8px;text-align:left!important}
body.home .darko h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;color:#fff;text-shadow:0 2px 15px #000;margin-bottom:14px}
body.home .darko p{font-size:16px;line-height:1.6;color:#f5f1ff}
body.home .darko .cb-button{width:auto;min-width:200px}
body.home .darko .cb-margin-left{margin-left:0!important}
body.home .cb-slidenav{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8b829e;border-radius:50%;background:#121528d9;color:#fff;opacity:1!important}
body.home .cb-slidenav svg{color:#fff}
body.home .cb-slidenav polygon{stroke:currentColor}
body .claba-f{--cb-text-secondary:#c9c3da;--cb-text-debil:#bcb5cf;--cb-bg-card:linear-gradient(135deg,#211b36,#121827)}
body .claba-f-titulo{font-size:clamp(34px,4.2vw,60px);line-height:1.08;text-shadow:2px 2px 0 #8d236c;overflow-wrap:anywhere}
body .claba-f-tab{font-size:14px;min-height:46px;display:inline-flex;align-items:center;box-sizing:border-box;color:#ddd6f0}
body .claba-f-tab.es-activa{color:#fff;background:linear-gradient(120deg,#9c1a78,#5a258b);border-color:#dc66bd}
body .claba-f-ruta{font-family:'Fira Sans',sans-serif;letter-spacing:.06em;color:#c7c0d8}
body .claba-f-descarga{min-height:82px;padding:16px 18px;color:#fff;background:linear-gradient(120deg,#24223b,#182135);border-color:#645078}
body .claba-f-descarga.es-principal{background:linear-gradient(115deg,#a61779,#652096);border-color:#e475c8}
body .claba-f-descarga:is(:hover,:focus-visible){color:#fff;border-color:#8deaf3}
body .claba-f-descarga .firstb{font:600 16px/1.4 'Fira Sans',sans-serif;letter-spacing:.02em;text-transform:none;color:#fff;overflow-wrap:anywhere}
body .claba-f-descarga .secondb{font:400 13px/1.5 'Fira Sans',sans-serif;color:#e9e3f6;border:0;border-radius:0;background:none;padding:0}
body .claba-f-boton-doble .secondb{font-size:13px}
body .claba-f-nota-aviso{min-height:2.6em;margin:8px 0 0;color:#c9c2d9}
body .claba-f-nota-aviso:empty{min-height:2.6em}
body .claba-f-nota-cifra span{font:400 13px/1.4 'Fira Sans',sans-serif;color:#c4bed4}
body .claba-f-estrellas .claba-i{flex:0 0 40px;max-width:none}
body .claba-f-estrellas-lleno{filter:none}
body .claba-ficha-titulo{font:600 15px/1.3 'Fira Sans',sans-serif;color:#f0ebfa}
body .claba-ficha-meta{font:400 12px/1.4 'Fira Sans',sans-serif;border-radius:5px;background:#0000008a}
body .claba-ficha-pie{height:58px}
:root{--claba-pie-alto:58px}
body .game{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){body .game:hover{transform:perspective(60em) rotateX(3deg) translateY(-5px) scale(1.025)}}
@media(max-width:959px){.claba-intro-row{align-items:flex-start;flex-direction:column;gap:18px}.claba-intro-row nav{flex-wrap:wrap}body .cb-navbar-right{min-height:72px}}
@media(max-width:639px){.claba-intro{padding-top:6px}.claba-eyebrow{font-size:10px}.claba-intro-row p{font-size:14px}.claba-intro-row nav{width:100%}.claba-intro-row nav a{flex:1;padding:10px 12px;font-size:12px}body.home .darko{padding:40px 18px 10px}body.home .darko h2{font-size:34px}body.home .darko p{font-size:15px}body .claba-f-descarga{gap:10px;padding:14px}body .claba-f-ruta{font-size:11px}body .cb-card-body{padding:22px}}
@media(prefers-reduced-motion:no-preference){.claba-intro-row{animation:claba-arrive .45s ease-out both}@keyframes claba-arrive{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body .claba-f-anima{opacity:1!important;transform:none!important}}
@media print{.claba-f [hidden]{display:block!important}.claba-intro nav{display:none}}
/* Keep the next action in reach on phones instead of a full-screen cover. */
@media(max-width:639px){
 body.single-juegos .claba-shell-main{padding-top:28px}
 body .claba-f-aparte-cabeza{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;padding:8px}
 body .claba-f-aparte-cabeza .claba-f-caratula{width:100px;max-width:100px;margin:0;grid-row:auto}
 body .claba-f-aparte-cabeza .game{width:100%;max-width:100%}
 body .claba-f-aparte-cabeza .claba-f-nota{padding:10px 0;border:0;background:none;min-width:0;margin:0}
 body .claba-f-estrellas .claba-i{width:28px;height:28px;flex-basis:28px}
 body .claba-f-estrella-voto{width:28px;height:44px;flex:0 0 28px}
 body .claba-f-nota-aviso{font-size:11px}
 body .claba-f-nota-cifra{flex-wrap:wrap;justify-content:center}
}

#widget-search-navbar>a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:44px}
body .claba-shell-header-mobile .cb-navbar{min-height:110px}
body .claba-shell-header-mobile .cb-logo{transform:none}
body .claba-shell-header-mobile .cb-logo img{width:205px;min-width:0;height:auto}
body .claba-shell-header-mobile .cb-navbar-toggle{min-height:44px}
body [data-cb-navbar-toggle-icon]{display:inline-block;width:20px;height:20px}

/* Covers keep the catalogue's complete image and shared hover treatment. */
body .claba-f-rel-enlace{background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
body .claba-f-rel-marco.game{width:100%;height:auto;margin:0;aspect-ratio:3/4;overflow:visible;background:none}
body .claba-f-rel-marco.game>img{width:100%;height:100%;aspect-ratio:auto;object-fit:fill;border-radius:5px;transform:none}
body .claba-f-rel-enlace:hover{transform:none;box-shadow:none}
body :is(.claba-ficha-pie,.claba-f-rel-pie){position:relative;background:#0000008a;border:0;border-radius:5px;box-shadow:none;padding:12px 2px 0;text-shadow:0 2px 5px #000,0 0 14px #000;overflow:visible}
body :is(.claba-ficha-pie,.claba-f-rel-pie)::before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b2a0d688,transparent);box-shadow:0 -4px 15px #94dfe522;pointer-events:none}
body .claba-f-rel-pie{text-align:center}body .claba-f-rel-pie::after{display:none}body .claba-f-rel-nombre{font:600 15px/1.35 'Fira Sans',sans-serif;color:#f5efff}body .claba-f-rel-meta{font:400 12px/1.5 'Fira Sans',sans-serif;color:#d2cadd;margin-top:5px}
/* Actions are grouped beside the cover on desktop and below it on mobile. */
.claba-f-acciones{display:grid;gap:12px;width:100%;grid-column:1/-1}
body .claba-f-acciones .claba-f-descarga{margin:0;width:100%;box-sizing:border-box}
body .claba-f-mas-descargas{font-size:13px;text-align:center;padding:5px;text-decoration:underline;text-underline-offset:4px;color:#dfc4ed}
body .claba-f-foro-accion{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #9a87b35c;border-radius:9px;color:#e8e1f4;background:#141829;text-decoration:none}.claba-f-foro-accion>span{margin-left:auto;padding-right:14px}.claba-f-foro-accion>svg{margin-left:14px}
body .claba-f-nota-aviso:empty{display:none;min-height:0}
@media(min-width:1200px){body .claba-f-cuerpo{gap:clamp(24px,3vw,48px)}body .claba-f-principal,body .claba-f-aparte{position:sticky;top:var(--claba-stick-top,24px);align-self:start}}
/* Editorial rhythm across all tab types. */
body .claba-f-panel.claba-f-tarjeta{padding:clamp(20px,2.5vw,34px)}
body .claba-f-panel>.claba-f-h2{padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #a596c42e;gap:12px;flex-wrap:wrap}
body .claba-f-h2-nota{font-size:12px;color:#c3b7d4;letter-spacing:.03em}
body .claba-f-prosa{font-size:16px;line-height:1.85;overflow-wrap:anywhere}body .claba-f-prosa p{margin-bottom:1.3em}body .claba-f-prosa :is(h3,h4){margin-top:1.6em;line-height:1.3}body .claba-f-prosa img{max-width:100%;height:auto;border-radius:8px}
body .claba-f-prosa table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}body .claba-f-prosa :is(td,th){padding:12px;border:1px solid #a596c433}body .claba-f-prosa pre{overflow:auto;padding:18px;background:#0b1120;border-radius:10px;color:#a4eee8}
body .claba-f-descargas{max-width:none;display:grid;grid-template-columns:1fr;gap:12px}body .claba-f-descargas .claba-f-descarga{margin:0}
body .claba-f-guia{padding:22px;margin-top:20px;border-radius:12px;box-shadow:none;background:#ffffff04;border-color:#a596c42e}
body .claba-f-truco{border:1px solid #a596c433;border-radius:12px;background:#11182780;overflow:hidden;margin-bottom:12px}body .claba-f-truco>summary{padding:19px 20px;font:600 16px/1.4 'Fira Sans',sans-serif}body .claba-f-truco[open]{border-color:#8ed9df66}body .claba-f-truco-cuerpo{padding:4px 22px 22px}
body .claba-f-video{border:1px solid #a596c42e;border-radius:12px;overflow:hidden;background:#101523}body .claba-f-video-pie{padding:16px}body .claba-f-galeria{gap:14px}body .claba-f-tabnav{padding-block:8px}body .claba-f-tab{border-radius:9px}
/* Sidebar filters: stable vertical form, generous controls and clear grouping. */
body #sidebario .searchandfilter>ul{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px!important;margin:0;padding:0}
body #sidebario .searchandfilter li{display:block;min-width:0;width:100%;padding:0;flex:none}
body #sidebario .searchandfilter :is(input[type=search],input[type=text],select,.claba-s2-boton){box-sizing:border-box;width:100%;min-height:48px;border:1px solid #8e7ba35c;border-radius:9px;background-color:#101626;color:#eee8f5}
body #sidebario .searchandfilter :is(h4,label){font:500 12px/1.5 'Fira Sans',sans-serif;letter-spacing:.04em;color:#c8bbdc;margin-bottom:7px}
body #sidebario .searchandfilter :is(input[type=submit],button[type=submit]){width:100%;min-height:48px;margin-top:6px;border-radius:9px}
body #sidebario .claba-s2-panel{border-radius:12px;border-color:#9681b3;background:#141b2c;box-shadow:0 18px 45px #0009}
@media(max-width:767px){body .claba-f-rel-lista{padding:12px 4px 18px}body .claba-f-panel.claba-f-tarjeta{padding:20px}body .claba-f-prosa{font-size:15px}}
@media print{body .claba-f-principal,body .claba-f-aparte{position:static}.claba-join{display:none}}
/* Keep intrinsic image height from stretching the flex card's aspect box. */
body .claba-f-rel-marco.game{position:relative;flex:none;min-height:0;aspect-ratio:3/4}
body .claba-f-rel-marco.game>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}

/* Paint decorative tracers only while their card is visible. Static without JS. */
body :is(.cb-card-default,.claba-f-aparte-cabeza)::before,
body .claba-f-aparte-cabeza::after{animation-play-state:paused}
@media(prefers-reduced-motion:no-preference){
body :is(.cb-card-default,.claba-f-aparte-cabeza).claba-motion-visible::before,
body .claba-f-aparte-cabeza.claba-motion-visible::after{animation-play-state:running}
}

/* Empty states explain what happened and offer a usable way forward. */
body .claba-empty{max-width:920px;margin:25px auto 55px;padding:clamp(24px,5vw,56px);border:1px solid #9783b455;border-radius:12px;background:linear-gradient(135deg,#221c35,#101b2b)}
body .claba-empty h1{font:400 clamp(38px,5vw,64px)/1.05 'Bebas Neue',sans-serif;margin:16px 0 22px;color:#f7f1ff}
.claba-empty>p:not(.claba-eyebrow){font:400 17px/1.7 'Fira Sans',sans-serif;color:#d6d3e4;overflow-wrap:anywhere}
.claba-empty-search{margin-block:28px}.claba-empty-search label{display:block;margin-bottom:10px;font-size:14px;color:#ece5f5}
.claba-empty-search>div{display:flex;gap:10px}.claba-empty-search input{min-width:0;flex:1;min-height:48px;box-sizing:border-box;border:1px solid #9884b3;border-radius:5px;background:#101526;color:#fff;padding:12px;font:400 16px/1.4 'Fira Sans',sans-serif}
.claba-empty-search input:focus{outline:2px solid #9fe8ef;outline-offset:2px}.claba-empty-search button{min-height:48px}
.claba-empty-links{display:flex;flex-wrap:wrap;gap:10px 24px}.claba-empty-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:479px){.claba-empty-search>div{flex-direction:column}.claba-empty-links{flex-direction:column;gap:2px}}

/* The cover and actions sit directly on the page, with half their former inset. */
body .claba-f-aparte-cabeza{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:calc(var(--cb-pad) * .5)}
body .claba-f-aparte-cabeza::before,body .claba-f-aparte-cabeza::after{content:none;display:none;animation:none}

/* Mobile navigation needs room for fingers and a separate close control. */
@media(max-width:959px){
 body #claba-shell-mobile .cb-offcanvas-bar{padding-top:76px;overscroll-behavior-y:contain}
 body #claba-shell-mobile .cb-offcanvas-close{width:44px;height:44px;top:16px;right:16px}
 body #claba-shell-mobile .cb-nav a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;padding-block:10px}
 body #claba-shell-mobile .cb-nav-sub a{color:#c9c4d5}
 body .cb-search-default .cb-search-input{font-size:16px;min-height:44px}
 body .filtraje .searchandfilter .cb-select:not([multiple]):not([size]){font-size:16px;min-height:44px}
 body .filtraje .searchandfilter :is(.claba-s2-boton,.claba-s2-buscar){font-size:16px;min-height:44px}
}
@media(max-width:639px){body .claba-f-aparte-cabeza{padding:8px}}

/* External destination icon occupies the existing arrow's slot. */
body svg.claba-link-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;fill:none;stroke:currentColor;pointer-events:none}