body {
  background-color: #000; /* Fondo color negro */
  margin: 0; /* Sin margen */
  overflow-x: hidden; /* Ocultar barra de desplazamiento horizontal */
}

.cover {
  background-color: #000; /* Fondo negro como respaldo */
  background-image: url('assets/fondo.jpg');
  background-size: cover; /* Cubre todo el área manteniendo proporciones */
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh; /* Ocupa toda la altura de la ventana */
  width: 100vw; /* Ocupa toda la anchura de la ventana */
}



.social-buttons {
  position: absolute;
  top: calc(100vh - 100px); /* Calcula la posición vertical justo debajo de la foto principal */
  left: 50%;
  transform: translateX(-50%);
  text-align: center; /* Centra horizontalmente los botones */
}


.btn {
  color: #fff; /* Icono color blanco */
  background-color: rgba(255, 255, 255, 0.3); /* Fondo color blanco con opacidad */
  font-size: 24px; /* Tamaño de fuente */
  border: none; /* Sin borde */
}

.btn:hover {
  background-color: rgba(255, 255, 255, 0.5); /* Fondo color blanco con mayor opacidad al pasar el mouse */
}