@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Montserrat', sans-serif;
}
.bg-nav {
  background-color: #131a2f;
  transition: all 400ms ease;
}
.bg-hero {
  background-image: url('https://preview.colorlib.com/theme/destino/images/home.jpg.webp');
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-hero-2{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home-content {
  position: absolute;
  color: white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
.home-content h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.search-form {
  max-width: 768px;
  display: flex;
}
.form-floating > .form-control,
.form-select {
  background: transparent;
}
.form-select {
  color: white;
  padding: 1rem;
}
.form-select option {
  color: #131a2f;
}
.btn-search {
  width: 100%;
  text-align: center;
  background-color: #fe435b;
  color: white;
  padding: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  outline: none;
  border: transparent;
}
.btn-search:hover {
  border: 1px solid #fe435b;
}
h1 {
  font-weight: 600;
}
.offers {
  /* max-width: 969px; */
  margin-inline: auto;
  text-align: center;
  padding-block: 2rem;
}
.destinos {
  display: grid;
  max-width: 1024px;
  margin-inline: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}
.destino {
  position: relative;
}
.info {
  text-align: left;
  position: absolute;
  bottom: 0;
  padding-inline: 0.75rem;
  /* transform: scale(0); */
  color: white;
}
/* .info:hover {
  transform: scale(1.1);
  transition: all cubic-bezier(0.075, 0.82, 0.165, 1);
} */
@media (min-width: 564px) {
  .destinos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline: 1rem;
  }
}
@media (min-width: 1024px) {
  .destinos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.populars {
  margin-inline: auto;
  text-align: center;
  padding-block: 3rem;
}
.place {
  position: relative;
}
#places .name {
  position: absolute;
  bottom: 0;
  padding: 0.75rem;
  color: white;
}
.newsletter {
  background-image: url('https://preview.colorlib.com/theme/destino/images/newsletter.jpg.webp');
  background-position: center;
}
.centered {
  max-width: 1024px;
  margin-inline: auto;
  text-align: center;
  padding-block: 3.75rem;
}
.centered h1 {
  font-weight: 600;
  color: white;
}
#correo {
  background: transparent;
  color: white;
}
#correo::placeholder {
  color: white;
}

.footer {
  max-width: 500px;
  margin-inline: auto;
  color: white;
  text-align: center;
  padding-block: 2rem;
}
.services{
  background-image: url('https://preview.colorlib.com/theme/destino/images/fact_background.jpg');
  color: white;
  padding-block: 2.5rem;
}
.input-form{
  border: 3px solid rgb(201, 197, 197);
  padding: 0.5rem;
  width: 100%;
}
.form-submit{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.socials{
  display: flex;
  row-gap: 0.5rem;
  font-size: 1rem;
}
.socials i:hover{
  color: #fe435b;
}