.full-height {
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* 100% de la altura del viewport */
  z-index: -1; /* Envía el carrusel al fondo */
}

.name {
  font-size: 40px;
  color: white;
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.data {
  border: 2px solid white;
  background-color: #0a0a0a;
}

.item1{
  height: var(--item-height);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/image/DJI_0382.jpg");
  background-size: cover;
  background-position: center;

}

.item2{
  height: var(--item-height);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/image/DJI_0962.jpg");
  background-size: cover;
  background-position: center;
}

.item3{
  height: var(--item-height);
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/image/DJI_0863.jpg");
  background-size: cover;
  background-position: center;
}



/* Asegúrate de que los elementos internos del carrusel ocupen toda la pantalla */
.carousel-inner {
  height: 100%;
}

/* Estilo del contenido principal */
.content {
  position: relative;
  z-index: 1; /* Asegura que el contenido esté sobre el carrusel */
  color: white; /* Color del texto para mejor visibilidad */
  text-align: center; /* Centrar el texto */
  padding: 20px;
}


.nosotros {
  font-size: 20px;
}

.contacto i {
  font-size: 20px;
  padding: 6px;
}

.contacto i {
  font-style: normal;
}

.contacto a {
  color: black; /* Cambia el color a rojo. Puedes usar cualquier valor de color que desees */
  text-decoration: none; /* Quita la subrayado predeterminado del enlace, si lo deseas */
}

