/* RenovaNow 6.0.1 r6 — ilustrações 3D recortadas, sem fundo incorporado. */
.rn-home-transparent-visual{
    min-height:500px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    isolation:isolate;
}
.rn-home-transparent-visual:before{display:none!important}
.rn-home-transparent-visual:after{
    content:"";
    width:76%;
    height:44%;
    position:absolute;
    z-index:-1;
    left:12%;
    bottom:10%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(41,103,255,.2),rgba(125,45,239,.1) 42%,transparent 72%);
    filter:blur(24px);
    pointer-events:none;
}
.rn-home-transparent-visual>img{
    width:112%!important;
    max-width:none!important;
    height:520px!important;
    margin:0!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 34px 48px rgba(0,0,0,.46)) drop-shadow(0 0 32px rgba(56,104,255,.17))!important;
    transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease!important;
}
.rn-home-slide.is-active .rn-home-transparent-visual>img{animation:rn-r6-cutout-in 1.3s cubic-bezier(.18,.78,.2,1) both}
.rn-home-transparent-visual:hover>img{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 42px 54px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(55,119,255,.24))!important}
.rn-home-account-visual>img{height:540px!important}
@keyframes rn-r6-cutout-in{from{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}

/* O guia usa recortes grandes e reconhecíveis; o fundo pertence ao site, não às artes. */
.rn-how-grid{gap:18px!important}
.rn-how-grid article{
    min-height:455px!important;
    padding:10px 10px 22px!important;
    overflow:visible!important;
    border-color:rgba(104,87,190,.2)!important;
    background:linear-gradient(165deg,rgba(13,18,33,.78),rgba(5,7,14,.9))!important;
    box-shadow:0 24px 65px rgba(0,0,0,.16)!important;
}
.rn-how-grid article:hover{transform:translateY(-8px)!important;border-color:rgba(89,117,255,.48)!important;box-shadow:0 34px 75px rgba(0,0,0,.28),0 0 38px rgba(67,91,220,.08)!important}
.rn-how-grid figure{
    height:275px!important;
    margin:-28px -8px 4px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.rn-how-grid figure:before{display:none!important}
.rn-how-grid figure>img{
    width:106%!important;
    height:270px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 24px 30px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(46,107,255,.14));
    transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease;
}
.rn-how-grid article:hover figure>img{transform:translateY(-7px) scale(1.035);filter:drop-shadow(0 30px 36px rgba(0,0,0,.52)) drop-shadow(0 0 30px rgba(45,115,255,.2))}
.rn-how-grid article>div{padding:0 18px 10px!important;position:relative}
.rn-how-grid article>div:before{content:"";width:34px;height:2px;margin-bottom:17px;display:block;border-radius:9px;background:linear-gradient(90deg,#536dff,#8b38f4,#48d8cb)}
.rn-how-grid small{color:#768dff!important;font-size:7px!important}
.rn-how-grid h3{font-size:19px!important}
.rn-how-grid p{font-size:10px!important}

@media(max-width:1180px){
    .rn-home-transparent-visual{min-height:430px!important}
    .rn-home-transparent-visual>img,.rn-home-account-visual>img{width:100%!important;height:440px!important}
    .rn-how-grid article{min-height:430px!important}
}
@media(max-width:720px){
    .rn-home-transparent-visual{min-height:340px!important}
    .rn-home-transparent-visual>img,.rn-home-account-visual>img{width:108%!important;height:350px!important}
    .rn-home-transparent-visual:after{width:90%;left:5%;bottom:7%}
    .rn-how-grid{gap:18px!important}
    .rn-how-grid article{min-height:415px!important}
    .rn-how-grid figure{height:270px!important;margin:-20px -4px 0!important}
    .rn-how-grid figure>img{height:265px!important}
}
@media(prefers-reduced-motion:reduce){
    .rn-home-transparent-visual>img,.rn-how-grid figure>img{animation:none!important;transition:none!important}
    .rn-home-transparent-visual:hover>img,.rn-how-grid article:hover figure>img{transform:none!important}
}