/* MODUM | 03-responsivo-celular.css | extraído do site atual */
.mm{display:none}
@media (max-width:900px){
header .wrap{flex-wrap:nowrap!important;padding-top:8px!important;padding-bottom:8px!important}
header .wrap>a.btn{display:none}
.mm{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 12px;margin-left:auto;background:transparent;border:2px solid rgba(255,255,255,.6);border-radius:12px;cursor:pointer;box-sizing:border-box}
.mm span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
header.open .mm span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.open .mm span:nth-child(2){opacity:0}
header.open .mm span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
header .nav{display:none!important}
header.open .nav{display:flex!important;flex-direction:column;align-items:stretch!important;position:absolute;left:0;right:0;top:100%;background:#2b1860;padding:8px 16px 16px;gap:2px!important;box-shadow:0 18px 40px rgba(0,0,0,.25);max-height:calc(100vh - 70px);overflow-y:auto}
header.open .nav a{font-size:17px!important;min-height:52px!important;padding:0 14px!important}
header.open .nav:after{content:'';display:block}
.wrap{padding:0 18px!important}
.sec{padding:56px 0!important}
h1{font-size:31px!important;line-height:1.15!important}
h2{font-size:27px!important;line-height:1.2!important}
h3{font-size:19px!important}
.g2{grid-template-columns:1fr!important;gap:28px!important}
.g3{grid-template-columns:1fr!important}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.card{padding:20px!important}
.stat b{font-size:34px!important}
.slot{font-size:24px!important;gap:2px!important}
.slot>span{gap:2px!important}
.g4 .stat:has(.slot){grid-column:1/-1;order:-1}
.g4 .stat:last-child:not(:has(.slot)):nth-child(4){grid-column:1/-1}
.reel{border-radius:6px}
main>section:first-child .wrap{padding-top:36px!important;padding-bottom:44px!important;gap:24px!important}
main>section:first-child p{font-size:16px!important}
.btn{min-height:50px;padding:0 20px;font-size:15px;width:100%}
.btn+.btn{margin-top:0}
.foot .wrap{padding-top:48px!important}
img{height:auto}
}
@media (max-width:380px){.g4{grid-template-columns:1fr!important}h1{font-size:28px!important}}

/* Ajuste Agência Spin: cards da Store (com preço) em uma coluna no celular, sem ultrapassar a tela */
@media (max-width:480px){.g4:has(.price){grid-template-columns:1fr!important}.price span{white-space:normal!important}}