/* =====================================================
   idioma.css — Selector de idioma
   Predicción Ganadora · Antorami
   ===================================================== */

.pg-lang-sel {
    position: absolute;
    top: 120%;
    right: .8vw;
    transform: translateY(-50%);
    z-index: 500;
}

.pg-lang-btn {
    display: flex;
    align-items: center;
    gap: .4vw;
    padding: .25vw .8vw;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 1vw;
    cursor: pointer;
    color: #fff;
    font-size: .75vw;
    font-weight: 600;
    letter-spacing: .03em;
    user-select: none;
    transition: background .2s;
}

.pg-lang-btn:hover { background: rgba(255,255,255,.28); }

.pg-lang-img {
    width: 1.6vw;
    height: auto;
    border-radius: .15vw;
    display: block;
}

.pg-lang-caret {
    font-size: .55vw;
    opacity: .7;
    margin-left: .1vw;
}

.pg-lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + .4vw);
    right: 0;
    background: #fff;
    border-radius: .8vw;
    box-shadow: 0 .5vw 1.8vw rgba(0,0,0,.18);
    overflow: hidden;
    min-width: 9vw;
}

.pg-lang-menu.pg-open {
    display: block;
    animation: pgLangIn .15s ease;
}

@keyframes pgLangIn {
    from { opacity: 0; transform: translateY(-.3vw); }
    to   { opacity: 1; transform: translateY(0); }
}

.pg-lang-item {
    display: flex;
    align-items: center;
    gap: .6vw;
    padding: .6vw 1vw;
    font-size: .85vw;
    color: #333;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.pg-lang-item:hover    { background: #f0f5ff; }
.pg-lang-item.pg-active { background: #e8f0fe; color: #1e3a5f; font-weight: 700; }

.pg-lang-mimg {
    width: 2vw;
    height: auto;
    border-radius: .15vw;
    display: block;
}

@media only screen and (max-aspect-ratio: 9/10) {
    .pg-lang-btn  { font-size: 3vw; gap: 1.5vw; padding: 1vw 2.5vw; border-radius: 3vw; }
    .pg-lang-img  { width: 6vw; }
    .pg-lang-caret { font-size: 2vw; }
    .pg-lang-menu { min-width: 32vw; border-radius: 2.5vw; }
    .pg-lang-item { font-size: 3vw; gap: 2vw; padding: 2vw 3vw; }
    .pg-lang-mimg { width: 7vw; }
}