header .menu,header .phone-menu{position:fixed;z-index:100;width:100%}:root{--primario:#2B463F;--primariob:rgba(43,70,63, 0.9);--secundario:#DEDED5;--terciario:#444444}.contenedor{max-width:1200px;margin:0 auto}a{text-decoration:none;font-family:Quicksand,sans-serif}a.boton,button.boton,input.boton{padding:10px 35px;color:#fff;background-color:var(--primario);border:none;border-radius:10px;font-size:20px;transition:.5s}a.boton:hover,button.boton:hover,input.boton:hover{color:#fff;background-color:var(--terciario)}.estilo-titulo{height:5px;width:200px;background-color:var(--primario);margin:10px 0}header .phone-menu{display:none;max-width:100%}header .menu{background-color:var(--primariob)}header .menu .contenedor{display:flex;justify-content:space-between;align-items:center;padding:20px 0}header .menu .logo{flex-basis:15%}header .menu .nav{flex-basis:45%}.menu .nav nav{width:100%;display:flex;align-items:center;justify-content:space-between}.contenedor-servicios .box-servicio img,.menu .logo img{width:100%}.menu .nav nav a{color:#fff}.widget-reservas{height:100vh}.widget-reservas .capa{position:relative;overflow:hidden;height:100%;padding-top:250px}.widget-reservas .contenedor{display:flex;align-items:center;justify-content:center}.box-gallery .unico,.widget-reservas .contenedor .widget{flex-basis:70%}.widget-reservas .imagen img{width:90%}.widget-reservas .widget h1,.widget-reservas .widget h2{color:#fff;text-align:center}.widget-reservas video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:-1;object-fit:cover}.form-reservas{background-color:#deded5;padding:10px;border-radius:5px;box-shadow:1px 1px 12px #000;margin-top:40px}.form-reservas form{display:flex;justify-content:space-between;flex-wrap:wrap}.form-reservas form div{display:flex;flex-direction:column;justify-content:center;text-align:center}.form-reservas form input{border:1px solid grey;border-radius:5px}.form-reservas form input#check_in_date,.form-reservas form input#check_out_date{padding:5px 10px}.form-reservas form select{padding:5px 10px;background-image:none;text-align:center;border:1px solid grey;border-radius:5px}form input,form textarea{padding:10px;border:none;width:100%}.banner{background-image:url('../img/fondo2-min.jpg');background-position:center;background-size:cover;background-attachment:fixed;height:80vh}.banner .capa{background-color:rgba(255,255,255,.1);height:100%}.banner .contenedor{display:flex;justify-content:flex-start;align-items:center;height:100%}.banner .contenedor div,.servicios .contenedor-servicios .box-servicio{flex-basis:50%}.banner h3{color:#fff;text-shadow:2px 2px 4px #000}.galeria,.servicios{padding:100px 0}.galeria h2,.servicios h2{color:var(--primario);font-size:35px}.galeria .content-gallery img{width:100%;margin-top:10px;object-fit:cover}.galeria .content-gallery .box-gallery{display:flex;justify-content:center}.content-gallery .box-gallery div{height:500px;padding:10px}.box-gallery .doble{flex-basis:30%}.box-gallery .doble img,.box-servicio .doble img{height:50%}.box-gallery .unico img,.box-servicio .doble,.box-servicio .unico img{height:100%}.servicios .contenedor-servicios{display:flex}.box-servicio .padre{position:relative;padding:10px}.box-servicio .padre h3{position:absolute;bottom:5%;right:5%;color:#fff;text-shadow:2px 2px 4px #000}.puntos-interes{padding:70px 0;background-color:var(--primario)}.puntos-interes h2{color:#fff;font-size:35px}.puntos-interes .estilo-titulo{background-color:#fff}.puntos-interes .ubicaciones{display:flex;margin-top:50px;justify-content:space-between;align-items:center}.puntos-interes .ubicaciones .ubicacion{flex-basis:25%}.ubicaciones .ubicacion p{color:#fff;font-size:21px;text-align:center}.comentarios{padding:100px}.comentarios h2,.comentarios h4,footer .footer-contacto a i{color:var(--primario)}.comentarios h4{font-size:20px}.contenido-comentarios{margin-top:100px}.comentarios .comentario span{margin-right:10px}.comentarios .comentario i{color:#f2cc32}.contacto h2{color:#fff;font-size:40px}.contacto{background-image:url("../img/fondo-contacto.webp")}.contacto .capa{background-color:rgba(255,255,255,.3);padding:100px 0}.contacto .contenedor{display:flex;text-align:center;justify-content:space-between}.contacto .contenedor .formulario{flex-basis:50%;text-align:center}.contacto .contenedor .boton{flex-basis:50%;display:flex;align-items:center;justify-content:center}.contenedor .boton a{display:inline-block;margin-top:30px}.contenedor .formulario form{margin-top:50px}form .form-area{margin-top:20px}form textarea{height:100px}form button{width:50%}.mapa{padding:20px}.mapa iframe{width:100%;height:250px}footer{background-color:var(--secundario);padding:50px 0}footer .footer{display:flex;justify-content:space-between;align-items:center}.footer .footer-menu a,footer .footer h4,footer .footer p{color:var(--terciario)}footer .footer .footer-contacto,footer .footer .footer-menu{flex-basis:40%}.footer .footer-menu div{display:flex;flex-direction:column}footer .autor{padding-top:50px;border-top:1px solid #fff}footer .autor h5{font-size:17px;font-weight:400}footer .footer-contacto a{font-size:30px;margin:0 10px}@media(max-width:768px){.banner,.widget-reservas,header .reservas{background-attachment:scroll}.nav-link,.widget-reservas .widget h1,.widget-reservas .widget h2{color:#fff;text-align:center}header .phone-menu{display:block}header .desktop-menu{display:none}header .phone-menu button{background-color:var(--secundario)}.widget-reservas .imagen img,header .phone-menu img{width:50%}.navbar>.container-fluid a{flex-basis:70%}.nav-link{border-top:1px solid var(--secundario)}header .phone-menu nav{background-color:var(--primario)}.contacto .contenedor,.form-reservas form,.galeria .content-gallery .box-gallery,.puntos-interes .ubicaciones,.servicios .contenedor-servicios,.widget-reservas .contenedor,footer .footer{flex-direction:column}.widget-reservas .contenedor .imagen{flex-basis:100%;text-align:center;display:none}.banner .contenedor div,.widget-reservas .contenedor .widget{flex-basis:100%}.widget-reservas .capa{padding:150px 10px}.widget-reservas{height:fit-content}.form-reservas form input{margin-top:20px}.comentarios{padding-left:20px;padding-right:20px}.comentarios h2{font-size:30px}form button{width:100%}.contacto .capa{padding:20px}.contacto .boton{margin-top:30px}footer .footer .footer-contacto{text-align:center;margin-top:30px}footer .footer h4,footer .footer p{color:var(--primario)}}