.bloqueado {
        pointer-events: none; /* Bloquea la interacci�n con el contenido */
        filter: grayscale(100%) blur(5px); /* Aplica un filtro gris y desenfoque al contenido */
    }
    .auto_img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    body {
        margin: 0;
        padding: 0;
    }

    .fixed-top-div {
        position: fixed;
        width: 100%;
        height: 30px;
        z-index: 1000;
        color: white; /* Color del texto en ambos divs */
        text-align: center;
        line-height: 30px;
    }
    .fixed-bottom-div {
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 1000;
        color: white; /* Color del texto en ambos divs */
        text-align: center;
        line-height: 30px;
    }

    .fixed-top-div {
        top: 0;
        background: linear-gradient(to right, #417fff, #ca62d5, #11deff, #5d22cc);
    }

    .fixed-bottom-div {
        bottom: 0;
        background-color: #323232;
    }

    /* Ajustes opcionales para mejorar la legibilidad del contenido debajo del div fijo superior */
    body {
        padding-top: 30px;
    }
    .btn-google {
        background-color: #4285F4;
        color: #fff;
        border-color: #4285F4;
    }
    .btn-google:hover {
        background-color: #EA4335;
        color: #fff;
        border-color: #EA4335;
    }