/* Ilustrações animadas dos cartões (problemas e onde usar) */
.card.com-ilu{padding-top:14px}
.card .ilu{margin:0 -12px 18px;border-radius:12px;overflow:hidden;line-height:0;box-shadow:inset 0 0 0 1px rgba(7,32,42,.08)}
.card .ilu svg{width:100%;height:auto;display:block}
.ilu-svg .tb,.ilu-svg .ilu-pulsa,.ilu-svg .ilu-gira,.ilu-svg .ilu-balanca,.ilu-svg .ilu-entra,.ilu-svg .ilu-sobe,.ilu-svg .ilu-estica,.ilu-svg .ilu-asa{transform-box:fill-box;transform-origin:center}
.ilu-svg .ilu-sobe{transform-origin:center bottom}
.ilu-svg .ilu-estica{transform-origin:left center}
.ilu-svg .ilu-balanca{transform-origin:var(--o,center)}
.ilu-voa{animation:ilu-voa var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-voa{0%{transform:translate(var(--x0,-70px),var(--y0,-30px));opacity:0}12%{opacity:1}70%{transform:translate(0,0);opacity:1}86%,100%{transform:translate(var(--x1,12px),var(--y1,4px)) scale(.4);opacity:0}}
.ilu-volta{animation:ilu-volta var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-volta{0%{transform:translate(var(--x0,-80px),var(--y0,-20px));opacity:0}10%{opacity:1}45%{transform:translate(0,0)}55%{transform:translate(-6px,-4px)}95%{transform:translate(var(--x0,-80px),var(--y1,-60px));opacity:1}100%{opacity:0}}
.ilu-asa{animation:ilu-asa .2s ease-in-out infinite alternate;transform-origin:center bottom}
@keyframes ilu-asa{to{transform:scaleY(-.5)}}
.ilu-cai{animation:ilu-cai var(--t,1.6s) ease-in var(--d,0s) infinite;opacity:0}
@keyframes ilu-cai{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(var(--x,0px),var(--h,40px));opacity:0}}
.ilu-pisca{animation:ilu-pisca var(--t,1.8s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-pisca{0%,100%{opacity:var(--min,.15)}50%{opacity:1}}
.ilu-flutua{animation:ilu-flutua var(--t,3s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-flutua{50%{transform:translate(var(--x,0px),var(--h,-6px))}}
.ilu-pulsa{animation:ilu-pulsa var(--t,1.8s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-pulsa{0%,100%{transform:scale(1)}50%{transform:scale(var(--s,1.15))}}
.ilu-vai{animation:ilu-vai var(--t,3s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-vai{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--x,40px),var(--y,0px))}}
.ilu-passa{animation:ilu-passa var(--t,4s) linear var(--d,0s) infinite;opacity:0}
@keyframes ilu-passa{0%{transform:translate(var(--x0,-60px),var(--y0,0px));opacity:0}10%,85%{opacity:1}100%{transform:translate(var(--x1,360px),var(--y1,0px));opacity:0}}
.ilu-entra{animation:ilu-entra var(--t,4s) cubic-bezier(.3,1.5,.5,1) var(--d,0s) infinite;opacity:0}
@keyframes ilu-entra{0%{transform:scale(0);opacity:0}12%,80%{transform:scale(1);opacity:1}92%,100%{transform:scale(1);opacity:0}}
.ilu-desce{animation:ilu-desce var(--t,4s) cubic-bezier(.3,1.3,.5,1) var(--d,0s) infinite;opacity:0}
@keyframes ilu-desce{0%{transform:translate(var(--x,0px),var(--h,-40px));opacity:0}15%,80%{transform:translate(0,0);opacity:1}95%,100%{transform:translate(0,0);opacity:0}}
.ilu-desenha{stroke-dasharray:var(--l,200);stroke-dashoffset:var(--l,200);animation:ilu-desenha var(--t,4s) ease-out var(--d,0s) infinite}
@keyframes ilu-desenha{0%{stroke-dashoffset:var(--l,200)}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.ilu-fluxo{stroke-dasharray:var(--a,6) var(--b,8);animation:ilu-fluxo var(--t,1s) linear infinite}
@keyframes ilu-fluxo{to{stroke-dashoffset:calc(-1 * (var(--a,6) + var(--b,8)))}}
.ilu-gira{animation:ilu-gira var(--t,3s) linear var(--d,0s) infinite}
@keyframes ilu-gira{to{transform:rotate(360deg)}}
.ilu-balanca{animation:ilu-balanca var(--t,1.2s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-balanca{0%,100%{transform:rotate(var(--r0,-12deg))}50%{transform:rotate(var(--r1,12deg))}}
.ilu-sobe{animation:ilu-sobe var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-sobe{0%{transform:scaleY(var(--s0,.1))}60%,85%{transform:scaleY(1)}100%{transform:scaleY(var(--s0,.1))}}
.ilu-estica{animation:ilu-estica var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-estica{0%{transform:scaleX(0)}60%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.ilu-afunda{animation:ilu-afunda var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-afunda{0%,25%{transform:translateY(0)}55%,85%{transform:translateY(var(--h,8px))}100%{transform:translateY(0)}}
.ilu-chuva{animation:ilu-chuva .7s linear infinite}
@keyframes ilu-chuva{to{transform:translate(var(--x,10px),34px)}}
.ilu-suja{animation:ilu-suja var(--t,4s) ease-in-out var(--d,0s) infinite}
@keyframes ilu-suja{0%,15%{opacity:0}60%,85%{opacity:var(--max,.75)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ilu-svg *{animation:none!important;opacity:1}}