/* Contenedor principal que centra el contenido (ya sea loader o página) */
        .full-screen-container {
            min-height: 100vh;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Estilos específicos del Loader */
        .hub-loader {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: opacity 0.55s ease-out;
            height: 100vh;
            width: 100vw;
            background-color: rgba(255, 255, 255, 0.25);
            /* Transición para un desvanecimiento suave */
        }

        /* Animación de pulso más pronunciada */
        @keyframes custom-pulse {
            0% {
                transform: scale(0.95);
                opacity: 0.9;
            }

            50% {
                transform: scale(1.05);
                opacity: 1;
            }

            100% {
                transform: scale(0.95);
                opacity: 0.9;
            }
        }

        /* Estilo y aplicación de animación al texto "HUB x Human Metrics" */
        .hub-text {
            font-size: 2.5rem;
            /* Tamaño del texto aumentado para que se note el pulso */
            font-weight: 800;
            /* Fuente más gruesa */
            color: white;
            /* Color primario de Bootstrap (azul/índigo) */
            margin-bottom: 0;
            /* Aplicamos la animación aquí */
            animation: custom-pulse 1.8s ease-in-out infinite;
            transition: all 0.3s ease;
            justify-content: center;
            align-items: center;
            display: flex;
        }