/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: rgb(var(--bs-tertiary-color-rgb));
}

.btn-light {
  color:#ADAC9C;
}

.card-header {
  font-size: 1.7rem;
}

a {
  text-decoration: none;
  color: white;
}




/* CUSTOMIZE THE NAVBAR
------------------------------------------------- */
.navbar {
  background:none;
  position: absolute;
  z-index: 1000; /* Establece un valor alto para z-index */
  color: white;

}

.navbar-text {
  color: white;
}

.logo {
  height: 7rem; /* Tamaño del logo para dispositivos móviles */
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  position: top;
}


/* Declare heights because of positioning of img element */
.carousel-item {
  height: 500px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 3;
}

/* LAYOUT
------------------------------------------------- */

.spacer {
  height: 5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.daytrip {
  position: absolute;
  width: 450px;
  height: 450px;
  z-index: 100;
  right: 30px;
  top: 200px;
}

.txt-descripcion {
  height: auto;
  background-color: #ADAC9C;
  background-image: url("../assets/img/lineas-nivel.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  z-index: 0;
  display: flex;
  font-size: large;
  color: white;
}

.icon-card-text {
  color: #4F4F4F;
  font-size: medium;
}

.row-boton-escribinos {
  margin-top: 2rem;
  padding-left: 5rem;
  padding-right: 5rem;
}


.footer-style {
  background-color: #4F4F4F;
  height: auto;
  color: white;
  padding-left: 3rem;
}


.contacto-style {
  background-color: rgba(79, 79, 79, 0.15);
  border-radius: 10px;
  padding-bottom: 2rem;
}


/* RESPONSIVE
-------------------------------------------------- */

/* Estilos para dispositivos móviles */
@media (max-width: 767px) {
  
  .logo {
    height: 3rem; /* Tamaño del logo para dispositivos móviles */
  }
  .carousel-item {
    height: 300px;
    vertical-align: middle;
  }
  .txt-descripcion {
    padding-top: 10rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    font-size: medium;
  }

  .daytrip {
    width: 280px;
    height: 300px;
    z-index: 100;
    right: 10px;
    top: 150px;
  }

  .spacer {
    height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .especial-mobil-precio{
    margin-top: 1rem;
  }
}

/* Estilos para dispositivos pantalla grande */
@media (min-width: 1440px) {
  .carousel-item {
    height: 800px;
    vertical-align: middle;
  }
}