/*
Theme Name: skynetCorp Theme
Description: Tema para WordPress.
Author: 
Author URI: 
version: 2.8.1
Tags: tema
*/
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
:root {
    --color-1: #ffffff;
    --color-2: #fff8fe;
    --color-3: #CE1E54;
    --color-4: #000000;
    --color-5: #EE8F44;
    --color-6: #30362C;
    --color-7: #484848;


    --color-8: #dedee1;
}
*{margin:0; padding:0;}

/* css generales   */
body{
    position: relative;
    font-family: "Marcellus", serif;
    background-color: var(--color-2);
    color: var(--color-4);
    font-size: 16px; 
    margin: 0;
    line-height: 1.6;
}
/* #### css generales #### */
a{
    text-decoration: none;
}
li{
    list-style: none;
}
h2{
    font-weight: 500;
}
h3{
    font-weight: 500;
}
h4{
    font-weight: 500;
}
h5{
    font-weight: 500;
}
/* espacios */
.backgroung1{background-color: var(--color-12);}
.content{
    max-width: 1200px;
    margin: auto;
}
.marginTop60{margin-top: 60px;}
.marginTop40{margin-top: 40px;}
.marginBottom60{margin-bottom: 60px;}
.marginBottom40{margin-bottom: 40px;}
.margin60{margin: 60px 0;}
.padding40{padding: 40px 0; box-sizing: border-box;}
.padding60{padding: 60px 0; box-sizing: border-box;}
.padding80{padding: 80px 0; box-sizing: border-box;}
.padding100{padding: 100px 0; box-sizing: border-box;}
/* textos Page */
.Whitetext a,
.Whitetext li,
.Whitetext p,
.Whitetext h1,
.Whitetext h2,
.Whitetext h3,
.Whitetext h4,
.Whitetext h5{
    color: var(--color-1) !important;
}
.contentTextCentro {
    width: 80%;
    margin: auto;
}
.textCentrado p,
.textCentrado h1,
.textCentrado h2,
.textCentrado h3,
.textCentrado h4,
.textCentrado h5{
    text-align: center !important;
}
.textPage p {
    margin-bottom: 15px;
}
.textPage h2{
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.textPage h3{
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.textPage h4{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
    text-transform: capitalize;
}
/* textos General */
.textGeneral h2{
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral h3{
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral h4{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral h5{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.textGeneral p{
    text-align: justify;
    margin-bottom: 15px;
}
.textGeneral ol,
.textGeneral ul{
    margin-left: 20px;
}
.textGeneral li{
    text-align: justify;
    list-style: disc;
    margin-bottom: 15px;
}
.textGeneral img {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
}
/* animacion entrada */
.contenedorAnimacion{
    overflow: hidden;
}

.transition5{transition: 0.5s !important;}
.transition10{transition: 1s !important;}
.transition15{transition: 1.5s !important;}
.transition20{transition: 2s !important;}
.transition25{transition: 2.5s !important;}
.transition30{transition: 3s !important;}
.transition35{transition: 3.5s !important;}
.transition40{transition: 4s !important;}
.transition45{transition: 4.5s !important;}
.transition50{transition: 5s !important;}
.transition55{transition: 5.5s !important;}

.animacionEntrada.topToBottom{
    transform: translateY(-200px);
    opacity: 0;
    transition: 1s;
}
.animacionEntrada.topToBottom.visible{
    transform: translateY(0);
    opacity: 1;
}
.animacionEntrada.bottomToTop{
    transform: translateY(200px);
    opacity: 1;
}
.animacionEntrada.bottomToTop.visible{
    transform: translateY(0);
    opacity: 1;
}
.animacionEntrada.leftToRight{
    transform: translateX(-400px);
    opacity: 0;
}
.animacionEntrada.leftToRight.visible{
    transform: translateX(0);
    opacity: 1;
}
.animacionEntrada.rightToLeft{
    transform: translateX(400px);
    opacity: 0;
}
.animacionEntrada.rightToLeft.visible{
    transform: translateX(0);
    opacity: 1;
}
.animacionEntrada.aparition{
    opacity: 0;
}
.animacionEntrada.aparition.visible{
    opacity: 1;
}
/* disenos adicionales */
/* boton general 1*/
.buttomGeneral a {
    width: fit-content;
    display: block;
    background: var(--color-5);
    color: var(--color-1);
    font-weight: 500;
    padding: 6px 10px;
    transition: 0.5s;
}
.buttomGeneral a:hover{
    background: var(--color-3);
}
/* boton general 2*/
.buttomGeneral2 a {
    width: fit-content;
    display: block;
    background: var(--color-3);
    color: var(--color-1);
    font-weight: 500;
    padding: 6px 10px;
    transition: 0.5s;
}
.buttomGeneral2 a:hover{
    background: var(--color-1);
    color: var(--color-5);
}
/* * fondo color * */
.backgroundColor1{
    background-color: var(--color-3);
}
/* * fondo imagen * */
.backgroundPage1 {
    background: url(./images/background-page-01.webp) no-repeat center center;
    background-color: var(--color-6);
}
/* * icono de un estetoscopio en un strong * */
.iconStrongText strong {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: var(--color-2);
    font-size: 18px;
    font-weight: 500;
}
.iconStrongText strong:before {
    content: "";
    background-image: url(./images/estetoscopio.png);
    background-size: cover;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
/* Header */
.mainContentHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav.menuNavigation ul {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logoHeader img {
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 90px;
}
.logoHeader {
    width: 20%;
}
nav.menuNavigation div {
    height: 100%;
}
nav.menuNavigation li {
    height: 100%;
    position: relative;
}
nav.menuNavigation ul li a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    box-sizing: border-box;
    transition: 0.5s;
    color: var(--color-4);
    font-weight: 600;
}
nav.menuNavigation ul li a:hover {
    color: var(--color-5);
}
nav.menuNavigation li ul li:hover .sub-menu {
    display: flex !important;
}
ul.sub-menu {
    display: none !important;
    z-index: 100;
    width: fit-content;
    flex-direction: column;
    background: var(--color-3);
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
}
ul.sub-menu a {
    color: var(--color-1) !important;
    white-space: nowrap;
}
ul.sub-menu a:hover {
    color: var(--color-5) !important;
}
.butttomBookingHeader li {display:inline-block;}
#gtranslate-2 a{background:none;}

.butttomBookingHeader p, .butttomBookingHeader div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.butttomBookingHeader a {
    margin: auto;
    display: block;
    background: var(--color-3);
    color: var(--color-1);
    padding: 10px 15px;
    box-sizing: border-box;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    transition: 0.5s;
}
.butttomBookingHeader a:hover {
    background: var(--color-5);
}
/* slider home */
.mainContentSliderHome {
    position: relative;
}
.textSliderHome {
    position: absolute;
    width: 55%;
    top: 20%;
    left: 0;
    z-index: 10;
    transform: translate(0, -20%);
    padding: 20px;
    box-sizing: border-box;
}
.mySliderHome .item {
    position: relative;
}

.mySliderHome .item::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #56664bb8, #30362c61, #30362c61);
    position: absolute;
    top: 0;
    left: 0;
}
.textSliderHome h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 18px;
}
.textSliderHome p {
    filter: drop-shadow(1px 0px 2px black);
    margin-bottom: 10px;
}
.mySliderHome .owl-dots {
    display: none;
}
/* Booking Home */
.contentFormBookingHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    background: var(--color-3);
    width: 85%;
    margin: auto;
    margin-top: -100px;
    z-index: 1000;
    position: relative;
    padding: 25px 30px;
}
.itemFormBookingHome {
    width: 20%;
    padding: 5px;
    box-sizing: border-box;
}
.itemFormBookingHome2 {
    width: 40%;
    padding: 5px;
    box-sizing: border-box;
}
.vbdivsearch{box-sizing:border-box;}
input#textSegundoNombre,
input#emailFormHome,
select#menuRoomFormHome,
input#telFormHome,
input#dateCheckIn,
select#personasRoomFormHome,
input#dateCheckOut,
input#textPrimerNombre {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid var(--color-7);
    background: transparent;
    position: relative;
    font-family: "Marcellus", sans-serif;
    color: var(--color-1);
    font-size: 16px;
    margin: 0;
    line-height: 1.6;
}
span.wpcf7-not-valid-tip {
    color: var(--color-5);
}
input#bookingForm {
    background: var(--color-5);
    color: var(--color-1);
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    padding: 15px 40px;
    box-sizing: border-box;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    font-family: "Marcellus", sans-serif;
}

.itemFormBookingHome2 span {
    position: absolute;
    bottom: 0;
    left: 0;
}
/* Rooms Home */
.textRoomHome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 20px;
}
.mainTextRoomHome h2 {
    font-size: 35px;
    font-weight: 500;
}
.mainContentRoomHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.itemRoomHome {
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
    background: var(--color-1);
    width: 32%;
    margin: 10px auto;
}
a.buttonImgeHome {
    width: 100%;
    display: block;
}
a.buttonImgeHome img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.textItemRoomeHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}
.itemACFroom {
    width: fit-content;
    background: var(--color-2);
    padding: 3px 6px;
    box-sizing: border-box;
    margin: 5px 0;
    margin-right: auto;
    color: var(--color-7);
}
.itemRoomHome h3 a {
    color: var(--color-4);
    display: block;
    padding: 5px 0 10px 0;
    font-size: 20px;
    font-weight: 500;
    transition: 0.5s;
}
.itemRoomHome h3 a:hover{
    color: var(--color-3);
}
.priceItemRoomHome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 10px 0;
}
.priceItemRoomHome strong {
    font-size: 25px;
}
/* Features Home */
.itemsFeaturesHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.itemFeatureHome {
    width: 24%;
    margin: 10px auto;
    position: relative;
    background: var(--color-1);
    padding: 15px;
    box-sizing: border-box;
    color: var(--color-7);
}
.iconFeatureHome {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.iconFeatureHome p {
    width: 70%;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 20px;
}
.iconFeatureHome i {
    font-size: 50px;
}
.iconFeatureHome strong {
    font-weight: 500;
}
.iconFeatureHome em {
    font-size: 30px;
    font-weight: 600;
}
.iconFeatureHome p:first-child {
    width: 30%;
}
.mainItemFeature {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: var(--color-5);
    color: var(--color-1);
    padding: 15px;
    box-sizing: border-box;
}
.mainItemFeature h3 {
    font-weight: 600;
    font-size: 25px;
}
.mainItemFeature p {
    margin-bottom: 10px;
}
.contentTextFeaturesHome img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: auto;
}
.contentTextFeaturesHome h2 {
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: -4px;
    position: relative;
    z-index: 10;
    color: var(--color-1);
    filter: drop-shadow(0px 1px 1px black);
}
/* Testimonials Home */
.mainContentTestimonialsHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.textTestimonialsHome {
    width: 35%;
    background: var(--color-5);
    padding: 10px 25px;
    box-sizing: border-box;
    color: var(--color-1);
}
.comentsTestimonialsHome {
    width: 65%;
    display: flex;
    align-items: end;
}
.iconPersonTestimonials ul {
    display: flex;
    align-items: center;
}
.iconPersonTestimonials ul img {
    display: block;
    border-radius: 50%;
    padding-right: 5px;
}
.iconPersonTestimonials ul i {
    font-size: 45px;
    padding: 0 5px;
    box-sizing: border-box;
}
.textTestimonialsHome h2 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.textTestimonialsHome p {
    margin-bottom: 10px;
}
/* blog home*/
.textBlogsHome {
    padding: 15px;
    box-sizing: border-box;
}
.textBlogsHome h2 {
    font-size: 45px;
    font-weight: 500;
}
.mainContentBlogsHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.item2BlogHome {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}
.buttonImgBlogHome {
    width: 100%;
    display: block;
    height: auto;
}
.buttonImgBlogHome img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}
.itemBlogHome {
    width: 33%;
    padding: 10px;
    box-sizing: border-box;
}
.itemBlogHome a.buttonImgBlogHome img {
    height: 250px;
}
.mainContentBlogsHome h3 a {
    color: var(--color-6);
    transition: 0.5s;
    font-weight: 600;
    font-size: 18px;
    display: block;
    padding: 10px 0;
}
p#dateBlogHome {
    color: var(--color-5);
    font-size: 15px;
}
/* Footer */
/* * suscribe * */
.sendInformationPage {
    width: 33%;
    margin: auto;
    padding: 40px 0;
    box-sizing: border-box;
}
input#telFormSuscribete, input#emailFormSuscribe {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid var(--color-7);
    background: var(--color-1);
    position: relative;
    font-family: "Marcellus", sans-serif;
    color: var(--color-6);
    font-size: 16px;
    margin: 0;
    line-height: 1.6;
    margin-bottom: 5px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: var(--color-5);
    color: var(--color-1);
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    padding: 15px 40px;
    box-sizing: border-box;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    font-family: "Marcellus", sans-serif;
}
input::placeholder {
    color: #ddd;
}
.sendInformationPage input::placeholder {
    color: #968f8f;
}
.sendInformationPage {
    text-align: center;
}
.sendInformationPage p {
    margin-bottom: 15px;
}
.sendInformationPage h3 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 25px;
}
.sendInformationForm p span {
    width: 50%;
}
.sendInformationForm p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
/* */
.contentColumnsFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    color: var(--color-1);
}
.contentColumnsFooter li {
    width: 33%;
    padding: 15px;
    box-sizing: border-box;
}
.contentColumnsFooter li li {
    width: 100%;
    padding: 0;
    margin-bottom: 2px;
}
.contentColumnsFooter li li a {
    color: var(--color-1);
    display: block;
    padding: 5px 0;
    transition: 0.5s;
}
.contentColumnsFooter li li a:hover{
    color: var(--color-5);
}
.contentColumnsFooter h3 {
    color: var(--color-1);
    margin-bottom: 15px;
    font-size: 20px;
}
.contentColumnsFooter li:last-child {
    text-align: right;
}
.contentColumnsFooter li li:last-child {
    text-align: left;
}
.contentColumnsFooter li:last-child li:last-child {
    text-align: right;
}
.iconSocialNetwork ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.iconSocialNetwork ul li {
    width: fit-content;
}
.iconSocialNetwork ul li i {
    background: var(--color-1);
    color: var(--color-7);
    padding: 9px 9px;
    border-radius: 50%;
    margin-right: 14px;
    font-size: 24px;
}
.contentTextCopyright {
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-1);
    font-size: 15px;
}
.contentTextCopyright a {
    color: var(--color-1);
    transition: 0.5s;
}
.contentTextCopyright a:hover {
    color: var(--color-5);
}
.contentColumnsFooter li img {
    margin-bottom: 10px;
}
.contentColumnsFooter li:nth-child(2) {
    text-align: center;
}
.contentColumnsFooter li li:nth-child(2) {
    text-align: inherit;
}
/* categories page*/
.contentBanner {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
}
.contentBanner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contentBanner h1 {
    position: absolute;
    bottom: 10%;
    left: 10px;
    transform: translate(0, -10%);
    font-size: 45px;
    color: var(--color-1);
    filter: drop-shadow(0px 0px 5px black);
    font-weight: 600;
}
/* room page */
.contentGalleryRoom {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    background: var(--color-3);
    padding: 15px;
    box-sizing: border-box;
}
.itemImgGallery {
    width: 25%;
    height: 25%;
    padding: 5px;
    box-sizing: border-box;
}
.contentRoomDetails {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.itemImgGallery:first-child {
    width: 100%;
    height: 75%;
    padding-bottom: 10px;
}
.contentDetailsRoomPage {
    width: 40%;
    padding: 15px;
    box-sizing: border-box;
    background: var(--color-1);
}
.contentDetailsRoomPage h1 {
    display: block;
    color: var(--color-4);
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 10px;
}
.priceItemRoomPage strong {
    color: var(--color-5);
    font-size: 30px;
    font-weight: 500;
}
.contentAditionalDetailsRoom {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.contentAditionalText {
    width: 60%;
    padding: 15px;
    background: var(--color-1);
    box-sizing: border-box;
}
.contactFormRoomPage {
    width: 40%;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    background: var(--color-3);
}
.contactFormRoomPage .contentFormBookingHome {
    margin: 0;
    padding: 0;
    width: 100%;
}
.contactFormRoomPage .itemFormBookingHome {
    width: 100%;
}
.contactFormRoomPage .itemFormBookingHome2 {
    width: 100%;
}
.contactFormRoomPage h2 {
    color: var(--color-1);
}
.itemImgGallery p,.itemImgGallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* blog page */
.wrapperTitleBlog {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.imgTitleBlog {
    width: 55%;
    box-sizing: border-box;
    position: relative;
}
.titleBlogPage {
    width: 45%;
    padding: 15px;
    box-sizing: border-box;
    padding-left: 30px;
}
.imgTitleBlog img {
    width: 100%;
    height: auto;
}
.imgTitleBlog::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 15px;
    background: var(--color-3);
    z-index: -1;
}
.titleBlogPage h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.3;
}
.titleBlogPage span {
    color: var(--color-5);
    font-weight: 600;
}
.contentInformationBlog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.contentTextBlogPage {
    width: 70%;
    padding: 15px;
    box-sizing: border-box;
}
.moreInformationBlogPage {
    width: 30%;
    padding: 15px;
    box-sizing: border-box;
    background: var(--color-3);
}
.contentRecentBogs {
    display: flex;
    flex-wrap: wrap;
}
.contentRecentBogs h2 {
    width: 100%;
    color: var(--color-1);
}
.recentBlogItem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    box-sizing: border-box;
}
.recentBlogItem img {
    width: auto;
    height: auto;
}
.recentBlogItem a {
    width: 30%;
    height: auto;
}
.recentBlogItem h3 {
    width: 70%;
    height: auto;
    padding: 8px;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 15px;
}
.recentBlogItem h3 a {
    width: 100%;
    line-height: 0;
    font-weight: 500;
    color: var(--color-1);
}
.recentBlogItem a img {
    width: 100%;
    height: auto;
}
/* Pages */
.itemsGalleryPage ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.itemsGalleryPage ul li {
    width: 32%;
    margin: 10px auto;
}
.itemsGalleryPage ul img {
    width: 100%;
    height: auto;
}
.contactFormPageMaing .contentFormBookingHome {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    background: var(--color-5);
}
.contentContactPage iframe {
    width: 100%;
}
.contentContactPage p {
    width: 100%;
    display: block;
}
.contactFormPageMaing .contentFormBookingHome input#bookingForm {
    background: var(--color-3);
}
.itemsGalleryPage ul li {
    list-style: none;
}



/* * navegiacion de paginas * */
.navigation {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.page-numbers {
    display: flex;
    flex-wrap: wrap;
}
.page-numbers a {
    padding: 10px;
    background: var(--color-9);
    margin: 5px;
    font-size: 15px;
    font-weight: 800;
    color: var(--color-3);
}
.navigation span {
    background: var(--color-2);
    padding: 10px;
    margin: 5px;
    font-size: 15px;
    font-weight: 800;
    color: var(--color-1);
    cursor: pointer;
    transition-duration: 0.85s;
}
.navigation span:hover {
    color: var(--color-3);
}
.page-numbers a:hover {
    color: var(--color-1);
}
/* boton whatsapp */
.whatsapp {position: fixed;bottom: 0px;z-index: 100;left: 0px;padding: 5px 5px 5px 10px;margin: 10px;background: #15c71a;border-radius: 15px;text-decoration: none;animation: whatsapp 2s ease-in-out infinite;}
@keyframes whatsapp {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);  
    }
}
.whatsapp:hover {opacity: 0.7}
.whatsapp p {display: flex;justify-content: center;align-items: center;color: #fff;}
.whatsapp i {font-size: 49px;color: #fff;padding: 0 10px;}
/* mobile menu pluging */
.mob-menu-logo-holder > .headertext span, .mobmenu input.mob-menu-search-field {
    display: none;
}
.mob-icon-menu:before {
    content: '\e9d6';
    color: var(--color-5);
    background: var(--color-3);
    border-radius: 50%;
}
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
    background-color: var(--color-3);
}
.mobmenu-content i ,
.mobmenu-content a {
    color: var(--color-1) !important;
}
.mobmenu-content li a:hover{
    background-color: none;
}
@media(max-width:768px){
    .content {
        width: 100%;
    }
    nav.menuNavigation {
        display: none;
    }
    .butttomBookingHeader {
        display: none;
    }
    .mainContentHeader {
        justify-content: center;
    }
    .itemFormBookingHome {
        width: 50%;
    }
    .itemFormBookingHome2 {
        width: 100%;
    }
    .contentFormBookingHome {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .textSliderHome {
        width: 100%;
    }
    .itemRoomHome {
        width: 75%;
    }
    .itemFeatureHome {
        width: 49%;
    }
    .comentsTestimonialsHome {
        width: 100%;
    }
    .textTestimonialsHome {
        width: 98%;
        margin: auto;
    }
    .itemBlogHome {
        width: 70%;
    }
    .contentColumnsFooter li {
        width: 90%;
        margin: auto;
        text-align: center !important;
    }
    .itemsGalleryPage ul li {
        width: 49%;
        list-style: none;
    }
    .textoGeneral {
        padding: 5px;
        box-sizing: border-box;
    }
    article.contentDetailsRoomPage {
        width: 100%;
    }
    
    .contentGalleryRoom {
        width: 100%;
    }
    
    .contentAditionalText.textGeneral {
        width: 100%;
    }
    
    .contactFormRoomPage {
        width: 100%;
    }
    .imgTitleBlog {
        width: 100%;
    }
    
    .titleBlogPage {
        width: 100%;
    }
    
    .contentTextBlogPage {
        width: 100%;
    }
    
    .moreInformationBlogPage {
        width: 100%;
    }
}
@media(max-width:720px){

}
@media(max-width:480px){
    .itemFormBookingHome {
        width: 100%;
    }
    section.contenedorSliderHome {
        height: 601px;
    }
    section.contenedorSliderHome li {
        height: 100%;
    }
    section.contenedorSliderHome div {
        height: 100% !important;
    }
    .mainContentSliderHome img {
        height: 100%;
        object-fit: cover;
    }
    .itemRoomHome {
        width: 98%;
    }
    .itemFeatureHome {
        width: 90%;
    }
    .item2BlogHome {
        width: 100%;
    }
    .itemBlogHome {
        width: 100%;
    }
    .sendInformationPage.Whitetext {
        width: 90%;
    }
    .itemsGalleryPage ul li {
        width: 100%;
    }
    .itemsGalleryPage ul {
        margin: 0;
    }
}