/*
Arquivo: idioma-v342.css
Versao: V346
Objetivo: estilizar seletores PT/EN/ES com bandeiras SVG reais no cabecalho e rodape e apresentar overlay de traducao com fundo desfocado, frame central, animacao de bandeiras e barra de progresso.
Pasta sugerida: /wp/assets/css/idioma-v342.css
Tabelas/campos usados: nenhuma.
DSN: nenhum.
Vinculos: /wp/assets/flags/flag-br.svg, flag-us.svg, flag-es.svg, /wp/assets/js/idioma-traducao-v346.js, /wp/includes/idioma_seletor.cfm e /wp/includes/footer.cfm.
Mudanca V346: preserva bandeiras reais da V344, substitui o loading seco da V345 por experiencia visual completa e cria versao compacta das bandeiras para o rodape.
Como estava antes: V345 ocultava totalmente o body e mostrava somente o texto "Traduzindo conteudo..." em fundo branco.
Restauracao: restaurar o backup V346 deste CSS e voltar os includes para V345.
*/
.wp-language-switcher{display:inline-flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto;position:relative;z-index:40}
.wp-language-switcher-auto{order:1}
.wp-language-flag{width:34px;height:34px;min-width:34px;padding:0;border:1px solid rgb(226,232,240);border-radius:50%;background:white;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.wp-language-flag span{font-size:0;line-height:0;display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transform:none}
.wp-language-flag[data-wp-language="pt"] span{background-image:url('/wp/assets/flags/flag-br.svg?v=346')}
.wp-language-flag[data-wp-language="en"] span{background-image:url('/wp/assets/flags/flag-us.svg?v=346')}
.wp-language-flag[data-wp-language="es"] span{background-image:url('/wp/assets/flags/flag-es.svg?v=346')}
.wp-language-flag:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.13)}
.wp-language-flag.is-active{border:2px solid rgb(0,137,78);box-shadow:0 0 0 3px rgba(0,137,78,.11)}
.wp-language-flag:focus-visible{outline:3px solid rgba(0,137,78,.24);outline-offset:2px}
.top-inner>.wp-language-switcher-auto,.wp-header-inner>.wp-language-switcher-auto{margin-left:auto}

/* Seletor compacto no rodape. */
.wp-footer-language-box{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.wp-footer-language-label{display:block;margin-bottom:9px;color:rgb(203,213,225);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wp-footer-language-switcher{display:flex;align-items:center;gap:7px}
.wp-footer-language-switcher .wp-language-flag{width:26px;height:26px;min-width:26px;border-color:rgba(255,255,255,.3);box-shadow:none;background:rgba(255,255,255,.96)}
.wp-footer-language-switcher .wp-language-flag:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.22)}
.wp-footer-language-switcher .wp-language-flag.is-active{border:2px solid rgb(74,222,128);box-shadow:0 0 0 2px rgba(74,222,128,.18)}

/* V346 - experiencia visual da traducao. */
html.wp-i18n-pending{overflow:hidden}
html.wp-i18n-pending body{overflow:hidden}
html.wp-i18n-pending body>*:not(.wp-i18n-overlay){filter:blur(7px);transform:scale(1.01);transition:filter .2s ease,transform .2s ease;pointer-events:none;user-select:none}
.wp-i18n-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(8,18,36,.34);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;font-family:Verdana,Arial,sans-serif}
.wp-i18n-overlay.is-visible{opacity:1;visibility:visible}
.wp-i18n-card{width:min(520px,calc(100vw - 34px));padding:28px 30px 26px;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(2,8,23,.26);text-align:center;overflow:hidden;position:relative}
.wp-i18n-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,rgb(0,137,78),rgb(31,119,180),rgb(228,29,54));opacity:.9}
.wp-i18n-brandline{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:rgb(71,85,105);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wp-i18n-pulse{width:8px;height:8px;border-radius:50%;background:rgb(0,137,78);box-shadow:0 0 0 0 rgba(0,137,78,.4);animation:wpI18nPulse 1.35s ease-out infinite}
.wp-i18n-title{margin:0;color:rgb(15,23,42);font-size:25px;line-height:1.18;font-weight:800}
.wp-i18n-subtitle{margin:8px 0 20px;color:rgb(71,85,105);font-size:13px;font-weight:600}
.wp-i18n-route{display:flex;align-items:center;justify-content:center;gap:20px;margin:4px auto 22px}
.wp-i18n-lang{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:92px;color:rgb(30,41,59);font-size:12px}
.wp-i18n-flag-wrap{width:62px;height:62px;border-radius:50%;padding:4px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.15);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:wpI18nFloat 2s ease-in-out infinite}
.wp-i18n-flag-wrap.is-target{animation-delay:.25s;box-shadow:0 10px 28px rgba(0,137,78,.18)}
.wp-i18n-flag-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.wp-i18n-arrow{display:flex;align-items:center;gap:4px;margin-top:-17px}
.wp-i18n-arrow span{width:7px;height:7px;border-top:2px solid rgb(0,137,78);border-right:2px solid rgb(0,137,78);transform:rotate(45deg);opacity:.25;animation:wpI18nArrow 1.1s linear infinite}
.wp-i18n-arrow span:nth-child(2){animation-delay:.15s}.wp-i18n-arrow span:nth-child(3){animation-delay:.3s}
.wp-i18n-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:rgb(71,85,105);font-size:11px;text-align:left}
.wp-i18n-progress-label{font-weight:800;color:rgb(15,23,42);min-width:38px}
.wp-i18n-progress-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.wp-i18n-progress{height:10px;border-radius:999px;background:rgb(226,232,240);overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}
.wp-i18n-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(0,137,78),rgb(20,184,166),rgb(37,99,235));background-size:180% 100%;transition:width .36s ease;animation:wpI18nGradient 1.4s linear infinite}
@keyframes wpI18nPulse{0%{box-shadow:0 0 0 0 rgba(0,137,78,.4)}70%{box-shadow:0 0 0 8px rgba(0,137,78,0)}100%{box-shadow:0 0 0 0 rgba(0,137,78,0)}}
@keyframes wpI18nFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes wpI18nArrow{0%{opacity:.2;transform:translateX(-2px) rotate(45deg)}50%{opacity:1}100%{opacity:.2;transform:translateX(3px) rotate(45deg)}}
@keyframes wpI18nGradient{0%{background-position:0 0}100%{background-position:180% 0}}

@media(max-width:920px){.wp-language-switcher{margin-left:auto;gap:5px}.wp-language-flag{width:32px;height:32px;min-width:32px}.mobile-menu-toggle,.wp-menu-toggle,.menu-toggle{margin-left:4px!important}}
@media(max-width:560px){.wp-i18n-card{padding:24px 18px 22px;border-radius:20px}.wp-i18n-title{font-size:21px}.wp-i18n-route{gap:11px}.wp-i18n-lang{min-width:78px}.wp-i18n-flag-wrap{width:54px;height:54px}.wp-i18n-progress-status{max-width:210px}.wp-footer-language-switcher .wp-language-flag{width:25px;height:25px;min-width:25px}}
@media(prefers-reduced-motion:reduce){.wp-i18n-pulse,.wp-i18n-flag-wrap,.wp-i18n-arrow span,.wp-i18n-progress-bar{animation:none!important}.wp-i18n-progress-bar{transition:none}}
/* FIM: /wp/assets/css/idioma-v342.css | V346 | 07/09/2026 15:59 America/Sao_Paulo */