.logo {
    width: 100vw; /* Ancho completo de la ventana */
    height: 100vh; /* Alto completo de la ventana */
    margin: 0 auto; /* Centra el logo horizontalmente */
    object-fit: contain; /* Mantiene la relación de aspecto y asegura que toda la imagen esté visible */
    position: absolute; /* Permite que el logo ocupe toda la pantalla */
    top: 0; /* Alinea el logo al borde superior de la pantalla */
    left: 0; /* Alinea el logo al borde izquierdo de la pantalla */
    z-index: -1; /* Coloca el logo detrás de otros elementos */
    background-color: black; /* Fondo negro para rellenar espacios vacíos */
}