/* =========================================================
   ALE MARTELL · IDIOMA ES / EN · V3
   Ligero · sin pill · Ecuador / Estados Unidos
========================================================= */

.topbar-language{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    margin-left:2px;
}

.topbar-lang-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:2px 0 5px;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgba(255,255,255,.66);
    font:inherit;
    font-size:11px;
    line-height:1;
    font-weight:700;
    letter-spacing:.045em;
    cursor:pointer;
    transition:color .16s ease, transform .16s ease;
}

.topbar-lang-btn::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#E2D8A8;
    transform:scaleX(0);
    opacity:0;
    transition:transform .16s ease, opacity .16s ease;
}

.topbar-lang-btn:hover{
    color:#fff;
    transform:translateY(-1px);
}

.topbar-lang-btn.is-active{
    color:#fff;
}

.topbar-lang-btn.is-active::after{
    transform:scaleX(1);
    opacity:1;
}

.topbar-lang-btn:focus-visible{
    outline:2px solid #E2D8A8;
    outline-offset:3px;
}

.topbar-lang-flag{
    width:22px;
    height:15px;
    flex:0 0 22px;
    display:block;
    overflow:hidden;
    border-radius:2px;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.18),
        0 1px 3px rgba(0,0,0,.10);
}

.topbar-flag-svg{
    width:22px;
    height:15px;
    display:block;
}

.topbar-lang-code{
    line-height:1;
}

.topbar-lang-slash{
    color:rgba(255,255,255,.23);
    font-size:11px;
    line-height:1;
}

/*
 * No creamos ningún separador extra aquí.
 * Se conserva únicamente .topbar-admin-separator,
 * que ya pertenece al diseño premium del acceso admin.
 */


/* transición mínima, sin efectos pesados */
html.am-language-changing body{
    opacity:.985;
}

body{
    transition:opacity .08s linear;
}


@media(max-width:760px){

    .topbar-language{
        gap:5px;
    }

    .topbar-lang-code{
        display:none;
    }

    .topbar-lang-btn{
        padding:2px 0 4px;
    }

    .topbar-lang-flag,
    .topbar-flag-svg{
        width:21px;
        height:14px;
    }

    .topbar-lang-flag{
        flex-basis:21px;
    }
}