body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;    /* Centra verticalmente */
    min-height: 100vh;      /* Asegura que ocupe toda la altura de la ventana */
    background-color: #f0f0f0; /* Un color de fondo suave, puedes cambiarlo */
    font-family: Arial, sans-serif;
}

.container {
    text-align: center; /* Por si añades más contenido, centra el texto */
}

.logo {
    max-width: 80%; /* El logo ocupará como máximo el 80% del ancho del contenedor */
    height: auto;   /* Mantiene la proporción de la imagen */
    display: block; /* Elimina espacio extra debajo de la imagen */
    margin: 0 auto; /* Centra la imagen si el max-width es menor que el contenedor */
}

/* Media queries para ajustar el tamaño del logo en pantallas más pequeñas si es necesario */
@media (max-width: 768px) {
    .logo {
        max-width: 95%; /* Un poco más grande en móviles */
    }
}