/* Asegura que el body y html ocupen el 100% del viewport */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Evita barras de desplazamiento si el contenido es más grande */
}

body {
    background-color: #000; /* Fondo negro */
    display: flex; /* Usa flexbox para centrar el contenido */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
}

.logo-container {
    /* Puedes añadir estilos adicionales al contenedor si lo necesitas */
    /* Por ejemplo, un padding o un borde */
}

.logo {
    max-width: 80%; /* El logo no excederá el 80% del ancho del contenedor */
    max-height: 80vh; /* El logo no excederá el 80% del alto del viewport */
    height: auto; /* Mantiene la proporción de la imagen */
    display: block; /* Elimina espacio extra debajo de la imagen */
}