/* ================================================================
   VILA MODERN V19 — CORREÇÃO CIRÚRGICA DO SLIDESHOW DA HOME
   Escopo: somente slideshow + sobreposição imediata da busca.
   ================================================================ */

/* O slideshow ocupa exatamente a proporção da arte ativa.
   O JS V18 atualiza --vm-promo-ratio pela dimensão natural da imagem.
   Fallback atual: 1000x316. */
body.vila-modern .vm-promo {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: #090a0d !important;
}

body.vila-modern .vm-promo__track {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: var(--vm-promo-ratio, 1000 / 316) !important;
    overflow: hidden !important;
}

body.vila-modern .vm-promo__slide,
body.vila-modern .vm-promo__slide.is-active {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

body.vila-modern .vm-promo__slide picture,
body.vila-modern .vm-promo__slide img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
}

body.vila-modern .vm-promo__slide img {
    object-fit: contain !important;
    object-position: center center !important;
}

/* CAUSA VISÍVEL NA PRINT:
   o painel da busca tinha margin-top:-32px e cobria a base do banner.
   Neutralizamos APENAS essa sobreposição. */
body.vila-modern .vm-discovery {
    margin-top: 0 !important;
}

body.vila-modern .vm-discovery__panel {
    margin-top: 0 !important;
}