.anima{-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700&display=swap');
html{ scroll-behavior: smooth}
body{font-family: 'Inter', sans-serif; font-size: 1em; color: #062728;}
p{line-height: 23px; padding-bottom: 15px;}
h2{font-size: 2.3em; font-weight: 700; padding: 10px 0;}
h3{font-size: 1.8em; padding-bottom: 15px;}
.logo{float: left; width: 300px; margin: 10px;}

.menu-mobile{display: inline-block}
.menu{margin: 26px 0; float: right; font-size: .9em;}
.menu-hamb, .menu-hamb-close{display: none;}
.menu-open{display: block;}
.menu li{display: inline}
.menu a{padding: 10px 15px; color:#fff; margin-left: 10px; border-radius: 30px}
.menu a:hover{background: rgba(256, 256, 256, .2);}
.menu .idioma{background:rgba(237, 169, 40,.3)}
.hero{background: url(../img/hero.jpg) bottom center no-repeat; background-size: cover; height: 565px}
.hero section{padding-top: 100px;}
.hero h1{color: #EDA928; font-size: 3.7em; font-weight: 700; position: relative; width: 700px;}
.hero p{color: #fff; position: relative; width: 500px;}

#tres-col section{width: 100%; margin: 40px 0; display:inline-flex; align-items: stretch; justify-content: space-between}
#tres-col .col-4{padding: 25px; height: auto; width: 32%; color: #fff; background: linear-gradient(180deg, #EDA928 0%, #062728 100%);box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);border-radius: 24px;
}

#productos{background: url(../img/bg-productos.jpg) bottom center #F0F0F0; background-size: cover; padding: 150px 0 85px 0; margin-top: -140px;}

.home-section .col-6{padding: 0 5px;}
.home-section .col-6:first-child{padding-left: 0 !important}

.slick-slide{margin: 4px;}
.slide img{border-radius: 14px; width: 100%; margin-bottom: 15px;}
.slide p{width: 93%;}
.slide h5{display: inline;}

#otras{display:flex; width: 100%;background:url(../img/bg-white.jpg) center center no-repeat;padding: 40px 0; background-size: cover;}
#otras h2{text-align: right; padding-right: 30px;}
#otras ul{list-style-type: disc; padding-left: 30px; margin-top: 20px; float: left;}
#otras ul li{padding-bottom: 5px;}

#staff{ background: #F0F0F0; padding: 20px; display: flex;}
#staff .col-4 h3{color: #EDA928; padding: 15px 0 0}
#staff .col-4 p{padding: 5px 0 5px;}
#staff .col-4{text-align: center}
#staff .col-4 img{width: 90%; max-width: 200px;}

#destinos{background: url(../img/bg-destinos.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; padding: 30px 0 140px; text-align: center;}
#destinos ul{list-style: none; max-width: 600px; padding: 30px 0; text-align: center; margin: 0 auto;}
#destinos ul li{display: inline-block; text-align: center; color:#1E1E1E; background: #EDA928; border-radius: 40px; padding: 5px 10px; margin: 2px; word-wrap: normal; overflow-wrap: normal;}
#destinos h2{text-align: center; color: #fff;}

#servicios section{display: flex; margin: -120px 0 40px; align-items: stretch; justify-content: space-evenly; align-content: flex-start; flex-wrap: wrap;}
#servicios section strong{padding-bottom: 4px;}
#servicios .col-s{width: 48%; margin: 10px 0; padding: 30px; border-radius: 24px; background: url(../img/bg-servicio.jpg) bottom center #EDA928 no-repeat; background-size: cover; color: #fff;}
#servicios .col-s h4{font-weight: 500;}

footer{background: url(../img/bg-footer.jpg) top right; background-size: cover; height: 240px; text-align: right;}
footer .datos{float: right; padding-top: 20px;}

.whatsapp-flot2 img{position: fixed; right: 20px; bottom: 20px; z-index: 9999; width: 60px;}

/* de menos de 1280px*/
@media only screen and (max-width: 1279px) {
}

/* de menos de 1024px*/
@media only screen and (max-width: 1023px) {
}

/* de menos de 768px (480)*/
@media only screen and (max-width: 767px) {
    h2{font-size: 1.5em;}
    h3{font-size: 1.4em;}
    .menu{display: none; background: #062728; width: 100%; height: 100%; position: fixed; padding: 20px; z-index: 9999; margin: 0; left: 0; top: 0;}
    .menu li{display: block; text-align: center; font-size: 1.6em; padding: 50px 20px 20px;}
    .menu-hamb{display: block; position: absolute; right: 5px; top: 22px;}
    .menu-hamb-close{display: block; position: absolute; right: 27px; top: 23px;}

    .logo{width: 220px; margin-left: 0; margin-top: 15px;}
    .hero{height: 410px;}
    .hero section {padding-top: 30px;}
    .hero h1{width: 100%; font-size: 1.8em; padding-bottom: 10px; text-align: center;}
    .hero p{width: 100%; text-align: center;}

    #tres-col section{flex-direction: column}
    #tres-col .col-4{width: 100%; margin-bottom: 25px;}
    #productos{margin-top: -170px;}

    #servicios section{flex-direction: column}
    #servicios .col-s{width: 100%;}

    #destinos{background: url(../img/bg-destinos.jpg) center center no-repeat; background-attachment:inherit; background-size: cover;}

    #staff .col-4{margin-bottom: 30px;}
}

/* de menos de 480px, minimo 320px (320)*/
@media only screen and (max-width: 479px) {
}