/* =========================================
   THE REAL STUDIO — LANGUAGE SWITCH
   ========================================= */

/* =====================================
   CORRECCION DE ALINEACION ELEMENTOR
   ===================================== */

.elementor-widget-trs_language_switch_b50dc32a,
.elementor-element[data-widget_type="trs_language_switch_b50dc32a.default"] {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}

/* Eliminar los 8 px extra que introduce
   el contenedor del widget en Elementor */

.elementor-widget-trs_language_switch_b50dc32a > .elementor-widget-container,
.elementor-element[data-widget_type="trs_language_switch_b50dc32a.default"] > .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    line-height: 0 !important;
}

/* CONTENEDOR PROPIO DEL SWITCH */

.trs-switch-container-b50dc32a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: max-content;
    max-width: 100%;

    margin: 0;
    padding: 0;
    line-height: 0 !important;
}

/* =====================================
   INTERRUPTOR
   ===================================== */

.trs-switch-b50dc32a {
    display: block;
    position: relative;
    flex-shrink: 0;

    width: 80px;
    height: 40px;

    background-color: #e5e5ea;
    border-radius: 999px;

    cursor: pointer;
    overflow: hidden;
    text-decoration: none;

    box-shadow: inset 0 0 5px rgba(0,0,0,.1);

    transition: background-color .3s ease;

    -webkit-tap-highlight-color: transparent;
}

.trs-switch-b50dc32a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* =====================================
   CIRCULO CON BANDERA
   ===================================== */

.trs-switch-circle-b50dc32a {
    position: absolute;

    top: 4px;
    left: 4px;

    width: 32px;
    height: 32px;

    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    border-radius: 50%;

    box-shadow: 0 2px 5px rgba(0,0,0,.2);

    transition:
        transform .3s cubic-bezier(.175,.885,.32,1.275);
}

/* INGLES: CIRCULO A LA DERECHA */

.trs-switch-b50dc32a.is-en
.trs-switch-circle-b50dc32a,

.trs-switch-b50dc32a.is-es.is-switching
.trs-switch-circle-b50dc32a {
    transform: translateX(calc(100% + 8px));
}

/* ESPAÑOL: CIRCULO A LA IZQUIERDA */

.trs-switch-b50dc32a.is-en.is-switching
.trs-switch-circle-b50dc32a {
    transform: translateX(0);
}

/* =====================================
   ACCESIBILIDAD
   ===================================== */

@media (prefers-reduced-motion: reduce) {
    .trs-switch-b50dc32a,
    .trs-switch-circle-b50dc32a {
        transition: none;
    }
}