/* ==========================================================
   CEZ — styles-trending.css — tendencias en páginas interiores con id
   Solo se carga cuando el módulo se renderiza. La portada ya lo lleva integrado.
   ========================================================== */

.cuerpoventanas,.cuerpoventanas--grid,.cventanas-m10,.cventanas-m20,.cventanas-m30,.coment-form{background:var(--cez-window-body-bg,var(--panel-bg-soft));border:1px solid var(--cez-window-border,var(--panel-border-strong));border-radius:var(--pr-radius-md);box-shadow:var(--cez-window-body-shadow,var(--panel-shadow-lg));}
.cuerpoventanas--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
@media (max-width:1200px){.cuerpoventanas--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}}
@media (max-width:700px) and (orientation:portrait){.cuerpoventanas--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
@media (max-width:430px){.cuerpoventanas--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
.i-tendencias{margin-top:10px;}
.trend-morelink{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 11px;border-radius:999px;background:var(--panel-bg-soft);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow-sm);font:800 .78rem/1 "Exo";letter-spacing:.02em;text-transform:none;color:var(--link-muted);text-decoration:none;white-space:nowrap;}
.trend-morelink:hover{background:var(--panel-bg);border-color:var(--ink-112);color:var(--colortexto);box-shadow:var(--panel-shadow);}
.index-trending-block{margin-bottom:14px;overflow:hidden;min-height:216px;contain:layout paint;}
.trend-row{--cez-scroll-btn-size:32px;--cez-scroll-btn-offset:8px;position:relative;display:flex;align-items:stretch;gap:10px;padding:4px 10px 10px;min-height:190px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;}
.trend-row :is(.cez-scroll-prev,.cez-scroll-next){position:sticky;z-index:8;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 var(--cez-scroll-btn-size);width:var(--cez-scroll-btn-size);height:var(--cez-scroll-btn-size);padding:0;border:1px solid color-mix(in srgb,var(--color1) 45%,rgba(255,255,255,.26));border-radius:999px;background:color-mix(in srgb,var(--panel-bg) 62%,transparent);color:var(--link-muted);box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:900 1.12rem/1 "Orbitron";opacity:.94;cursor:pointer;appearance:none;-webkit-appearance:none;scroll-snap-align:none;}
.trend-row .cez-scroll-prev{left:var(--cez-scroll-btn-offset);margin-right:calc(-1 * var(--cez-scroll-btn-size));}
.trend-row .cez-scroll-next{right:var(--cez-scroll-btn-offset);margin-left:calc(-1 * var(--cez-scroll-btn-size));}
.trend-row :is(.cez-scroll-prev,.cez-scroll-next):hover{opacity:1;color:var(--colortexto);border-color:color-mix(in srgb,var(--color1) 66%,rgba(255,255,255,.30));background:color-mix(in srgb,var(--panel-bg-soft) 72%,transparent);box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 0 1px color-mix(in srgb,var(--color1) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.18);}
.trend-row :is(.cez-scroll-prev,.cez-scroll-next):focus-visible{outline:2px solid color-mix(in srgb,var(--color1) 45%,transparent);outline-offset:2px;}
.trend-row :is(.cez-scroll-prev,.cez-scroll-next).is-hidden{display:none;}
.trend-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 174px;border-radius:14px;background:var(--panel-bg);border:1px solid var(--panel-border-strong);box-shadow:var(--panel-shadow);overflow:hidden;text-decoration:none;color:var(--text-1);scroll-snap-align:start;cursor:pointer;--trend-title-color:#fff;--trend-title-side-color:var(--text-1);--trend-title-hover-color:#ffd500;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.trend-card:hover{transform:translateY(-1px);border-color:var(--ink-112);box-shadow:var(--panel-shadow-lg);--trend-title-color:var(--trend-title-hover-color);--trend-title-side-color:var(--colortexto);}
.trend-card:has(.trend-card__meta :is(a,.trend-card__meta-years):hover){--trend-title-color:#fff;--trend-title-side-color:var(--text-1);}
.trend-card:focus-visible{outline:2px solid color-mix(in srgb,var(--color1) 68%,transparent);outline-offset:3px;border-color:var(--ink-112);box-shadow:var(--panel-shadow-lg),0 0 0 4px color-mix(in srgb,var(--color1) 16%,transparent);}
.trend-card__thumb{position:relative;display:block;height:146px;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--panel-bg-soft),var(--panel-bg));color:inherit;text-decoration:none;}
.trend-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.trend-card__thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:74%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%);pointer-events:none;}
.trend-card__rank{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--color1) 84%,#000 16%);border:1px solid rgba(255,255,255,.50);box-shadow:0 8px 18px rgba(0,0,0,.18);font:900 .78rem/1 "Orbitron";color:#fff;text-shadow:1px 1px rgba(0,0,0,.55);}
.trend-card__badge{display:none;}
.trend-card__body{display:flex;flex-direction:column;gap:5px;padding:7px 9px 8px 9px;min-height:48px;}
.trend-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:850 .76rem/1.12 "Orbitron";letter-spacing:.01em;text-transform:uppercase;text-decoration:none;color:inherit;}
.trend-card__title:visited,.trend-card__title:active{color:inherit;}
.trend-card__caption{position:absolute;left:0;right:0;bottom:0;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;min-height:0;padding:26px 9px 8px;color:#fff;text-shadow:1.5px 1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,-1.5px -1.5px #000;}
.trend-card__title--overlay{position:static;min-height:0;padding:0;color:var(--trend-title-color)!important;}
.trend-card__meta{display:flex;flex-wrap:wrap;gap:5px;min-height:0;font-size:.70rem;line-height:1.1;color:var(--text-2);}
.trend-card__meta--overlay{font-size:.64rem;color:#fff;text-shadow:1px 1px #000,1px -1px #000,-1px 1px #000,-1px -1px #000;}
.trend-card__meta :is(span,a){display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border-radius:999px;background:var(--panel-bg-soft);border:1px solid var(--panel-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-decoration:none;}
.trend-card__meta .trend-card__meta-link,.trend-card__meta .trend-card__meta-link:visited,.trend-card__meta-years a,.trend-card__meta-years a:visited{color:#fff;text-decoration:none;}
.trend-card__meta :is(a,.trend-card__meta-years):hover{background:var(--panel-bg);border-color:var(--ink-112);color:#fff;}
.trend-card__meta-years{gap:0;padding-left:6px;padding-right:6px;color:#fff;}
.trend-card__meta-years a{display:inline;padding:0;border:0;background:none;border-radius:0;overflow:visible;color:#fff;text-decoration:none;}
.trend-card__meta-years a:hover{background:none;border:0;color:#fff;text-decoration:none;}
.trend-card__meta-yearsep{display:inline!important;padding:0 1px!important;border:0!important;background:none!important;color:inherit!important;}
.trend-card__meta--overlay :is(span,a){padding:2px 6px;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);backdrop-filter:blur(2px);color:#fff;}
.trend-card__meta--overlay :is(a,.trend-card__meta-years):hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.48);color:#fff;}
.trend-card__meta--overlay .trend-card__meta-link,.trend-card__meta--overlay .trend-card__meta-link:visited,.trend-card__meta--overlay .trend-card__meta-years a,.trend-card__meta--overlay .trend-card__meta-years a:visited{color:#fff;}
.trend-card__meta--overlay .trend-card__meta-years a{padding:0;background:none;border:0;backdrop-filter:none;}
.trend-card__meta--overlay .trend-card__meta-years a:hover{background:none;border:0;color:#fff;}
.trend-card__systems{display:flex;align-items:center;gap:4px;min-height:18px;line-height:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
.trend-card__systems-play{flex:0 0 auto;font-size:.70rem;line-height:1;color:var(--color2);margin-right:1px;}
.icon-trend{flex:0 0 auto;display:inline-block;width:auto;height:13px;max-width:none;object-fit:contain;vertical-align:middle;}
.trend-card__views{margin-top:auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.72rem;line-height:1;color:var(--text-2);}
.trend-card__views strong{font:900 .80rem/1 "Orbitron";color:var(--text-1);}
.trend-card__move{display:inline-flex;align-items:center;gap:2px;margin-left:2px;padding:2px 5px;border-radius:999px;border:1px solid currentColor;font:900 .64rem/1 "Orbitron";letter-spacing:.01em;white-space:nowrap;background:rgba(255,255,255,.06);box-shadow:0 4px 10px rgba(0,0,0,.12);}
.trend-card__move--up{color:#23b85f;background:rgba(34,197,94,.13);}
.trend-card__move--down{color:#ef4f5f;background:rgba(239,68,68,.13);}
.trend-card__smallstats{display:flex;align-items:center;gap:5px;min-width:0;font-size:.70rem;line-height:1.1;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.trend-card__metric{display:inline-flex;align-items:center;gap:3px;min-width:0;}
.trend-card__metric-icon{display:inline-block;flex:0 0 auto;width:auto;object-fit:contain;vertical-align:middle;opacity:.84;}
.trend-card__metric-icon--views{height:9px;opacity:.78;filter:brightness(.82);}
.trend-card__metric-icon--downloads{height:9px;}
.trend-card__metric-icon--plays{height:9px;}
.trend-card__metric-sep{opacity:.70;}
.i-tendencias--compact{margin-top:8px;}
.i-tendencias--compact .tabletit--trending{padding-top:6px;padding-bottom:6px;font-size:.74rem;}
.i-tendencias--compact .trend-morelink{padding:5px 9px;font-size:.72rem;}
.i-tendencias--compact .index-trending-block{min-height:174px;margin-bottom:12px;}
.i-tendencias--compact .trend-row{--cez-scroll-btn-size:30px;--cez-scroll-btn-offset:7px;gap:8px;padding:4px 8px 8px;min-height:148px;}
.i-tendencias--compact .trend-card{flex-basis:156px;border-radius:12px;}
.i-tendencias--compact .trend-card__thumb{height:114px;}
.i-tendencias--compact .trend-card__rank{top:6px;left:6px;min-width:24px;height:24px;padding:0 7px;font-size:.68rem;}
.i-tendencias--compact .trend-card__caption{padding:20px 8px 6px;gap:4px;}
.i-tendencias--compact .trend-card__title{font-size:.68rem;line-height:1.08;}
.i-tendencias--compact .trend-card__meta{font-size:.62rem;}
.i-tendencias--compact .trend-card__meta--overlay{font-size:.58rem;}
.i-tendencias--compact .trend-card__meta :is(span,a){padding:3px 6px;}
.i-tendencias--compact .trend-card__meta-years a{padding:0;}
.i-tendencias--compact .trend-card__body{min-height:39px;padding:6px 8px 7px;}
.i-tendencias--compact .trend-card__systems{min-height:16px;gap:3px;}
.i-tendencias--compact .icon-trend{height:11px;}
.i-tendencias--compact .trend-card__views{gap:4px;font-size:.66rem;}
.i-tendencias--compact .trend-card__views strong{font-size:.72rem;}
.i-tendencias--compact .trend-card__move{padding:2px 4px;font-size:.58rem;}
.i-tendencias--compact .trend-card__smallstats{gap:4px;font-size:.66rem;}
.i-tendencias--compact .trend-card__metric-icon--views,.i-tendencias--compact .trend-card__metric-icon--downloads,.i-tendencias--compact .trend-card__metric-icon--plays{height:8px;}
.i-tendencias--sidebar{margin-top:0;display:flex;flex-direction:column;min-height:0;}
.i-tendencias--sidebar .index-trending-block{flex:1 1 auto;min-height:0;margin-bottom:12px;overflow:visible;contain:layout paint;background:color-mix(in srgb,var(--panel-bg) 58%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.i-tendencias--sidebar .trend-sidebar-actions{display:flex;justify-content:flex-start;margin:0 0 7px 0;padding:0 3px;}
.i-tendencias--sidebar .trend-morelink--sidebar{margin-left:0;padding:4px 7px;font-size:.60rem;line-height:1.05;}
.i-tendencias--sidebar .trend-row{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:7px 3px;overflow:visible;scroll-snap-type:none;}
.i-tendencias--sidebar .trend-row :is(.cez-scroll-prev,.cez-scroll-next){display:none!important;}
.i-tendencias--sidebar .trend-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;flex:0 0 auto;width:100%;min-width:0;min-height:126px;border-radius:13px;scroll-snap-align:none;background:color-mix(in srgb,var(--panel-bg) 52%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:hidden;}
.i-tendencias--sidebar .trend-card:hover{transform:none;}
.i-tendencias--sidebar .trend-card__thumb{height:100%;min-height:126px;border-radius:12px 0 0 12px;}
.i-tendencias--sidebar .trend-card__thumb::after,.i-tendencias--sidebar .trend-card__caption{display:none;}
.i-tendencias--sidebar .trend-card__rank{top:5px;left:5px;min-width:21px;height:21px;padding:0 6px;font-size:.60rem;}
.i-tendencias--sidebar .trend-card__body{min-width:0;min-height:0;margin:0;padding:8px 5px 7px 0;gap:4px;overflow:hidden;border-radius:0;background:transparent;border:0;box-shadow:none;}
.i-tendencias--sidebar .trend-card__title--side{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.68rem;line-height:1.10;color:var(--trend-title-side-color)!important;text-shadow:none;}
.i-tendencias--sidebar .trend-card__meta--side{font-size:.62rem;gap:4px;line-height:1.05;}
.i-tendencias--sidebar .trend-card__meta--side :is(span,a){padding:2px 5px;}
.i-tendencias--sidebar .trend-card__meta-years a{padding:0;}
.i-tendencias--sidebar .trend-card__systems{min-height:13px;gap:3px;overflow:hidden;}
.i-tendencias--sidebar .icon-trend{height:10px;}
.i-tendencias--sidebar .trend-card__views{gap:4px;font-size:.62rem;line-height:1.05;}
.i-tendencias--sidebar .trend-card__views strong{font-size:.68rem;}
.i-tendencias--sidebar .trend-card__move{padding:1px 4px;font-size:.58rem;}
.i-tendencias--sidebar .trend-card__smallstats{gap:3px;font-size:.62rem;line-height:1.05;white-space:nowrap;}
.i-tendencias--sidebar .trend-card__metric{gap:2px;}
.i-tendencias--sidebar .trend-card__metric-icon--views,.i-tendencias--sidebar .trend-card__metric-icon--downloads,.i-tendencias--sidebar .trend-card__metric-icon--plays{height:8px;}
@media (max-width:700px) and (orientation:portrait){.i-tendencias{margin-top:10px;}.index-trending-block{min-height:184px;}.trend-row{--cez-scroll-btn-size:30px;--cez-scroll-btn-offset:7px;gap:10px;padding:4px 10px 10px;min-height:160px;}.trend-card{flex:0 0 146px;border-radius:13px;}.trend-card__thumb{height:116px;padding:0;}.trend-card__rank{top:7px;left:7px;min-width:26px;height:26px;font-size:.72rem;}.trend-card__body{min-height:42px;padding:7px 8px 8px 8px;}.trend-card__title{font-size:.68rem;}.trend-card__caption{padding:22px 8px 7px;gap:4px;}.trend-card__meta{font-size:.66rem;}.trend-card__meta--overlay{font-size:.60rem;}.icon-trend{height:11px;max-width:none;}.trend-card__views strong{font-size:.76rem;}.trend-card__move{padding:2px 4px;font-size:.62rem;}.trend-card__smallstats{font-size:.68rem;}.i-tendencias--compact .tabletit--trending{font-size:.70rem;}.i-tendencias--compact .trend-morelink{padding:5px 8px;font-size:.68rem;}.i-tendencias--compact .index-trending-block{min-height:158px;}.i-tendencias--compact .trend-row{--cez-scroll-btn-size:28px;--cez-scroll-btn-offset:6px;gap:8px;padding:4px 8px 8px;min-height:138px;}.i-tendencias--compact .trend-card{flex-basis:132px;border-radius:12px;}.i-tendencias--compact .trend-card__thumb{height:96px;}.i-tendencias--compact .trend-card__rank{min-width:23px;height:23px;font-size:.64rem;}.i-tendencias--compact .trend-card__caption{padding:18px 7px 6px;gap:3px;}.i-tendencias--compact .trend-card__title{font-size:.64rem;}.i-tendencias--compact .trend-card__meta{font-size:.60rem;}.i-tendencias--compact .trend-card__meta--overlay{font-size:.58rem;}.i-tendencias--compact .trend-card__body{min-height:37px;padding:6px 7px;}.i-tendencias--compact .icon-trend{height:10px;}.i-tendencias--compact .trend-card__views strong{font-size:.68rem;}.i-tendencias--compact .trend-card__smallstats{font-size:.64rem;}.i-tendencias--sidebar{display:block;margin-top:10px;}.i-tendencias--sidebar .index-trending-block{min-height:184px;margin-bottom:14px;overflow:hidden;background:var(--cez-window-body-bg,var(--panel-bg-soft));backdrop-filter:none;-webkit-backdrop-filter:none;}.i-tendencias--sidebar .trend-sidebar-actions{justify-content:flex-end;margin:0 0 5px 0;padding:0;}.i-tendencias--sidebar .trend-morelink--sidebar{padding:5px 8px;font-size:.68rem;}.i-tendencias--sidebar .trend-row{display:flex;flex-direction:row;align-items:stretch;gap:10px;min-height:160px;padding:4px 10px 10px;overflow-x:auto;overflow-y:hidden;}.i-tendencias--sidebar .trend-card{display:flex;flex-direction:column;flex:0 0 146px;width:auto;min-width:0;min-height:0;border-radius:13px;background:var(--panel-bg);backdrop-filter:none;-webkit-backdrop-filter:none;}.i-tendencias--sidebar .trend-card:hover{transform:none;}.i-tendencias--sidebar .trend-card__thumb{height:116px;min-height:0;border-radius:0;}.i-tendencias--sidebar .trend-card__thumb::after{display:block;}.i-tendencias--sidebar .trend-card__caption{display:flex;}.i-tendencias--sidebar .trend-card__rank{top:7px;left:7px;min-width:26px;height:26px;font-size:.72rem;}.i-tendencias--sidebar .trend-card__body{min-width:0;min-height:42px;margin:0;padding:7px 8px 8px 8px;gap:5px;overflow:hidden;background:transparent;border:0;box-shadow:none;}.i-tendencias--sidebar .trend-card__title--side,.i-tendencias--sidebar .trend-card__meta--side{display:none;}.i-tendencias--sidebar .trend-card__systems{min-height:16px;gap:3px;overflow-x:auto;overflow-y:hidden;}.i-tendencias--sidebar .icon-trend{height:10px;}.i-tendencias--sidebar .trend-card__views{gap:4px;font-size:.66rem;line-height:1.05;}.i-tendencias--sidebar .trend-card__views strong{font-size:.68rem;}.i-tendencias--sidebar .trend-card__smallstats{gap:4px;font-size:.64rem;}}
html:not(.theme-dark):not(.skin-retro) .i-tendencias--sidebar .trend-card__meta--side :is(span,a,.trend-card__meta-years){background:color-mix(in srgb,var(--color1) 4%,var(--panel-bg-soft));border-color:var(--panel-border);color:var(--text-2);}
html:not(.theme-dark):not(.skin-retro) .i-tendencias--sidebar .trend-card__meta--side :is(.trend-card__meta-link,.trend-card__meta-link:visited,.trend-card__meta-years a,.trend-card__meta-years a:visited){color:var(--text-2);}
html:not(.theme-dark):not(.skin-retro) .i-tendencias--sidebar .trend-card__meta--side :is(a,.trend-card__meta-years):hover{background:color-mix(in srgb,var(--color1) 9%,var(--panel-bg));border-color:color-mix(in srgb,var(--color1) 22%,var(--panel-border));color:var(--colortexto);}
@media screen and (max-width:900px), screen and (hover:none) and (pointer:coarse){.trend-row:not(.trend-row--static){overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:none;
    scroll-behavior:auto;
    scroll-padding-inline:0;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:auto;
    touch-action:pan-x pan-y;}.trend-row:not(.trend-row--static) .trend-card{scroll-snap-align:none;
    scroll-snap-stop:normal;
    scroll-margin-inline:0;}.trend-row:not(.trend-row--static)>:is(.cez-scroll-prev,.cez-scroll-next){display:inline-flex!important;
    pointer-events:none;
    cursor:default;}.trend-row:not(.trend-row--static)>:is(.cez-scroll-prev,.cez-scroll-next).cez-scroll-indicator{opacity:.74;
    transform:scale(.88);
    box-shadow:0 6px 16px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);}.trend-row:not(.trend-row--static){padding-right:0;}}
@media screen and (max-width:900px), screen and (hover:none) and (pointer:coarse){.trend-row:not(.trend-row--static){position:relative;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-left:0!important;
    scroll-padding-right:0!important;}.trend-row:not(.trend-row--static)>:is(.cez-scroll-prev,.cez-scroll-next){position:absolute!important;
    margin:0!important;
    transform:translateY(-50%) scale(.88)!important;
    z-index:9;}.trend-row:not(.trend-row--static)>.cez-scroll-prev{left:4px!important;}.trend-row:not(.trend-row--static)>.cez-scroll-next{right:4px!important;}}