/*
 * Vila Baco Core v0.21.3
 * Correções finais solicitadas pela cliente em 22/09/2026.
 */

/* ==========================================================
   HOME: usa o mesmo cabeçalho global das páginas internas.
   O cabeçalho antigo do HTML/Elementor fica oculto.
   ========================================================== */
body.vb-home-page .vb-site .vb-header{
    display:none !important;
}

body.vb-home-page .vb-global-header.vb-global-header--home-standard{
    display:block !important;
}

/* A Home já possuía 96px de compensação do antigo header fixo. */
body.vb-home-page .vb-site{
    padding-top:96px !important;
}

@media(max-width:920px){
    body.vb-home-page .vb-site{
        padding-top:86px !important;
    }
}

@media(max-width:600px){
    body.vb-home-page .vb-site{
        padding-top:80px !important;
    }
}

/* ==========================================================
   HOME > TÁBUAS: modal vindo do catálogo AJAX.
   ========================================================== */
body.vb-home-page #tabuas .vb-tabua-detail-modal--direct.is-open{
    display:grid !important;
}

/* ==========================================================
   EXPERIÊNCIAS: galeria navegável em popup, sem nova janela.
   ========================================================== */
.vb-experience-gallery__main{
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:18px;
    background:#f4eee9;
    cursor:zoom-in;
    appearance:none;
}

.vb-experience-gallery__main img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
}

.vb-experience-gallery__main>span{
    position:absolute;
    right:14px;
    bottom:14px;
    padding:7px 10px;
    border-radius:999px;
    color:#fff;
    background:rgba(59,0,24,.80);
    backdrop-filter:blur(7px);
    font-size:9px;
    font-weight:700;
    letter-spacing:.25px;
    pointer-events:none;
}

.vb-experience-gallery__thumbs{
    display:flex !important;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}

.vb-experience-gallery__thumb{
    width:82px;
    height:72px;
    padding:0;
    overflow:hidden;
    border:2px solid transparent;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    appearance:none;
}

.vb-experience-gallery__thumb.is-active{
    border-color:#72a900;
}

.vb-experience-gallery__thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.vb-experience-lightbox{
    position:fixed;
    inset:0;
    z-index:120500;
    display:none;
    place-items:center;
    padding:28px;
}

.vb-experience-lightbox.is-open{
    display:grid;
}

.vb-experience-lightbox__backdrop{
    position:absolute;
    inset:0;
    background:rgba(18,0,8,.90);
    backdrop-filter:blur(7px);
}

.vb-experience-lightbox__panel{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 54px;
    align-items:center;
    width:min(1240px,100%);
    height:min(90vh,920px);
}

.vb-experience-lightbox__stage{
    display:grid;
    place-items:center;
    min-width:0;
    height:100%;
    padding:18px;
}

.vb-experience-lightbox__stage img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    border-radius:14px;
    background:#fff;
    box-shadow:0 24px 80px rgba(0,0,0,.35);
}

.vb-experience-lightbox__close,
.vb-experience-lightbox__nav{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.38);
    border-radius:50%;
    color:#fff;
    background:rgba(59,0,24,.72);
    backdrop-filter:blur(8px);
    cursor:pointer;
}

.vb-experience-lightbox__close{
    position:absolute;
    top:0;
    right:0;
    z-index:4;
    font-size:24px;
}

.vb-experience-lightbox__nav{
    position:relative;
    z-index:3;
    font-size:20px;
}

.vb-experience-lightbox__nav[hidden]{
    visibility:hidden !important;
}

.vb-experience-lightbox__caption{
    position:absolute;
    right:70px;
    bottom:0;
    left:70px;
    color:rgba(255,255,255,.78);
    font-size:10px;
    text-align:center;
}

body.vb-experience-lightbox-open{
    overflow:hidden !important;
}

@media(max-width:620px){
    .vb-experience-lightbox{
        padding:12px;
    }

    .vb-experience-lightbox__panel{
        grid-template-columns:42px minmax(0,1fr) 42px;
        height:94vh;
    }

    .vb-experience-lightbox__stage{
        padding:8px;
    }

    .vb-experience-lightbox__close,
    .vb-experience-lightbox__nav{
        width:38px;
        height:38px;
    }
}