@charset "UTF-8";.res,.res__box {
    background-color: #fff
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');


.res-input-text label,.res__box h5 {
    font-family: 'Cinzel', serif;
    leading-trim: both;
    text-edge: cap
}

.res__container {
    padding: var(--margin-mt) var(--padding-mt-2);
    max-width: var(--container-width);
    margin: 0 auto;
    flex-wrap: wrap
}

.res__container h2 {
    margin: 0 0 40px;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.28em
}

.res__container button.button__back {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
    margin: 40px auto 0
}

@media (min-width: 1150px) {
    .res__container button.button__back {
        position:absolute;
        left: 0;
        top: 0
    }
}

.res__container button.button__back:before {
    content: ' ';
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 6L9 12L15 18" stroke="%23272322" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 8px 0 0;
    display: block;
    transition: transform 150ms ease-out
}

.res__container button.button__back:hover:before {
    transform: translateX(-5px)
}

.res__form {
    display: flex;
    flex-direction: column;
    width: 100%
}

.res__box {
    margin: 0 0 10px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    border-radius: 20px
}

.res__box:last-child {
    margin-bottom: 0
}

.res__box h4 {
    color: #1F2F28;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.33em;
    margin: 0 0 20px
}

.res__box h4 span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25em
}

.button__term,.res__box .val {
    border-radius: 12px;
    color: #1F2F28;
    line-height: 1em;
    cursor: pointer
}

.res__box h5 {
    color: #1F2F28;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 30px 0 20px
}

.res__box .val {
    background: #F2EDE8;
    padding: 17px 20px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.res__box .val svg {
    margin: 0 0 0 10px
}

.res__box .val svg path {
    transition: all 150ms linear
}

.res__box .val:hover svg path {
    fill: #A38C75
}

.button__term {
    background: rgba(62,58,54,.15);
    padding: 18px 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    transition: all 150ms linear
}

.res-input-number .num button,.res__form-sumar--box .loader {
    background-position: center center;
    background-repeat: no-repeat
}

.button__term svg {
    margin: 0 10px 0 0
}

.button__term svg path {
    transition: all 150ms linear
}

.button__term:hover {
    background-color: #A38C75;
    color: #fff
}

.button__term:hover svg path {
    fill: #fff
}

.res__row {
    display: flex;
    flex-wrap: wrap
}

.res__col,.res__col-2 {
    width: 100%;
    flex: 0 0 100%;
    padding: 0 10px
}

.res-input-number {
    border: 1px solid #F2EDE8;
    min-height: 56px;
    padding: 8px 8px 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none
}

.res-input-number .sublabel {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.res-input-number .num {
    width: 134px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.res-input-number .num span {
    display: inline-block;
    min-width: 54px;
    text-align: center
}

.res-input-number .num button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #272322;
    transition: all 150ms linear;
    color: #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.16699 10H15.8337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    user-select: none
}

@media (min-width: 768px) {
    .res-input-number .num button:hover {
        background-color:rgba(29,27,25,.41)
    }
}

.res-input-number .num button.bt-more {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 4.16699V15.8337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.16699 10H15.8337" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.res-input-number .num button.disabled {
    opacity: .2;
    pointer-events: none
}

.res-input-checkbox,.res-input-checkbox--noborder {
    margin: 8px 0;
    border: 1px solid #F2EDE8;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 48px;
    user-select: none
}

.res-input-checkbox label,.res-input-checkbox--noborder label {
    padding: 0 0 0 24px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    cursor: pointer;
    flex: 1
}

.res-input-checkbox label:before,.res-input-checkbox--noborder label:before {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400!important;
    text-transform: none!important;
    leading-trim: both;
    text-edge: cap;
    color: #fff;
    content: ' ';
    width: 16px;
    height: 16px;
    font-size: 12px;
    border: 1.5px solid #1F2F28;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background-color: #fff
}

.res-input-checkbox label a,.res-input-checkbox--noborder label a {
    font-weight: 500;
    color: #1F2F28
}

.res-input-checkbox input,.res-input-checkbox--noborder input {
    display: none
}

.res-input-checkbox input:checked+label:before,.res-input-checkbox--noborder input:checked+label:before {
    content: '\2714';
    color: #1F2F28
}

.res-input-checkbox .price,.res-input-checkbox--noborder .price {
    width: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.res-input-text input,.res-input-text textarea {
    font-weight: 400;
    order: 2;
    background-color: #F2EDE8;
    width: 100%
}

.res-input-checkbox .price:after,.res-input-checkbox--noborder .price:after {
    content: ' €'
}

.res-input-checkbox input {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    display: block
}

.res-input-checkbox--noborder {
    border: 0;
    padding: 0
}

.res-input-text {
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: flex;
    flex-direction: column
}

.res-input-text input {
    font-size: 16px;
    line-height: 16px;
    padding: 17px 20px;
    height: 51px;
    border: 1px solid #F2EDE8;
    border-radius: 12px
}

.res-input-text textarea {
    font-size: 16px;
    line-height: 15px;
    padding: 16px 20px;
    height: 120px;
    border: 1px solid #F2EDE8;
    resize: none;
    border-radius: 12px
}

.res-input-text label {
    color: #1F2F28;
    font-size: 16px;
    font-weight: 600;
    margin: 14px 0 20px;
    order: 1
}

.res-input-text input:active,.res-input-text input:focus,.res-input-text textarea:active,.res-input-text textarea:focus {
    border: 1px solid #7A746C
}

.info,.res__form-sumar--box {
    border-radius: 20px;
    color: #1F2F28
}

.res__form-sumar--box {
    background-color: #DDC9B5;
    padding: 20px;
    position: relative
}

.res__form-sumar--box h4 {
    font-size: 36px;
    margin: 0 0 40px;
    color: #1F2F28
}

.res__form-sumar--box .loader {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    animation: roteteloader 4s infinite;
    animation-timing-function: linear;
    background-size: contain;
    background-image: url(/wp-content/themes/scr/img/icons/loader.png)
}

.res__form-sumar--box .res__form-sumar--row {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0
}

.res__form-sumar--box .res__form-sumar--row .calc:before,.res__form-sumar--box .res__form-sumar--row .persons:before {
    display: inline-block;
    content: ' ';
    left: 0;
    background-position: center center;
    background-repeat: no-repeat
}

.res__form-sumar--box .res__form-sumar--row .persons {
    position: relative;
    padding-left: 28px
}

.res__form-sumar--box .res__form-sumar--row .persons:before {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.8375 10.1123C14.7793 10.0544 14.7102 10.0086 14.6342 9.97742C14.5582 9.94627 14.4768 9.93038 14.3947 9.93067C14.3126 9.93096 14.2313 9.94742 14.1556 9.97912C14.0798 10.0108 14.011 10.0571 13.9532 10.1154C13.8953 10.1737 13.8495 10.2428 13.8183 10.3187C13.7872 10.3947 13.7713 10.4761 13.7716 10.5582C13.7719 10.6403 13.7883 10.7216 13.82 10.7974C13.8517 10.8731 13.898 10.9419 13.9563 10.9998C14.4851 11.523 14.9049 12.146 15.1914 12.8326C15.4778 13.5192 15.6252 14.2558 15.625 14.9998C15.625 15.7623 13.4313 16.8748 10 16.8748C6.56879 16.8748 4.37504 15.7623 4.37504 14.9998C4.37405 14.2607 4.51871 13.5287 4.80075 12.8456C5.08279 12.1625 5.49669 11.5416 6.01879 11.0185C6.1352 10.9014 6.20053 10.743 6.20053 10.5779C6.20053 10.4128 6.1352 10.2544 6.01879 10.1373C5.90169 10.0209 5.74328 9.95552 5.57816 9.95552C5.41305 9.95552 5.25464 10.0209 5.13754 10.1373C4.49698 10.7742 3.98925 11.5321 3.64378 12.3667C3.29832 13.2014 3.122 14.0964 3.12504 14.9998C3.12504 17.031 6.66879 18.1248 10 18.1248C13.3313 18.1248 16.875 17.031 16.875 14.9998C16.8774 14.0905 16.6985 13.19 16.3486 12.3508C15.9988 11.5116 15.4851 10.7505 14.8375 10.1123Z" fill="%23272322"/><path d="M10 10.625C10.8653 10.625 11.7112 10.3684 12.4306 9.88768C13.1501 9.40695 13.7108 8.72367 14.042 7.92424C14.3731 7.12482 14.4597 6.24515 14.2909 5.39648C14.1221 4.54781 13.7054 3.76826 13.0936 3.15641C12.4817 2.54456 11.7022 2.12788 10.8535 1.95907C10.0049 1.79026 9.12519 1.8769 8.32576 2.20803C7.52633 2.53916 6.84305 3.09992 6.36232 3.81938C5.88159 4.53885 5.625 5.38471 5.625 6.25C5.625 7.41032 6.08594 8.52312 6.90641 9.34359C7.72688 10.1641 8.83968 10.625 10 10.625ZM10 3.125C10.6181 3.125 11.2223 3.30828 11.7362 3.65166C12.2501 3.99504 12.6506 4.4831 12.8871 5.05412C13.1236 5.62514 13.1855 6.25347 13.065 6.85966C12.9444 7.46585 12.6467 8.02267 12.2097 8.45971C11.7727 8.89675 11.2158 9.19438 10.6097 9.31496C10.0035 9.43553 9.37513 9.37365 8.80411 9.13713C8.2331 8.9006 7.74504 8.50006 7.40166 7.98616C7.05828 7.47226 6.875 6.86807 6.875 6.25C6.875 5.4212 7.20424 4.62634 7.79029 4.04029C8.37634 3.45424 9.1712 3.125 10 3.125Z" fill="%23272322"/></svg>');
    position: absolute;
    top: 0
}

.res__form-sumar--box .res__form-sumar--row .calc {
    position: relative;
    padding-left: 28px
}

.res__form-sumar--box .res__form-sumar--row .calc:before {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8333 3.33301H4.16667C3.24619 3.33301 2.5 4.0792 2.5 4.99967V16.6663C2.5 17.5868 3.24619 18.333 4.16667 18.333H15.8333C16.7538 18.333 17.5 17.5868 17.5 16.6663V4.99967C17.5 4.0792 16.7538 3.33301 15.8333 3.33301Z" stroke="%23272322" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.333 1.66699V5.00033" stroke="%23272322" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66699 1.66699V5.00033" stroke="%23272322" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.33301H17.5" stroke="%23272322" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    top: 0
}

.res-input-checkbox .price:after,
.res-input-checkbox--noborder .price:after {
    content: '';
}

.res-input-checkbox .price:before,
.res-input-checkbox--noborder .price:before {
    content: '$'; 
}

.res__form-sumar--box .res__form-sumar--row .res__form-sumar--col {
    width: auto;
    display: flex;
    align-items: center
}

.res__form-sumar--box .res__form-sumar--row .res__form-sumar--col.strong {
    font-weight: 600
}

.res__form-sumar--box.loading .js__sum {
    opacity: 0
}

.res__form-sumar--box.loading .loader {
    opacity: 1
}

.res__container .info {
    margin: 40px auto;
    max-width: 304px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.res__container .info:before {
    flex: 0 0 24px;
    content: ' ';
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23272322" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V12" stroke="%23272322" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8H12.01" stroke="%23272322" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.has-error .res-input-checkbox label:before,.has-error .res-input-checkbox--noborder label:before,.has-error .res-input-text input {
    border-color: #8b0000
}

.info {
    margin: 20px 0 0;
    background: rgba(62,58,54,.15);
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -.48px;
    display: flex;
    align-items: center
}

.info svg {
    margin: 0 12px 0 0;
    flex: 0 0 32px;
    width: 32px
}

.res__notify {
    display: none;
    margin-top: 20px
}

.res__notify .err,.res__notify .ok {
    margin: 24px 0 0;
    text-align: center;
    color: #fff;
    font-weight: 500;
    padding: 14px 20px;
    position: relative;
    transition: all 150ms linear;
    user-select: none;
    border-radius: 24px
}

.res__notify.active {
    display: flex
}

.res__notify .ok {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #2b4917
}

.res__notify .ok.active {
    display: flex
}

.res__notify .err {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #7c0001
}

.res__notify .err.active {
    display: flex
}

.res__single-ln {
    margin: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    width: 100%;
    height: 1px
}

.res__ln {
    margin: 24px 0;
    border-top: 1px solid rgba(0,0,0,.2);
    width: 100%;
    padding: 12px 0
}

.res__ln h5 {
    margin: 0 0 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

@media (min-width: 768px) {
    .res__form {
        flex-direction:initial
    }

    .res__form-body {
        width: calc(100% - 404px);
        flex: 0 0 calc(100% - 404px);
        margin: 0 12px 0 0
    }

    .res__form-sumar {
        width: 380px;
        flex: 0 0 380px;
        margin: 0 0 0 12px
    }

    .res__box {
        margin: 0 0 20px;
        padding: 30px 10px;
        position: relative
    }

    .res__box:last-child {
        margin-bottom: 0
    }

    .res__box .button__term {
        width: auto
    }

    .res__col,.res__col-2 {
        padding: 0 20px
    }

    .res__form-sumar__sticky {
        position: sticky;
        top: 130px
    }
}

.button__term {
    display: none
}

@media (min-width: 1024px) {
    .button__term {
        display:flex
    }

    .res__container {
        padding: var(--margin-pc) var(--padding-pc-2);
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }

    .res__container h2 {
        font-size: 56px;
        margin: 80px 0
    }

    .res__form-body {
        width: calc(66.66% - 12px);
        flex: 0 0 calc(66.66% - 12px);
        margin: 0 12px 0 0
    }

    .res__form-sumar {
        width: calc(33.33% - 12px);
        flex: calc(33.33% - 12px);
        margin: 0 0 0 12px
    }

    .res__col {
        width: 50%;
        flex: 0 0 50%
    }

    .res__col-vl {
        display: flex;
        align-items: center
    }

    .res__col-vl h4 {
        margin: 0
    }

    .res__box .button__term {
        position: absolute;
        right: 30px;
        top: 30px
    }

    .res__form-sumar--box {
        padding: 30px
    }
}

.clc,.clc__bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.clc {
    position: fixed;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center
}

.clc__bg {
    position: absolute;
    background: rgba(28,27,25,.8)
}

.clc__msg {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 40px;
    max-width: 100%;
    background-color: #fff;
    font-size: 20px;
    border: 1px solid rgba(67,63,59,.25);
    box-shadow: 4px 4px 19px 0 rgba(0,0,0,.13);
    z-index: 300;
    width: 450px;
    text-align: center
}

.clc__container {
    padding: var(--margin-mt) var(--padding-mt-2);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
    width: calc(100% - 40px);
    max-width: 810px
}

.clc__container h1 {
    margin: 40px 0;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.28em
}

.clc__dates {
    display: flex;
    flex-direction: column;
    align-items: center
}

.clc__dates .line {
    height: 1px;
    border: 1px solid rgba(67,63,59,.25)
}

.clc__dates h3 {
    margin: 0 0 30px;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px
}

.clc__date,.clc__date .calc {
    line-height: 26px;
    display: flex
}

.clc__date {
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0
}

.clc__date .title {
    width: 70px;
    flex: 0 0 70px;
    display: flex;
    align-items: center
}

.clc__date .calc {
    flex: 1;
    font-weight: 700;
    align-items: center
}

.clc__date .calc:before {
    display: inline-block;
    content: ' ';
    width: 16px;
    height: 16px;
    margin: 0 12px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.6667 2.66699H3.33333C2.59695 2.66699 2 3.26395 2 4.00033V13.3337C2 14.07 2.59695 14.667 3.33333 14.667H12.6667C13.403 14.667 14 14.07 14 13.3337V4.00033C14 3.26395 13.403 2.66699 12.6667 2.66699Z" stroke="%23433F3B" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.667 1.33301V3.99967" stroke="%23433F3B" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.33301 1.33301V3.99967" stroke="%23433F3B" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 6.66699H14" stroke="%23433F3B" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.clc__date .time {
    width: 110px;
    flex: 0 0 110px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.clc__date .time:before {
    display: inline-block;
    content: ' ';
    width: 16px;
    height: 16px;
    margin: 0 12px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_499_2496)"><path d="M8 15.5C6.51664 15.5 5.0666 15.0601 3.83323 14.236C2.59986 13.4119 1.63856 12.2406 1.07091 10.8701C0.50325 9.49968 0.354725 7.99168 0.644114 6.53683C0.933503 5.08197 1.64781 3.7456 2.6967 2.6967C3.7456 1.64781 5.08197 0.933503 6.53683 0.644114C7.99168 0.354725 9.49968 0.50325 10.8701 1.07091C12.2406 1.63856 13.4119 2.59986 14.236 3.83323C15.0601 5.0666 15.5 6.51664 15.5 8C15.5 9.98913 14.7098 11.8968 13.3033 13.3033C11.8968 14.7098 9.98913 15.5 8 15.5ZM8 1.5C6.71443 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.3741 8.00722 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5133 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.5 6.2761 13.8152 4.6228 12.5962 3.40381C11.3772 2.18482 9.72391 1.5 8 1.5Z" fill="%23433F3B"/><path d="M10.12 10.83L7.64501 8.355C7.59867 8.30828 7.56201 8.25287 7.53712 8.19195C7.51224 8.13103 7.49963 8.0658 7.50001 8V4H8.50001V7.795L10.83 10.12L10.12 10.83Z" fill="%23433F3B"/></g><defs><clipPath id="clip0_499_2496"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>')
}

.clc__legend {
    margin: 27px 0;
    display: flex;
    flex-direction: column
}

.clc__legend .clc__legend_l {
    width: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
    color: #fff
}

.clc__legend .clc__legend_r {
    width: auto;
    display: flex
}

.clc__legend .clc__legend_r .occupied,.clc__legend .clc__legend_r .reserved {
    width: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 0 20px;
    color: #fff
}

.clc__legend .clc__legend_r .occupied:before,.clc__legend .clc__legend_r .reserved:before {
    content: ' ';
    width: 12px;
    height: 12px;
    margin: 0 12px 0 0;
    background-color: #FFF1CC
}

.clc__legend .clc__legend_r .occupied.occupied:before,.clc__legend .clc__legend_r .reserved.occupied:before {
    background-color: #FFE2E2
}

.clc__footer__msg,.clc__footer__msgs {
    visibility: hidden;
    display: flex;
    flex: 1;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 6px 40px;
    min-height: 28px;
    margin: 5px 0 0;
    width: 100%;
    border-radius: 100px;
    background: #8a0000;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: 500
}

.clc__footer__msg.active,.clc__footer__msgs.active {
    visibility: visible;
    display: flex
}

.clc__footer__msg span,.clc__footer__msgs span {
    text-align: left
}

.clc__footer__msg strong,.clc__footer__msgs strong {
    font-weight: 700
}

.clc__footer__msg:before,.clc__footer__msgs:before {
    flex: 0 0 20px;
    content: ' ';
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M10.5003 18.3337C15.1027 18.3337 18.8337 14.6027 18.8337 10.0003C18.8337 5.39795 15.1027 1.66699 10.5003 1.66699C5.89795 1.66699 2.16699 5.39795 2.16699 10.0003C2.16699 14.6027 5.89795 18.3337 10.5003 18.3337Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 13.3333V10" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 6.66699H10.5088" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.clc__footer__msg .wt,.clc__footer__msgs .wt {
    color: #fff
}

.clc__footer__msg .wt a,.clc__footer__msgs .wt a {
    color: #fff;
    text-decoration: underline
}

.clc__footer {
    display: flex;
    padding: 0 10px
}

.clc__footer .clc__footer__m {
    flex: 1;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 20px;
    min-height: 28px;
    margin: 0 20px 20px;
    border-radius: 100px;
    background: #F9F3EB;
    text-align: center;
    font-size: 14px;
    line-height: 1em;
    font-weight: 500
}

.clc__dates__footer .msg__placeholder:before,.clc__footer .clc__footer__m:before {
    margin: 0 8px 0 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M10.5003 18.3337C15.1027 18.3337 18.8337 14.6027 18.8337 10.0003C18.8337 5.39795 15.1027 1.66699 10.5003 1.66699C5.89795 1.66699 2.16699 5.39795 2.16699 10.0003C2.16699 14.6027 5.89795 18.3337 10.5003 18.3337Z" stroke="%23272322" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 13.3333V10" stroke="%23272322" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 6.66699H10.5088" stroke="%23272322" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    content: ' '
}

.clc__footer .clc__footer__m span {
    text-align: left
}

.clc__footer .clc__footer__m strong {
    font-weight: 700
}

.clc__footer .clc__footer__m:before {
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.clc__dates__footer {
    margin: 0 0 20px;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clc__dates__footer .button span {
    width: auto;
    white-space: nowrap
}

.clc__dates__footer .button.disabled {
    display: none
}

.clc__dates__footer .msg__placeholder {
    display: none;
    flex: 1;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 6px 20px;
    min-height: 28px;
    border-radius: 100px;
    background-color: #F8B0B0;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.clc__dates__footer .msg__placeholder strong {
    font-weight: 700
}

.clc__dates__footer .msg__placeholder.active {
    display: flex
}

.clc__dates__footer .msg__placeholder:before {
    width: 20px;
    height: 20px
}

.clc__close {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    background-color: var(--brown-dark);
    border-radius: 50%;
    display: block;
    z-index: 5;
    cursor: pointer;
    transition: all 150ms linear
}

.clc__close:after,.clc__close:before {
    content: ' ';
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.clc__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.clc__close:hover {
    background-color: var(--brown-light)
}

.clc__calendars {
    max-height: calc(100 * 1dvh - 40px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.clc__calendars .calendar {
    display: flex;
    justify-content: center
}

.clc__calendars__border {
    border-radius: 20px;
    border: 1px solid rgba(67,63,59,.25);
    background: #FFF;
    padding: 0 10px
}

@media (max-width: 767px) {
    .clc__footer .clc__footer__m {
        margin:0
    }

    .clc__footer .clc__footer__m2 {
        display: none!important
    }

    .clc__legend {
        flex-direction: column
    }

    .clc__legend .clc__legend_l {
        text-align: center
    }

    .clc__legend .clc__legend_r {
        margin-top: 10px;
        justify-content: center
    }

    .clc__dates__footer {
        padding: 0 10px;
        margin: 10px 0
    }
}

@media (min-width: 768px) {
    .clc__container {
        padding:var(--margin-pc) var(--padding-pc-2);
        margin: 0 auto
    }

    .clc__container h1 {
        font-size: 56px;
        margin: 80px 0
    }

    .clc__dates {
        width: 40%;
        margin: 0 0 40px
    }

    .clc__dates h3 {
        margin: 60px 0 30px
    }

    .clc__legend .clc__legend_r {
        justify-content: center
    }

    .clc__legend {
        flex-direction: column
    }

    .clc__legend .clc__legend_l {
        text-align: center
    }

    .clc__footer__msg,.clc__footer__msgs {
        margin: 0 30px 20px;
        width: calc(100% - 60px)
    }
}

@media (max-width: 1023px) {
    .clc__footer .clc__footer__m2 {
        display:none
    }
}

@media (min-width: 1024px) {
    .clc__container {
        padding:var(--margin-pc) var(--padding-pc-2);
        margin: 0 auto;
        display: flex
    }

    .clc__container h1 {
        font-size: 56px;
        margin: 80px 0
    }

    .clc__calendars .calendar {
        display: flex;
        justify-content: space-evenly
    }

    .clc__legend {
        flex-direction: initial;
        justify-content: space-between;
        align-items: center
    }

    .clc__legend .clc__legend_r {
        justify-content: flex-end
    }

    .clc__dates {
        width: 33.33%;
        padding: 0 0 0 60px;
        margin: 0 auto
    }

    .clc__dates h3 {
        font-size: 40px;
        line-height: 1.3em;
        margin: 30px 0 60px
    }
}


.contact-details__cd {
    padding-top: 87px
}

.contact-details__box {
    border-radius: 20px;
    background: #1F2F28;
    padding: 30px;
    margin: 20px 0 0
}

.contact-details__box h3.title {
    margin: 0 0 20px
}

.contact-details__box a,.contact-details__box p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1em;
    margin: 0;
    color: #fff
}

@media (min-width: 350px) {
    .contact-details__box a,.contact-details__box p {
        font-size:30px
    }
}

.contact-details__box p {
    font-size: 22px
}

.contact-details__map {
    aspect-ratio: 1/1;
    height: auto;
    overflow: hidden
}

.contact-details__map div {
    width: auto
}

.contact-details__map .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .contact-details__cd {
        display:flex
    }

    .contact-details__form {
        width: 60%;
        padding: 0 15px 0 0;
        flex: 1
    }

    .contact-details__infos {
        width: 40%;
        flex: 0 0 40%;
        padding: 0 0 0 15px;
        display: flex;
        flex-direction: column;
        max-width: 380px
    }

    .contact-details__box:first-child {
        margin: 0
    }

    .contact-details__map {
        aspect-ratio: initial;
        flex: 1;
        height: auto;
        overflow: hidden
    }

    .contact-details__map div {
        width: auto
    }

    .contact-details__map .map {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.reservation__head {
    margin: 60px auto -40px
}

.reservation__head h2 {
    margin: 0 auto
}

/* --- Currency Symbol Fix for Summary --- */
.res__form-sumar--col span.eur:before,
.res__form-sumar--col span.usd:before,
.js__object_price_notax:before,
.js__object_price_tax:before {
    content: '$ ' !important;
}

/* Hide any remaining euro text if hardcoded */
.res__form-sumar--col span.eur:after,
.res__form-sumar--col span.usd:after {
    content: '' !important;
}

/* Add to bottom of reservations.css */
.service-nights-control.hidden {
    display: none !important;
}

/* --- FIX: Restrict the overlay style to ONLY checkboxes --- */
/* Previously: .res-input-checkbox input */
.res-input-checkbox input[type="checkbox"], 
.res-input-checkbox--noborder input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    display: block;
}

/* --- Service Wrapper Layout --- */
.service-wrapper {
    display: flex;
    flex-wrap: wrap; /* Allows the nights input to drop to the next line */
    align-items: center;
    padding: 10px 20px;
    height: auto !important; /* Override fixed height */
    min-height: 56px;
    position: relative;
}

/* --- Ensure Checkbox is functional but behind interactive elements --- */
.res-input-checkbox input[type="checkbox"], 
.res-input-checkbox--noborder input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Lowest level */
    opacity: 0;
    cursor: pointer;
}

/* --- Label Styles (Clickable Trigger) --- */
.res-input-checkbox label {
    flex: 1; /* Takes up available space */
    position: relative;
    z-index: 5; /* Above the checkbox input */
    padding-left: 30px; /* Space for the checkmark */
    pointer-events: auto; /* Ensure it receives clicks */
    margin: 0;
    cursor: pointer;
}

/* --- Checkmark Positioning Fix --- */
/* The checkmark is absolutely positioned relative to the wrapper */
.res-input-checkbox label:before {
    left: 0; 
    top: 50%;
    transform: translateY(-50%); /* Center vertically */
}

/* --- Price Styles --- */
.res-input-checkbox .price {
    z-index: 5;
    position: relative;
    margin-left: 10px;
}

/* --- Nights Input Container (New Line) --- */
.service-nights-control {
    width: 100%; /* Force new line */
    margin-left: 30px; /* Align with text (indenting past checkmark) */
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 10; /* Highest level so input is clickable */
}

.service-nights-control.hidden {
    display: none !important;
}

.service-nights-control span {
    font-size: 13px;
    color: #666;
    font-weight: 500;
}

/* --- Number Input Styling --- */
.service-nights-control input[type="number"] {
    width: 60px;
    height: 32px;
    padding: 0 5px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background: #fff;
}

/* --- Style the Number Input Field --- */
.service-nights-control input[type="number"] {
    width: 60px;
    height: 34px;           /* Slightly taller for better visibility */
    padding: 0 5px 0 10px;  /* Space text from left edge */
    border: 1px solid #7A746C; /* Darker border to make it pop */
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    color: #A38C75;         /* Force text to black */
    background: #ffffff;    /* Force background to white */
    text-align: left;
    
    /* Ensure it sits on top of everything */
    position: relative;
    z-index: 50;            
    opacity: 1 !important;  /* Override any global opacity settings */
    -moz-appearance: textfield; /* Standardize Firefox */
}

/* --- FORCE ARROWS TO SHOW (Chrome, Safari, Edge, Opera) --- */
.service-nights-control input[type="number"]::-webkit-outer-spin-button,
.service-nights-control input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
    opacity: 1 !important;
    display: block !important;
    height: auto;
}

/* --- Layout Adjustments --- */
.service-nights-control {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: 10px;
    margin-left: 30px; /* Aligns with the text label */
    position: relative;
    z-index: 50; /* Bring container above checkbox overlay */
}

.service-nights-control span {
    font-weight: 600;
    color: #A38C75;
    font-size: 14px;
}