/* MÓDULO: rolo | EXTRAÍDO DE: app019-app.html | VERSÃO: 1.0 | DATA: 2026-06-25 */
@media(max-width:760px){
 .grid.rolo{position:relative;display:block!important;grid-template-columns:none;height:74vh;min-height:430px;margin:8px 0 0;padding:0;perspective:1300px;perspective-origin:50% 46%;overflow:visible;touch-action:none}
 .grid.rolo>.mc,.grid.rolo>.vc{position:absolute;left:50%;top:50%;width:calc(100% - 48px);max-width:none;margin:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;transition:transform .52s cubic-bezier(.34,1.46,.5,1),opacity .42s ease,filter .42s ease;animation:none!important}
 .grid.rolo>.mc.active{box-shadow:0 30px 70px -16px rgba(0,0,0,.82),0 0 0 1px rgba(239,160,23,.22)}
 .grid.rolo>.vc.active{box-shadow:0 30px 70px -16px rgba(0,0,0,.82),0 0 0 1px rgba(59,130,246,.4)}
 .grid.rolo>.skel,.grid.rolo>.emptybox{position:static!important;transform:none!important;opacity:1!important}
}
@media(prefers-reduced-motion:reduce){.grid.rolo>.mc,.grid.rolo>.vc{transition:opacity .2s ease!important}}