/* V24 — fotografias reais de mockup nas oito categorias */
.mx20-illustration{height:190px;background:#f3f0f6!important;overflow:hidden}
.mx20-illustration .mx24-product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;display:block;transition:transform .45s ease,filter .45s ease}
.mx20-card:hover .mx24-product-photo{transform:scale(1.065);filter:saturate(1.09)}
.mx20-illustration .mx20-art-circle,.mx20-illustration .mx20-art-dot,.mx20-illustration .mx20-art-icon{display:none}
.mx20-card{box-shadow:0 12px 28px #17152013}
.mx20-card-body{padding:21px 22px 24px}
.mx20-card-body a{display:inline-flex;align-items:center;background:#f50075;color:#fff;border-radius:999px;padding:11px 17px;box-shadow:0 7px 18px #e6006630;transition:background .2s,transform .2s}
.mx20-card-body a:hover{background:#c90062;color:#fff;text-decoration:none;transform:translateY(-2px)}
@media(max-width:580px){.mx20-illustration{height:195px}}
@media(prefers-reduced-motion:reduce){.mx20-illustration .mx24-product-photo,.mx20-card-body a{transition:none!important}}
/* MX Media — reduzir espaço vazio no início do site */
.hero {
    padding-top: 25px !important;
    padding-bottom: 45px !important;
    min-height: 520px !important;
}

.hero .hero-art.hero-mascot {
    min-height: 470px !important;
}

@media (max-width: 850px) {
    .hero {
        padding-top: 35px !important;
        min-height: auto !important;
    }
}