:root {
    scrollbar-color: var(--orange) var(--color500);
}

html, #Wrapper {
    background: var(--color600);
} 

#Content {
    background: transparent;
    padding-top: 0;
    z-index: 1;
}

h1, h1 a, h1 a:hover, 
.text-logo #logo,
h2, h2 a, h2 a:hover,
h3, h3 a, h3 a:hover,
h4, h4 a, h4 a:hover,
h5, h5 a, h5 a:hover,
h6, h6 a, h6 a:hover,
body, p, .lead {
    color: var(--color100);
}

.back-blur.button, 
.back-blur .mcb-wrap-inner {
    backdrop-filter: blur(8px);
}

/* Botón blur */
.be_button_jeo66exn {
    .mcb-column-inner {
        backdrop-filter: blur(8px);
    }

    .button {
        backdrop-filter: blur(8px);

        &:hover {
            .button_label:not(.button_label_hover) {
                opacity: 1 !important;
                transform: none !important;
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -ms-transform: none !important;
                -o-transform: none !important;
            }
        }

        &:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 120%;
            height: 180%;
            background: var(--orange);
            transform: translateX(-75%) scaleY(1) scaleX(1.25);
            -webkit-transform: translateX(-75%) scaleY(1) scaleX(1.25);
            -moz-transform: translateX(-75%) scaleY(1) scaleX(1.25);
            -ms-transform: translateX(-75%) scaleY(1) scaleX(1.25);
            -o-transform: translateX(-75%) scaleY(1) scaleX(1.25);
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            display: block;
            z-index: -1;
            transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
            -webkit-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
            -moz-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
            -ms-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
            -o-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
        }

        &:hover:before {
            top: -35%;
            transform: translateX(-50%) scaleY(1.3) scaleX(0.9);
            -webkit-transform: translateX(-50%) scaleY(1.3) scaleX(0.9);
            -moz-transform: translateX(-50%) scaleY(1.3) scaleX(0.9);
            -ms-transform: translateX(-50%) scaleY(1.3) scaleX(0.9);
            -o-transform: translateX(-50%) scaleY(1.3) scaleX(0.9);
        }
    }

    .button_label_hover {
        display: none;
    }
}

/* Gradient mouse tracker */
.gradient-mouse-tracker {
    background: radial-gradient(circle closest-side, var(--orange) 5%, var(--orange-strong) 50%, transparent 100%);
    backdrop-filter: blur(36px);
    opacity: .3;
    width: min( 1000px, 50vw );
    height: min( 1000px, 50vw );
    position: fixed;
    z-index: 0;
    border-radius: 2000px;
    -webkit-border-radius: 2000px;
    -moz-border-radius: 2000px;
    -ms-border-radius: 2000px;
    -o-border-radius: 2000px;
    transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out;
    -o-transition: width 1s ease-in-out, height 1s ease-in-out, opacity 1s ease-in-out;

    &.over-map {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

/* Custom cursor */
.cursor {
    position: fixed;
    width: 144px;
    height: 144px;
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--orange);
    color: var(--color600);
    font-size: var(--size-plead);
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}


/*********************************\
              HEADER
\*********************************/
#mfn-header-template {
    transition: transform .8s ease-in-out;
    -webkit-transition: transform .8s ease-in-out;
    -moz-transition: transform .8s ease-in-out;
    -ms-transition: transform .8s ease-in-out;
    -o-transition: transform .8s ease-in-out;
}

body.scroll-down {
    #mfn-header-template {
        transform: translateY(calc( 0px - var(--black-header-height)));
        -webkit-transform: translateY(calc( 0px - var(--black-header-height)));
        -moz-transform: translateY(calc( 0px - var(--black-header-height)));
        -ms-transform: translateY(calc( 0px - var(--black-header-height)));
        -o-transform: translateY(calc( 0px - var(--black-header-height)));
    }
}

body.scroll-up {
    #mfn-header-template {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
}

.logo-blur img {
    backdrop-filter: blur(8px);
}

/* Megamenu */
.mfn-header-menu li.mfn-menu-item-has-megamenu {
    .mfn-menu-item-megamenu {    
        .mfn-megamenu-overlay {
            background: rgba(20, 20, 20, 0);
        }
    }

    &.hover-megamenu {
        .mfn-menu-item-megamenu {    
            .mfn-megamenu-overlay {
                background: rgba(20, 20, 20, 0.16);

                @starting-style {
                    backdrop-filter: blur(0px);
                    background: rgba(20, 20, 20, 0);
                }
            }
        } 
    }
}

/* Fix click behind header */
#mfn-header-template {
    pointer-events: none;

    .mfn-global-section,
    a {
        pointer-events: auto;
    }
}


/*********************************\
              FOOTER
\*********************************/
.footer-cta {
    .mfn-icon-box {
        backdrop-filter: blur(36px);
        transition: transform .6s ease-in-out;
        -webkit-transition: transform .6s ease-in-out;
        -moz-transition: transform .6s ease-in-out;
        -ms-transition: transform .6s ease-in-out;
        -o-transition: transform .6s ease-in-out;

        .title {
            max-width: 120px;
        }

        .icon-wrapper {
            transition: transform .6s ease-in-out;
            -webkit-transition: transform .6s ease-in-out;
            -moz-transition: transform .6s ease-in-out;
            -ms-transition: transform .6s ease-in-out;
            -o-transition: transform .6s ease-in-out;
        }

        &:hover {
            transform: scale(1.02);
            -webkit-transform: scale(1.02);
            -moz-transform: scale(1.02);
            -ms-transform: scale(1.02);
            -o-transform: scale(1.02);

            .icon-wrapper {
                transform: rotate(405deg);
                -webkit-transform: rotate(405deg);
                -moz-transform: rotate(405deg);
                -ms-transform: rotate(405deg);
                -o-transform: rotate(405deg);
            } 
        }
    }
}

/* Popup */
.mfn-popup-tmpl {
    .mfn-popup-tmpl-content {
        backdrop-filter: blur(36px);
    }
}

.be_popup_exit_pnhunyg {
    .exit-mfn-popup {
        display: flex;
        align-items: center;
        gap: 8px;
        text-transform: uppercase;

        .button_icon {
            font-size: 1.2em;
            line-height: 0;
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
        }

        &:hover {
            .button_icon {
                transform: rotate(360deg);
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
            }
        }
    }
}


/*********************************\
              HOME
\*********************************/
@keyframes continue-scroll {
    0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    30% { transform: translateY(30%); -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
}

.continue-scroll .mcb-column-inner {
    animation: continue-scroll 2s ease-in-out infinite;
    -webkit-animation: continue-scroll 2s ease-in-out infinite;
}

#Portada,
.image-gradient {
    mask-image: linear-gradient(to bottom, black 76.9%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 76.9%, transparent 100%);

    .mcb-background-overlay {
        z-index: 0;
    }
}

.be_wrap_rc4rnqko {
    .mcb-wrap-inner {
        backdrop-filter: blur(8px);
    }
}

.grid-wrap > .mcb-wrap-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;

    .wrap {
        width: 100%;
        height: 100%;
    }
}

/* SVG Scroll animation */
#svg-scroll-animation-container {
    position: relative;
    mask-image: linear-gradient(to bottom, black 70%, transparent 85%);
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 85%);

    .text {
        div {
            padding: 54px 24px;
            position: relative;

            &:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 1px;
                height: 100%;
                z-index: 1;
                background: linear-gradient(180deg, #FFF 42.37%, transparent 100%);
            }

            h3 {
                margin: 0 0 8px;
            }

            p {
                color: var(--color200);
                margin: 0;
            }
        }

        &.text-2 div {
            text-align: right;

            &:before {
                left: auto;
                right: 0;
            }
        }
    }
}

/* Scroll video */
.be_wrap_no91acs {
    .mcb-wrap-inner {
        overflow: hidden;
    }

    video {
        width: 100%;
        height: auto;
    }
}


/*********************************\
            ABOUT SOLO
\*********************************/
.column_column p {
    color: inherit;

    strong {
        color: var(--color100);
    }
}

.mask-section-from-up {
    mask-image: linear-gradient(to bottom, transparent 0, black 40%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 40%);
}

.mfn-popup-tmpl .column_icon_box_2 .desc-wrapper {
    flex-direction: column;
}


/*********************************\
            COMPLIANZ
\*********************************/
/* Cookies button */
body #cmplz-manage-consent .cmplz-manage-consent {
    background: var(--color500);
    color: var(--color100) !important;

    &:before {
        content: "";
        background: transparent url(../imagenes/icono-ajustes-dark.svg) center center / contain no-repeat;
    }
}

/* Cookies banner */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    background: var(--color500);

    .cmplz-links .cmplz-link {
        color: var(--color100);
    }

    .cmplz-buttons .cmplz-btn {
        background: var(--color100);
        color: var(--color600);
    }

    .cmplz-categories .cmplz-category {
        background: var(--color600);

        .cmplz-description,
        .cmplz-category-title {
            color: var(--color100);
        }

        .cmplz-icon svg {
            fill: var(--color100);
        }
    }
}


/*********************************\
             CONTACTO
\*********************************/
input[type="date"], input[type="email"], 
input[type="number"], input[type="password"], 
input[type="search"], input[type="tel"], 
input[type="text"], input[type="url"], 
select, textarea, 
.wp-block-search input[type="search"], 
.dark input[type="email"], .dark input[type="password"], 
.dark input[type="tel"], .dark input[type="text"], 
.dark select, .dark textarea {
    background: var(--color600);
    color: var(--color100);

    &:focus {
        background: var(--color600) !important;
        color: var(--orange);
        border-color: var(--orange);

        &::placeholder {
            color: var(--orange);
        }
    }
}

.text-border {
    -webkit-text-stroke-width: 0.015em;
    -webkit-text-stroke-color: var(--color100);
    -webkit-text-fill-color: transparent;
}

.codedropz-upload-handler {
    border: 1px dashed var(--color200);
    margin-bottom: 3px;
    background: var(--color600);
    border-radius: 16px;
}

.dnd-upload-status {
    .dnd-upload-details {
        .name {
            color: var(--color100);
        
            em {
                color: var(--color200);
            }
        }
    
        .remove-file span {
            color: var(--color100);
            border: 1px solid var(--color100);
        }
    }

    .dnd-upload-image span.file {
        color: var(--color100);
    }
} 


/*********************************\
       LOCALIZADOR TIENDAS
\*********************************/
.map-container {
    mask-image: linear-gradient(to bottom, transparent 0, black 20%, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 20%, black 80%, transparent 100%);

    .leaflet-top .leaflet-control {
        margin-top: 120px;
    }

    .leaflet-left .leaflet-control {
        margin-left: 30px;
    }
}


/*********************************\
          BLOG / NOTICIAS
\*********************************/
body.archive {
    &.category,
    &.tag {
        .mcb-sidebar {
            display: none;
        }
    }
}


/*********************************\
    RESPONSIVE
\*********************************/

@media(max-width: 1440px){

    /*HEADER*/
    header .mcb-section-uibww0b.mcb-section .mcb-wrap-0fib2ec{
        flex-grow: unset;
    } 
}

@media(max-width: 1280px){

    /*HOME*/
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, 
    .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame,
    .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame{
        width: 324px !important;
    }
}

@media(max-width: 1239px){

    /*HEADER*/
    header .mfn-menu-item-megamenu .one-fourth.mcb-wrap, header .mfn-menu-item-megamenu .one-fifth.mcb-wrap{
        width: 33.33% !important;
    }


    /*HOME*/
    #svg-scroll-animation-container svg{
        width: 874px;
    }

    .mcb-section .mcb-wrap-m7298gaf .mcb-wrap-inner-m7298gaf{
        flex-wrap: wrap-reverse;
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap{
        width: 100%;
    }
    .mcb-section .mcb-wrap-8dwrngfo .mcb-wrap-inner-8dwrngfo{
        padding-right: 0px !important;
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap .mcb-wrap-inner-xyuqcn8g{
        height: 730px;
    }
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, 
    .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame,
    .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame{
        width: 584px !important;
    }
}

@media(max-width: 1024px){}

@media(max-width: 959px){

    /*HOME*/
    #svg-scroll-animation-container svg {
        width: 642px;
    }
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, 
    .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame, 
    .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame {
        width: 364px !important; 
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap .mcb-wrap-inner-xyuqcn8g{
        height: 610px;
    }
    .grid-wrap > .mcb-wrap-inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

}

@media(max-width: 768px){}

@media(max-width: 767px){

    /*HEADER*/
    #mfn-sidemenu-tmpl-1938 .mfn-sidemenu-closebutton{ 
        padding: 8px;
        border: 1px solid var(--color200);
        background-color: rgba(11, 11, 11, 0.12);
        width: 62px;
        height: 62px;
    }

    #mfn-sidemenu-tmpl-1938 .mcb-section{
        height: 100vh;
    }
    #mfn-sidemenu-tmpl-1938 .mcb-section > .section_wrapper, #mfn-sidemenu-tmpl-1938 .mcb-section > .section_wrapper .one.mcb-wrap,
    #mfn-sidemenu-tmpl-1938 .mcb-section > .section_wrapper .one.mcb-wrap > .mcb-wrap-inner{
        height: 100%;
    }
    #mfn-sidemenu-tmpl-1938 .mcb-section > .section_wrapper .one.mcb-wrap > .mcb-wrap-inner{
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #mfn-sidemenu-tmpl-1938 .mcb-section > .section_wrapper .one.mcb-wrap > .mcb-wrap-inner .one.column{
        margin-top: auto;
    }

    /*HOME*/
    #svg-scroll-animation-container svg {
        width: 450px;
        height: 620px;
    }

    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame, .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame {
        width: 230px !important;
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap .mcb-wrap-inner-xyuqcn8g {
        height: 320px;
    }
}
@media(max-width: 480px){

    /*FOOTER*/
    .footer-cta .mcb-item-hvtv69w .mfn-icon-box{
        padding: 32px !important;
    } 

    /*HOME*/
    #Portada.mcb-section .mcb-wrap-4slz8qp{
        width: 100%;
    }
    #svg-scroll-animation-container svg {
        width: 380px;
    }
    section.mcb-section .mcb-wrap .mcb-item-acltp6r {
        top: 80px;
        left: 75px;
    }
    section.mcb-section .mcb-wrap .mcb-item-31bueku8 {
        top: 150px;
        left: 160px;
    }
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame, .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame {
        width: 210px !important;
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap .mcb-wrap-inner-xyuqcn8g {
        height: 290px;
    }
}
@media(max-width: 393px){

    /*HOME*/
    #svg-scroll-animation-container svg {
        width: 360px;
    }
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame, .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame {
        width: 190px !important;
    }
}
@media(max-width: 320px){
    
    /*HOME*/
    #svg-scroll-animation-container svg {
        width: 300px;
        height: 420px;
    }
    section.mcb-section .mcb-wrap .mcb-item-acltp6r {
        top: 70px;
        left: 64px;
    }
    section.mcb-section .mcb-wrap .mcb-item-31bueku8 {
        top: 140px;
        left: 135px;
    }
    .mcb-section .mcb-wrap .mcb-item-ls2g27e .image_frame, .mcb-section .mcb-wrap .mcb-item-acltp6r .image_frame, .mcb-section .mcb-wrap .mcb-item-31bueku8 .image_frame {
        width: 160px !important;
    }
    .section.mcb-section-gixw6b64 .mcb-wrap-m7298gaf .laptop-one-second.mcb-wrap .mcb-wrap-inner-xyuqcn8g {
        height: 230px;
    }
}