.elementor-1157 .elementor-element.elementor-element-86d4285{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:99;overflow:visible;}.elementor-1157 .elementor-element.elementor-element-8b8bede{z-index:999;}#elementor-popup-modal-1157 .dialog-widget-content{background-color:#02010100;margin:0px 050px 50px 0px;}#elementor-popup-modal-1157 .dialog-message{width:160px;height:100vh;align-items:flex-end;padding:0px 0px 0px 0px;}#elementor-popup-modal-1157{justify-content:flex-end;align-items:center;}@media(max-width:767px){.elementor-1157 .elementor-element.elementor-element-86d4285{--content-width:210px;}#elementor-popup-modal-1157{justify-content:flex-end;align-items:center;}#elementor-popup-modal-1157 .dialog-widget-content{margin:0px 0px 20px 0px;}}/* Start custom CSS for html, class: .elementor-element-8b8bede *//* 1. CONTAINER PRINCIPAL */
.glian-lang-switcher {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    cursor: pointer;
    /* Impede que o pop-up corte o widget */
    overflow: visible !important; 
    z-index: 9999;
}

/* 2. BOTÃO VISÍVEL (O QUE ESTÁ NO HEADER) */
.lang-selected {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    border-radius: 4px;
    transition: background 0.3s;
}

.lang-selected:hover {
    background-color: #f9f9f9;
}

/* 3. ESTILO DAS BANDEIRAS */
.flag-icon img {
    width: 24px !important;
    height: auto !important;
    display: block;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* 4. TEXTO (EN / PT) */
.lang-code {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}

/* 5. SETA (CHEVRON) */
.chevron {
    width: 6px;
    height: 6px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    /* Apontando para cima inicialmente */
    transform: rotate(-135deg); 
    transition: transform 0.3s ease;
    margin-top: 4px;
}

/* 6. A LISTA QUE SOBE (AJUSTADA PARA O CENTRO) */
.lang-list {
    position: absolute;
    bottom: 110% !important; /* Desgruda um pouco do botão */
    
    /* Mágica do Alinhamento Central */
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important; 
    
    width: 160px; 
    padding: 5px 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.15);
    
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10000 !important;
}

/* 7. COMPORTAMENTO AO PASSAR O MOUSE (MANTENDO O CENTRO) */
.glian-lang-switcher:hover .lang-list {
    opacity: 1 !important;
    visibility: visible !important;
    /* Mantém o -50% do centro e apenas zera o Y para subir */
    transform: translateX(-50%) translateY(0) !important;
}

/* Gira a seta para baixo quando abre */
.glian-lang-switcher:hover .chevron {
    transform: rotate(45deg);
    margin-top: -2px;
}

/* 8. CADA ITEM DA LISTA */
.lang-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #444;
    font-family: sans-serif;
    font-size: 13px;
    transition: background 0.2s;
}

.lang-item a:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* 9. CORREÇÃO PARA O POP-UP NÃO CORTAR */
/* Se você usa Elementor ou outro plugin, isso ajuda muito: */
.elementor-widget-container, 
.elementor-custom-embed,
.pum-container,
.dialog-widget-content {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS */#elementor-popup-modal-1157 {
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 9999;
}/* End custom CSS */