/*==================================================
  LOADER
  Zen Spa Home
==================================================*/

/*==============================================
  LOADER
==============================================*/

.loader {

    will-change: opacity;

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background: var(--color-background, #090909);

}

/*==============================================
  HIDE / INACTIVE
==============================================*/

.loader.is-hidden {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    display: none;

}

/*==============================================
  LOGO
==============================================*/

.loader-logo {

    will-change: transform, opacity;

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    pointer-events: none;

}

.loader-logo-svg {
    display: block;
    width: 220px;
    max-width: 70vw;
    height: auto;
    overflow: visible;
}
.loader-logo-path {
    fill: url(#loaderGold);
    fill-opacity: 0;
    stroke: url(#loaderGold);
    stroke-width: 2px;
}
/*==============================================
  PROGRESS
==============================================*/

.loader-progress {

    will-change: width;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0%; /* GSAP lo animará de 0% a 100% */

    height: 2px;

    background: linear-gradient(

        90deg,

        var(--color-primary, #B9915D),

        #f4d3a4,

        var(--color-primary, #B9915D)

    );

    box-shadow: 0 0 18px rgba(185, 145, 93, .45);

}

/*==============================================
  MOBILE
==============================================*/

@media (max-width: 768px) {

    .loader-logo-svg {

        width: 170px;

    }

}