a,h1,h2,h3{font-family:Quicksand,sans-serif}.banner,header .reservas{background-position:center;background-attachment:fixed}.amenidades,.banner .capa,.galeria{padding:100px 0}.amenidades,.habitaciones{background-color:rgba(0,0,0,.1)}:root{--primario:#FF42B3;--secundario:#2B161B;--terciario:#00c4c4}.contenedor{max-width:1200px;margin:0 auto}a{text-decoration:none}a.boton,button.boton,input.boton{padding:15px 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:#000;background-color:#cf308f}h2{font-size:40px}h4,h5,p{font-family:Roboto,sans-serif}.phone-slide,header .phone-menu{display:none}header .desktop-menu{display:flex;align-items:center;justify-content:space-between;padding:0 20px}header .logo{flex-basis:30%}.contacto .formulario,.contenedor .habitacion .imagen,header .elementos{flex-basis:50%}header .elementos nav{display:flex;justify-content:space-between}header .elementos nav a{color:var(--primario);text-decoration:none;font-size:20px}header .elementos nav a:hover{color:var(--secundario)}header .reservas{height:60vh;background-image:url('../img/mural-flamingo.png');background-size:contain;background-repeat:no-repeat}header .reservas .capa{background-color:rgba(0,0,0,.5);height:100%;display:flex;align-items:center}.form-contenedor,.form-contenedor form{display:flex;justify-content:center}.form-contenedor form div{background-color:#fff;margin:0 2px;padding:0 20px;border-radius:10px;display:flex;align-items:center}.form-contenedor form div:last-of-type{background-color:transparent}.form-contenedor form label{font-weight:700;color:var(--secundario)}.form-contenedor form input,.form-contenedor form select{border:none}.amenidades .capa,.contacto .formulario .contenedor-form,.slider_img{border-radius:10px}.nosotros{margin:100px 0}.nosotros img{width:100%;border-radius:15px;box-shadow:0 40px 50px -20px rgba(0,0,0,.35)}.banner .contenedor,.nosotros .contenedor{display:flex;align-items:center}.nosotros .contenedor .box{flex-basis:50%;padding:25px}.banner .contenedor .texto p,.nosotros .contenedor p{text-align:justify}.amenidades .elementos,.amenidades .lista{margin-top:70px;display:flex;justify-content:space-around}.amenidades .lista p{font-size:18px}.amenidades .capa{background-color:rgba(0,0,0,.3);height:100%}.amenidades .elementos .capa{display:flex;justify-content:center;align-items:center}.amenidades .elementos p{font-size:27px;color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.4)}.amenidades .fondo-1{background-image:url('../img/amenidades-1.jpg')}.amenidades .fondo-2{background-image:url('../img/amenidades-2.jpg')}.amenidades .fondo-3{background-image:url('../img/amenidades-3.jpg')}.amenidades .fondo-1,.amenidades .fondo-2,.amenidades .fondo-3{background-position:center;background-size:cover;height:250px;border-radius:10px;flex-basis:33.33%;margin:0 10px}.banner{background-image:url('../img/colibri.jpg');background-size:cover}.banner .capa{background-color:rgba(0,0,0,.6)}.banner .contenedor .texto{flex-basis:70%;padding:15px}.banner .contenedor .boton{flex-basis:30%;padding:15px}.banner h2,.formulario .contenedor-form h2,footer .menu a,footer .menu i{color:#fff}.banner p{color:#fff;font-size:19px}.galeria h3{font-size:20px;color:grey}.container-slider{margin:auto;overflow:hidden;position:relative}.slider{display:flex;width:300%;height:400px;margin-left:-33.33%}.slider_section{width:100%;padding:20px}.slider_img{display:block;width:100%;height:100%;object-fit:cover}.slider_btn{position:absolute;height:40px;width:40px;top:50%;transform:translateY(-50%);font-size:30px;text-align:center;cursor:pointer;color:rgba(255,255,255,.7)}.slider_btn-right{right:10px}.slider_btn-left{left:10px}.habitaciones{padding:100px}.habitaciones .contenedor{margin-top:50px;display:flex;justify-content:space-between;flex-wrap:wrap}.habitaciones .contenedor .habitacion{flex-basis:45%;background-color:#fff;display:flex;align-items:center;margin-top:20px;box-shadow:0 10px 20px -5px rgba(0,0,0,.35)}.contenedor .habitacion .info{flex-basis:50%;padding:20px}.habitaciones .habitacion img{width:100%}.habitacion .imagen .capacidad{background-color:var(--secundario);color:#fff;text-align:center;padding:15px 0}.contacto{padding:100px 0;display:flex;align-items:center;justify-content:center}.contacto .reserva{flex-basis:50%;padding:30px;text-align:center}.contacto .formulario .contenedor-form,.footer .info{padding:50px 20px;background-color:var(--secundario)}.contacto .reserva a{display:inline-block;margin-top:30px}.formulario form .form-area{margin-top:15px}.formulario form button.boton{padding:10px 20px}.formulario form input{padding:10px;width:100%;border:none}.formulario form textarea{width:100%;padding:10px}footer .menu{background-color:var(--terciario);text-align:center;padding:100px 0}footer .menu a:hover{color:var(--primario)}footer .menu .social{margin-top:20px}.menu .social a{display:inline-block;background-color:var(--primario);text-align:center;font-size:25px;padding:5px 10px;margin-right:15px;border-radius:10px}.menu .social a:last-of-type{margin-right:0}.footer .info{display:flex;justify-content:center;color:#fff}.footer .info p{color:grey}.footer .info div{flex-basis:30%;text-align:center}.footer .autor{border-top:1px solid #fff;background-color:var(--secundario);padding:20px;text-align:center}.footer .autor h5{color:#fff;font-size:15px}@media(max-width:768px){.banner,header .reservas{background-attachment:scroll}.desktop-slide,header .desktop-menu{display:none}.phone-slide,header .phone-menu{display:block}header .phone-menu button{background-color:var(--primario)}header .phone-menu img{width:40%}.navbar>.container-fluid a{flex-basis:70%}.nav-link{color:var(--primario);text-align:center;border-top:1px solid var(--terciario)}header .reservas{background-size:cover}.amenidades .elementos,.banner .contenedor,.contacto,.footer .info,.form-contenedor form,.nosotros .contenedor{flex-direction:column}.form-contenedor form div{padding:5px 10px;margin:7px 0;text-align:center;display:flex;justify-content:center}input.boton{padding:5px 25px}.nosotros .contenedor .box{flex-basis:100;padding:20px}.amenidades .lista{flex-direction:column;text-align:center}.amenidades .fondo-1,.amenidades .fondo-2,.amenidades .fondo-3{margin:15px 20px;flex-basis:auto}.banner .contenedor .boton,.banner .contenedor .texto,.contacto .formulario,.contacto .reserva{flex-basis:100%}.habitaciones .contenedor{flex-direction:column;flex-wrap:nowrap}.habitaciones .contenedor .habitacion{flex-basis:90%;flex-direction:column}.habitaciones{padding:100px 20px}.formulario form button.boton{width:100%}.footer .info div{flex-basis:100%;margin-top:40px}.phone-slide{padding:20px}}