/* Remodelación 2.2: conserva tipografía, superficies y marca de Aurora. */
:root{--shadow-color:var(--accent);--chart-color:var(--gold);--animation-color:var(--accent)}
:root{--ease-out:cubic-bezier(.23,1,.32,1);--accent:#ffe600;--accent-ink:#14100a;--accent-soft:rgba(255,230,0,.12)}
.top{position:relative;z-index:20}.pills{overflow:visible}.pill{white-space:nowrap;transition:transform 150ms var(--ease-out)}
.pill-ind{transition:transform 200ms var(--ease-out),opacity 160ms var(--ease-out);background:var(--accent)}
.pill[aria-current=page]{color:var(--accent-ink)}.pill:focus{outline:none}.pill:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.nav-cluster{position:relative}.nav-chevron{font-size:13px;opacity:.65}.nav-menu{position:absolute;top:100%;left:0;min-width:248px;padding:12px 8px 8px;background:#101018;border:1px solid var(--line-2);border-radius:18px;box-shadow:0 22px 50px #0009;transform-origin:top left;animation:menu-in 180ms var(--ease-out) both;z-index:30}
.nav-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 12px;border-radius:11px;text-align:left;font-weight:600}.nav-menu .ic{color:var(--accent);width:21px;height:21px}
.nav-menu button:hover,.nav-menu button:focus-visible{background:var(--accent-soft)}
@keyframes menu-in{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.category-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin-bottom:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(125deg,var(--accent-soft),#0e0e16)}
.category-kicker{font:500 10px var(--mono);letter-spacing:.15em;color:var(--accent)}
.category-intro h2{font:700 30px var(--display);text-transform:none;letter-spacing:-.03em;margin:14px 0 12px;color:var(--text);opacity:1}.category-intro p{color:var(--muted);max-width:60ch}
.category-figure{width:82px;height:82px;fill:none;stroke:var(--accent);stroke-width:1;stroke-linejoin:round;stroke-linecap:round;opacity:.8;flex:none}
.category-panel[data-category="Herramientas PRO"] .category-intro{background:linear-gradient(125deg,#7b5cff20,#0e0e16)}
.category-panel[data-category="Sistema"] .category-intro{background:linear-gradient(125deg,#27e4ff17,#0e0e16)}
.category-panel .tool{min-height:175px;animation:category-enter 220ms var(--ease-out) both}.category-panel .tool:nth-child(2){animation-delay:30ms}.category-panel .tool:nth-child(3){animation-delay:60ms}.category-panel .tool:nth-child(n+4){animation-delay:90ms}
@keyframes category-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.gaming-hero{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:20px;padding:28px 32px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(130deg,var(--accent-soft),#0e0e16 70%)}
.gaming-hero h2{font:700 24px var(--display);margin:12px 0}.gaming-hero p{max-width:60ch;color:var(--muted)}.gaming-hero>.ic{width:90px;height:90px;stroke-width:1;color:var(--accent);flex:none}
.gaming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gaming-grid>.card{animation:category-enter 220ms var(--ease-out) both}.gaming-grid>.card:nth-child(2n){animation-delay:50ms}
.gaming-info{display:block;color:var(--muted);font-size:13px;line-height:1.65;margin:12px 0}.gaming-status{font:500 11px var(--mono);color:var(--accent);margin-top:12px}.gaming-output{min-height:24px;color:var(--muted);margin:14px 0}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.game-card{padding:0;overflow:hidden;text-align:left;border-radius:18px;border:1px solid var(--line);background:var(--card);min-width:0;transition:transform 160ms var(--ease-out)}
.game-cover{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-soft),#151521);overflow:hidden}.game-cover img{width:100%;height:100%;object-fit:cover}.game-cover .ic{width:64px;height:64px;color:var(--accent);stroke-width:1}.game-caption{display:flex;flex-direction:column;gap:7px;padding:17px}.game-caption b{font-size:14px}.game-caption small{color:var(--muted)}
.game-details{margin:24px 0}.game-path{font:11px var(--mono);color:var(--muted);overflow-wrap:anywhere;user-select:text}.game-filter{margin:18px 0;width:min(100%,400px)}
.gpu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.gpu-emblem{width:54px;height:54px;color:var(--accent);margin-bottom:20px}.gpu-name{font:700 18px var(--display);line-height:1.5}
.appearance-card{margin-bottom:20px}.appearance-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.appearance-sample{min-height:160px;border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),#0e0e16);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background-size:cover;background-position:center}.appearance-sample .logo{background:#08080d!important}.appearance-sample .logo svg{fill:url(#g-bolt);width:30px;height:30px}.appearance-swatches{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid #ffffff40;background:var(--swatch)}.color-swatch[aria-pressed=true]{outline:2px solid var(--text);outline-offset:3px}.appearance-picker{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.appearance-picker input{width:46px;height:34px;background:transparent;border:0;padding:0;cursor:pointer}
.user-background{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;pointer-events:none}.has-user-background .aurora{display:none}.user-background::after{content:"";position:absolute;inset:0;background:#050507a8}.has-user-background .bg-fx,.has-user-background .bg-grid{opacity:.15}
html[data-custom-accent] .btn-primary,html[data-custom-accent] .tag.pro{background:var(--accent);color:var(--accent-ink)}
html[data-custom-accent] .tool.is-pro{border-color:var(--accent)}
html[data-custom-accent] .tool.is-pro>.ic{background:var(--accent);color:var(--accent-ink)}
html[data-custom-accent] .aurora i:first-child{background:var(--accent);opacity:.2}
html[data-custom-accent] .group h2{color:var(--accent)}
/* Logo y pantallas de bienvenida siempre mantienen la identidad amarilla. */
.logo{background:#08080d!important}.logo svg{fill:url(#g-bolt)!important}.logo{border-color:#ffd40055!important}
@media(hover:hover) and (pointer:fine){.game-card:hover{transform:translateY(-3px);border-color:var(--accent)}}
@media(max-width:1150px){.top{grid-template-columns:auto 1fr;gap:14px}.pills{justify-self:end}.top-right{grid-column:1/-1}.gaming-grid{grid-template-columns:1fr}}
@media(max-width:720px){.top{display:flex;flex-wrap:wrap}.pills{width:100%;justify-content:center;order:3}.pill{padding:9px 10px;font-size:12px;gap:5px}.top-right{margin-left:auto}.nav-menu{min-width:218px}.nav-cluster:last-of-type .nav-menu{left:auto;right:0}.appearance-layout{grid-template-columns:1fr}.category-intro,.gaming-hero{padding:22px;gap:16px}.gaming-hero>.ic,.category-figure{width:50px;height:50px}.category-intro h2{font-size:23px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-cover{height:175px}}
@media(prefers-reduced-motion:reduce){.nav-menu,.category-panel .tool,.gaming-grid>.card{animation-name:remodel-fade;animation-duration:150ms;animation-delay:0ms}.pill-ind{transition:opacity 150ms var(--ease-out)}.game-card{transition:none}}
@keyframes remodel-fade{from{opacity:.6}to{opacity:1}}
.lite .nav-menu,.lite .category-panel .tool,.lite .gaming-grid>.card{animation:remodel-fade 150ms var(--ease-out)}

html[data-custom-accent] .tb-logo svg{fill:#ffe600}html[data-custom-accent] .ver{color:#ffe600}

@media(max-width:760px){.custom-chrome .app{padding-top:54px}.top{position:relative}.pills{position:relative!important;inset:auto!important;transform:none!important}}
.gaming-output:empty{display:none}
.nav-menu.keyboard-open{animation:none}
.category-panel[data-category="Herramientas PRO"] .tool{animation-name:category-pro}
.category-panel[data-category="Sistema"] .tool{animation-name:category-system}
@keyframes category-pro{from{opacity:.3;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
@keyframes category-system{from{opacity:.3;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.category-panel[data-category] .tool{animation-name:remodel-fade}}
.lite .category-panel[data-category] .tool{animation-name:remodel-fade}
html[data-custom-accent] .switch[aria-checked=true]{background:var(--accent)}
html[data-custom-accent] .tag.pro,html[data-custom-accent] .chip-plan.pro{border-color:var(--accent)}
html[data-custom-accent] .btn-primary,html[data-custom-accent] .tool.is-pro>.ic{box-shadow:0 10px 26px -12px var(--accent)}

/* Las representaciones explican la función; no simulan mediciones del equipo. */
.category-panel .tool-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.category-panel .tool-expanded{grid-column:span 2}.category-panel .tool-expanded:nth-child(n+4){grid-column:span 3}.category-panel[data-category=Sistema] .tool-expanded{grid-column:span 3}
.category-panel .tool-expanded{min-height:350px;padding:24px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.tool-expanded>.ic{display:none}.tool-expanded .tn{font-size:19px;margin-top:20px}.tool-expanded .td{font-size:13px;line-height:1.7;max-width:45ch;margin:10px 0 18px}.tool-expanded .tags{margin-top:auto}
.tool-open{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;align-self:stretch;color:var(--accent);border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.tool-representation{position:relative;height:126px;flex:none;width:100%;overflow:hidden;border-radius:13px;background:linear-gradient(125deg,var(--accent-soft),#090910);border:1px solid var(--line);color:var(--accent)}
.tool-representation small{position:absolute;bottom:10px;left:14px;font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}
.rep-core{position:absolute;left:18%;top:17px;width:66px;height:66px;border:1px solid var(--accent);border-radius:18px;display:grid;place-items:center;background:var(--card)}.rep-core .ic{width:30px;height:30px}
.rep-orbit{position:absolute;left:calc(18% - 12px);top:5px;width:90px;height:90px;border:1px dashed var(--accent);opacity:.3;border-radius:50%;animation:rep-orbit 18s linear infinite}
.rep-lanes{position:absolute;left:56%;right:13%;top:22px;display:flex;flex-direction:column;gap:9px}.rep-lanes i{height:8px;border-radius:4px;background:var(--accent);opacity:.35;transform-origin:left center;animation:rep-lane 3.8s ease-in-out infinite;animation-delay:calc(var(--lane)*-.65s)}
[data-kind=cores] .rep-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;top:26px}[data-kind=cores] .rep-lanes i{height:22px;animation-name:rep-core}
[data-kind=flow] .rep-lanes i{width:10px;height:10px;animation-name:rep-flow}
.tool-expanded:not(.motion-visible) .tool-representation *,.motion-paused .tool-representation *{animation-play-state:paused}
@keyframes rep-orbit{to{transform:rotate(360deg)}}
@keyframes rep-lane{0%,100%{transform:scaleX(.45);opacity:.2}50%{transform:scaleX(1);opacity:.65}}
@keyframes rep-core{0%,100%{transform:scale(.85);opacity:.2}50%{transform:scale(1);opacity:.65}}
@keyframes rep-flow{0%{transform:translateX(0);opacity:.1}50%{opacity:.7}100%{transform:translateX(45px);opacity:.1}}
.graphics-section{margin:26px 0 12px;font:700 20px var(--display)}.graphics-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.graphics-controls .mcard{min-width:0}.graphics-controls select,.graphics-controls input{width:100%;margin:16px 0;background:var(--card);color:var(--text);border:1px solid var(--line-2);padding:12px;border-radius:10px}.graphics-controls option{background:#101018}.graphics-controls h2{line-height:1.45}
.operation-status{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 16px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:13px;margin:12px 0}.operation-status[hidden]{display:none}.operation-spinner{width:18px;height:18px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:rep-orbit 900ms linear infinite;flex:none}
.display-confirm{border:1px solid var(--accent);padding:18px;border-radius:14px;margin:16px 0;background:var(--accent-soft)}
@media(max-width:1150px){.category-panel .tool-row{grid-template-columns:repeat(2,minmax(0,1fr))}.category-panel[data-category] .tool-expanded{grid-column:auto}.category-panel .tool-expanded:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:720px){.category-panel .tool-row,.graphics-controls{grid-template-columns:1fr}.category-panel[data-category] .tool-expanded{grid-column:auto;min-height:320px}.tool-representation{height:116px}.gpu-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tool-representation *,.operation-spinner{animation:none!important}}
.lite .tool-representation *,.lite .operation-spinner{animation:none!important}

/* Movimiento 2.2: despliegue escalonado y órbitas legibles, sin mover el texto. */
:root{--ease-in-out:cubic-bezier(.77,0,.175,1)}
.nav-menu{animation:menu-in 240ms var(--ease-out) both}
.nav-menu button{animation:menu-option-in 200ms var(--ease-out) backwards;transition:transform 160ms var(--ease-out)}
.nav-menu button:nth-child(2){animation-delay:30ms}.nav-menu button:nth-child(3){animation-delay:60ms}
.nav-menu.keyboard-open button{animation:none}
@keyframes menu-option-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.category-panel .tool{animation-duration:260ms;animation-fill-mode:backwards;transition:transform 200ms var(--ease-out)}
.category-panel .tool:nth-child(2){animation-delay:30ms}.category-panel .tool:nth-child(3){animation-delay:60ms}.category-panel .tool:nth-child(n+4){animation-delay:90ms}
.rep-orbit{animation-duration:7s;opacity:.55}
.rep-orbit::before{content:"";position:absolute;left:39px;top:-3px;width:9px;height:9px;background:var(--accent);border-radius:50%}
.rep-orbit::after{content:"";position:absolute;left:42px;bottom:-2px;width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:.5}
.rep-core{animation:rep-float 4s var(--ease-in-out) infinite}
.rep-core>.ic{animation:rep-icon 4s var(--ease-in-out) infinite}
.rep-lanes i{animation-duration:3s;animation-timing-function:var(--ease-in-out)}
[data-kind=flow] .rep-lanes i{animation-duration:2.6s}
@keyframes rep-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes rep-icon{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}
.tool-expanded:not(.motion-visible) .tool-representation *,.motion-paused .tool-representation *{animation-play-state:paused}
.page:not([hidden]) .gaming-hero{animation:category-enter 240ms var(--ease-out) backwards}
.page:not([hidden]) .gaming-grid>.card,.page:not([hidden]) .gpu-grid>.card,.page:not([hidden]) .graphics-controls>.card,.page:not([hidden]) .game-card{animation:menu-option-in 240ms var(--ease-out) backwards}
.page:not([hidden]) .gaming-grid>.card:nth-child(2n),.page:not([hidden]) .graphics-controls>.card:nth-child(2),.page:not([hidden]) .game-card:nth-child(2){animation-delay:30ms}
.page:not([hidden]) .graphics-controls>.card:nth-child(3),.page:not([hidden]) .game-card:nth-child(3){animation-delay:60ms}
@media(hover:hover) and (pointer:fine){.category-panel .tool:hover{transform:translateY(-4px)}.nav-menu button:hover{transform:translateX(3px)}}
.category-panel .tool:active{transform:translateY(-1px) scale(.995);transition-duration:120ms}
@media(prefers-reduced-motion:reduce){.nav-menu,.nav-menu button,.category-panel[data-category] .tool,.page:not([hidden]) .gaming-hero,.page:not([hidden]) .gaming-grid>.card,.page:not([hidden]) .gpu-grid>.card,.page:not([hidden]) .graphics-controls>.card,.page:not([hidden]) .game-card{animation:remodel-fade 150ms var(--ease-out);animation-delay:0ms}.category-panel .tool:hover,.category-panel .tool:active,.nav-menu button:hover{transform:none}.tool-representation *{animation:none!important}}
.lite .nav-menu,.lite .nav-menu button,.lite .category-panel[data-category] .tool,.lite .page:not([hidden]) .gaming-hero,.lite .page:not([hidden]) .gaming-grid>.card,.lite .page:not([hidden]) .gpu-grid>.card,.lite .page:not([hidden]) .graphics-controls>.card,.lite .page:not([hidden]) .game-card{animation:remodel-fade 150ms var(--ease-out);animation-delay:0ms}
/* Representaciones específicas: movimiento decorativo, sin telemetría ficticia. */
.tool-representation{height:152px;color:var(--animation-color);background:linear-gradient(125deg,color-mix(in srgb,var(--animation-color) 12%,transparent),#090910)}
.rep-core{left:calc(24% - 38px);top:28px;width:76px;height:76px;border-color:var(--animation-color)}
.rep-orbit{left:calc(24% - 57px);top:9px;width:114px;height:114px;border-color:var(--animation-color);animation-duration:9s}
.rep-orbit::before{left:49px;background:var(--animation-color)}.rep-orbit::after{left:52px;background:var(--animation-color)}
.rep-diagram{position:absolute;left:55%;top:19px;width:34%;height:104px;color:var(--animation-color);opacity:.75}
.rep-action{transform-box:fill-box;transform-origin:center;animation:rep-explain 4s var(--ease-in-out) infinite}
[data-kind=flow] .rep-action{animation-name:rep-signal}
@keyframes rep-explain{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
@keyframes rep-signal{0%,100%{transform:scale(.93);opacity:.4}50%{transform:scale(1);opacity:1}}
.tool-expanded:not(.motion-visible) .tool-representation *,.tool-expanded:not(.motion-visible) .tool-representation *::before,.tool-expanded:not(.motion-visible) .tool-representation *::after,.motion-paused .tool-representation *{animation-play-state:paused}
.appearance-advanced{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:16px}.appearance-advanced summary{cursor:pointer;color:var(--text);font-weight:600}.appearance-advanced[open]>*:not(summary){animation:menu-option-in 200ms var(--ease-out)}.appearance-advanced .appearance-picker{margin:14px 0}
html[data-custom-shadow] .tool.is-pro,html[data-custom-shadow] .btn-primary{box-shadow:0 12px 28px -16px var(--shadow-color)}
html[data-custom-shadow] .aurora i:first-child{background:var(--shadow-color)}
html[data-custom-chart] .line.cpu,html[data-custom-chart] .lead.cpu{stroke:var(--chart-color)}
html[data-custom-chart] .head.cpu .head-core,html[data-custom-chart] .head.cpu .head-halo{fill:var(--chart-color)}
html[data-custom-chart] .head.cpu .head-ripple{stroke:var(--chart-color)}
html[data-custom-animation] .category-figure,html[data-custom-animation] .gaming-hero>.ic{color:var(--animation-color);stroke:var(--animation-color)}
.gaming-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.gaming-grid .mcard{display:flex;flex-direction:column;min-width:0}.gaming-grid .mcard>.actions{margin-top:auto;padding-top:14px}
.library-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.library-toolbar input,.library-toolbar select{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:12px;max-width:100%}.library-toolbar .game-filter{margin:0;flex:1;min-width:180px}
.game-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-detail-grid>.mcard{min-width:0}.game-inspection{padding:16px;border:1px solid var(--line);border-radius:12px;white-space:pre-line;font:12px var(--mono);color:var(--muted)}
@media(min-width:1450px){.gaming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.gaming-grid,.game-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rep-action{animation:none!important}.appearance-advanced[open]>*:not(summary){animation:none}}
.lite .rep-action{animation:none!important}
html[data-custom-chartGpu] .line.gpu,html[data-custom-chartGpu] .lead.gpu,html[data-custom-chartGpu] .head.gpu .head-ripple{stroke:var(--chartGpu-color)}
html[data-custom-chartGpu] .head.gpu .head-core,html[data-custom-chartGpu] .head.gpu .head-halo{fill:var(--chartGpu-color)}
html[data-custom-chartRam] .line.ram,html[data-custom-chartRam] .lead.ram,html[data-custom-chartRam] .head.ram .head-ripple{stroke:var(--chartRam-color)}
html[data-custom-chartRam] .head.ram .head-core,html[data-custom-chartRam] .head.ram .head-halo{fill:var(--chartRam-color)}
html[data-custom-shadow] .card{box-shadow:0 10px 35px -28px var(--shadow-color)}
html[data-custom-shadow] .tool:hover{box-shadow:0 18px 40px -22px var(--shadow-color)}
html[data-custom-animation] .operation-spinner{border-top-color:var(--animation-color)}
html[data-custom-chart] .dot.cpu{background:var(--chart-color)}
html[data-custom-chartGpu] .dot.gpu{background:var(--chartGpu-color)}
html[data-custom-chartRam] .dot.ram{background:var(--chartRam-color)}
html[data-custom-chart] .serie.cpu[aria-pressed=true]{border-color:var(--chart-color)}
html[data-custom-chartGpu] .serie.gpu[aria-pressed=true]{border-color:var(--chartGpu-color)}
html[data-custom-chartRam] .serie.ram[aria-pressed=true]{border-color:var(--chartRam-color)}
/* Esenciales/PRO: mantener el movimiento aunque Windows desactive sus efectos.
   El modo ligero de Vyron y las pausas de visibilidad siguen teniendo prioridad. */
@media(prefers-reduced-motion:reduce){
 html:not(.lite) .category-panel .rep-orbit{animation:rep-orbit 9s linear infinite!important}
 html:not(.lite) .category-panel .rep-core{animation:rep-float 4s var(--ease-in-out) infinite!important}
 html:not(.lite) .category-panel .rep-core>.ic{animation:rep-icon 4s var(--ease-in-out) infinite!important}
 html:not(.lite) .category-panel .rep-action{animation:rep-explain 4s var(--ease-in-out) infinite!important}
 html:not(.lite) .category-panel [data-kind=flow] .rep-action{animation-name:rep-signal!important}
 html:not(.lite) .category-panel .tool{animation:category-enter 260ms var(--ease-out) backwards}
 html:not(.lite) .category-panel .tool:nth-child(2){animation-delay:30ms}
 html:not(.lite) .category-panel .tool:nth-child(3){animation-delay:60ms}
 html:not(.lite) .category-panel .tool:nth-child(n+4){animation-delay:90ms}
}
/* La pausa explícita prevalece sobre el shorthand de animación anterior. */
.tool-expanded:not(.motion-visible) .tool-representation *,
.motion-paused .tool-representation *{animation-play-state:paused!important}
html .category-panel .tool-expanded:not(.motion-visible) .tool-representation *,
html.motion-paused .category-panel .tool-representation *{animation-play-state:paused!important}
/* Sin capas animadas ni transiciones de tarjetas cuando se pide modo ligero. */
html.lite .category-panel .tool,
html.lite .tool-representation *,
html.lite .tool-representation *::before,
html.lite .tool-representation *::after,
html.lite .nav-menu,html.lite .nav-menu button,
html.lite .gaming-hero,html.lite .gaming-grid>.card,
html.lite .graphics-controls>.card,html.lite .game-card{animation:none!important;transition:none!important;will-change:auto!important}
@media(hover:hover) and (pointer:fine){html.lite .category-panel .tool:hover{transform:none}}
html.lite .category-panel .tool:active{transform:none}

/* Distintivos del menú Gaming, junto al nombre de la sección. */
.nav-menu .tag.pro{flex-shrink:0;font-size:9px;padding:3px 6px;white-space:nowrap}

.appearance-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:30px 18px;margin-top:20px;min-height:190px;border:1px dashed var(--accent);border-radius:18px;background:linear-gradient(140deg,var(--accent-soft),#111119);text-align:center}
.appearance-drop-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line-2);border-radius:16px;background:var(--accent-soft);color:var(--accent)}
.appearance-drop-icon .ic{width:24px;height:24px}
.appearance-drop b{font:700 17px var(--display)}.appearance-drop span:not(.appearance-drop-icon){color:var(--muted);font-size:12px}.appearance-drop small{color:var(--muted);font-size:11px}
.appearance-drop.drag-over{outline:2px solid var(--accent);outline-offset:4px;background:var(--accent-soft)}
.appearance-drop[aria-busy=true]{opacity:.65}
.hero .hero-kicker{display:flex;align-items:center;gap:8px;color:var(--accent);font:700 10px var(--mono);letter-spacing:.1em;margin-bottom:15px}
.hero .hero-kicker .ic{width:15px;height:15px}
.hero .hero-summary{display:flex;align-items:center;gap:22px;padding:22px 0 18px;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero .hero-summary .ring-wrap{flex-shrink:0;width:184px;height:184px;margin:0}
.hero-guide{display:flex;flex-direction:column;gap:10px}.hero-guide b{font:700 15px var(--display);line-height:1.5}.hero-guide p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}
.hero-guide span{color:var(--accent);font:600 9px var(--mono);letter-spacing:.07em}
.hero .actions{justify-content:flex-start;gap:10px}
@media(max-width:1200px) and (min-width:901px){.hero .hero-summary{flex-direction:column}.hero-guide{text-align:center}}
@media(max-width:550px){.hero .hero-summary{flex-direction:column}.hero-guide{text-align:center}.hero .actions{justify-content:center}.hero .hero-summary .ring-wrap{width:174px;height:174px}}
@media(max-width:1280px){.top{grid-template-columns:auto auto}.top>.pills{grid-column:1/-1;grid-row:2;justify-self:center;flex-wrap:wrap;justify-content:center;border-radius:22px;box-sizing:border-box}.top>.top-right{grid-column:2;grid-row:1}}