/* MX Media — reformulacao da home, preservando paginas e painel existentes */
header .brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:175px}
header .brand .brand-logo{width:57px!important;height:63px!important;object-fit:contain!important;flex:none!important;filter:drop-shadow(0 3px 8px #0005)}
header .brand .brand-name{display:flex!important;flex-direction:column!important;color:#fff!important;font-size:20px!important;font-weight:900!important;letter-spacing:-.035em!important;line-height:1.05!important;white-space:nowrap}
header .brand .brand-name small{font-size:8px!important;letter-spacing:.04em!important;color:#dedee5!important;margin-top:5px!important}
.hero#inicio{max-width:1280px!important;margin:auto!important;padding:30px clamp(24px,5vw,70px) 42px!important;min-height:0!important;gap:clamp(20px,4vw,60px)!important;align-items:center!important}
.hero#inicio > div:first-child{align-self:center!important}
.hero#inicio .hero-art.hero-mascot{position:relative!important;gap:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:0!important}
.hero#inicio .hero-art.hero-mascot > img{order:0!important;grid-row:auto!important;max-height:none!important;height:clamp(290px,32vw,430px)!important;width:100%!important;max-width:440px!important;object-fit:contain!important;cursor:pointer!important;animation:mxFloat 4s ease-in-out infinite!important;transition:filter .2s ease!important;filter:drop-shadow(0 16px 27px #0006)!important}
.hero#inicio .hero-art.hero-mascot > img:hover{filter:drop-shadow(0 12px 32px #00c8ff80)!important}
.hero#inicio .hero-art.hero-mascot > img:focus-visible{outline:3px solid #ffda26;outline-offset:5px;border-radius:20px}
.hero#inicio .hero-art.hero-mascot > .mascot-speech{order:1!important;grid-row:auto!important;max-width:420px!important;width:min(100%,420px)!important;padding:15px 18px!important}
.hero#inicio .hero-art.hero-mascot > .mascot-speech::after{top:-15px!important;bottom:auto!important;transform:translateX(-50%) rotate(180deg)!important}
.hero#inicio .hero-art.hero-mascot > .mascot-speech p{font-size:14px!important;line-height:1.55!important}
.hero#inicio h1{font-size:clamp(38px,4.6vw,68px)!important;line-height:1.1!important}
.hero#inicio .actions{margin-top:22px!important}
.hero#inicio .highlights{margin-top:24px!important}
/* Intro: efeitos coloridos menores e ATRAS do personagem, sem cobri-lo */
.mx-intro .intro-inner{max-width:700px!important;padding:22px!important}
.mx-intro .intro-mascot-wrap{height:clamp(230px,42vh,355px)!important;max-width:475px!important}
.mx-intro .intro-mascot{z-index:6!important;position:relative!important}
.mx-intro .intro-splash{z-index:1!important;opacity:.42!important;filter:blur(3px)!important;width:35px!important;height:35px!important;animation:mxColorPop 1.2s ease-out .65s both!important}
.mx-intro .splash-blue{--ox:-155px;--oy:-70px}.mx-intro .splash-pink{--ox:155px;--oy:-60px}.mx-intro .splash-yellow{--ox:-140px;--oy:85px}.mx-intro .splash-white{--ox:140px;--oy:85px}
.mx-intro .intro-wipe{display:none!important}
@keyframes mxColorPop{from{opacity:0;transform:translate(-50%,-50%) scale(.15)}to{opacity:.42;transform:translate(calc(-50% + var(--ox)),calc(-50% + var(--oy))) scale(2)}}
@keyframes mxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:850px){header .brand .brand-name{font-size:17px!important}header .brand .brand-logo{width:43px!important;height:49px!important}.hero#inicio{padding:25px 20px 35px!important;gap:15px!important}.hero#inicio .hero-art.hero-mascot > img{height:300px!important}}
@media(max-width:520px){.hero#inicio{padding:22px 18px 30px!important}.hero#inicio h1{font-size:clamp(38px,10vw,52px)!important}.hero#inicio .hero-art.hero-mascot > img{height:270px!important}.hero#inicio .hero-art.hero-mascot > .mascot-speech{max-width:100%!important}.mx-intro .intro-mascot-wrap{height:245px!important}}
@media(prefers-reduced-motion:reduce){.hero#inicio .hero-art.hero-mascot > img{animation:none!important}.mx-intro .intro-splash{animation:none!important;display:none!important}}