/****
* 1. Default
* 2. Themes
** 2.1 t-gridover
** 2.2 t-btn
** 2.3 t-pad
** 2.4 t-color
** 2.5 t-bgcolor
** 2.6 t-centered
** 2.7 t-transform
** 2.8 t-modal
* 3. Components
** 3.1 c-bebox
** 3.2 #default_sygy_element_engine
** 3.3 c-header
** 3.4 c-imgtxt
** 3.5 c-text
** 3.6 c-navgrid
** 3.7 c-bannerventajas
** 3.8 c-banner
** 3.9 c-3col
** 3.10 c-recomendados
** 3.11 c-owslider
** 3.12 c-footer
** 3.13 c-2col
** 3.14 c-rgpdmodal
** 3.15 c-navmodal
** 3.16 c-modalroom
** 3.17 c-service
** 3.18 c-col
** 3.19 c-imgcard
** 3.20 c-textolegal
** 3.21 c-table
* 4. Animations
* X. Others
****/

/* ==> 1. Default  <== */

/*https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap

Montserrat

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Regular.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Regular.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Regular.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Medium.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Medium.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Medium.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Medium.eot") format("embedded-opentype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-SemiBold.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-SemiBold.woff") format("woff"),
        url("../../../../../fonts/Montserrat-SemiBold.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-SemiBold.eot") format("embedded-opentype");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Bold.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Bold.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Bold.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Bold.eot") format("embedded-opentype");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Italic.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Italic.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Italic.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Italic.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-MediumItalic.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-MediumItalic.woff") format("woff"),
        url("../../../../../fonts/Montserrat-MediumItalic.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-MediumItalic.eot") format("embedded-opentype");
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-SemiBoldItalic.woff") format("woff"),
        url("../../../../../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-SemiBoldItalic.eot") format("embedded-opentype");
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-BoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-BoldItalic.woff") format("woff"),
        url("../../../../../fonts/Montserrat-BoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-BoldItalic.eot") format("embedded-opentype");
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}


 Playfair Display

@font-face {
    font-family: "Playfair Display";
    src: url("../../../../../fonts/PlayfairDisplay-Regular.woff2") format("woff2"),
        url("../../../../../fonts/PlayfairDisplay-Regular.woff") format("woff"),
        url("../../../../../fonts/PlayfairDisplay-Regular.ttf") format("truetype"),
        url("../../../../../fonts/PlayfairDisplay-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url("../../../../../fonts/PlayfairDisplay-SemiBold.woff2") format("woff2"),
        url("../../../../../fonts/PlayfairDisplay-SemiBold.woff") format("woff"),
        url("../../../../../fonts/PlayfairDisplay-SemiBold.ttf") format("truetype"),
        url("../../../../../fonts/PlayfairDisplay-SemiBold.eot") format("embedded-opentype");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url("../../../../../fonts/PlayfairDisplay-Italic.woff2") format("woff2"),
        url("../../../../../fonts/PlayfairDisplay-Italic.woff") format("woff"),
        url("../../../../../fonts/PlayfairDisplay-Italic.ttf") format("truetype"),
        url("../../../../../fonts/PlayfairDisplay-Italic.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Playfair Display";
    src: url("../../../../../fonts/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/PlayfairDisplay-SemiBoldItalic.woff") format("woff"),
        url("../../../../../fonts/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/PlayfairDisplay-SemiBoldItalic.eot") format("embedded-opentype");
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}*/

:root {
    --or-main-color: #FFC852;
    --or-alt-color: #002A34;
    --or-gray-color: #F8F5F3;
    --or-white-color: #FFF;
    --or-black-color: #4E666C;
    --or-main-btncolor: var(--or-main-color);
    --or-alt-btncolor: var(--or-alt-color);
    --accent-color: var(--or-black-color);

    --or-font-h1: 3.75em;
    /*60px*/
    --or-font-h1-strong: 20px;
    /* 1.25em*/
    --or-font-h2: 3em;
    /*48px*/
    --or-font-h2-em: 18px;
    /*1.125em*/
    --or-font-h3: 2.1875em;
    /*35px*/
    --or-font-p: 1em;
    /*16px*/
    --or-font-p-big: 21px;
    /*1.3125em*/
    --or-font-btn: 1em;
    /*16px*/
    --or-main-font: "Montserrat", sans-serif;
    --or-alt-font: "Playfair Display", serif;

    --or-width: 1500px;
    --or-innerwidth: 1216px;
    --or-minwidth: 528px;
    --or-pad: 150px;

    --be-box-mbot: 200px;
}

/* @custom-media --bp-sm (max-width: 399px);
@custom-media --bp-m (max-width: 767px);
@custom-media --bp-t (min-width: 768px) and (max-width: 1023px);
@custom-media --bp-nm (min-width: 768px);
@custom-media --bp-nt (min-width: 1024px);
@custom-media --bp-d1 (min-width: 1024px) and (max-width: 1359px);
@custom-media --bp-d2 (min-width: 1360px) and (max-width: 1599px);
@custom-media --bp-d3 (min-width: 1600px) and (max-width: 1919px);
@custom-media --bp-xl (min-width: 1920px); */


@media (min-width: 1280px) and (max-width: 1679px) {
    :root {
        --or-width: 1130px;
        --or-innerwidth: 960px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    :root {
        --or-width: 80vw;
        --or-innerwidth: var(--or-width);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    :root {
        --or-width: 60vw;
        --or-innerwidth: var(--or-width);
        --or-pad: 100px;
    }
}

@media (max-width: 1024px) {
    :root {
        --or-font-h1: 40px;
        --or-font-h1-strong: 16px;
        --or-font-h2: 35px;
        --or-font-h2-em: 16px;
        --or-font-p: 16px;
        --or-font-p-big: 18px;
        --or-font-btn: 16px;
    }
}

@media (max-width: 767px) {
    :root {
        --or-width: 84vw;
        --or-innerwidth: var(--or-width);
        --or-minwidth: var(--or-width);
        --or-pad: 80px;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    :root {
        --or-width: 500px;
    }
}

body {
    color: var(--or-main-color);
}

main>section {
    padding: var(--or-pad) 0;
}

main>section>* {
    max-width: var(--or-width);
    margin-left: auto;
    margin-right: auto
}

main>section.is-100,
main>section.is-100>* {
    max-width: 100%;
    padding: 0;
}

section>div.is-100,
section>div.is-100>* {
    max-width: 100%;
    padding: 0;
}

main>section.is-inner>* {
    max-width: var(--or-innerwidth);
}

main>section.is-overflowedright>* {
    max-width: calc(100% - ((100% - var(--or-width)) / 2));
    margin-left: auto;
    margin-right: 0;
}

h1 {
    color: var(--or-white-color);
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h1);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h1>strong {
    color: var(--or-white-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1-strong);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: block;
}

h2 {
    color: var(--or-alt-color);
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h2);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
}

h2>em {
    color: var(--or-black-color);
    font-family: var(--or-main-font);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    font-size: var(--or-font-h2-em);
}

h2>strong {
    font-weight: 600;
    font-family: var(--or-alt-font);
}

h3 {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h3);
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

p {
    color: var(--or-black-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-p);
    font-style: normal;
    font-weight: 400;
    line-height: 156%;
}

a {
    text-decoration: underline;
}

#bannerVentajas,
#bgImportant {
    background-position-y: center;
}

@media (max-width: 1024px) {
    #bgIntro {
        background-image: none;
    }
}

/*@media (min-width: 1025px) and (max-width: 1279px) {
    main>section.is-overflowedright>* {
        --or-width: 95vw;
    }
} */

/* ==> 2. Themes  <== */

/* ==> 2.1 t-gridover <== */

.t-gridover {
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: start
}

.t-gridover>*,
.t-gridover::before,
.t-gridover::after {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1
}

.t-gridover.has-textover {
    display: grid;
    align-items: end;
}

/* ==> 2.2 t-btn <== */

.t-btn,
.t-btn * {
    --btn-max-w: max-content;
    --btn-min-w: min-content;
    --btn-min-h: 57px;
    --btn-max-h: 57px;
    --btn-padding: 48px;
    --btn-bgcolor: var(--or-main-color);
    --btn-color: var(--or-alt-color);
    --btn-font: var(--or-main-font)
}

.t-btn {
    background-color: var(--btn-bgcolor);
    color: var(--btn-color);
    font-family: var(--btn-font);
    font-size: var(--or-font-btn);
    font-weight: 400;
    text-transform: uppercase;
    width: var(--btn-max-w);
    transition: .2s all ease-in-out;
    padding: 0 var(--btn-padding);
    max-height: var(--btn-max-h);
    margin-left: 0;
    border: none;
}

.t-btn:hover,
.t-btn:focus {
    --btn-bgcolor: var(--or-alt-color);
    color: var(--or-white-color);
    outline: none;
    text-decoration: none;
}

.t-btn.t--alt {
    background-color: var(--btn-bgcolor);
    color: var(--btn-color);
    border: solid 1px var(--or-main-color);
}

.t-btn.t--alt:hover,
.t-btn.t--alt:focus {
    --btn-bgcolor: var(--or-alt-color);
    color: var(--or-white-color);
    outline: none;
    text-decoration: none;
}

.t-btn.t--lang {
    border: none;
    display: flex;
    --btn-padding: 0px;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-width: var(--btn-min-w);
    min-height: var(--btn-min-h);
    background-color: transparent;
    color: var(--or-white-color);
    flex-direction: row-reverse;
    font-family: var(--or-main-font);
    font-style: normal;
}

.t-btn.t--lang:hover,
.t-btn.t--lang:focus {
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    stroke: var(--or-alt-color);
    outline: none;
}

.t-btn.t--lang>svg {
    height: 19px;
    padding-left: 0;
    padding-right: 5px;
    width: auto;
}

.t-btn.t--lang>svg path {
    stroke: var(--or-white-color);
    stroke-width: 2.5;
}

.t-btn.t--lang:hover>svg path,
.t-btn.t--lang:focus>svg path {
    stroke: var(--or-alt-color);
}

.is-fixed .t-btn.t--lang {
    color: var(--or-alt-color);
}

.is-fixed .t-btn.t--lang path {
    stroke: var(--or-alt-color);
}

.is-fixed .t-btn.t--lang:hover,
.is-fixed .t-btn.t--lang:focus {
    background-color: var(--or-alt-color);
    color: var(--or-white-color);
}

.is-fixed .t-btn.t--lang:hover path,
.is-fixed .t-btn.t--lang:focus path {
    stroke: var(--or-white-color);
}

@media (min-width: 1025px) and (max-width: 1679px) {
    .t-btn {
        font-size: 16px;
        --btn-max-w: max-content;
    }

    .t-btn.t--white {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .t-btn {
        font-size: 14px;
        --btn-max-w: max-content;
    }

    .t-btn.t--white {
        font-size: 20px;
    }
}

@media (max-width: 767px) {

    .t-btn,
    .t-btn * {
        --btn-max-w: 100%;
        --btn-max-w: 100%;
    }


    .t-btn.t--lang,
    .t-btn.t--lang * {
        --btn-min-w: 60px;
    }

    #navModal .t-btn.t--lang * {
        color: var(--modal-close);
        stroke: var(--modal-close);
    }


    #navModal .t-btn.t--lang {
        display: flex;
    }

    #navModal button.t--lang {
        color: var(--or-alt-color);
    }
}

/* ==> 2.3 t-pad <== */

.t-pad--no {
    padding-top: 0;
    padding-bottom: 0;
}

/* ==> 2.4 t-color <== */

.t-color,
.t-color * {
    color: var(--or-alt-color);
}

.t-color.t--white,
.t-color.t--white * {
    color: var(--or-white-color);
}

.t-color.t--black,
.t-color.t--black * {
    color: var(--or-black-color);
}

/* ==> 2.5 t-bgcolor <== */

.t-bgcolor {
    background-color: var(--or-gray-color);
}

.t-bgcolor.t--black {
    background-color: var(--or-alt-color);
}

.t-bgcolor.t--white {
    background-color: var(--or-white-color);
}

.t-bgcolor.t--main {
    background-color: var(--or-main-color);
}

/* ==> 2.6 t-centered <== */

.t-centered,
.t-centered * {
    text-align: center;
}

/* ==> 2.7 t-transform <== */

.t-transform img {
    -webkit-transition: ease-in-out, .3s ease-in-out;
    transition: ease-in-out, .3s ease-in-out
}

.t-transform:hover img {
    transform: scale(1.05)
}

/* ==> 2.8 t-modal <== */

#layerModal>section {
    display: none;
}

#layerModal .js-modalcontent {
    display: flex;
}

.t-modal,
.t-modal * {
    --modal-x-top: 120px;
    --modal-x-right: 150px;
    --modal-bg: var(--or-white-color);
    --modal-close: var(--or-alt-color);
    --modal-pad: 11vw 22vw;
}

.t-modal .t-modal__header {
    z-index: 9
}

.t-modal .t-modal__close {
    color: var(--modal-close)
}

.t-modal .t-modal__close svg,
.t-modal .t-modal__close svg * {
    height: 40px;
    width: 40px;
    stroke: currentColor
}

.t-modal .t-modal__container .t-modal__body {
    -webkit-animation-name: a-blur-show;
    animation-name: a-blur-show
}

/* ventajasModal */

#ventajasModal {
    background-image: url(/images/custom/bg/bg-yellow.jpg);
    background-size: cover;
}

#ventajasModal.t-modal,
#ventajasModal.t-modal * {
    --modal-w: var(--or-width);
    --modal-h: 100%;
}

#ventajasModal.t-modal .t-modal__container .t-modal__body {
    --modal-bg: transparent;
    width: 100%;
    justify-content: center;
}

/* modalRoom */

#modalRoom {
    background-color: var(--or-gray-color)
}

#modalRoom.t-modal,
#modalRoom.t-modal * {
    --modal-w: 100vw;
    --modal-h: 100vh;
    --modal-bg: var(--or-gray-color);
    --modal-pad: 0;
}

@media (max-width: 767px) {

    .t-modal,
    .t-modal * {
        --modal-x-top: 10vw;
        --modal-x-right: 80vw
    }
}

@media (min-width: 768px) and (max-width:1024px) {

    .t-modal,
    .t-modal * {
        --modal-x-top: 80px
    }
}

@media (max-width: 1024px) {

    .t-modal,
    .t-modal * {
        --modal-pad: 15vw
    }

    .t-modal .is-container {
        flex-direction: column;
        position: unset;
        overflow: auto;
        height: auto;
        max-height: 100vh;
        max-height: 100dvh;
        justify-content: flex-start;
        align-items: flex-start;
        align-items: flex-end
    }

    /* .t-modal .is-header {
        position: relative;
        left: 20px;
        height: 36px;
        width: 36px;
        max-width: 85vw;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        padding-left: calc((100vw - var(--or-width)) / 2)
    } */

    .t-modal .is-close,
    .t-modal .is-close svg {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative
    }

    .t-modal .is-container .is-body {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background-image: none;
        height: 100vh;
        background-color: unset
    }
}

@media (min-width: 1025px) and (max-width:1279px) {

    .t-modal,
    .t-modal * {
        --modal-x-top: 80px;
        --modal-pad: 10vw
    }
}

@media (min-width: 1280px) and (max-width:1679px) {

    .t-modal,
    .t-modal * {
        --modal-pad: 10vw
    }
}

@media (max-width: 767px) {
    .t-modal .t-modal__header {
        left: var(--modal-x-right);
        height: 36px;
        width: 36px;
    }
}

/* #navModal */

@media (min-width: 1025px) and (max-width: 1679px) {
    #navModal .t-modal__body.is-body {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1024px) {

    #navModal.t-modal,
    .t-modal * {
        --modal-pad: 7vw;
    }

    #navModal.t-modal .is-container .is-body {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 767px) and (orientation:landscape) {

    #navModal.t-modal .is-container .is-body {
        overflow: scroll;
    }
}

/* ==> 3. Components  <== */

/* ==> 3.1 c-bebox <== */

.c-bebox,
.c-bebox * {
    --vue-main-color: var(--or-alt-color);
    --vue-height: 70px;
    --vue-begap: 0px;
    --vue-bebg: var(--or-white-color);
    --vue-backdrop-filter: 7px;
    --vue-btn-color: var();
    --vue-btn-color: var(--or-main-color);
    --vue-text-color: #2B2B2B;
    --vue-detail-color: #B4B1B1;
    --vue-box-top: 80vh;
    --or-navgrid-h: 120px;
    --vue-cal-main-color: var(--or-black-color);
}

.c-bebox .c-bebox__column {
    color: var(--vue-main-color);
}

.c-bebox .c-bebox__column .c-bebox__field {
    margin: 0;
    --vue-height: 51px;
    height: 100%;
}

.c-bebox__column.c--pax .c-bebox__field::after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 50%;
    width: 1px;
    background-color: var(--or-alt-color);
}

.c-bebox__column.c--calendar .c-bebox__field::after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 100%;
    width: 1px;
    background-color: var(--or-alt-color);
}

.c-bebox .c-bebox__column .c-bebox__field,
.c-bebox .c-bebox__column.c--calendar .c-bebox__field>div {
    padding: 0 47px;
}

.c-bebox .c-bebox__column.c--calendar .c-bebox__field,
.c-bebox .c-bebox__column.c--promocode .c-bebox__field {
    border-right: none;
}

.c-bebox .c-bebox__column .c-bebox__field .c-bebox__input,
.c-bebox .c-bebox__column .c-bebox__field .dp__input,
.c-bebox .c-bebox__column .c-bebox__field .c-bebox__paxString {
    font-size: 14px;
    text-transform: uppercase;
}

.c-bebox .c-bebox__modal {
    color: var(--or-alt-color);
}

.c-bebox .c-bebox__roompax>div>[class*=_selector]>span {
    background-color: var(--or-black-color);
}

.c-bebox button.c-bebox__addrooms,
.c-bebox__roompax>div .c-bebox__roomkids_ages select {
    color: var(--or-alt-color);
    border-color: var(--or-alt-color);
}

.c-bebox__column.c--pax .c-bebox__button.c--removerooms {
    display: flex;
    color: var(--or-alt-color);
}

.c-bebox .c-bebox__column.c--pax .c-bebox__button.c--removerooms svg {
    margin-right: 10px;
}

.c-bebox .c-bebox__column.c--pax .c-bebox__button.c--removerooms svg * {
    fill: currentColor;
    stroke: none;
}

.c-bebox .c-bebox__column.c--submit>button {
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 500;
}

.c-bebox .c-bebox__column.c--submit>button:hover,
.c-bebox .c-bebox__column.c--submit>button:focus {
    background-color: var(--or-black-color);
    color: var(--or-white-color);
    outline: none
}

.c-bebox__roompax>div>[class*=_selector]>span.disabled {
    opacity: .4;
}

@media (min-width: 1280px) and (max-width: 1679px) {

    .c-bebox .c-bebox__column .c-bebox__field,
    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div {
        padding: 0 25px;
        height: 100%;
    }
}

@media (max-width: 1279px) {

    .c-bebox__column.c--pax .c-bebox__field::after,
    .c-bebox__column.c--calendar .c-bebox__field::after {
        display: none;
    }

    .c-bebox.is-mobile .c-bebox__form>div {
        padding: 30px 0;
    }

    .c-bebox.is-mobile>.c-bebox__form .c--submit {
        margin: 0;
    }

    .c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button {
        background-color: var(--or-main-color);
    }

    .c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button {
        font-size: 20px;
        color: var(--vue-btntxt-color);
    }

    .c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button:hover {
        color: var(--or-white-color);
    }

    .c-bebox.is-mobile .c-bebox__form>div {
        background-color: transparent;
    }

    .isSafari .c-bebox .c-bebox__column .c-bebox__field {
        height: 0
    }

    .c-bebox .c-bebox__column .c-bebox__field,
    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div {
        border: none;
        padding: 0 20px;
    }

    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap {
        padding: 0;
    }

    .c-bebox.is-mobile.is-displayed button.c-bebox__mobileclose {
        color: #fff;
    }

    .c-bebox.is-mobile.is-displayed button.c-bebox__mobileclose * {
        stroke: var(--or-white-color);
    }

}

@media (max-width: 767px) and (orientation: landscape) {

    .c-bebox.is-mobile.is-displayed,
    .has-navFixed .c-bebox.is-mobile.is-displayed {
        min-width: 100%;
        overflow: auto;
    }

    .c-bebox.is-mobile.is-displayed>.c-bebox__form {
        padding-top: 120px;
        min-width: 100%;
        background-color: transparent;
    }

    .c-bebox.is-mobile .c-bebox__form>div.c--submit {
        background-color: transparent;
    }

    .c-bebox__column.c--calendar .c-bebox__field>div>div {
        grid-template-columns: 20px 450px;
    }

    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap {
        justify-content: start;
    }

    .c-bebox.is-mobile.is-displayed,
    .has-navFixed .c-bebox.is-mobile.is-displayed {
        min-width: 100%;
        overflow: auto
    }

    .c-bebox.is-mobile.is-displayed>.c-bebox__form {
        padding-top: 120px;
        min-width: 100%;
        background-color: var(--vue-bebg)
    }

    .c-bebox.is-mobile .c-bebox__form>div.c--submit {
        background-color: transparent
    }

    .c-bebox__column.c--calendar .c-bebox__field>div>div {
        grid-template-columns: 20px 450px
    }

    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap {
        justify-content: start
    }

    .c-bebox.is-mobile.is-displayed button.c-bebox__mobileclose * {
        stroke: var(--or-alt-color)
    }
}

/* ==> 3.2 #default_sygy_element_engine <== */

#default_sygy_element_engine,
#default_sygy_element_engine * {
    --be-height: 75px;
    --be-gap: 0;
    --be-box-top: calc(100vh - var(--be-box-mbot));
}

#default_sygy_element_engine {
    width: 100%;
    position: absolute;
    top: var(--be-box-top);
    z-index: 3;
}

#default_sygy_element_engine .c051 {
    opacity: 0.8;
    background: var(--or-black-color);
}

@media (min-width: 801px) {
    #default_sygy_element_engine .c090 {
        max-width: var(--or-width)
    }
}

/* ==> 3.3 c-header <== */

.c-header {
    height: 100vh;
    height: 100dvh;
    display: grid;
    background-color: transparent;
    grid-template: unset;
    transition: height .5s ease-in-out
}

.c-header>div {
    display: flex;
    flex-direction: column;
    height: inherit;
    object-fit: contain
}

.c-header>div.c-header__text {
    z-index: 2;
    height: 100%;
    display: flex;
    width: var(--or-width);
    margin: 0 auto;
    margin-top: 200px;
}

.c-header .c-header__textcontainer h1 strong {
    z-index: 1;
    padding-top: 20px;
}

.c-header .c-header__textcontainer h1 em {
    font-style: normal;
    font-weight: 400;
    padding-left: 30px;
}

.c-header .c-header__textcontainer h1 strong em {
    display: inline;
}

@media (max-width: 767px) and (orientation: landscape) {
    .c-header>div.c-header__text {
        margin-top: 0;
    }

}

@media (max-width: 382px) {
    .c-header .c-header__textcontainer h1 strong em {
        display: block;
        margin-top: 10px;
        padding-left: 0;
    }
}

/* ==> 3.4 c-imgtxt <== */

.c-imgtxt,
.c-imgtxt * {
    --imgtxt-gap: 160px;
    --imgtxt-grid-col: repeat(2, 1fr);
    --imgtxt-btn-margtop: 60px;
}


.c-imgtxt__container {
    display: grid;
    grid-template-columns: var(--imgtxt-grid-col);
    gap: var(--imgtxt-gap);
    align-items: center;
}

.c-imgtxt__container .c-imgtxt__txt {
    grid-column: 2;
    grid-row: 1;
}

.c-imgtxt__container .c-imgtxt__img {
    grid-column: 1;
    grid-row: 1;
}

.c-imgtxt__container .c-imgtxt__btn {
    margin-top: var(--imgtxt-btn-margtop);
}

.c-imgtxt.is-reverse .c-imgtxt__container .c-imgtxt__txt {
    grid-column: 1;
}

.c-imgtxt.is-reverse .c-imgtxt__container .c-imgtxt__img {
    grid-column: 2;
}

@media (min-width: 1280px) and (max-width: 1679px) {

    .c-imgtxt,
    .c-imgtxt * {
        --imgtxt-gap: 80px;
    }

}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-imgtxt,
    .c-imgtxt * {
        --imgtxt-gap: 50px;
        --imgtxt-grid-col: 1fr;
        --imgtxt-btn-margtop: 40px;
    }

    .c-imgtxt__container .c-imgtxt__txt,
    .c-imgtxt__container .c-imgtxt__img {
        grid-column: 1;
    }

    .c-imgtxt__container .c-imgtxt__txt {
        grid-row: 2;
    }

    .c-imgtxt__container .c-imgtxt__img {
        grid-row: 1;
    }

    .c-imgtxt_img img {
        max-height: 530px;
    }
}

@media (max-width: 1024px) {

    .c-imgtxt,
    .c-imgtxt * {
        --imgtxt-gap: 60px;
        --imgtxt-grid-col: 1fr;
        --imgtxt-btn-margtop: 40px;
    }

    .c-imgtxt__container .c-imgtxt__txt,
    .c-imgtxt__container .c-imgtxt__img {
        grid-column: 1;
    }

    .c-imgtxt__container .c-imgtxt__txt {
        grid-row: 2;
    }

    .c-imgtxt__container .c-imgtxt__img {
        grid-row: 1;
    }

    .c-imgtxt__container .c-imgtxt__btn {
        margin-top: var(--imgtxt-btn-margtop);
    }
}

/* ==> 3.5 c-text <== */

.c-text,
.c-text * {
    --text-h2-margbot: 80px;
    --text-h2em-padtop: 20px;
    --text-p-first-padbot: 20px;
    --text-p-padbot: 10px;
    --text-p-em-size: var(--or-font-p-big);
    --textmin-max-w: 488px;
}

.c-text h2 {
    margin-bottom: var(--text-h2-margbot);
}

.c-text h2>em {
    padding-top: var(--text-h2em-padtop);
}

.c-text p {
    padding-bottom: var(--text-p-padbot);
}

.c-text p:first-of-type {
    padding-bottom: var(--text-p-first-padbot);
}

.c-text p>em {
    font-weight: 500;
    font-size: var(--text-p-em-size);
}

.c-text p strong {
    font-weight: 600;
}

.c-text p>em strong {
    font-weight: 600;
}

/* is-big */

.c-text.is-big p {
    font-size: var(--text-p-em-size);
}

/* is-min */

.c-text.is-min {
    display: grid;
    grid-auto-columns: var(--textmin-max-w);
}

.c-text.is-min h2 {
    --text-h2-margbot: 25px;
}

.c-text.is-min p {
    --text-p-first-padbot: 40px;
}

/* is-min is-reverse */

.c-text.is-min.is-reverse {
    --textmin-max-w: 565px;
    justify-content: end;
}

.c-text.is-min.is-reverse p {
    --text-p-first-padbot: 80px;
}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-text,
    .c-text * {
        --text-h2-margbot: 60px;
    }

    .c-text.is-min.is-reverse {
        --textmin-max-w: var(--or-width);
        justify-content: start;
    }
}

@media (max-width: 1024px) {

    .c-text,
    .c-text * {
        --text-h2-margbot: 50px;
        --text-h2em-padtop: 10px;
        --text-p-em-size: var(--or-font-p-big);
        --textmin-max-w: var(--or-width);
    }

    .c-text.is-min.is-reverse {
        --textmin-max-w: var(--or-width);
        justify-content: start;
    }
}

/* ==> 3.6 c-navgrid <== */

.c-navgrid,
.c-navgrid * {
    --nav-logo: 176px;
    --nav-logo-h: 60px;
    --nav-pad-h: 20px;
    --nav-pad-v: 11vw;
    --btn-min-h: 60px;
    --btn-min-w: 60px;
}

.c-navgrid {
    min-height: calc((var(--nav-pad-h)*2) + var(--nav-logo-h));
    background-color: transparent;
    gap: 0;
    display: grid;
    grid-auto-columns: 0 1fr var(--nav-lang);
}

.c-navgrid .c-navgrid__item.c--logo {
    max-width: var(--nav-logo);
}

.c-navgrid .c-navgrid__item.c--logo svg {
    width: 176px;
    min-width: 176px;
}


.c-navgrid .c-navgrid__item.c--logo a,
.c-navgrid .c-navgrid__item.c--logo a * {
    display: none;
}

.c-navgrid.is-fixed .c-navgrid__item.c--logo path {
    fill: var(--or-alt-color);
}

.c-navgrid.is-fixed .c-navbtn.c--extra {
    display: flex;
    order: 2;
}

.c-navgrid.is-fixed {
    background-color: var(--or-white-color);
    gap: 0;
    display: grid;
    grid-auto-columns: var(--nav-logo) 1fr var(--nav-lang);
}

.c-navgrid.is-fixed .c-navgrid__item.c--logo a,
.c-navgrid.is-fixed .c-navgrid__item.c--logo a * {
    height: var(--nav-logo-h);
    width: var(--nav-logo);
    display: flex
}

.c-navgrid.is-fixed .c-navgrid__item .c-langs {
    margin: var(--nav-pad-h) 0 0 0;
}

.c-navgrid .c-navgrid__item .c-langs {
    gap: 10px;
    margin: 10px 0 0 0
}

.c-navgrid .c-navgrid__item .c-langs .c-langs__item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-navgrid.is-fixed .c-navgrid__item.c-navcontent {
    display: grid;
    grid-template-columns: auto;
    justify-content: end;
}

.c-navgrid.is-fixed .c-navgrid__item .c-navbtn.c--extra {
    background-color: transparent;
    border: solid 1px var(--or-alt-color);
}

.c-navgrid.is-fixed .c-navbtn.c--extra:hover,
.c-navgrid.is-fixed .c-navbtn.c--extra:focus {
    background-color: var(--or-alt-color);
}

@media (max-width: 767px) {

    .c-navgrid,
    .c-navgrid * {
        --nav-pad-v: 8vw;
        --btn-min-h: 50px;
        --btn-min-w: 50px;
        --nav-pad-h: 10px;
    }

    .c-navgrid.is-mobile .c--extra button.c-navbtn.c--extra {
        display: none;
    }

    .c-navgrid.is-mobile.is-fixed .c--extra button.c-navbtn.c--extra {
        display: flex;
        grid-column: 1;
        margin-right: 0;
    }

    .c-navgrid.is-fixed {
        grid-auto-columns: auto auto auto;
        background-color: var(--or-white-color);
    }

    .c-navgrid.is-mobile.is-fixed .c-navgrid__item.c--langs>button {
        display: none;
    }

    .c-navgrid.is-fixed .c-navgrid__item.c-navcontent,
    .c-navgrid.is-mobile.is-fixed .c-navgrid__item.c-navcontent {
        display: grid;
        max-width: 100vw;
        width: 100%;
        min-width: 100%;
        grid-template-columns: var(--or-width);
        justify-content: stretch;
    }

    .c-navgrid.is-mobile.is-fixed .c--burger {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    .c-navgrid,
    .c-navgrid * {
        --nav-pad-v: 16vw;
    }
}

/* c-navcontent */

.c-navcontent {
    display: grid;
    align-items: center;
    align-content: center;
    grid-template: auto / 1fr auto;
    gap: 0;
    justify-content: start;
}

.c-navcontent__menu {
    display: grid;
    grid-template-columns: 1fr 1fr min-content;
    gap: 0;
}

.c-navcontent__menu.c--extra button.c-navbtn {
    grid-row: 1 / span 1;
    margin-left: 0;
}

.c-navcontent__menu.c--extra button.c-navbtn.c--extra {
    grid-column: 1 / span 1;
    margin-right: 20px;
}

.c-navcontent__menu.c--extra button.c-navbtn.c--booking {
    grid-column: 2 / span 1;
    max-width: 290px;
}

.c-navcontent__menu.c--burger {
    grid-column: 3 / span 1;
}

.c-navcontent__menu.c--burger .c-navcontent__burger {
    background-color: transparent;
    height: var(--btn-min-h);
    width: var(--btn-min-w);
}

.c-navcontent__menu.c--burger .c-navcontent__burger svg path {
    stroke: var(--or-white-color);
}

.c-navcontent__menu.c--burger .c-navcontent__burger:hover,
.c-navcontent__menu.c--burger .c-navcontent__burger:focus {
    background: var(--or-main-color);
    outline: none;
}

.c-navcontent__menu.c--burger .c-navcontent__burger:hover svg path,
.c-navcontent__menu.c--burger .c-navcontent__burger:focus svg path,
.c-navgrid.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger svg path {
    stroke: var(--or-alt-color);
}

.c-navgrid.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger:hover svg path,
.c-navgrid.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger:focus svg path {
    stroke: var(--or-white-color);
}

.c-navgrid.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger:hover,
.c-navgrid.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger:focus {
    background-color: var(--or-alt-color);
}

@media (min-width: 1280px) and (max-width: 1679px) {
    .c-navbtn {
        min-width: 190px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .c-navgrid {
        --nav-pad-v: 8vw;
        grid-auto-columns: 0 1fr var(--nav-lang);
    }

    .c-navgrid.is-fixed .c-navgrid__item.c-navcontent {
        grid-template-columns: auto;
        justify-content: end;
    }

    .c-navbtn {
        min-width: 190px;
    }

    .c-navbtn.c--extra {
        width: min-content;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .c-navgrid {
        --nav-pad-v: 4vw;
    }

    .c-navcontent {
        gap: 0;
    }

    .c-navcontent__menu {
        grid-template-columns: 1fr;
    }

    .c-navcontent__menu.c--extra {
        grid-template-columns: 1fr 1fr;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        margin-right: 15px;
    }

    .c-navcontent__menu.c--extra button.c-navbtn {
        margin: 0;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .c-navgrid.is-fixed {
        grid-auto-columns: 227px auto;
    }

    .c-navgrid.is-fixed .c-navgrid__item .c-langs.t-show {
        max-width: calc(227px + var(--nav-gap) + var(--btn-min-w) + 10px);
        left: unset;
        right: 50%;
        width: 100vw;
        transform: translateX(50%);
    }

    .c-navgrid.is-fixed .c-navgrid__item.c-navcontent {
        justify-content: end;
        display: flex;
    }

    .c-navgrid.is-mobile.is-fixed .c--burger {
        display: flex;
    }

    .t-fixed .c-navcontent__menu.c--extra button.c-navbtn.c--booking,
    .is-fixed .c-navcontent__menu.c--extra button.c-navbtn.c--booking {
        margin: 0 10px;
    }

    .c-navcontent__menu {
        grid-template-columns: 1fr;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        margin-right: 0;
    }

    .t-fixed .c-navcontent__menu.c--extra button.c-navbtn,
    .is-fixed .c-navcontent__menu.c--extra button.c-navbtn {
        min-width: auto;
    }
}

@media(max-width: 767px) {

    .c-navcontent__menu {
        grid-template-columns: 1fr;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        display: none;
    }

    .is-fixed .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        display: flex;
    }

    .t-fixed .c-navcontent__menu.c--extra button.c-navbtn,
    .is-fixed .c-navcontent__menu.c--extra button.c-navbtn {
        min-width: 100px;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        margin-right: 0;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra {
        font-size: 14px;
    }
}

/* ==> 3.7 c-bannerventajas <== */

.c-bannerventajas,
.c-bannerventajas * {
    --bannerventajas-col: repeat(2, 1fr);
    --bannerventajas-gap: 300px;
    --bannerventajas-h2-padbot: 20px;
    --bannerventajas-h2-size: 48px;
    --bannerventajas-pfirst-pad: 10px 0 20px 0;
    --bannerventajas-line-bg: var(--or-alt-color);
}

.c-bannerventajas__container {
    display: grid;
    grid-template-columns: var(--bannerventajas-col);
    gap: var(--bannerventajas-gap);
}

.c-bannerventajas__title p:first-of-type {
    font-family: var(--or-alt-font);
    font-size: var(--bannerventajas-h2-size);
    font-weight: 400;
    line-height: 100%;
    padding-bottom: var(--bannerventajas-h2-padbot);
}

.c-bannerventajas__title p strong {
    font-family: var(--or-alt-font);
    font-weight: 600;
    display: block;
}

.c-bannerventajas__text p:first-of-type {
    padding: var(--bannerventajas-pfirst-pad);
    text-transform: uppercase;
    font-weight: 500;
}

.c-bannerventajas__title {
    position: relative;
}

.c-bannerventajas__title::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: var(--bannerventajas-line-bg);
    right: calc(-300px / 2);
}

@media (max-width: 1279px) {

    .c-bannerventajas,
    .c-bannerventajas * {
        --bannerventajas-col: 1fr;
        --bannerventajas-gap: 100px;
        --bannerventajas-h2-padbot: 20px;
        --bannerventajas-pfirst-pad: 10px 0 20px 0;
        --bannerventajas-line-bg: var(--or-alt-color);
    }

    .c-bannerventajas__title::after {
        content: "";
        position: absolute;
        top: calc(50vh / 2);
        height: 1px;
        width: 100%;
        bottom: 0;
        right: 0;
    }
}

@media (min-width: 402px) and (max-width: 474px) {
    .c-bannerventajas__title::after {
        top: calc(55vh / 2);
    }
}

@media (max-width: 401px) {
    .c-bannerventajas__title::after {
        top: calc(65vh / 2);
    }
}

/* ==> 3.8 c-banner <== */

.c-banner,
.c-banner * {
    --banner-col: repeat(2, 1fr);
    --banner-pad: 70px;
}

.c-banner__container {
    display: grid;
    grid-template-columns: var(--banner-col);
    align-items: center;
}

.c-banner__img {
    height: 100%;
}

.c-banner__txt {
    padding: var(--banner-pad);
}

@media (max-width: 1279px) {

    .c-banner,
    .c-banner * {
        --banner-col: 1fr;
        --banner-pad: 45px;
    }

    .c-banner__txt {
        grid-row: 2;
    }

    .c-banner__img {
        grid-row: 1;
    }
}

@media (max-width: 767px) {

    .c-banner,
    .c-banner * {
        --banner-pad: calc((100vw - (var(--or-width)))/2);
    }
}

/* ==> 3.9 c-3col <== */

.c-3col,
.c-3col * {
    --3col-col: repeat(3, 1fr);
    --3col-pad: 60px 30px;
    --3col-num-size: 48px;
    --3col-num-fam: var(--or-alt-font);
    --3col-title-pad: 0px 0 20px 0;
    --3col-txt-max-w: 400px;
    --3col-icon-txt-size: 21px;
    --3col-icon-padbot: 15px;
    --3col-img-marg: 50px 0 30px 0;
}

.c-3col {
    display: grid;
    grid-template-columns: var(--3col-col);
}

.c-3col__container {
    border: solid 1px var(--or-main-color);
    padding: var(--3col-pad);
    justify-items: center;
}

.c-3col__num p {
    font-family: var(--or-alt-font);
    font-size: var(--3col-num-size);
    line-height: normal;
}

.c-3col__title {
    text-transform: uppercase;
    padding: var(--3col-title-pad);
}

.c-3col__txt {
    max-width: var(--3col-txt-max-w);
}

.c-3col.had-icon .c-3col__container,
.c-3col.had-img .c-3col__container {
    border: none;
}

.c-3col.had-icon .c-3col__txt p {
    font-size: var(--3col-icon-txt-size);
    font-style: italic;
    font-weight: 500;
}

.c-3col.had-icon .c-3col__icon {
    padding-top: var(--3col-icon-padbot);
}

.c-3col.had-img {
    gap: 20px;
}

.c-3col.had-img .c-3col__container {
    border: none;
    padding: 0;
    justify-items: start;
}

.c-3col.had-img .c-3col__txt {
    --3col-txt-max-w: 100%;
}

.c-3col.had-img .c-3col__txt h3 {
    margin: var(--3col-img-marg);
}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-3col.had-icon {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1279px) {

    .c-3col,
    .c-3col * {
        --3col-col: 1fr;
        --3col-icon-txt-size: 18px;
        --3col-img-marg: 30px 0 20px 0;
        --3col-txt-max-w: 100%;
    }

    .c-3col.had-icon .c-3col__icon svg {
        height: 90px;
    }

    .c-3col.had-img {
        gap: 50px;
    }
}

/* 3.10 c-recomendados */

.c-recomendados,
.c-recomendados * {
    --recom-max-width: 872px;
    --recom-btn-gap: 30px;
    --recom-height: 90vh;
    --recom-max-height: 936px;
    --recom-min-height: max-content;
    --recom-slide-pad: 100px;
}

.c-recomendados {
    display: grid;
    grid-auto-flow: row;
    align-items: center;
    justify-items: center;
    gap: var(--recom-btn-gap);
    max-height: var(--recom-max-height);
    min-height: var(--recom-min-height);
    grid-auto-rows: auto 1fr auto;
}

.c-recomendados .c-recomendados__slider {
    max-width: var(--recom-max-width);
    width: 80%;
    display: grid;
    grid-template: 1fr / 1fr;
    height: 100%;
}

.c-recomendados .c-recomendados__content {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    grid-auto-rows: 1fr;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}

.c-recomendados .c-recomendados__content>div {
    max-width: var(--recom-max-width);
}

.c-recomendados .c-recomendados__slider .owSlider_slideBox,
.c-recomendados .c-recomendados__slider .c-recomendados__content {
    padding: 0 var(--recom-slide-pad);
}

.c-recomendados .c-recomendados__slider .c-recomendados__item {
    display: grid;
    grid-template: auto 1fr / 1fr;
    gap: 30px;
    height: 290px;
    min-height: 290px;
    max-height: 290px;
    margin: 0 auto;
}

.c-recomendados .c-recomendados__slider .c-recomendados__item p.c-recomendados__title {
    text-transform: uppercase;
}

@media (max-width: 1024px) {

    .c-recomendados,
    .c-recomendados * {
        --recom-pad: var(--or-pad) 10vw;
        --t-btn-max-w: 60vw;
        --t-btn-min-w: 150px;
        --recom-slide-pad: 15px;
        --recom-slide-nav: -20px;
    }

    .c-recomendados,
    .c-recomendados * {
        --recom-max-width: 81.81vw;
        --recom-slide-pad: 0;
    }

    .c-recomendados .c-recomendados__btnlist {
        grid-auto-flow: row;
    }

    .c-recomendados .c-recomendados__slider {
        width: 100%;
    }

    .c-recomendados .c-recomendados__opinion {
        padding: 0 15px;
    }

    .c-recomendados__slider .icon-nav {
        position: relative;
    }

    .c-recomendados__slider .icon-nav.nav_prev {
        left: var(--recom-slide-nav);
    }

    .c-recomendados__slider .icon-nav.nav_next {
        right: var(--recom-slide-nav);
    }

    .c-recomendados__slider .icon-nav:hover,
    .c-recomendados__slider .icon-nav:hover svg {
        transform: none;
    }

}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-recomendados .c-recomendados__slider .owSlider_slideBox,
    .c-recomendados .c-recomendados__slider .c-recomendados__content {
        margin: 0 auto;
        max-width: var(--recom-max-width);
        width: 80%;
        padding: 0;
    }
}

/* 3.11 c-owslider */

.c-owslider,
.c-owslider * {
    --arrow-w: 38px;
    --arrow-h: 38px;
    --arrow-pos: 38px;
    --arrow-svg: 18px;
    --arrow-bg: rgba(255, 255, 255, .7);
    --arrow-color: #000;
    --slider-nav-width: 12px;
    --slider-nav-height: 12px;
    --slider-nav-gap: 12px;
    --slider-nav-top: calc(50% - 30px);
    --slider-nav-color: #fff;
    --slider-nav-radius: 5px;
    --slider-nav-border: 1px;
}

.c-owslider {
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: center;
    justify-items: center;
}

.c-owslider>* {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.c-owslider .owsliders-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 0;
    z-index: 3;
    padding: 0 var(--arrow-pos);
}

.c-owslider .owsliders-nav .icon-nav {
    width: var(--arrow-w);
    height: var(--arrow-h);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: var(--arrow-bg);
    border-radius: 38px;
    transition: all .25s linear;
    cursor: pointer;
}

.c-owslider .owsliders-nav .icon-nav:hover,
.c-owslider .owsliders-nav .icon-nav:focus {
    transform: scale(1.25);
}

.c-owslider .owsliders-nav .icon-nav:focus {
    outline: 2px solid var(--or-main-color);
}

.c-owslider .owsliders-nav .icon-nav svg {
    width: var(--arrow-svg);
    height: var(--arrow-svg);
    transition: all .25s linear;
}

.c-owslider .owsliders-nav .icon-nav svg * {
    stroke: var(--arrow-color);
}

.c-owslider .owsliders-nav .icon-nav:hover svg,
.c-owslider .owsliders-nav .icon-nav:focus svg {
    transform: scale(.8);
}

.c-owslider .nav-owslider-buttons {
    display: grid;
    grid-auto-flow: column;
    gap: var(--slider-nav-gap);
    grid-auto-columns: var(--slider-nav-width);
    margin: 0;
    padding: 0;
    position: relative;
    top: var(--slider-nav-top);
}

.c-owslider .nav-owslider-buttons .nav-slider-button {
    list-style: none;
    width: var(--slider-nav-width);
    height: var(--slider-nav-height);
    border: var(--slider-nav-border) solid var(--slider-nav-color);
    border-radius: var(--slider-nav-radius);
}

.c-owslider .nav-owslider-buttons .nav-slider-button.selected {
    background-color: var(--slider-nav-color);
}

/** Especificos **/
.c-owslider.is-recomend,
.c-owslider.is-recomend * {
    --arrow-pos: 0;
    --arrow-bg: var(--or-alt-color);
    --arrow-color: var(--or-main-color);
}

.c-owslider.is-recomend .nav-owslider-buttons {
    display: none;
}

.c-owslider.js-owsliderhome .owsliders-nav {
    display: none;
}

.c-owslider.js-owsliderhome .c-owslider__item {
    min-width: 100vw;
    min-width: 100dvw;
    -moz-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@media (max-width: 1024px) {

    .c-owslider,
    .c-owslider * {
        --arrow-w: 30px;
        --arrow-h: 30px;
        --arrow-pos: 15px;
        --arrow-svg: 12px;
    }

    .c-owslider .owsliders-nav .icon-nav:hover,
    .c-owslider .owsliders-nav .icon-nav:hover svg {
        transform: none;
    }

    .c-owslider .owsliders-nav .icon-nav svg * {
        stroke-width: 2;
    }
}

/* 3.12 c-footer */

.c-footer,
.c-footer * {
    --footer-col-w: 165px;
    --footer-col: repeat(6, var(--footer-col-w));
    --footer-row: 1fr;
    --footer-secondrow-pad: 50px 0 80px 0;
    --footer-third-p: 14px;
}

.c-footer {
    max-width: 100%;
}

.c-footer .c-footer__content .c-footer__row.is-first,
.c-footer .c-footer__content .c-footer__row.is-second,
.c-footer .c-footer__content .c-footer__row.is-third {
    max-width: var(--or-width);
    margin: 0 auto;
    display: grid;
    grid-template-columns: var(--footer-col);
    grid-template-rows: var(--footer-row);
    justify-content: space-between;
}

.c-footer .c-footer__content .c-footer__row.is-second {
    padding: var(--footer-secondrow-pad);
}

.c-footer .c-footer__content .c-footer__row.is-third p {
    font-size: var(--footer-third-p);
}

.c-footer__column.is-logo {
    grid-column: 1 / span 2;
}

.c-footer__column.is-logo path {
    fill: var(--or-main-color);
}

.c-footer__column.is-adress {
    grid-column: 3;
}

.c-footer__column.is-adress p {
    margin-bottom: 10px;
}

.c-footer__column.is-rgpd {
    grid-column: 4 / span 2;
}

.c-footer__column.is-rgpd ul {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 5px;
}

.c-footer__column.is-rgpd .c-nav .c-nav__item a {
    font-size: 16px;
    font-family: var(--or-main-font);
    color: var(--or-white-color);
}

.c-footer__column.is-btn {
    grid-column: 6;
}

.c-footer__column.is-btn a {
    color: var(--or-alt-btncolor);
}

.c-footer__column.is-btn a:hover,
.c-footer__column.is-btn a:focus {
    color: var(--or-white-color);
}

.c-footer__column.is-uuee {
    grid-column: 3;
}

.c-footer__column.is-resiliencia {
    grid-column: 4;
}

.c-footer__column.is-copyright {
    grid-column: 1 / span 2;
}

.c-footer__column.is-copyright p em {
    font-style: normal;
}

.c-footer__column.is-powered {
    grid-column: 3 / span 2;
}

.c-footer__column.is-powered a {
    display: flex;
    align-items: flex-end;
    width: max-content;
}

.c-footer__column.is-powered a .is-container {
    padding-left: 5px;
}

.c-footer .c-footer__content .c-footer__column a {
    text-decoration: none;
}

@media (min-width: 1280px) and (max-width: 1679px) {

    .c-footer__column.is-uuee svg,
    .c-footer__column.is-resiliencia svg {
        width: 160px;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-footer,
    .c-footer * {
        --footer-secondrow-pad: 50px 0 50px 0;
    }

    .c-footer .c-footer__content .c-footer__row.is-first {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: 200px;
        row-gap: 30px;
    }

    .c-footer .c-footer__content .c-footer__row.is-second {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        column-gap: 200px;
        row-gap: 30px;
    }

    .c-footer .c-footer__content .c-footer__row.is-third {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        column-gap: 200px;
        row-gap: 20px;
    }

    .c-footer__column.is-logo {
        grid-row: 1;
        grid-column: 1;
    }

    .c-footer__column.is-btn {
        grid-column: 2;
        grid-row: 1;
    }

    .c-footer__column.is-adress {
        grid-column: 1;
    }

    .c-footer__column.is-rgpd {
        grid-column: 2;
    }

    .c-footer__column.is-uuee {
        grid-row: 1;
        grid-column: 1;
    }

    .c-footer__column.is-resiliencia {
        grid-row: 1;
        grid-column: 2;
    }

    .c-footer__column.is-copyright {
        grid-row: 1;
        grid-column: 1 / span 2;
    }

    .c-footer__column.is-powered {
        grid-row: 2;
        grid-column: 1;
    }
}

@media (max-width: 1024px) {

    .c-footer,
    .c-footer * {
        --footer-row: 1fr;
        --footer-secondrow-pad: 40px 0 40px 0;
        --footer-third-p: 14px;
    }

    .c-footer {
        max-width: 100%;
    }

    .c-footer .c-footer__content .c-footer__row.is-first,
    .c-footer .c-footer__content .c-footer__row.is-second,
    .c-footer .c-footer__content .c-footer__row.is-third {
        grid-template-columns: 1fr;
    }

    .c-footer .c-footer__content .c-footer__row.is-first {
        grid-template-rows: repeat(4, auto);
    }

    .c-footer .c-footer__content .c-footer__row.is-second {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: 1fr;
        justify-content: start;
        gap: 30px;
    }


    .c-footer .c-footer__content .c-footer__row.is-third {
        grid-template-rows: repeat(2, 1fr);
    }

    .c-footer__column.is-logo,
    .c-footer__column.is-adress,
    .c-footer__column.is-rgpd,
    .c-footer__column.is-btn,
    .c-footer__column.is-copyright,
    .c-footer__column.is-powered {
        grid-column: 1;
    }

    .c-footer__column.is-logo {
        grid-row: 1;
    }

    .c-footer__column.is-btn {
        grid-row: 2;
        padding: 50px 0;
    }

    .c-footer__column.is-adress {
        grid-row: 3;
        padding-bottom: 20px;
    }

    .c-footer__column.is-rgpd {
        grid-row: 4;
    }

    .c-footer__column.is-uuee {
        grid-row: 1;
        grid-column: 1;
    }

    .c-footer__column.is-resiliencia {
        grid-row: 1;
        grid-column: 2;
    }

    .c-footer__column.is-copyright {
        grid-row: 1 / span 2;
    }

    .c-footer__column.is-powered {
        grid-row: 3 / span 2;
    }

}

@media (max-width: 767px) {

    .c-footer .c-footer__content .c-footer__row.is-second {
        gap: 20px;
    }

    .c-footer__column.is-uuee svg,
    .c-footer__column.is-resiliencia svg {
        width: 160px;
    }

    .c-footer .c-footer__content .c-footer__row.is-third {
        padding-bottom: 50px;
    }
}

@media (max-width: 390px) {

    .c-footer .c-footer__content .c-footer__row.is-second {
        gap: 10px;
    }

    .c-footer__column.is-uuee svg,
    .c-footer__column.is-resiliencia svg {
        width: 140px;
    }
}


/* 3.13 c-2col */

.c-2col,
.c-2col * {
    --2col-marg-topbot: var(--or-pad);
    --2col-marg-left: calc((100vw - (var(--or-width)))/2);
    --2col-max-w: 393px;

    --2colroom-margbot: 20px;
    --2colroom-txt-max-h: 25px;
}

.c-2col__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
}

.c-2col__txt {
    margin-left: var(--2col-marg-left);
    margin-top: var(--2col-marg-topbot);
    margin-bottom: var(--2col-marg-topbot);
    max-width: var(--2col-max-w);
}

.c-2col__map iframe {
    height: 745px;
    width: calc(100vw/2);
}

.c-2col.is-rooms .c-2col__txt {
    max-width: 528px;
}

.c-2col.is-rooms .c-2col__txt .is-title h2 {
    margin: 0;
    margin-bottom: var(--2colroom-margbot);
}

.c-2col.is-rooms .c-2col__txt .is-txt {
    padding: 40px 0;
}

.c-2col.is-rooms .c-2col__txt .is-icon .is-container {
    display: flex;
    align-items: center;
    margin-bottom: var(--2colroom-margbot);
}

.c-2col.is-rooms .c-2col__txt .is-icon .is-container p {
    text-transform: uppercase;
    max-height: var(--2colroom-txt-max-h);
}

.is-reverse.c-2col.is-rooms .c-2col__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.is-reverse.c-2col.is-rooms .c-2col__txt {
    grid-column: 2;
    grid-row: 1;
}

.is-reverse.c-2col.is-rooms .c-2col__img {
    grid-column: 1;
    grid-row: 1;
}

.c-2col.is-rooms .c-2col__img,
.is-reverse.c-2col.is-rooms .c-2col__img {
    height: 100%
}

@media (max-width: 1279px) {

    .c-2col,
    .c-2col * {
        --2col-marg-left: auto;
        --2col-max-w: var(--or-width);
    }

    .c-2col .c-2col__container {
        grid-template-columns: 1fr;
    }

    .c-2col__txt {
        margin-right: var(--2col-marg-left);
    }

    .c-2col__map iframe {
        height: 456px;
        width: 100%;
    }

    .c-2col.is-rooms .c-2col__container,
    .is-reverse.c-2col.is-rooms .c-2col__container {
        grid-template-columns: repeat(2, 1fr);
    }

    .c-2col.is-rooms .c-2col__txt,
    .is-reverse.c-2col.is-rooms .c-2col__txt {
        max-width: 400px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .c-2col.is-rooms .c-2col__img,
    .is-reverse.c-2col.is-rooms .c-2col__img {
        height: 600px
    }
}

@media (max-width: 1024px) {

    .c-2col.is-rooms .c-2col__container,
    .is-reverse.c-2col.is-rooms .c-2col__container {
        grid-template-columns: 1fr;
    }

    .c-2col.is-rooms .c-2col__txt,
    .is-reverse.c-2col.is-rooms .c-2col__txt {
        grid-column: 1;
        grid-row: 2;
        max-width: var(--or-width);
    }

    .c-2col.is-rooms .c-2col__img,
    .is-reverse.c-2col.is-rooms .c-2col__img {
        grid-column: 1;
        grid-row: 1;
    }
}

/* ==> 3.14 c-rgpdmodal <== */

.c-rgpdmodal__submitbtns {
    --or-rgpd-color: var(--or-main-color);
}

.c-rgpdmodal.t-show .c-rgpdmodal__container .c-rgpdmodal__body form div>input#rgpd-submit {
    background-color: transparent;
    -webkit-text-fill-color: var(--or-main-color)
}

.c-rgpdmodal.t-show .c-rgpdmodal__container .c-rgpdmodal__body form div>input#rgpd-submit:hover,
.c-rgpdmodal.t-show .c-rgpdmodal__container .c-rgpdmodal__body form div>input#rgpd-submit:focus {
    background-color: var(--or-main-color);
    -webkit-text-fill-color: var(--or-rgpd-bgcolor);
}

.c-rgpdmodal .no-modal .c-rgpdmodal__openmodal.c--display span {
    color: var(--or-alt-color);
}

@media (max-width: 767px) and (orientation: landscape) {

    .isSafari .c-rgpdmodal.t-show,
    .isSafari .c-rgpdmodal.t-show .c-rgpdmodal__container,
    .isSafari .c-rgpdmodal.t-show .c-rgpdmodal__container .c-rgpdmodal__body {
        overflow: auto;
    }
}

/* ==> 3.15 c-navmodal <== */

.c-navmodal,
.c-navmodal * {
    --nav-lang-h: 60px;
    --btn-lang-h: 60px;
    --btn-lang-w: 60px;
    --modal-bg: unset
}

.c-navmodal .is-container .is-body {
    background-image: url(/images/custom/bg/bg-white.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--or-white-color);
}

#navModal .c-langs {
    display: none
}

#navModal .t-btn.t--lang {
    display: none
}

@media (max-width: 1024px) {

    .c-navmodal ul.c-nav {
        gap: 15px;
        padding-top: 100px
    }
}

@media (max-width: 767px) {

    .c-navmodal,
    .c-navmodal * {
        --nav-lang-h: 60px;
        --btn-lang-w: 60px;
    }

    .c-navmodal {
        background-image: none;
    }

    .c-navmodal .is-body button {
        display: flex;
        position: fixed;
        font-size: 1rem;
        width: var(--btn-lang-w);
        min-height: var(--nav-lang-h);
        height: var(--nav-lang-h);
        top: 10vw;
        right: 80vw;
    }

    .isSafari .c-navmodal .is-body button {
        margin-top: var(--modal-x-top)
    }

    .c-navmodal .c-navmodal__body {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto
    }

    .c-navmodal .is-body button:active,
    .c-navmodal .is-body button:focus,
    .c-navmodal .is-body button:target,
    .c-navmodal .is-body button:hover,
    .c-navmodal .is-body button:focus-visible {
        border: none
    }

    .c-navmodal .c-nav__item a.c-nav__specialitem.c--booking {
        margin-top: 5px
    }

    #navModal .t-btn.t--lang {
        display: flex;
    }

    #navModal .t-btn.t--lang * {
        color: var(--modal-close);
        stroke: var(--modal-close)
    }

    #navModal .c-langs.t-show,
    #navModal .c-langs.t-hide {
        height: min-content;
        display: flex;
        flex-direction: column;
        grid-auto-flow: column;
        gap: 10px;
        width: auto;
        position: absolute;
        margin-top: var(--nav-lang-h);
        top: 10vw;
        right: 80vw;
        justify-content: space-between;
    }

    .isSafari #navModal .c-langs.t-show,
    .isSafari #navModal .c-langs.t-hide {
        margin-top: calc(var(--modal-x-top) + var(--nav-lang-h))
    }

    #navModal .c-langs .c-langs__item {
        width: var(--btn-lang-w)
    }

    #navModal .c-langs .c-langs__item:last-of-type {
        border-right: blanchedalmond;
        margin-right: 0;
        padding-right: 0
    }

    #navModal .c-langs .c-langs__item a {
        background-color: transparent
    }

    #navModal .c-langs .c-langs__item.t--active {
        filter: none
    }

    #navModal .c-langs.t-show .c-langs__item {
        width: var(--btn-lang-w);
        background-color: var(--or-alt-color);
        padding: 5px
    }

    #navModal .c-langs.t-show .c-langs__item.t--active {
        opacity: .5
    }
}

@media (max-width: 767px) and (orientation:landscape) {

    .c-navmodal .c-navmodal__body {
        padding-top: 300px;
    }

    .c-navmodal .is-body button {
        right: auto;
    }
}

/* c-nav */

.c-nav {
    display: flex;
    flex-direction: column
}

.c-nav .c-nav__item a {
    text-decoration: none;
    font-family: var(--or-alt-font);
    color: var(--or-alt-color);
    font-size: 44px;
    position: relative;
}

#navModal .c-nav .c-nav__item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: var(--or-alt-color);
    transition: width .5s;
}

#navModal .c-nav .c-nav__item a:hover::after {
    width: 100%;
}

.c-nav .c-nav__item.is-current a {
    font-style: italic;
}

.c-nav .c-nav__item.is-firstalt__parent {
    margin-top: 60px;
}

.c-nav .c-nav__item.is-alt__parent {
    min-height: 20px
}

.c-nav .c-nav__item.is-alt__parent a {
    font-family: var(--or-main-font);
    font-size: var(--or-font-p-big);
    font-weight: 400;
    text-transform: uppercase;
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .c-nav .c-nav__item a {
        font-size: 38px;
    }
}

@media (max-width: 1024px) {
    .c-nav .c-nav__item a {
        font-size: 30px;
    }

    .c-navmodal ul.c-nav {
        gap: 20px;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .c-nav .c-nav__item.is-firstalt__parent {
        margin-top: 40px
    }
}

/* ==> 3.16 c-modalroom <== */

.c-modalroom,
.c-modalroom * {
    --modalroom-title-icon-marbot: 70px;
    --modalroom-title-icon-max-h: 25px;
    --modalroom-title-h2em-marg: 15px 0;
    --modalroom-txt-margbot: 60px;
    --modalroom-item-pad: 30px 0;
    --modalroom-item-w: 347px;
    --modalroom-item--padtop: 20px;
}

.c-modalroom {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.c-modalroom__title,
.c-modalroom__txt,
.c-modalroom__services {
    width: var(--or-innerwidth);
    margin: 100px auto;
}

.c-modalroom__title .is-icon .is-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: var(--modalroom-title-icon-marbot);
}

.c-modalroom__title .is-icon .is-container p {
    text-transform: uppercase;
    max-height: var(--modalroom-title-icon-max-h);
}

.c-modalroom__title .is-title h2>em {
    margin: var(--modalroom-title-h2em-marg);
}

.c-modalroom__txt {
    margin-bottom: var(--modalroom-txt-margbot);
}

.c-modalroom__services {
    display: flex;
    justify-content: space-between;
}

.c-modalroom__services .c-modalroom__item {
    padding: var(--modalroom-item-pad);
    border-top: solid 1px;
    border-bottom: solid 1px;
    width: var(--modalroom-item-w);
}

.c-modalroom__services .c-modalroom__item .is-services {
    display: flex;
    flex-direction: column;
}

.c-modalroom__services .c-modalroom__item p {
    padding-top: var(--modalroom-item--padtop);
}

@media (max-width: 1024px) {

    .c-modalroom,
    .c-modalroom * {
        --modalroom-item-w: var(--or-width);
    }

    .c-modalroom__title,
    .c-modalroom__txt,
    .c-modalroom__services {
        margin: 50px auto;
    }

    .c-modalroom__services {
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;

    }

    .c-modalroom__services .c-modalroom__item {
        border: none;
        padding: 0;
    }

    .c-modalroom__services .c-modalroom__item:first-of-type {
        border-top: solid 1px;
        padding-top: 30px;
    }

    .c-modalroom__services .c-modalroom__item:last-of-type {
        border-bottom: solid 1px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .c-modalroom__title {
        padding-top: 30px;
    }
}

/* ==> 3.17 c-service <== */

.c-service,
.c-service * {
    --service-padbot: 10px;
    --service-icon-padright: 25px;
    --service-txt-size: 21px;
}

span.c-service.is-service {
    display: flex;
    align-items: center;
    padding-bottom: var(--service-padbot);
}

.c-service__icon svg {
    padding-right: var(--service-icon-padright);
    width: 100%;
    height: 100%;
}

span.c-service__text.has-text {
    font-size: var(--service-txt-size);
    font-style: italic;
    font-weight: 500;
}

@media (min-width: 1025px) and (max-width: 1679px) {

    .c-service,
    .c-service * {
        --service-txt-size: 16px;
        --service-icon-padright: 5px;
    }
}

@media (max-width: 1024px) {

    .c-service,
    .c-service * {
        --service-icon-padright: 25px;
        --service-txt-size: 16px;
    }
}

/* ==> 3.18 c-col <== */

.c-col,
.c-col * {
    --col-svg-wh: 100px;
    --col-txt-size: 21px;
    --col-container-w: 142px;
}

.c-col {
    display: flex;
    justify-content: space-around;
}

.c-col__container {
    width: var(--col-container-w);
}

.c-col__item svg {
    width: var(--col-svg-wh);
    height: var(--col-svg-wh);
}

.c-col__txt p {
    text-align: center;
    font-size: var(--col-txt-size);
    font-style: italic;
    font-weight: 500;
    line-height: 143%;
}

.c-col.is-inner {
    max-width: var(--or-innerwidth);
    padding-top: 60px;
}

@media (max-width: 1679px) {

    .c-col,
    .c-col * {
        --col-svg-wh: 90px;
        --col-txt-size: 18px;
    }
}

@media (max-width: 1279px) {

    .c-col,
    .c-col * {
        --col-container-w: auto;
    }

    .c-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .c-col__container:not(:last-of-type) {
        padding-bottom: 20px;
    }
}


@media (max-width: 767px) {

    .c-col,
    .c-col * {
        --col-container-w: var(--or-width);
    }

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

/* ==> 3.19 c-imgcard <== */

.c-imgcard,
.c-imgcard * {
    --imgcard-card-w: 472px;
    --imgcard-txt-pad: 40px;
    --imgcard-txt-h3-padbot: 40px;
    --imgcard-txt-h3-size: 35px;
    --imgcard-txt-p-marbot: 20px;
    --imgcard-txt-em-size: 18px;

    --imgcard-card-margright: calc((100vw - (var(--or-innerwidth)))/2);
    --imgcard-card-margtop: -185px;

    --imgcardsmall-col: repeat(2, 1fr);
    --imgcardsmall-rowgap: 40px;
    --imgcardsmall-img-h: 600px;
    --imgcardsmall-img-w: 600px;
    --imgcardsmall-card-marg: -50px;
}

/* card */

.c-imgcard__card {
    background-color: var(--or-white-color);
    max-width: var(--imgcard-card-w);
}

.c-imgcard__txt {
    padding: var(--imgcard-txt-pad);
}

.c-imgcard__txt h3 {
    padding-bottom: var(--imgcard-txt-h3-padbot);
    font-size: var(--imgcard-txt-h3-size);
    font-weight: 400;
    color: var(--or-alt-color);
}

.c-imgcard__txt h3>strong {
    font-family: var(--or-alt-font);
    font-weight: 600;
}

.c-imgcard__txt p:first-of-type {
    margin-bottom: var(--imgcard-txt-p-marbot);
}

.c-imgcard__txt em {
    font-size: var(--imgcard-txt-em-size);
    font-style: italic;
    font-weight: 500;
    line-height: 156%;
}

.c-imgcard__txt p strong {
    font-weight: 600;
}

/* estructura */

.c-imgcard .c-imgcard__item {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--imgcardsmall-rowgap);
    align-items: flex-end;
}

.c-imgcard .c-imgcard__card {
    margin-right: var(--imgcard-card-margright);
    margin-top: var(--imgcard-card-margtop);
}

.c-imgcard .c-imgcard__item .c-imgcard__img {
    width: 100vw;
}

.c-imgcard.is-small {
    display: grid;
    grid-template-columns: var(--imgcardsmall-col);
    grid-auto-rows: 1fr;
    row-gap: var(--imgcardsmall-rowgap);
}

.c-imgcard.is-small .c-imgcard__item.is-one,
.c-imgcard.is-small .c-imgcard__item.is-two,
.c-imgcard.is-small .c-imgcard__item.is-three,
.c-imgcard.is-small .c-imgcard__item.is-four,
.c-imgcard.is-small .c-imgcard__item.is-five,
.c-imgcard.is-small .c-imgcard__item.is-six,
.c-imgcard.is-small .c-imgcard__item.is-seven {
    grid-column: 1 / span 2;
}

.c-imgcard.is-small .c-imgcard__item.is-one {
    grid-row: 1;
}

.c-imgcard.is-small .c-imgcard__item.is-two {
    grid-row: 2;
}

.c-imgcard.is-small .c-imgcard__item.is-three {
    grid-row: 3;
}

.c-imgcard.is-small .c-imgcard__item.is-four {
    grid-row: 4;
}

.c-imgcard.is-small .c-imgcard__item.is-five {
    grid-row: 5;
}

.c-imgcard.is-small .c-imgcard__item.is-six {
    grid-row: 6;
}

.c-imgcard.is-small .c-imgcard__item.is-seven {
    grid-row: 7;
}

.c-imgcard.is-small .c-imgcard__item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.c-imgcard.is-small .c-imgcard__item.is-reverse {
    flex-direction: row-reverse;
}

.c-imgcard.is-small .c-imgcard__item .c-imgcard__img {
    max-height: var(--imgcardsmall-img-h);
    width: var(--imgcardsmall-img-w);
}

.c-imgcard.is-small .c-imgcard__item .c-imgcard__card {
    margin-left: var(--imgcardsmall-card-marg);
    --imgcard-card-margtop: 0;
}

.c-imgcard.is-small .c-imgcard__item.is-reverse .c-imgcard__card {
    margin-right: var(--imgcardsmall-card-marg);
    --imgcard-card-margtop: 0;
    z-index: 1;
}

@media (min-width: 1368px) and (max-width: 1679px) {
    .c-imgcard.is-small .c-imgcard__item .c-imgcard__img picture {
        height: auto;
        width: 500px;
    }
}

@media (min-width: 1025px) and (max-width: 1679px) {

    .c-imgcard,
    .c-imgcard * {
        --imgcard-card-w: 45vw;
        --imgcard-txt-pad: 20px;
        --imgcard-txt-h3-padbot: 30px;
        --imgcard-txt-h3-size: 30px;
        --imgcard-txt-p-marbot: 10px;
        --imgcard-txt-em-size: 16px;
        --imgcard-card-margright: 0;
        --imgcard-card-margtop: -50px;
        --imgcardsmall-rowgap: 20px;
        --imgcardsmall-col: 1fr;
        --imgcardsmall-img-h: auto;
        --imgcardsmall-img-w: calc((var(--or-width))/2);
        --imgcardsmall-card-marg: -50px;
    }

    .c-imgcard.is-small {
        justify-content: center;
    }

    .c-imgcard .c-imgcard__item {
        margin-bottom: calc((var(--imgcardsmall-rowgap)) + 35px);
        align-items: center;
    }

    .c-imgcard.is-small .c-imgcard__item {
        margin-bottom: var(--imgcardsmall-rowgap);
    }

    .c-imgcard.is-small .c-imgcard__item .c-imgcard__card {
        height: 262px;
        width: 400px;
    }

    .c-imgcard.is-small .c-imgcard__item .c-imgcard__img {
        width: auto;
    }

    .c-imgcard.is-small .c-imgcard__item .c-imgcard__img picture {
        height: auto;
        width: 396px;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {

    .c-imgcard,
    .c-imgcard * {
        --imgcardsmall-card-marg: -150px;
    }
}

@media (max-width: 1024px) {

    .c-imgcard,
    .c-imgcard * {
        --imgcard-card-w: 75vw;
        --imgcard-txt-pad: 30px;
        --imgcard-txt-h3-padbot: 30px;
        --imgcard-txt-h3-size: 30px;
        --imgcard-txt-p-marbot: 10px;
        --imgcard-txt-em-size: 16px;
        --imgcard-card-margright: 0;
        --imgcard-card-margtop: -50px;
        --imgcardsmall-rowgap: 20px;
        --imgcardsmall-col: 1fr;
        --imgcardsmall-img-h: auto;
        --imgcardsmall-img-w: var(--or-width);
        --imgcardsmall-card-marg: 0;
    }

    .c-imgcard .c-imgcard__item {
        margin-bottom: calc((var(--imgcardsmall-rowgap)) + 35px);
        align-items: center;
    }

    .c-imgcard.is-small .c-imgcard__item {
        margin-bottom: var(--imgcardsmall-rowgap);
    }

    .c-imgcard.is-small .c-imgcard__item.is-one {
        grid-column: 1;
        grid-row: 1;
    }

    .c-imgcard.is-small .c-imgcard__item.is-two {
        grid-column: 1;
        grid-row: 2;
    }

    .c-imgcard.is-small .c-imgcard__item.is-three {
        grid-column: 1;
        grid-row: 3;
    }

    .c-imgcard.is-small .c-imgcard__item,
    .c-imgcard.is-small .c-imgcard__item.is-reverse {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .c-imgcard__img picture {
        height: 380px;
    }

    .c-imgcard.is-small .c-imgcard__item .c-imgcard__card {
        --imgcard-card-margtop: -50px;
    }

    .c-imgcard.is-small .c-imgcard__item.is-reverse .c-imgcard__card {
        --imgcard-card-margtop: -50px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .c-imgcard,
    .c-imgcard * {
        --imgcard-card-w: 50vw;
    }
}

/* ==> 3.20 c-textolegal <== */

.c-textolegal,
.c-textolegal * {
    --or-font-h2: 25px;
    --or-font-p: 16px;

    font-weight: 500;
    color: var(--or-alt-color);
    line-height: 25px;
}

.c-textolegal strong {
    font-weight: 600;
}

.c-textolegal h3 {
    padding-bottom: 20px;
    color: var(--or-alt-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2);
}

.c-textolegal h2 {
    padding: 30px 0;
    font-family: var(--or-main-font);
    font-size: var(--or-font-h2);
    font-weight: 500;
    color: var(--or-alt-color);
    letter-spacing: 0;
    text-transform: uppercase;
}

.c-textolegal ul {
    list-style-type: disc;
    padding-left: 30px;
    padding-bottom: 25px;
    font-size: var(--or-font-p);
}

.c-textolegal li,
.c-textolegal p {
    padding-bottom: 20px;
    text-align: left;
}

.c-textolegal table p,
.c-textolegal table p:last-of-type,
.c-textolegal ul li p,
.c-textolegal ul li p:last-of-type,
.c-textolegal li:last-of-type {
    padding-bottom: 0
}

.c-textolegal p:last-of-type {
    padding-bottom: 25px;
}

@media (max-width: 767px) {

    .c-textolegal,
    .c-textolegal * {
        --or-font-h2: 30px;
    }

}

/* ==> 3.21 c-table <== */

.c-table table {
    overflow: auto;
    display: block;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
}

.c-table table * {
    --or-font-p: 16px;

    line-height: 1.1;
}

.c-table table th,
.c-table table td {
    font-size: var(--or-font-p);
    border: 1px solid var(--or-alt-color);
    width: 20%;
    height: 60px;
    padding: 10px;
}


.c-table table th>em,
.c-table table td>em {
    font-weight: 400;
    font-size: var(--or-font-pmin);
    display: block;
}

.c-table.c--2cols table th:first-of-type,
.c-table.c--2cols table td:first-of-type {
    width: 25%;
    min-width: 120px;
}

.c-table.c--2cols table th:last-of-type,
.c-table.c--2cols table td:last-of-type {
    width: 75%;
}

/* ==> 3.22 c-contact <== */

.c-contact .cf-fields {
    width: var(--or-innerwidth);
}

.c-contact form .cf-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.c-contactform.convertforms .cf-control-group {
    padding-right: 0;
}

.c-contactform.convertforms .cf-content-wrap,
.c-contactform.convertforms .cf-form-wrap {
    padding: 0;
}

.c-contact form .cf-control-group.is-message {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2
}

.c-contact form .cf-control-group.is-recaptcha {
    grid-column: span 2 / span 2;
    grid-row-start: 4
}

.c-contact form .cf-control-group.is-responsible {
    grid-column: span 2 / span 2;
    grid-row-start: 5
}

.c-contact form .cf-control-group.is-policy {
    grid-column: span 2 / span 2;
    grid-row-start: 6
}

.c-contact form .cf-control-group.is-btn {
    grid-column: span 2 / span 2;
    grid-row-start: 7
}

.c-contact .c-contact__txt h2 {
    padding-bottom: 50px;
}

.c-contact form .is-recaptcha .cf-recaptcha-v3-text-badge,
.c-contact form .is-recaptcha .cf-recaptcha-v3-text-badge>* {
    color: var(--or-black-color);
}


@media (max-width: 1024px) {
    .c-contact form .cf-fields {
        display: flex;
        flex-direction: column
    }
}

/* ==> 3.23 c-contactform <== */

.c-contactform.convertforms form {
    background-color: var(--or-gray-color);
}

.c-contactform .cf-label .cf-required-label {
    display: none;
}

.c-contactform form .is-responsible p {
    font-size: .75rem;
    font-weight: 400
}

.c-contactform form .is-recaptcha .cf-recaptcha-v3-text-badge,
.c-contactform form .is-recaptcha .cf-recaptcha-v3-text-badge>* {
    color: var(--or-white-color);
}

.c-contactform form .is-policy label p a {
    text-decoration: underline;
}

.convertforms form .cf-input[type=checkbox]:checked {
    background-color: var(--or-alt-color);
}

.c-contactform form .cf-fields .is-name input,
.c-contactform form .cf-fields .is-email input,
.c-contactform form .cf-fields .is-message textarea,
.c-contactform form .cf-fields .is-email input:focus {
    color: var(--or-black-color);
    font-size: var(--or-font-btn);
}

.c-contactform form .cf-fields .is-name input:focus,
.c-contactform form .cf-fields .is-email input:focus,
.c-contactform form .cf-fields .is-message textarea:focus,
.c-contactform form .cf-fields .is-email input:focus {
    border: solid 1px var(--or-black-color);
}

.c-contactform form .cf-control-group.is-policy {
    border: none;
}

.c-contactform form .cf-fields .is-message textarea {
    min-height: 150px;
}

.c-contactform form .is-policy label p {
    font-size: 12px;
}

.c-contactform form .is-recaptcha .cf-recaptcha-v3-text-badge,
.c-contactform form .is-recaptcha .cf-recaptcha-v3-text-badge>* {
    color: var(--or-black-color);
    text-align: left;
}

.c-contactform form .cf-fields input::placeholder,
.c-contactform form .cf-fields textarea::placeholder {
    color: var(--or-black-color);
}

.c-contactform.convertforms.cf-success form .cf-response {
    background-color: transparent;
}

.c-contactform.convertforms.cf-success .cf-response p {
    color: var(--or-alt-color);
    font-size: 16px;
    font-weight: 400;
}

.c-contactform form .is-btn button {
    --btn-max-w: 233px;
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    width: var(--btn-max-w);
    margin-left: auto;
    margin-right: auto;
    border: solid 2px var(--or-white-color)
}

.c-contactform form .is-btn button span {
    font-family: var(--or-main-font);
    font-size: var(--or-font-btn);
    font-weight: 400;
    text-transform: uppercase;
    border: none;
}

.c-contactform form .is-btn button:hover,
.c-contactform form .is-btn button:focus {
    background-color: var(--or-alt-color);
    color: var(--or-white-color);
}

.c-contactform.convertforms.cf-success {
    width: 100%;
    min-width: 100%;
}

@media (max-width: 767px) {
    .c-contactform form .is-policy label p {
        font-size: 16px;
    }

    .c-contactform form .is-responsible p {
        font-size: 14px;
    }
}

/* ==> 3.24 c-dragscroll <== */

.c-dragscroll,
.c-dragscroll * {
    --ds-item-h: 569px;
    --ds-item-w: 712px;
    --ds-container-gap: 10px;
    --ds-scrollbar-borderradius: 3px;
    --ds-scrollbar-w: calc(var(--or-width) - 130px);
    --ds-scrollbar-bg: #E1E1E1;
    --ds-scrollbar-bg-pointer: var(--or-black-color);
    --ds-scrollbar-marg-left: calc((100vw - var(--or-width)) /2);
    --ds-scrollbar-marg-top: 50px;
}

.c-dragscroll .is-moving {
    scroll-behavior: smooth;
    transition: all .25s ease-in-out
}


.c-dragscroll.is-match {
    min-width: 100vw;
}

.c-dragscroll.is-match .c-dragscroll__container>* {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--ds-item-w);
    gap: var(--ds-container-gap);
}

.c-dragscroll.is-match .c-dragscroll__container .c-dragscroll__item {
    height: var(--ds-item-h);
    width: var(--ds-item-w);
}

.c-dragscroll .c-dragscroll__scrollbar {
    border-radius: var(--ds-scrollbar-borderradius);
    overflow: hidden;
    display: flex;
    align-items: center;
    width: var(--ds-scrollbar-w);
    background-color: var(--ds-scrollbar-bg);
    margin-left: var(--ds-scrollbar-marg-left);
    margin-top: var(--ds-scrollbar-marg-top);
}

.c-dragscroll .c-dragscroll__scrollbar .is-pointer {
    height: 4px;
    border-radius: var(--ds-scrollbar-borderradius);
    background-color: var(--ds-scrollbar-bg-pointer);
}

@media (max-width: 1024px) {

    .c-dragscroll,
    .c-dragscroll * {
        --ds-item-h: 490px;
        --ds-item-w: 582px;
    }

    .c-dragscroll__scrollbar .is-pointer {
        width: 70px;
    }
}

@media (max-width: 767px) {

    .c-dragscroll,
    .c-dragscroll * {
        --ds-item-h: 280px;
        --ds-item-w: 340px;
    }
}

/* 3.25 c-arrows */

.c-arrows,
.c-arrows * {
    --arrows-gap: 15px;
    --arrows-item-w: 50px;
    --arrows-item-h: 50px;
    --arrows-arrow-svg: 18px;
    --arrows-item-bg: var(--or-white-color);
    --arrows-item-color: var(--or-alt-color);
}

.c-arrows {
    display: grid;
    gap: var(--arrows-gap);
    grid-template-columns: repeat(2, min-content);
    justify-content: end;

    margin-top: -30px;
    margin-right: calc((100vw - var(--or-width)) /2);
}

.c-arrows .c-arrows__item {
    border-radius: var(--arrows-item-w);
    border: var(--arrows-item-border);
    height: var(--arrows-item-h);
    width: var(--arrows-item-w);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--arrows-item-bg);
    color: var(--arrows-item-color);
    transition: all .25s linear;
    cursor: pointer;
}

.c-arrows .c-arrows__item:hover,
.c-arrows .c-arrows__item:focus {
    transform: scale(1.25);
}

.c-arrows .c-arrows__item svg {
    width: var(--arrows-arrow-svg);
    height: var(--arrows-arrow-svg);
    color: var(--arrows-item-color);
    transition: all .25s linear;
}

.c-arrows .c-arrows__item svg * {
    color: var(--arrows-item-color);
    stroke: currentColor;
    stroke-width: 2px;
}

.c-arrows .c-arrows__item:hover svg,
.c-arrows .c-arrows__item:focus svg {
    transform: scale(.8);
}

@media (max-width: 1024px) {

    .c-arrows .c-arrows__item:hover,
    .c-arrows .c-arrows__item:hover svg {
        transform: none;
    }
}

/* 3.26 c-textover */

.c-textover,
.c-textover * {
    --txtover-left: 30px;
    --txtover-bot: 15px;
    --txtover-a-size: 14px;
    --txtover-color: var(--or-white-color);
}

.c-textover {
    position: relative;
    left: var(--txtover-left);
    bottom: var(--txtover-bot);
    z-index: 2;
    width: max-content;
}

.c-textover p:first-of-type {
    padding-bottom: 0;
}

.c-textover a {
    color: var(--txtover-color);
    text-decoration: underline;
    font-size: var(--txtover-a-size)
}

@media (max-width: 1679px) {

    /*la clase is-small viene de .c-imgcard.is-small*/
    .is-small .c-textover {
        --txtover-left: 20px;
    }
}

@media (max-width: 1024px) {

    /*la clase is-small viene de .c-imgcard.is-small*/
    .is-small .c-textover {
        --txtover-bot: 55px;
        --txtover-a-size: 12px;
        width: var(--or-width);
    }
}

@media (max-width: 476px) {

    /*la clase is-small viene de .c-imgcard.is-small*/
    .is-small .c-textover,
    .c-textover {
        width: 250px;
    }
}