/*
 * Vila Baco Core v0.19.3
 * Momentos especiais:
 * - estado selecionado verde oficial
 * - capa e modal sem corte
 * - modal acompanha a proporção natural da foto
 */

.vb-home-moments-section .vb-moment-card,
.vb-home-moments-host .vb-moment-card{
    background:#fff !important;
    border-color:rgba(67,0,25,.10) !important;
    color:#3d3035 !important;
}

.vb-home-moments-section .vb-moment-card.is-selected,
.vb-home-moments-host .vb-moment-card.is-selected{
    border-color:#72a900 !important;
    background:#72a900 !important;
    color:#430019 !important;
    box-shadow:0 18px 48px rgba(67,0,25,.12) !important;
}

.vb-home-moments-section .vb-moment-card.is-selected .vb-moment-card__content,
.vb-home-moments-host .vb-moment-card.is-selected .vb-moment-card__content{
    background:#72a900 !important;
}

.vb-home-moments-section .vb-moment-card.is-selected .vb-moment-card__content small,
.vb-home-moments-section .vb-moment-card.is-selected .vb-moment-card__content strong,
.vb-home-moments-section .vb-moment-card.is-selected .vb-moment-card__content > span,
.vb-home-moments-section .vb-moment-card.is-selected .vb-moment-card__content b,
.vb-home-moments-host .vb-moment-card.is-selected .vb-moment-card__content small,
.vb-home-moments-host .vb-moment-card.is-selected .vb-moment-card__content strong,
.vb-home-moments-host .vb-moment-card.is-selected .vb-moment-card__content > span,
.vb-home-moments-host .vb-moment-card.is-selected .vb-moment-card__content b{
    color:#430019 !important;
}

.vb-home-moments-section .vb-moment-card__image,
.vb-home-moments-host .vb-moment-card__image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    background:#f4eee9 !important;
}

.vb-home-moments-section .vb-moment-card__image img,
.vb-home-moments-host .vb-moment-card__image img{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
}

/* Modal: the panel can scroll instead of cutting a tall/original image. */
.vb-moment-modal__panel{
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

.vb-moment-modal__viewer{
    display:grid !important;
    grid-template-columns:50px minmax(0,1fr) 50px !important;
    align-items:center !important;
    min-height:0 !important;
    height:auto !important;
    overflow:visible !important;
}

.vb-moment-modal__slides{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

.vb-moment-modal__slide{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    opacity:1 !important;
    transform:none !important;
}

.vb-moment-modal__slide:not(.is-active){
    display:none !important;
}

.vb-moment-modal__slide.is-active{
    display:grid !important;
    place-items:center !important;
}

.vb-moment-modal__slide img{
    position:static !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:0 auto !important;
}

@media(max-width:620px){
    .vb-moment-modal__viewer{
        grid-template-columns:40px minmax(0,1fr) 40px !important;
        padding:0 6px !important;
    }
}