/* 1. Estilos Base para el Cuerpo */
body {
    background-color: #333333; /* Gris oscuro */
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    min-height: 100vh; /* Ocupa el 100% de la altura de la ventana */
    font-family: sans-serif; /* Fuente por defecto */
}

/* 2. Contenedor para el Centrado */
.contenedor-logo {
    /* No es estrictamente necesario, pero ayuda a aislar el logo si añades más cosas */
    text-align: center; 
}

/* 3. Estilos del Logo */
.logo {
    width: 250px; /* Tamaño del logo (ajusta según necesites) */
    height: auto;
    display: block;
    /* Inicia la animación */
    animation: pulsoSuave 4s infinite ease-in-out;
}

/* 4. Definición de la Animación (Keyframes) */
@keyframes pulsoSuave {
    0% {
        transform: scale(3); /* Tamaño normal */
    }
    50% {
        transform: scale(3.25); /* Ligeramente más grande (la 'pulsación') */
    }
    100% {
        transform: scale(3); /* Vuelve al tamaño normal */
    }
}