.elementor-kit-9{--e-global-color-primary:#E29F36;--e-global-color-secondary:#000000;--e-global-color-text:#373737;--e-global-color-accent:#CB871D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-image:url("https://www.wisperhairsalons.com/wp-content/uploads/2026/08/fondo-web-semitransparente-02-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:1025px){.elementor-kit-9{background-attachment:fixed;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================
   CONTENEDOR DESKTOP - SCROLL
   ===================================================== */

.desktop-scroll-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;

    opacity: 0;
    visibility: hidden;

    transform: translateY(-100%);
    
    transition:
        transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.8s ease,
        visibility 0s linear 1.4s;
}

/* APARECER AL BAJAR */

.desktop-scroll-container.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);

    transition:
        transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.8s ease,
        visibility 0s;
}


/* =====================================================
   MÓVIL
   ===================================================== */

@media (max-width: 767px) {

    .desktop-scroll-container {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;

        opacity: 1;
        visibility: visible;
        transform: none;

        transition: none;
    }

    .desktop-scroll-container.is-visible {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

}/* End custom CSS */