.btn-regala.btn-reservas {
    --color-hover: var(--brown-1);
    outline: none;
    border: none;
    transition: transform .35s ease-in-out;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.column-buttons .btn-regala.btn-reservas .inner-btn {
    color: var(--color);
}

.column-buttons .btn-regala.btn-reservas:hover .inner-btn {
    color: var(--brown-1);
}


/*body[data-scroll-direction="up"] .btn-regala.btn-reservas,
body[data-scroll-direction="down"] .btn-regala.btn-reservas {
    color: white;
}*/

.btn-regala.btn-reservas:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4.3rem;
    background: var(--white-2);
    opacity: .15;
    z-index: 0;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
}

.btn-regala.btn-reservas:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4.3rem;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
}

.btn-regala.btn-reservas:hover {
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s;
}

.btn-regala.btn-reservas:hover:before {
    opacity: 1;
}


/*body.menu-leave #header .btn-regala.btn-reservas {
    background: var(--brown-5);
}
body.menu-active #header .btn-regala.btn-reservas:hover:before {
    background: var(--brown-5);
}*/

body.menu-active #header .btn-regala.btn-reservas {
    background: transparent;
}

body.menu-active #header .btn-regala.btn-reservas {
    --color: var(--brown-1);
}

body.menu-active #header .btn-regala.btn-reservas .inner-btn {
    color: var(--color);
}

@media screen and (max-width: 991px) {
    #bt-menu {
        margin-left: 0;
    }
    .btn-regala {
        margin-left: auto;
    }
}

@media screen and (max-width: 600px) {
    .btn-regala {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .links-wrapper a:first-child {
        margin-right: 0;
    }
    .links-wrapper {
        padding-left: 1rem;
    }
}

.links-wrapper a:nth-child(2) {
    margin-right: 1.9rem;
}

.links-wrapper a.link-resenas {
    opacity: 1;
}

@media screen and (min-width: 991px) {
    .d-lg-block {
        display: block !important;
    }
}

.lang {
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
}

.lang li {}

.lang li a,
.lang a {
    opacity: .5;
    color: var(--color-closed);
    text-transform: uppercase;
}

.lang li.active a,
.lang.active a {
    padding-bottom: 7px;
    /*border-bottom: 1px solid white;*/
}

.lang .dropdown-menu {
    top: 100%;
    height: auto;
    border: 0;
    min-width: 68px;
    padding: 9px;
    margin: 0;
    text-align: left;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    border-radius: 0;
    left: -10px;
    right: auto;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    display: block;
    position: absolute;
    padding-top: 19px;
    display: flex;
    flex-direction: column;
}

.lang.dropdown:hover>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang.dropdown>.dropdown-menu .dropdown-item {
    padding: 0;
    width: max-content;
    margin-bottom: 9px;
    opacity: 0.5;
}

.lang.dropdown>.dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .lang {
        padding-right: 8px;
    }
    #bt-menu:after {
        border-color: var(--brown-3);
        opacity: .15;
    }
    .btn-regala.btn-reservas:after {
        border: 1px solid var(--brown-3);
        opacity: .15;
    }
}

body.menu-active .lang a,
body.menu-active .lang li a {
    color: var(--color);
}

@media only screen and (min-width: 1025.1px) {
    body:lang(ca) .section-espacio-singular .pr-lg-150 {
        padding-right: 10rem!important;
    }
    body:lang(fr) .section-espacio-singular .pr-lg-150 {
        padding-right: 0rem!important;
    }
    body:lang(fr) .section-espacio-singular h2.fs--74 {
        font-size: 6.7rem;
    }
}

#nuestra-cocina .container-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

@media only screen and (max-width: 1025px) {
    #nuestra-cocina .container-buttons {
        margin-top: 1rem;
        padding-left: 1.6rem;
    }
}

@media only screen and (min-width: 1025.1px) {
    #nuestra-cocina .container-buttons {
        display: flex;
        max-width: max-content;
        margin: 30px auto 0;
        justify-content: center;
        gap: 10px;
    }
}

#nuestra-cocina .container-buttons button,
#espacio-singular button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: var(--brown-1);
    background: var(--white-2);
    border-radius: 4.3rem;
    padding: 2.5rem 3.8rem 2.5rem 4.5rem;
    margin-left: .15rem;
    margin-right: .15rem;
}

#nuestra-cocina .container-buttons button .container-span span,
#espacio-singular button .container-span span {
    display: inline-block;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

#nuestra-cocina .container-buttons button:hover .container-span span,
#espacio-singular button:hover .container-span span {
    transform: translateY(-105%) scale(.95);
}

#nuestra-cocina .container-buttons button i,
#espacio-singular button i {
    font-size: 1.1rem;
    display: inline-block;
    margin-left: .6rem;
}

#nuestra-cocina .container-buttons button .container-span:after,
#espacio-singular button .container-span:after {
    content: attr(data-letter);
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(105%);
    pointer-events: none;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 0s
}

#nuestra-cocina .container-buttons button:hover .container-span:after,
#espacio-singular button:hover .container-span:after {
    transform: translateY(-50%)
}

#espacio-singular button {
    background: var(--brown-1);
    color: var(--white-2);
}

#espacio-singular .block-button {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1025px) {
    #espacio-singular .block-button {
        justify-content: start;
    }
}

#espacio-singular .block-button button {
    margin-left: 1.5rem !important;
}

#pg-home .section-contacto-y-reservas .column-form iframe {
    min-height: 500px !important;
}

@media screen and (min-width: 768px) {
    #pg-home .section-contacto-y-reservas .column-info .container-img:after {
        padding-top: 106.275%;
    }
}