/* =========================================================
   HERO SLIDER — BOX ANTIGO + PREENCHIMENTO TOTAL
========================================================= */

#inicio .barber-hero-slider{
    position:relative !important;

    width:465px !important;
    max-width:100% !important;

    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;

    aspect-ratio:auto !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;

    border:2px solid rgba(255,255,255,.92) !important;
    border-radius:23px !important;

    background:#011538 !important;

    box-sizing:border-box !important;
}


/* container interno */

#inicio .barber-hero-slider .barber-hero-slides{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    aspect-ratio:auto !important;

    overflow:hidden !important;

    border-radius:20px !important;
}


/* =========================================================
   AS DUAS FOTOS PREENCHENDO TODO O BOX
========================================================= */

#inicio .barber-hero-slider .barber-hero-slide{

    position:absolute !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:100% !important;
    height:100% !important;

    min-width:100% !important;
    min-height:100% !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    /*
       PREENCHE TODO O BOX
    */
    object-fit:cover !important;

    /*
       Mantém o centro da foto como prioridade
    */
    object-position:50% 50% !important;

    aspect-ratio:auto !important;

    transform:none !important;

    box-shadow:none !important;

    background:transparent !important;

    opacity:0 !important;
    visibility:hidden !important;

    transition:
        opacity 1.1s ease,
        visibility 1.1s ease !important;
}


#inicio .barber-hero-slider .barber-hero-slide.is-active{
    opacity:1 !important;
    visibility:visible !important;

    z-index:5 !important;
}


/* primeira foto */

#inicio .barber-hero-slide:nth-child(1){
    object-position:center center !important;
}


/* segunda foto */

#inicio .barber-hero-slide:nth-child(2){
    object-position:center center !important;
}


/* elimina qualquer pseudo-elemento antigo */

#inicio .barber-hero-slider::before,
#inicio .barber-hero-slider::after,
#inicio .barber-hero-slides::before,
#inicio .barber-hero-slides::after{
    content:none !important;
    display:none !important;
}


/* bolinhas do slider */

#inicio .barber-hero-dots{
    position:absolute !important;

    left:50% !important;
    bottom:11px !important;

    transform:translateX(-50%) !important;

    z-index:20 !important;
}


/* =========================================================
   RESPONSIVO
========================================================= */

@media(max-width:600px){

    #inicio .barber-hero-slider{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:465 / 310 !important;
    }

}