/* V6.1.7 — imagem desktop limitada + login realmente centralizado */

/* =========================================================
   HOME / CAMPANHA EM DESTAQUE — DESKTOP
   Evita que a imagem ocupe quase toda a altura da viewport.
   ========================================================= */
@media (min-width: 901px){
    .raffle-modern-container{
        width:min(100% - 40px,1050px)!important;
    }

    .raffle-main-card{
        display:grid!important;
        grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr)!important;
        align-items:stretch!important;
        max-height:455px!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    .raffle-main-media{
        width:100%!important;
        height:455px!important;
        min-height:0!important;
        max-height:455px!important;
        aspect-ratio:auto!important;
        overflow:hidden!important;
    }

    .raffle-main-media img{
        width:100%!important;
        height:100%!important;
        max-height:455px!important;
        object-fit:cover!important;
        object-position:center!important;
        display:block!important;
    }

    .raffle-main-content{
        min-width:0!important;
        height:455px!important;
        max-height:455px!important;
        overflow:auto!important;
        padding:18px!important;
        scrollbar-width:thin;
    }

    /* Página individual da campanha também não deixa a galeria crescer indefinidamente */
    .raffle-campaign-card{
        align-items:stretch!important;
    }
    .raffle-gallery-main{
        height:500px!important;
        max-height:500px!important;
        aspect-ratio:auto!important;
    }
    .raffle-gallery-main img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }
}

/* =========================================================
   LOGIN / CADASTRO — CARD CENTRAL NO MEIO DA TELA
   ========================================================= */
.raffle-auth-page{
    width:100%!important;
    min-height:calc(100dvh - 68px - 78px)!important;
    height:auto!important;
    margin:0!important;
    padding:22px 14px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
}

.raffle-auth-card{
    width:min(100%,760px)!important;
    margin:auto!important;
    align-self:center!important;
    justify-self:center!important;
}

/* Login sem painel lateral no mobile continua centralizado */
@media (max-width:900px){
    .raffle-auth-page{
        min-height:calc(100dvh - 62px - 72px)!important;
        padding:16px 10px!important;
        place-items:center!important;
    }

    .raffle-auth-card{
        width:min(100%,500px)!important;
        margin:auto!important;
    }
}

@media (max-width:700px){
    .raffle-auth-page{
        min-height:calc(100dvh - 62px - 68px)!important;
        padding:14px 10px!important;
    }

    .raffle-auth-card{
        width:min(100%,460px)!important;
    }
}

/* PWA: não há rodapé, então o card usa toda a área útil abaixo do topo */
@media (display-mode: standalone){
    .raffle-auth-page{
        min-height:calc(100dvh - 62px)!important;
    }
}
@media (display-mode: fullscreen){
    .raffle-auth-page{
        min-height:calc(100dvh - 62px)!important;
    }
}
html.pwa-standalone .raffle-auth-page,
body.pwa-standalone .raffle-auth-page{
    min-height:calc(100dvh - 62px)!important;
}