/* Original vector identities for the tool collection. */
.tool-art--neuronatas,.tool-art--neuronautas{--tool-accent:#bd9cf7;--tool-tint:#bd9cf709}
.learning-game__badge{border-color:#62e6ff;color:#62e6ff}
.tool-visual-card.learning-coming-soon{border-style:dashed}
[data-experience=tools] article.learning-coming-soon:hover{transform:none;box-shadow:none}
.learning-coming-soon__badge{align-self:flex-start;justify-self:start;width:fit-content;padding:4px 9px;border:1px solid var(--border);border-radius:20px;color:var(--text);background:var(--surface);font-size:.7rem;font-weight:600;line-height:1.5}
[data-experience=tools] .tour-dialog__surface{grid-template-columns:180px minmax(0,1fr)}
[data-experience=tools] .tour-dialog__media{display:grid;place-items:center;min-height:0;background:#1b1826}
[data-experience=tools] .tour-dialog__media img{position:static;width:100px;height:100px;object-fit:contain}
[data-experience=tools] .tour-dialog__media::after{display:none}
@media(max-width:680px){[data-experience=tools] .tour-dialog__surface{grid-template-columns:1fr}[data-experience=tools] .tour-dialog__media{height:88px}[data-experience=tools] .tour-dialog__media img{width:64px;height:64px}}
[data-experience=tools] .tools-arena{min-height:0;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:22px}
[data-experience=tools] .tools-arena::before{display:none}
[data-experience=tools] .tools-arena h1{max-width:none;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}
[data-experience=tools] .tools-arena__copy{max-width:none;padding:0}
[data-experience=tools] .tools-arena__copy>p:not(.eyebrow){max-width:none}
[data-experience=tools] .tool-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
[data-experience=tools] .tool-visual-card{display:flex;flex-direction:column;grid-column:auto;min-height:0;border-radius:18px;background:var(--surface);box-shadow:none}
[data-experience=tools] .tool-visual-card:hover{transform:translateY(-3px);border-color:var(--tool-accent,#bd9cf7);box-shadow:0 12px 28px #0002}
[data-experience=tools] .tool-visual-card__media{display:flex;align-items:center;justify-content:space-between;height:128px;min-height:0;margin:12px 12px 0;padding:20px 22px;background:var(--tool-tint,#bd9cf708);border-radius:10px;overflow:hidden}
[data-experience=tools] .tool-visual-card__media::after{display:none}
[data-experience=tools] .tool-visual-card__media>img{position:static;display:block;width:76px;height:76px;object-fit:contain;filter:none;transition:transform .2s ease}
[data-experience=tools] .tool-visual-card:hover .tool-visual-card__media>img{transform:rotate(-4deg) scale(1.06)}
.tool-art-label{align-self:flex-end;color:var(--text-soft);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);border-radius:6px;padding:5px 7px}
[data-experience=tools] .tool-visual-card__body{padding:20px 24px 22px;gap:8px;min-height:155px}
[data-experience=tools] .tool-visual-card h2{font-size:1.16rem;line-height:1.35;margin:0;letter-spacing:-.025em}
[data-experience=tools] .tool-visual-card__body .tool-badge{border:0;padding:0;background:none;color:var(--text-soft);font-size:.71rem;font-weight:500}
[data-experience=tools] .tool-visual-card__body .text-link{margin-top:auto;padding-top:10px;font-size:.78rem;color:var(--tool-accent,#bd9cf7);display:flex;align-items:center;justify-content:space-between}
[data-experience=tools] .tool-visual-card__body .text-link:after{content:'↗';font-size:1.05rem}
.tool-art--coqueta{--tool-accent:#bd9cf7;--tool-tint:#bd9cf70b}.tool-art--image{--tool-accent:#90c9ef;--tool-tint:#90c9ef09}.tool-art--video{--tool-accent:#f3bd83;--tool-tint:#f3bd8309}.tool-art--optimize{--tool-accent:#8ed3b9;--tool-tint:#8ed3b909}.tool-art--prompt{--tool-accent:#d1b2f4;--tool-tint:#d1b2f409}.tool-art--visual{--tool-accent:#e8b2be;--tool-tint:#e8b2be09}.tool-art--arena{--tool-accent:#c5dc8c;--tool-tint:#c5dc8c09}.tool-art--challenge{--tool-accent:#edbe89;--tool-tint:#edbe8909}.tool-art--competition{--tool-accent:#b0b9f3;--tool-tint:#b0b9f309}
html[data-theme=light] [data-experience=tools] .tool-visual-card__media{background:#252430}
html[data-theme=light] [data-experience=tools] .tool-art-label{color:#c6c1d4;border-color:#ffffff26}
html[data-theme=light] [data-experience=tools] .tool-visual-card__body .text-link{color:var(--primary)}
@media(max-width:980px){[data-experience=tools] .tool-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){[data-experience=tools] .tool-visual-grid{grid-template-columns:minmax(0,1fr);gap:12px}[data-experience=tools] .tool-visual-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center}[data-experience=tools] .tool-visual-card__media{height:100px;margin:12px 0 12px 12px;padding:12px;justify-content:center}[data-experience=tools] .tool-visual-card__media>img{width:64px;height:64px}.tool-art-label{display:none}[data-experience=tools] .tool-visual-card__body{min-height:135px;padding:18px;gap:6px}[data-experience=tools] .tool-visual-card h2{font-size:1.03rem}[data-experience=tools] .tools-arena{padding:24px}}
@media(prefers-reduced-motion:reduce){[data-experience=tools] .tool-visual-card,[data-experience=tools] .tool-visual-card__media>img{transition:none}[data-experience=tools] .tool-visual-card:hover,[data-experience=tools] .tool-visual-card:hover .tool-visual-card__media>img{transform:none}}
.tool-art--relight{--tool-accent:#ffb36b;--tool-tint:#ffb36b0b}
/* Catálogo en tres secciones: Coqueta Studio (espacio de trabajo + herramientas), Imagen y Aprende y juega */
.catalog-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0}
.catalog-jump strong{margin-right:4px;font-size:.82rem;color:var(--text-soft);font-weight:600}
.catalog-jump a{padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.82rem;font-weight:600;text-decoration:none}
.catalog-jump a:hover,.catalog-jump a:focus-visible{border-color:#bd9cf7;color:#bd9cf7}
.catalog-section{scroll-margin-top:16px}
.catalog-subtitle{margin:22px 0 12px;font-size:1rem;letter-spacing:-.01em;color:var(--text-soft)}
[data-experience=tools] .tool-visual-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){[data-experience=tools] .tool-visual-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){[data-experience=tools] .tool-visual-grid--four{grid-template-columns:minmax(0,1fr)}}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center;padding:18px;border:1px solid #bd9cf755;border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,#bd9cf71f,transparent 55%),radial-gradient(120% 140% at 100% 100%,#ffb36b14,transparent 55%),var(--surface);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.studio-workspace:hover,.studio-workspace:focus-visible{border-color:#bd9cf7;transform:translateY(-2px)}
.studio-workspace__body{display:flex;flex-direction:column;gap:10px;padding:6px 8px 6px 0}
.studio-workspace__body h3{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.03em}
.studio-workspace__body p{margin:0;color:var(--text-soft)}
.studio-workspace__body .text-link{color:#bd9cf7;font-weight:600}
.studio-workspace__body .text-link:after{content:' →'}
.studio-badge{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#ffb36b22;border:1px dashed #ffb36b99;color:#ffcf9e;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
/* mini editor dibujado con cajas: barra, capas, lienzo, efectos y línea de tiempo */
.studio-workspace__art{display:grid;grid-template-columns:22% 1fr 24%;grid-template-rows:12px 1fr 30%;gap:6px;aspect-ratio:16/9;padding:8px;border-radius:14px;background:#0d0c15;border:1px solid #ffffff14;box-shadow:0 18px 40px #0006}
.studio-workspace__art>span{border-radius:6px;background:#1b1a26;overflow:hidden}
.sw-top{grid-column:1/-1;background:linear-gradient(90deg,#bd9cf7 0 8%,#1b1a26 8% 100%)!important}
.sw-layers,.sw-fx{display:flex;flex-direction:column;gap:4px;padding:5px}
.sw-layers i,.sw-fx i{display:block;height:9px;border-radius:3px;background:#2a2838}
.sw-layers i:first-child{background:#bd9cf766}
.sw-fx i{height:16px}.sw-fx i:first-child{background:linear-gradient(90deg,#ffb36b88,#ff5fa266)}
.sw-canvas{position:relative;background:linear-gradient(160deg,#2b2f4a,#141420)!important}
.sw-canvas b{position:absolute;left:34%;top:20%;width:32%;height:70%;border-radius:45% 45% 10% 10%;background:linear-gradient(110deg,#ffb36b,#c86a9b 55%,#3a3360)}
.sw-canvas em{position:absolute;left:12%;top:12%;width:14px;height:14px;border-radius:50%;background:#fff3e2;box-shadow:0 0 18px 6px #ffb36b88}
.sw-timeline{grid-column:1/-1;position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:5px 8px}
.sw-timeline i{display:block;height:7px;border-radius:3px;background:#2a2838}
.sw-timeline i:nth-child(1){width:70%;background:#bd9cf755}.sw-timeline i:nth-child(2){width:45%;margin-left:20%;background:#ffb36b55}.sw-timeline i:nth-child(3){width:58%;margin-left:8%;background:#58c7ff44}
.sw-timeline u{position:absolute;top:3px;bottom:3px;left:38%;width:2px;background:#ff5fa2}
html[data-theme=light] .studio-workspace__body .text-link{color:var(--primary)}
@media(max-width:760px){.studio-workspace{grid-template-columns:minmax(0,1fr);gap:16px;padding:14px}.studio-workspace__body{padding:0}}
@media(prefers-reduced-motion:reduce){.studio-workspace{transition:none}.studio-workspace:hover{transform:none}}