/* ==========================================================
   OEP Bilingual
   Selector de idioma
   ========================================================== */

.oep-bilingual{
    margin:20px 0;
}

/* Selector */

.oep-switch{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    font-size:15px;
    line-height:1;
}

/* Enlaces */

.oep-btn{
    display:inline-flex;
    align-items:baseline;
    gap:4px;
    color:#777;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    background:none;
    border:none;
    padding:0;
    margin:0;
    box-shadow:none;
    outline:none;
    cursor:pointer;
    transition:color .20s ease;
}

.oep-btn:hover{
    color:#222;
    text-decoration:none;
}

/* Idioma seleccionado */

.oep-btn.active{
    color:#111;
    font-weight:700;
}

/* Banderas */

.oep-btn img{
    width:16px;
    height:auto;
    display:inline-block;
    vertical-align:baseline;
    margin:0;
    flex-shrink:0;
}

/* Texto */

.oep-btn span{
    display:inline-block;
    line-height:1;
}

/* Separador */

.oep-separator{
    color:#999;
    font-size:18px;
    font-weight:400;
    user-select:none;
}

/* Contenido */

.oep-lang{
    margin-top:12px;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width:480px){

    .oep-switch{
        gap:6px;
        margin-bottom:14px;
        font-size:14px;
    }

    .oep-btn{
        gap:3px;
        font-size:14px;
    }

    .oep-btn img{
        width:14px;
        height:auto;
    }

    .oep-separator{
        font-size:16px;
    }

}