/* R4U: moldura da foto do Caê é a régua para todos os banners. */
#inicio.hero{width:calc(100% - 40px)!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2840/640!important;overflow:hidden!important;margin:12px 20px 18px!important}
#inicio.hero:has(.slide.active:not(:first-child)){margin-bottom:18px!important}
#inicio.hero .slide{overflow:hidden!important}
#inicio.hero .r4u-pkg-slide{background:#0a0806}
#inicio.hero .r4u-pkg-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center!important}
#inicio.hero .r4u-pkg-book{position:absolute;z-index:8;background:#100c09;display:flex;align-items:center;justify-content:center;border:0;box-shadow:0 8px 17px #000c;overflow:hidden;text-decoration:none}
#inicio.hero .r4u-pkg-book img{width:100%;height:100%;object-fit:contain;object-position:center;background:#100c09;box-shadow:none!important;filter:none!important}
#inicio.hero .r4u-pkg-book:hover{filter:brightness(1.12);box-shadow:0 10px 22px #000}
#inicio.hero .r4u-pkg-cta{position:absolute;top:77%;height:15%;width:32.5%;z-index:9;border-radius:7px}
#inicio.hero .r4u-pkg-cta:focus-visible{outline:3px solid white;outline-offset:2px}
#inicio.hero .r4u-pkg-book:focus-visible{outline:3px solid #ffd400}
#inicio.hero .arr{z-index:25!important}
@media(max-width:800px){
#inicio.hero{width:calc(100% - 20px)!important;margin:10px 10px 18px!important;aspect-ratio:2840/640!important}
#inicio.hero .mobilecopy{display:none!important}
#inicio.hero .r4u-pkg-book{box-shadow:0 3px 9px #000b}
#inicio.hero .arr{width:30px!important;height:30px!important;min-width:30px!important;font-size:24px!important}
}