/* =========================================================
   BARBER AREIA — BACKGROUND HERO
========================================================= */

#inicio{
    position:relative !important;

    background:
        linear-gradient(
            90deg,
            rgba(1,21,56,.91) 0%,
            rgba(1,21,56,.78) 42%,
            rgba(1,21,56,.56) 100%
        ),
        url('/assets/hero-background-fabcxic.jpg')
        center center / cover no-repeat !important;

    background-attachment:scroll !important;

    overflow:hidden;
}


/*
   Sombreamento suave para o texto continuar legível.
   Não esconde a imagem.
*/
#inicio::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    display:block !important;

    pointer-events:none !important;

    z-index:0 !important;

    background:
        radial-gradient(
            circle at 75% 45%,
            transparent 0%,
            rgba(1,21,56,.05) 42%,
            rgba(1,21,56,.28) 100%
        ) !important;
}


/*
   Conteúdo fica acima do background.
*/
#inicio > *{
    position:relative;
    z-index:2;
}


/*
   Não altera o slider principal.
*/
#inicio .barber-hero-slider{
    z-index:3 !important;
}


/* MOBILE */

@media(max-width:700px){

    #inicio{
        background:
            linear-gradient(
                rgba(1,21,56,.82),
                rgba(1,21,56,.72)
            ),
            url('/assets/hero-background-fabcxic.jpg')
            center center / cover no-repeat !important;
    }

}