/* Agência Mestre · páginas em inglês (/en/ e /en/thank-you/; page-en.php e page-en-obrigado.php, inc/en.php). Carregado só
   nelas (filtro mestre_assets_modelo, chave 'en'), depois do site.css, do wp.css e do wp-home.css ou wp-agradecimento.css.
   Só peças e tokens do tema: nenhuma fonte ou cor nova. Sem max-width em texto (regra do dono). As listas viraram <ul>/<li>
   onde a Home usa links (logos, cases, serviços): nas páginas em inglês nada leva a página em português. */

/* ---------- cabeçalho: link "Português" (troca de idioma) ---------- */
.lang-link{display:inline-flex;align-items:center;min-height:var(--tap);padding-inline:.5rem;font-size:.9375rem;font-weight:500;
  color:var(--grey-d);text-decoration:none;transition:color .2s var(--ease)}
.lang-link:hover{color:var(--paper)}
.lang-link__full{display:none}
@media (min-width:480px){.lang-link__full{display:inline}.lang-link__short{display:none}}
@media (min-width:1100px){.lang-link{margin-right:.25rem}}
.drawer>nav>.btn{margin-top:1.5rem}

/* ---------- clientes: logos sem link (li no lugar do a) ---------- */
.page-en .logos--cases{list-style:none}
.page-en .logos--cases>li{display:flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:0}
.page-en .logos--cases img{contain-intrinsic-size:none}

/* ---------- ficha da Mestre ("Mestre at a glance"): faixa clara acima do rodapé (template-parts/en/ficha.php). A .ficha do
   site.css é desenhada para o cartão escuro da Empresa; aqui, as cores do papel (rótulo --grey, valor --ink, régua --line) ---------- */
.en-ficha .ficha{margin-top:var(--s3);border-bottom:1px solid var(--line)}
.en-ficha .ficha__row{border-top-color:var(--line)}
.en-ficha .ficha dt{color:var(--grey)}
.en-ficha .ficha dd{color:var(--ink)}
@media (min-width:768px){
  .en-ficha .ficha{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
}

/* ---------- serviços: cartões .destaque sem link (sem o efeito de cartão clicável) ---------- */
.en-servicos .destaque__text{text-wrap:pretty}
@media (hover:hover){
  .en-servicos .destaque:hover{background:var(--surface);color:var(--ink);border-color:var(--line);border-top-color:var(--ink)}
  .en-servicos .destaque:hover .destaque__text{color:var(--text)}
  .en-servicos .destaque:hover .help__icon{background:var(--ink);color:var(--yellow)}
}
.en-servicos .destaque:active{background:var(--surface);color:var(--ink);border-color:var(--line);border-top-color:var(--ink)}
.en-servicos .destaque:active .destaque__text{color:var(--text)}

/* ---------- resultados: cartões sem link; no rodapé, logo e segmento (no lugar do "Ver o case") ---------- */
.page-en .cases-grid{list-style:none}
@media (hover:hover){.page-en .case-big:hover{background:var(--ink)}}
.page-en .case-big:active{background:var(--ink)}
.en-case__seg{border-bottom:0;padding-bottom:0;font-weight:500;font-size:var(--fs-small);color:var(--grey-d);white-space:normal;text-align:right}
/* o .case-big__go do site.css não encolhe (flex:none); o segmento encolhe e quebra a linha, senão corta no celular de 320px */
.page-en .case-big__foot .en-case__seg{flex:1 1 auto;min-width:0}
.page-en .case-big__foot{align-items:center}
.page-en .case-big__logo{max-width:45%}

/* ---------- faixas: depoimentos claros depois de faixa escura, sem régua dupla (como a Home, Rodada 3) ---------- */
.page-en #conteudo>.dark+:is(.section--rule,.end-form){border-top:0}
.page-en #conteudo>.dark+.dark{border-top:1px solid var(--line-d)}

/* ---------- formulário do fim, na faixa escura (.end-form.dark do site.css) ---------- */
.page-en .end-form.dark .t-lead{color:var(--grey-d)}

/* ---------- agradecimento: link de volta na frase do topo ---------- */
.page-en .thanks-text .link-arrow{color:var(--paper)}

/* ---------- pop-ups do RD Station (em português) fora das páginas em inglês ---------- */
/* O loader do RD (inc/base/rastreamento.php) fica: ele faz o rastreamento do lead (origem do tráfego). Só os pop-ups saem
   (.bricks--component-popup, criados pelo rdstation-popup.min.js). A regra de exibição por URL no painel do RD é o caminho
   limpo (pendência registrada em docs/pendencias.md); esta regra e o tema-en.js (que tira o pop-up da página, com os dois
   H1 em português dele) cobrem até lá. */
.page-en [class*="rdstation-popup-position"],.page-en .bricks--component-popup{display:none!important}

/* ---------- topo: as regras do site.css e do wp-home.css que pegam o formulário pelo id #orcamento, aqui no #quote ---------- */
/* celular e tablet: H1, formulário inteiro e, depois dele, frase e números (site.css, "a página de conversão abre no formulário") */
@media (max-width:1023px){.page-en .form-compact#quote{order:2}}
/* desktop baixo (1366×768) com o quadro do Turnstile à vista: o cartão inteiro continua na dobra (wp-home.css, body.home) */
@media (min-width:1024px) and (max-height:820px){
  .page-en .svc-hero:has(#quote .gfield--turnstile-visivel){padding-top:.75rem}
  .page-en .form-card#quote:has(.gfield--turnstile-visivel){padding-block:1.5rem}
  .page-en .form-card#quote:has(.gfield--turnstile-visivel) .gform_wrapper{margin-top:.75rem}
  .page-en .form-card#quote:has(.gfield--turnstile-visivel) .gform_footer{margin-top:.75rem}
}

/* ---------- rodapé: frase de parceiro de marketing digital no espaço à direita (pedido do Fabio de 13/11/2026) ---------- */
/* nas duas últimas colunas da grade de 4 do site.css (a partir de 768px); de 480 a 767px, linha inteira embaixo */
.en-rodape-chamada__frase{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--paper);text-wrap:pretty}
.en-rodape-chamada__frase b{color:var(--yellow)}
.en-rodape-chamada__texto{margin-top:1rem;font-size:var(--fs-body);line-height:1.6;font-weight:500;color:var(--grey-d);text-wrap:pretty}
@media (min-width:480px) and (max-width:767px){.site-footer .grid>.en-rodape-chamada{grid-column:1/-1}}
@media (min-width:768px){.site-footer .grid>.en-rodape-chamada{grid-column:3/-1}}