/* RenovaNow 6.0.1 r12 — tela cheia real, slider sem sobreposição e Google abaixo do login. */
:root{--x6-shell:calc(100vw - clamp(24px,3vw,56px))}
.rn6-header,.rn-home-slider,.rn6-category-strip,.rn6-catalog,.rn6-process,.rn6-business,.rn6-footer,.rn6-account-page,
.rn-xp-shop .content-area,.rn-xp-product .content-area,.rn-xp-cart .content-area,.rn-xp-checkout .content-area{
    width:var(--x6-shell)!important;
    max-width:none!important;
}

/* O slide anterior some antes da entrada do próximo; nunca há texto ou arte duplicados. */
.rn-home-slide{
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
    transition:none!important;
    pointer-events:none!important;
}
.rn-home-slide.is-active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    animation:rn-r12-slide-in .72s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes rn-r12-slide-in{
    from{opacity:0;transform:translateX(20px)}
    to{opacity:1;transform:none}
}

/* Hierarquia legível para chamadas, descrições e tutorial comercial. */
.rn-home-slide-copy .rn6-live-label{
    font-size:11px!important;
    font-weight:950!important;
    line-height:1.4!important;
    letter-spacing:.17em!important;
    color:#bd6dff!important;
}
.rn-home-slide-copy>p{
    max-width:720px!important;
    color:#aeb5c8!important;
    font-size:17px!important;
    font-weight:520!important;
    line-height:1.65!important;
}
.rn-home-delivery b{font-size:12px!important;font-weight:850!important}
.rn-home-delivery small{margin-top:2px!important;color:#858ca2!important;font-size:9.5px!important;line-height:1.35!important}
.rn-how-to .rn6-section-head>div>span,
.rn-how-grid small{font-size:9px!important;font-weight:950!important;letter-spacing:.16em!important}
.rn-how-to .rn6-section-head p{max-width:760px!important;color:#9aa4b9!important;font-size:14px!important;line-height:1.65!important}
.rn-how-grid h3{font-size:22px!important;font-weight:880!important;line-height:1.2!important}
.rn-how-grid p{color:#969fb4!important;font-size:13px!important;font-weight:500!important;line-height:1.65!important}

/* Login social fica depois do formulário principal, menor e no centro. */
.rn6-account-page.is-login .rn6-account-content{align-self:center!important}
.rn6-account-page.is-login .rn-google-access{
    width:min(340px,100%)!important;
    margin:22px auto 0!important;
}
.rn6-account-page.is-login .rn-login-divider{
    width:100%!important;
    margin:0 0 12px!important;
    color:#71778a!important;
    font-size:7px!important;
}
.rn6-account-page.is-login .rn-google-access-button{
    width:100%!important;
    min-height:42px!important;
    padding:0 15px!important;
    gap:10px!important;
    border:1px solid rgba(126,108,167,.28)!important;
    border-radius:10px!important;
    background:#f1f2f5!important;
    color:#202124!important;
    font-size:10px!important;
    box-shadow:0 10px 25px rgba(0,0,0,.15)!important;
}
.rn6-account-page.is-login .rn-google-access-button i{width:17px!important;height:17px!important;font-size:8px!important}
.rn6-account-page.is-login .rn-google-access small{margin-top:7px!important;font-size:8px!important;line-height:1.4!important;text-align:center!important}
@media(max-width:720px){
    :root{--x6-shell:calc(100vw - 20px)}
    .rn6-account-page.is-login .rn-google-access{width:min(310px,100%)!important}
    .rn-home-slide-copy .rn6-live-label{font-size:9px!important}
    .rn-home-slide-copy>p{font-size:14px!important}
    .rn-how-grid h3{font-size:20px!important}
    .rn-how-grid p{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.rn-home-slide.is-active{animation:none!important}}