/* A single illustration family, drawn to stay clear on small category cards. */
.mipi-category-image.mipi-category-illustration{display:grid;place-items:center;border-radius:18px;background:#eff9f5;--mipi-art-halo:#d9f2e8;--mipi-art-detail:#8bcfc6;transition:background-color .25s,box-shadow .25s}
.mipi-category-illustration[data-category="limpiafondos"]{background:#edf6fb;--mipi-art-halo:#dcecf5;--mipi-art-detail:#a0c6d9}
.mipi-category-illustration[data-category="filtracion"]{background:#eef8f8;--mipi-art-halo:#d9efed}
.mipi-category-illustration[data-category="tratamiento"]{background:#f3f7ee;--mipi-art-halo:#e4eed9;--mipi-art-detail:#b6cda4}
.mipi-category-illustration[data-category="climatizacion"]{background:#fff7e9;--mipi-art-halo:#f7eacb;--mipi-art-detail:#ddc48d}
.mipi-category-illustration[data-category="accesorios"]{background:#fff3ec;--mipi-art-halo:#f7e4d7;--mipi-art-detail:#dfb6a2}
.mipi-category-art{display:block;width:100%;height:auto;max-height:100%;overflow:visible;transition:transform .25s}
.mipi-category-card:hover .mipi-category-illustration,.mipi-category-card:focus-visible .mipi-category-illustration{box-shadow:inset 0 0 0 2px #50bdb0}
.mipi-category-card:hover .mipi-category-art,.mipi-category-card:focus-visible .mipi-category-art{transform:translateY(-3px)}
.mipi-art-float,.mipi-art-robot,.mipi-art-eyes,.mipi-art-net,.mipi-art-spark{transform-box:fill-box;transform-origin:center}
.mipi-art-fan{transform-origin:104px 120px}
.mipi-art-gauge{transform-origin:120px 94px}
.mipi-art-sun{transform-origin:171px 54px}
.is-illustrating .mipi-art-float{animation:mipi-art-bob 2s ease-in-out 2}
.is-illustrating .mipi-art-water{animation:mipi-art-ripple 2s ease-in-out 2}
.is-illustrating .mipi-art-robot{animation:mipi-art-roll 4s ease-in-out 1}
.is-illustrating .mipi-art-eyes{animation:mipi-art-blink 4s ease-in-out 1}
.is-illustrating .mipi-art-bubbles{animation:mipi-art-bubble 2s ease-in-out 2}
.is-illustrating .mipi-art-gauge{animation:mipi-art-gauge 2s ease-in-out 2}
.is-illustrating .mipi-art-spark{animation:mipi-art-sparkle 2s ease-in-out 2}
.is-illustrating .mipi-art-fan{animation:mipi-art-turn 2s linear 2}
.is-illustrating .mipi-art-sun{animation:mipi-art-sunshine 4s ease-in-out 1}
.is-illustrating .mipi-art-net{animation:mipi-art-sway 2s ease-in-out 2}
@keyframes mipi-art-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes mipi-art-ripple{0%,100%{transform:translateX(0);opacity:.8}50%{transform:translateX(5px);opacity:1}}
@keyframes mipi-art-roll{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(5px) rotate(2deg)}70%{transform:translateX(-3px) rotate(-1deg)}}
@keyframes mipi-art-blink{0%,40%,46%,100%{transform:scaleY(1)}43%{transform:scaleY(.15)}}
@keyframes mipi-art-bubble{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(-9px);opacity:.35}}
@keyframes mipi-art-gauge{0%,100%{transform:rotate(0)}50%{transform:rotate(20deg)}}
@keyframes mipi-art-sparkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.4}}
@keyframes mipi-art-turn{to{transform:rotate(360deg)}}
@keyframes mipi-art-sunshine{0%,100%{transform:rotate(0)}50%{transform:rotate(20deg)}}
@keyframes mipi-art-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@media(max-width:620px){.mipi-category-image.mipi-category-illustration{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.mipi-category-art,.mipi-category-art *,.mipi-category-illustration{animation:none!important;transition:none!important;transform:none!important}}