body {
        background-image: url("imag/logo3.png");
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
    }

    h4 {
        background-color: rgba(7, 7, 237, 0.9);
        color: #00FFFF;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 10vw; /* Tamaño dinámico basado en el ancho de la pantalla */
        padding: 10px;
        text-align: center;
        border-radius: 10px;
        opacity: 0;
        animation: fade-in 5s ease-in-out forwards;
        animation-delay: 1s;
        max-width: 90%; /* Limitar el tamaño máximo de la caja */
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    /* Ajustes para pantallas de menos de 768px */
    @media (max-width: 768px) {
        h4 {
            font-size: 15vw; /* Ajuste mayor en móviles */
        }
    }

    /* Ajustes adicionales para pantallas más pequeñas */
    @media (max-width: 480px) {
        h4 {
            font-size: 18vw; /* Para pantallas pequeñas como móviles en retrato */
        }
    }