/* CLABA: pixel rooms, game dossiers and a catalogue you can browse from the menu. */
body :is(.claba-join,.claba-f-conversacion,.claba-mega,.claba-f-editorial-cabecera) :is(h2,h3){font-family:'Bebas Neue',sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.025em}
/* Fixed cover boxes deliberately stretch the full artwork, as in the catalogue. */
body .game>img,body .covera .game>img,body .juegazos .game>img,body .shelfa .game>img,body .claba-f-rel-marco.game>img{object-fit:fill}
body .game-peq>img,body .game-rel img{width:100%;height:100%;object-fit:fill}
body .claba-mm-portada img{object-fit:fill}

/* An illustrated room, with live text and links above it. No decorative grid. */
body .claba-join{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:610px;margin-block:42px;overflow:hidden;border:1px solid #80739877;border-radius:6px;background:#080e20;box-shadow:0 22px 65px #0006}
.claba-join::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060b19df 0%,#060b1999 37%,#060b1920 65%,transparent 100%)}
.claba-join-copy{padding:clamp(28px,4vw,58px);max-width:680px;box-sizing:border-box}
.claba-join .claba-eyebrow{color:#9cecf0;letter-spacing:.18em;font-size:11px}
body .claba-join h2{font-size:clamp(44px,5.4vw,76px);line-height:.98;margin:16px 0 22px;text-shadow:3px 3px 0 #090c22;letter-spacing:.015em}
.claba-join h2 em{font-style:normal;color:#ff7bcc;text-shadow:3px 3px 0 #612754}
.claba-join-copy>p:not(.claba-eyebrow){font:400 17px/1.7 'Fira Sans',sans-serif;max-width:455px;color:#e0deed;text-shadow:0 2px 5px #000;margin-bottom:26px}
body .claba-join-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #ff9fdd;border-radius:3px;background:#c2258d;color:white;padding:15px 23px;font:400 23px/1.15 'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:.06em;box-shadow:4px 4px 0 #471640;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}
body .claba-join-primary:hover{background:#e53da8;color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #471640}
.claba-join-caption{display:block;color:#cbc5d8;font-size:12px;margin-top:16px;text-shadow:0 1px 4px #000}
.claba-join-paths{display:flex;gap:40px;align-items:center;padding:22px clamp(28px,4vw,58px);border-top:1px solid #ffffff26;background:#070c19df;backdrop-filter:blur(8px)}
body .claba-join-paths a{display:flex;gap:24px;align-items:center;color:#f2eafa;text-decoration:none;flex:1;max-width:470px}.claba-join-paths a>span:last-child{color:#fa89cd;margin-left:auto}
.claba-join-paths strong{display:block;font:400 24px/1.2 'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:.04em}.claba-join-paths small{display:block;font-size:13px;color:#bfb9cf;margin-top:5px}.claba-join-paths a:hover strong{color:#ff8bd2}

/* Information: full-width magazine introduction, a large lead and clean reading rhythm. */
.claba-f-editorial-cabecera{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px;margin-bottom:24px}
.claba-f-editorial-kicker{flex:0 0 100%;font:400 10px/1.6 'Fira Sans',sans-serif;color:#a9a1b9;letter-spacing:.14em;text-transform:uppercase}
body .claba-f-editorial-cabecera h2{margin:0;font-size:40px;line-height:1;color:#f8effa;text-shadow:2px 2px 0 #872158}
.claba-f-editorial-regla{flex:1;min-width:35px;height:2px;background:linear-gradient(90deg,#ee53b2,#66d9df00)}
body #informacion .claba-f-editorial{max-width:none;width:100%;font:400 17px/1.85 'Fira Sans',sans-serif;letter-spacing:0;color:#dad7e5}
body #informacion .claba-f-editorial>p{max-width:none;margin:0 0 1.3em;color:inherit}
body #informacion .claba-f-editorial>p:first-of-type{font-size:clamp(20px,1.55vw,24px);line-height:1.65;color:#f6f0fc;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #b99bc32b}
body #informacion .claba-f-editorial>p:first-of-type::first-letter{float:left;font:400 78px/.83 'Bebas Neue',sans-serif;color:#ff80c7;margin:8px 9px 0 0;text-shadow:3px 3px 0 #682653}
body #informacion .claba-f-editorial :is(h2,h3,h4){font-family:'Bebas Neue',sans-serif;font-style:normal;letter-spacing:.025em;color:#f2eaf8}
body #informacion .claba-f-editorial blockquote{margin:25px 0;padding:16px 24px;border-left:3px solid #f267be;background:#ca368511;color:#efe5f7}
body #informacion .claba-f-editorial a{text-decoration:underline;text-decoration-color:#f473c17d;text-underline-offset:4px}

/* The game's own meeting place. */
body .claba-f-panel.claba-f-conversacion{padding:0;overflow:hidden;border-radius:8px;background:#111624}
.claba-f-conversacion-intro{position:relative;isolation:isolate;padding:clamp(25px,3vw,42px);background:#0b1221}
body .claba-f-conversacion h2{font-size:clamp(44px,4vw,62px);line-height:1;margin:16px 0 22px;text-shadow:2px 2px 0 #161125;letter-spacing:.02em}
.claba-f-conversacion h2 em{color:#ff8bd2;font-style:normal}
body .claba-f-conversacion-intro>p{max-width:560px;color:#dcd6e6;font-size:16px;line-height:1.75}
body .claba-f-conversacion-intro>.claba-eyebrow{font-size:10px;color:#9ceaf0;letter-spacing:.14em}
body .claba-f-conversacion-intro>.claba-f-conversacion-juego{font-size:18px;font-weight:600;line-height:1.4;color:#fff;margin-bottom:8px}
body .claba-f-conversacion-boton{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;margin-top:10px;padding:16px 22px;border:1px solid #ff9cdb;border-radius:3px;background:#b72887;color:#fff;font:400 23px/1.2 'Bebas Neue',sans-serif;letter-spacing:.035em;text-decoration:none;box-shadow:4px 4px 0 #471640}
body .claba-f-conversacion-boton:hover{background:#db329e;color:#fff}
.claba-f-conversacion-temas{padding:24px clamp(25px,3vw,42px) 28px}
body .claba-f-conversacion-temas>p{font:400 25px/1.2 'Bebas Neue',sans-serif;color:#c2b8d1;margin:0 0 12px}
body .claba-f-conversacion-temas>a{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #ac99c32b;color:#dcd2e9;text-decoration:none}.claba-f-conversacion-temas>a>svg{color:#dd79ba;flex:none}.claba-f-conversacion-temas>a>span:last-child{margin-left:auto;color:#b4a5c6}
.claba-f-conversacion-temas strong,.claba-f-conversacion-temas small{display:block}.claba-f-conversacion-temas strong{font-size:16px;color:#f2eaf8}.claba-f-conversacion-temas small{font-size:13px;color:#bcb1ce;margin-top:4px}.claba-f-conversacion-temas>a:hover strong{color:#ff85cd}

/* Megamenu: a browsable editorial spread instead of four narrow link lists. */
body .claba-mega{width:min(1280px,calc(100vw - 48px));padding:0;border-radius:8px;border:1px solid #89739966;background:linear-gradient(125deg,#20182ffb,#0b1220fc 70%);box-shadow:0 30px 90px #000a;max-height:calc(100dvh - var(--mega-top,150px) - 20px);overflow:auto;scrollbar-width:thin;scrollbar-color:#916080 #101321;color:#f3eaf6}
.claba-mega-heading{display:flex;align-items:center;gap:30px;padding:25px 30px 20px;border-bottom:1px solid #a48daf30;background:#ffffff03;position:relative}
.claba-mega-heading::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,#fd4ab4,#7970ca,#5bdce8)}
.claba-mega-overline{font:400 10px/1.5 'Fira Sans',sans-serif;letter-spacing:.16em;color:#b5a4c9}
body .claba-mega-heading h2{font-size:48px;line-height:1;margin:4px 0 0;color:#fff;text-shadow:2px 2px 0 #852654;display:flex;gap:14px;align-items:center}
.claba-mega-heading h2 span{font:400 12px/1 'Fira Sans',sans-serif;padding:5px 7px;color:#a0e6e9;border:1px solid #80b5c340;border-radius:3px;text-shadow:none;letter-spacing:.03em}
.claba-mega-heading>p{margin:16px 0 0;font:400 16px/1.4 'Fira Sans',sans-serif;color:#c8bed4}
.claba-mega-close{margin-left:auto;align-self:center;display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #a092b540;border-radius:3px;background:#ffffff05;color:#cbbfda;font:300 26px/1 sans-serif;cursor:pointer}.claba-mega-close:hover{color:#fff;border-color:#df6ab1}
.claba-mega-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding:25px 30px}
.claba-mega-directory{border-right:1px solid #a48daf30;padding-right:25px;min-width:0}
body .claba-mega-directory>h3,body .claba-mega-studios>h3{font-size:22px;line-height:1.2;margin:0 0 13px;color:#d9cde4;text-shadow:none}
.claba-mega-directory ul{list-style:none;padding:0;margin:0 0 18px}.claba-mega-directory li{margin:0}
body .claba-mega-directory li a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ffffff08;font:400 14px/1.3 'Fira Sans',sans-serif;color:#d3c7df;text-decoration:none;transition:color .16s,padding .16s}.claba-mega-directory li a small{font-size:10px;color:#b298c6;font-variant-numeric:tabular-nums}.claba-mega-directory li a:hover{color:#ff8ad0;padding-left:5px}
body .claba-mega-all{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #b36f9f77;padding:12px 13px;color:#f5e1ef;font:400 20px/1.2 'Bebas Neue',sans-serif;letter-spacing:.025em;text-decoration:none;background:#be357a14;border-radius:3px}.claba-mega-all:hover{background:#be357a33}
.claba-mega-discover{min-width:0}
.claba-mega-tabs{display:flex;gap:26px;border-bottom:1px solid #a48daf30;margin-bottom:20px}
body .claba-mega-tabs>a{position:relative;padding:1px 0 12px;color:#b3a5c3;font:400 23px/1.2 'Bebas Neue',sans-serif;letter-spacing:.025em;text-decoration:none}
body .claba-mega-tabs>a[aria-selected=true]{color:#fff}.claba-mega-tabs>a[aria-selected=true]::after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#f264ba;box-shadow:0 0 12px #e957a344}
.claba-mega-selection[hidden]{display:none!important}.claba-mega-selection:not([hidden])+.claba-mega-selection:not([hidden]){margin-top:24px}
.claba-mega-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
body .claba-mega-card{display:block;min-width:0;text-decoration:none;color:#fff}.claba-mega-art{position:relative;aspect-ratio:3/4;max-height:244px;background:#070b17;border-radius:3px;overflow:hidden;border:1px solid #bca6ca26;transition:transform .2s,box-shadow .2s}
.claba-mega-art img{display:block;width:100%;height:100%;object-fit:fill;position:absolute;inset:0}
.claba-mega-rank{position:absolute;bottom:8px;left:8px;padding:4px 6px;background:#080d20e8;color:#eee4f7;font:400 18px/1 'Bebas Neue',sans-serif;border:1px solid #ffffff33;border-radius:2px}.claba-mega-card-arrow{position:absolute;right:8px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;background:#cc298b;color:#fff;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
body .claba-mega-card h3{font-size:24px;line-height:1.15;letter-spacing:.025em;margin:12px 0 6px;color:#f4eafa;text-shadow:none}.claba-mega-card>p{font:400 11px/1.4 'Fira Sans',sans-serif;letter-spacing:.02em;color:#b7a8c7;margin:0}
.claba-mega-card:is(:hover,:focus-visible) .claba-mega-art{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.claba-mega-card:is(:hover,:focus-visible) .claba-mega-card-arrow{opacity:1;transform:none}body .claba-mega-card:hover h3{color:#ff8ad0}
.claba-mega-studios{border-top:1px solid #a48daf30;margin-top:23px;padding-top:18px}.claba-mega-studios>div{display:flex;flex-wrap:wrap;gap:7px 18px}body .claba-mega-studios a{color:#c5b6d4;font:400 12px/1.5 'Fira Sans',sans-serif;text-decoration:none}.claba-mega-studios a:hover{color:#ff8ad0}
body .claba-mega-community{display:block;margin-top:22px;padding:18px 20px;border-left:2px solid #e45cae;background:#cf478910;color:#baafcb;font:400 13px/1.7 'Fira Sans',sans-serif;text-decoration:none}.claba-mega-community strong{color:#efe2f6;margin-right:10px}.claba-mega-community>span{float:right;color:#f37cbe}
.claba-mega-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px;border-top:1px solid #a48daf30;background:#060b1666;font:400 11px/1.5 'Fira Sans',sans-serif;color:#af9bbf;letter-spacing:.02em}.claba-mega-bottom>span{letter-spacing:.1em;text-transform:uppercase}.claba-mega-bottom b{color:#f16fb9;margin:0 8px}body .claba-mega-bottom a{color:#cbbbd8;text-decoration:none}.claba-mega-bottom a span{color:#f16fb9;margin-left:10px}
.claba-mega-noticias .claba-mega-art{aspect-ratio:16/10;max-height:none}.claba-mega-noticias .claba-mega-art img{object-fit:cover}
@media(min-width:1600px){.claba-mega-art{max-height:265px}}
@media(max-width:1199px){.claba-mega-body{grid-template-columns:205px minmax(0,1fr);gap:22px;padding:22px}.claba-mega-directory{padding-right:20px}.claba-mega-cards{gap:16px}.claba-mega-art{max-height:220px}.claba-mega-heading{padding-inline:22px}body .claba-mega-card h3{font-size:22px}}
@media(max-width:767px){body .claba-join{min-height:650px;background-position:62% center}.claba-join::before{background:linear-gradient(90deg,#050b1cdd,#050b1c99 65%,#050b1c44)}.claba-join-copy{padding:30px 25px;max-width:100%}body .claba-join h2{font-size:48px;line-height:1.04}.claba-join-copy>p:not(.claba-eyebrow){font-size:15px;max-width:100%}.claba-join-paths{gap:18px;align-items:stretch;flex-direction:column;padding:20px 25px}.claba-join-paths a{max-width:none}.claba-join-paths a+a{border-top:1px solid #ffffff26;padding-top:18px}.claba-join-paths strong{font-size:23px}.claba-join-paths small{font-size:12px}body #informacion .claba-f-editorial{font-size:16px;line-height:1.8}body #informacion .claba-f-editorial>p:first-of-type{font-size:20px;line-height:1.65}body .claba-f-editorial-cabecera h2{font-size:34px}.claba-f-editorial-kicker{font-size:9px}.claba-f-conversacion-temas small{font-size:12px}body .claba-f-conversacion-boton{font-size:21px;padding:14px 17px;gap:12px}.claba-f-conversacion-temas>a{gap:12px}}
@media(prefers-reduced-motion:reduce){.claba-mega *,.claba-join *{transition:none!important}}
@media print{.claba-join,.claba-mega{display:none}}
body .claba-f-conversacion-intro>p{font-family:'Fira Sans',sans-serif}
.claba-mega-shade{position:fixed;inset:0;z-index:979;background:#030615a8;backdrop-filter:blur(3px)}
.claba-mega-shade[hidden]{display:none}
body.claba-mega-open .claba-shell-header{position:relative;z-index:980}
@media(prefers-reduced-motion:no-preference){.claba-mega.es-abierto .claba-mega-body{animation:claba-mega-reveal .2s ease-out both}@keyframes claba-mega-reveal{from{opacity:.6;transform:translateY(-6px)}to{opacity:1;transform:none}}}

body .claba-mega{display:none;position:fixed;left:50%;top:var(--mega-top,132px);transform:translateX(-50%);z-index:981;box-sizing:border-box;margin:0}
body .claba-mega.es-abierto{display:block}

/* Native lazy artwork keeps the community room out of the initial download. */
body .claba-join>.claba-join-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}

/* Decorative room downloads only when its forum panel approaches the viewport. */
body .claba-f-conversacion-intro>img.claba-forum-room{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center right;z-index:-2;border:0;border-radius:0;margin:0}
.claba-f-conversacion-intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b1221f5,#0b1221e8 50%,#0b122188)}