@keyframes mw-reveal{0%{clip-path:inset(100% 0 0 0)}82%,100%{clip-path:inset(0 0 0 0)}}
@keyframes mw-glowband{0%{clip-path:inset(406px 0 0 0)}82%,100%{clip-path:inset(0 0 406px 0)}}
@keyframes mw-rise{0%{transform:translateY(0)}82%,100%{transform:translateY(-420px)}}
@keyframes mw-zig{0%{transform:translateX(calc(-50% - 152px))}100%{transform:translateX(calc(-50% + 152px))}}
@keyframes mw-fade{0%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes mw-glowfade{0%,79%{opacity:1}86%,100%{opacity:0}}
@keyframes mw-molten{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
@keyframes mw-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinrev{to{transform:rotate(-360deg)}}
.mw-stage{position:relative;width:396px;height:420px}
.mw-stage>.solid{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;animation:mw-reveal 6.6s linear infinite, mw-fade 6.6s linear infinite}
.mw-stage>.hot{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:blur(.4px) drop-shadow(0 0 2.5px rgba(255,150,55,.75));animation:mw-glowband 6.6s linear infinite, mw-glowfade 6.6s linear infinite}
.mw-rail{position:absolute;left:0;right:0;bottom:0;height:0;animation:mw-rise 6.6s linear infinite, mw-fade 6.6s linear infinite}
.mw-head{position:absolute;left:50%;bottom:-6px;display:flex;flex-direction:column;align-items:center;animation:mw-zig .82s ease-in-out infinite alternate}
.mw-fil{width:7px;height:120px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,0),#ededed 38%,#dcdcdc)}
.mw-fins{width:46px;height:38px;border-radius:4px 4px 2px 2px;background:repeating-linear-gradient(180deg,#e2e2e2 0,#e2e2e2 3px,#9fa1a6 3px,#9fa1a6 6px)}
.mw-blk{width:60px;height:30px;border-radius:6px;background:linear-gradient(180deg,#3a3a3d,#232325);position:relative}
.mw-blk>i{position:absolute;left:9px;top:9px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6b6b6e,#2a2a2c)}
.mw-noz{width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:26px solid #c8ccd2}
.mw-glow{width:22px;height:22px;margin-top:-13px;border-radius:50%;background:radial-gradient(circle,#FFE2B0 0%,#FF7A1A 45%,rgba(255,90,10,0) 72%);animation:mw-molten .82s ease-in-out infinite}

/* chip de la mini animación */
.mini-print{z-index:3;margin-top:20px;display:inline-flex;align-items:center;gap:9px;
  padding:7px 12px 7px 8px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(20,0,6,.22)}
.mini-stage{width:64px;height:68px;position:relative;overflow:hidden;flex:none}
.mini-stage .mw-stage{transform:scale(.1616);transform-origin:top left}
.mini-txt{display:flex;flex-direction:column;gap:2px}
.mini-txt b{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:#fff;display:flex;align-items:center;gap:6px}
.mini-txt b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:mw-blink 1.4s ease-in-out infinite}
.mini-txt span{font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:rgba(255,255,255,.55)}


:root{--amber:#ff7a1a;--mono:ui-monospace,monospace}body{background:radial-gradient(circle at 35% 20%,#cb2a46,#a11530);padding:24px 20px;color:#242226}.compact-shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1180px;margin:auto;border-radius:24px;overflow:clip;box-shadow:0 25px 80px #580d2840}.identity{background:linear-gradient(150deg,#c62945,#a91630);color:white;position:relative}.identity-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:30px 30px}.identity-content{position:sticky;top:55px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:58px 18px 30px}.identity .wolf{width:95px;height:auto;filter:drop-shadow(0 10px 15px #65052240)}.wordmark{font-size:24px;font-weight:800;letter-spacing:3px;margin:22px 0 13px}.place{border:1px solid #ffffff55;border-radius:30px;padding:6px 10px;font:8px var(--mono);letter-spacing:1.4px}.identity p{font-size:12px;color:#ffd9df;line-height:1.8;margin:20px 0 0}.mini-print{margin-top:25px}.wolf-site{font:9px var(--mono);color:#ffc0cc;text-decoration:none;margin-top:28px}.compact-main{background:#f3f1ec;background-image:radial-gradient(#26334108 1px,transparent 1px);background-size:22px 22px;padding:28px;min-width:0}.compact-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-bottom:22px}.compact-heading h1{font-size:26px;letter-spacing:-1px;line-height:1.2;margin:7px 0}.compact-heading p{font-size:12px;color:#716b66;margin:0}.compact-heading>a{font-size:11px;text-decoration:none;color:#a11530;white-space:nowrap;margin-top:5px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-head{margin-bottom:13px;align-items:center;gap:10px}.section-head h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-note{font-size:10px}.tool-grid.unified{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tool-card{border-radius:12px;border-color:#ddd8d1}.tool-link{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:145px}.tool-visual{background:#f2f3ef;display:flex;align-items:center}.tool-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.badges{top:7px;left:7px;right:auto;flex-direction:column;align-items:start;gap:4px}.badge{font-size:7px;padding:3px 5px;letter-spacing:0}.tool-copy{padding:13px 12px}.category{font-size:7px;letter-spacing:.8px}.tool-copy h3{font-size:16px;margin:5px 0 6px;letter-spacing:-.4px}.tool-copy h3>span{font-size:16px}.tool-copy>strong{display:none}.tool-copy p{font-size:11px;line-height:1.55;margin:0;color:#746e68}.open-tool{font-size:9px;padding-top:7px;margin-top:8px;border:0}.tool-card:hover{transform:translateY(-2px)}.account-banner{margin:17px 0 24px;padding:15px;gap:13px;background:#e8edeb;border-radius:12px}.account-mark{width:35px;height:35px;font-size:16px;border-radius:9px}.account-banner h2{font-size:15px;margin:0}.account-banner p{font-size:11px;margin:5px 0 2px;line-height:1.6}.account-banner small{font-size:9px}.upcoming{padding:18px;margin-bottom:22px;border-radius:13px}.upcoming .eyebrow{font-size:7px}.upcoming h2{font-size:17px;margin-top:5px}.construction{font-size:9px}.coming-grid{gap:20px;margin-top:18px}.coming-icon{display:none}.coming-grid .category{font-size:7px}.coming-grid h3{font-size:14px;margin:5px 0}.coming-grid p{font-size:11px;line-height:1.6;margin-bottom:6px}.coming-status{font-size:8px}.contact{padding:22px;gap:20px;border-radius:13px;margin:0}.contact .eyebrow{font-size:7px}.contact h2{font-size:24px;letter-spacing:-.7px;margin:10px 0}.contact p{font-size:11px}.contact-links{gap:6px}.row{padding:7px 9px;gap:8px}.row b{font-size:10px}.row .tx span{font-size:9px}.row .ic{width:20px;height:20px}.row svg{width:17px;height:17px}.save{font-size:10px;padding:8px 10px}.compact-footer{display:flex;justify-content:space-between;gap:15px;color:#7c7771;font-size:9px;padding-top:20px}.compact-footer a{color:#a11530;text-decoration:none}@media(max-width:1000px){.compact-shell{grid-template-columns:210px minmax(0,1fr)}.compact-main{padding:22px}.tool-link{grid-template-columns:85px minmax(0,1fr)}.tool-copy{padding:11px 10px}.wordmark{font-size:21px;letter-spacing:2px}}@media(max-width:800px){body{padding:16px 12px}.compact-shell{grid-template-columns:1fr;max-width:650px}.identity-content{position:relative;top:0;display:grid;grid-template-columns:55px 1fr auto;text-align:left;gap:5px 13px;padding:20px}.identity .wolf{width:48px;grid-row:1/3}.wordmark{margin:0;font-size:23px}.place{font-size:7px;padding:4px 8px;justify-self:start}.identity p,.wolf-site{display:none}.mini-print{grid-column:3;grid-row:1/3;margin:0;padding:3px 6px;gap:4px}.mini-stage{width:40px;height:43px}.mini-stage .mw-stage{transform:scale(.101)}.mini-txt b{font-size:6px;letter-spacing:.5px}.mini-txt span{font-size:6px}.compact-heading h1{font-size:25px}.compact-main{padding:23px}.tool-grid.unified{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-link{grid-template-columns:83px minmax(0,1fr)}.account-mark{display:grid}.contact{grid-template-columns:1fr 1fr}.upcoming .section-head{display:flex}.construction{margin:0}}@media(max-width:540px){.compact-main{padding:19px 15px}.compact-heading h1{font-size:22px;max-width:210px}.compact-heading{padding-bottom:18px}.compact-heading>a{font-size:10px}.tool-grid.unified{grid-template-columns:1fr;gap:9px}.tool-link{grid-template-columns:111px minmax(0,1fr);min-height:124px}.tool-visual img{height:100%;aspect-ratio:auto}.tool-copy{padding:12px 13px}.tool-copy h3{font-size:17px}.tool-copy p{font-size:11px}.category{font-size:7px}.badge{font-size:8px}.open-tool{font-size:9px;margin-top:6px}.section-note{display:block}.section-head h2{font-size:16px}.wordmark{font-size:19px;letter-spacing:1px}.identity-content{grid-template-columns:43px 1fr auto;padding:18px 15px;gap:4px 9px}.identity .wolf{width:39px}.place{letter-spacing:.6px;font-size:6px}.mini-txt{display:none}.mini-print{padding:3px}.contact{grid-template-columns:1fr;gap:16px}.contact h2 br{display:none}.contact h2{font-size:23px}.contact-links{display:grid;grid-template-columns:1fr 1fr}.row .tx span{font-size:8px}.row .arw{display:none}.row{min-width:0}.row .tx{min-width:0}.row .tx span{overflow-wrap:anywhere}.coming-grid{grid-template-columns:1fr;gap:17px}.account-banner{align-items:start}.account-banner small{font-size:8px}.compact-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){.mw-stage>.solid{clip-path:none;opacity:1}.mw-stage>.hot,.mw-rail{display:none}}
.tool-visual img{object-fit:contain}.unified .tool-card:nth-child(1) .tool-visual{background:#eadfef}.unified .tool-card:nth-child(2) .tool-visual{background:#f5deda}.unified .tool-card:nth-child(3) .tool-visual{background:#e5ebca}.unified .tool-card:nth-child(4) .tool-visual{background:#dfeaf1}.unified .tool-card:nth-child(5) .tool-visual{background:#ddebe4}.unified .tool-card:nth-child(6) .tool-visual{background:#dfe9ef}.unified .tool-card:nth-child(7) .tool-visual{background:#ece8db}.unified .tool-card:nth-child(8) .tool-visual{background:#f4e2d9}.unified .tool-card:nth-child(9) .tool-visual{background:#e7e1f2}.badge{font-size:8px}

/* Ilustraciones verticales legibles, con la paleta original de MakerWolf. */
.unified .tool-card .tool-visual{background:#eee5d8}.tool-visual img{object-fit:cover}.badge.renewed{background:#263b40;color:#fff7e7;box-shadow:0 2px 7px #263b4020}.is-renewed{border-color:#bfcac8}.is-renewed .open-tool{color:#234b4d}.badges{top:6px;left:6px}.tool-card .badge{font-size:8px;padding:4px 6px}
.tool-copy .creator-title>span:first-child{font-size:16px;font-weight:700;color:inherit;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.tool-copy .creator-title .development{font-size:8px;font-weight:700;color:#875018;background:#fff0d7;border:1px solid #efd4a6;padding:3px 5px;letter-spacing:0;white-space:nowrap}