@media (min-width: 1080px) {

    /* Widget con forma de círculo más pequeño */
    .lang-widget-trasl {
        position: fixed;
        width: 60px;
        height: 60px;
        background: transparent;
        border-radius: 50%;
        /* Hace que el div sea un círculo */
        box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
        cursor: grab;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        bottom: 100px;
        right: 50px;
        transition: box-shadow 0.2s ease;
        border: 1px solid var(--blanco);
    }

    /* Imagen dentro del círculo más pequeña */
    #lang-icon {
        width: 90%;
        height: 90%;
        object-fit: contain;
        /* Ajuste perfecto sin deformar */
        border-radius: 50%;
        background: transparent;
        z-index: 1000;
    }

    #lang-widget:active {
        cursor: grabbing;
    }

    #lang-icon {
        pointer-events: none;
        /* Permite arrastrar desde la imagen */
    }

    /* Efecto al hacer clic */
    .lang-widget-trasl:active {
        cursor: grabbing;
        box-shadow: 0px 0px 15px rgba(41, 85, 128, 0.6);
    }

    .lang-widget-trasl {
        animation: scaleUp 1s infinite alternate;
        /* Animación de aumento */
        transition: transform 2s ease-in-out;
    }

    @keyframes scaleUp {
        0% {
            transform: scale(1);
            /* Tamaño original */
        }

        100% {
            transform: scale(1.15);
            /* Aumento del 15% */
        }
    }


}

@media (min-width: 600px) and (max-width:1079px) {

    /* Widget con forma de círculo más pequeño */
    .lang-widget-trasl {
        position: fixed;
        width: 40px;
        height: 40px;
        background: transparent;
        border-radius: 50%;
        /* Hace que el div sea un círculo */
        box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
        cursor: grab;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        bottom: 40px;
        right: 20px;
        transition: box-shadow 0.2s ease;
        border: 1px solid var(--blanco);
    }

    /* Imagen dentro del círculo más pequeña */
    #lang-icon {
        width: 90%;
        height: 90%;
        object-fit: contain;
        /* Ajuste perfecto sin deformar */
        border-radius: 50%;
        background: transparent;
        z-index: 1000;
    }

    #lang-widget:active {
        cursor: grabbing;
    }

    #lang-icon {
        pointer-events: none;
        /* Permite arrastrar desde la imagen */
    }

    /* Efecto al hacer clic */
    .lang-widget-trasl:active {
        cursor: grabbing;
        box-shadow: 0px 0px 15px rgba(41, 85, 128, 0.6);
    }

    .lang-widget-trasl {
        animation: scaleUp 1s infinite alternate;
        /* Animación de aumento */
        transition: transform 2s ease-in-out;
    }

    @keyframes scaleUp {
        0% {
            transform: scale(1);
            /* Tamaño original */
        }

        100% {
            transform: scale(1.15);
            /* Aumento del 15% */
        }
    }
}

@media (max-width: 599px) {


    /* Widget con forma de círculo más pequeño */
    .lang-widget-trasl {
        position: fixed;
        width: 40px;
        height: 40px;
        background: transparent;
        border-radius: 50%;
        /* Hace que el div sea un círculo */
        box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
        cursor: grab;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        bottom: 40px;
        right: 20px;
        transition: box-shadow 0.2s ease;
        border: 1px solid var(--blanco);
    }

    /* Imagen dentro del círculo más pequeña */
    #lang-icon {
        width: 90%;
        height: 90%;
        object-fit: contain;
        /* Ajuste perfecto sin deformar */
        border-radius: 50%;
        background: transparent;
        z-index: 1000;
    }

    #lang-widget:active {
        cursor: grabbing;
    }

    #lang-icon {
        pointer-events: none;
        /* Permite arrastrar desde la imagen */
    }

    /* Efecto al hacer clic */
    .lang-widget-trasl:active {
        cursor: grabbing;
        box-shadow: 0px 0px 15px rgba(41, 85, 128, 0.6);
    }

    .lang-widget-trasl {
        animation: scaleUp 1s infinite alternate;
        /* Animación de aumento */
        transition: transform 2s ease-in-out;
    }

    @keyframes scaleUp {
        0% {
            transform: scale(1);
            /* Tamaño original */
        }

        100% {
            transform: scale(1.15);
            /* Aumento del 15% */
        }
    }

}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {

    /* Widget con forma de círculo más pequeño */
    .lang-widget-trasl {
        position: fixed;
        width: 40px;
        height: 40px;
        background: transparent;
        border-radius: 50%;
        /* Hace que el div sea un círculo */
        box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.3);
        cursor: grab;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        bottom: 40px;
        right: 50px;
        transition: box-shadow 0.2s ease;
        border: 1px solid var(--blanco);
    }

    /* Imagen dentro del círculo más pequeña */
    #lang-icon {
        width: 90%;
        height: 90%;
        object-fit: contain;
        /* Ajuste perfecto sin deformar */
        border-radius: 50%;
        background: transparent;
        z-index: 1000;
    }

    #lang-widget:active {
        cursor: grabbing;
    }

    #lang-icon {
        pointer-events: none;
        /* Permite arrastrar desde la imagen */
    }

    /* Efecto al hacer clic */
    .lang-widget-trasl:active {
        cursor: grabbing;
        box-shadow: 0px 0px 15px rgba(41, 85, 128, 0.6);
    }

    .lang-widget-trasl {
        animation: scaleUp 1s infinite alternate;
        /* Animación de aumento */
        transition: transform 2s ease-in-out;
    }

    @keyframes scaleUp {
        0% {
            transform: scale(1);
            /* Tamaño original */
        }

        100% {
            transform: scale(1.15);
            /* Aumento del 15% */
        }
    }

}