body {
  margin: 0; /* Elimina el margen predeterminado del body */
  overflow: hidden; /* Oculta las barras de desplazamiento si la imagen es ligeramente más grande */
}

.image-container {
  position: relative; /* Necesario para posicionar el texto sobre la imagen */
  width: 100vw; /* Ancho del viewport */
  height: 100vh; /* Alto del viewport */
}
.full-page-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cubre todo el contenedor manteniendo la proporción */
  
  
}


.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white; /* Color del texto */
  z-index: 10; /* Asegura que el texto esté sobre la imagen */
  /* Opcional: añade un fondo semitransparente para mejorar la legibilidad del texto */
  /* background-color: rgba(0, 0, 0, 0.5); */
  padding: 20px;
  border-radius: 10px; /* Opcional */
}

.overlay-text h1 {
  font-size: 2em; /* Ajusta el tamaño del título */
  margin-bottom: 20px;
}

.overlay-text button {
  margin: 10px; /* Espacio entre los botones */
  padding: 10px 20px; /* Espaciado dentro de los botones */
  font-size: 1em;
}