/* Cabeçalho até 1024 px e painel do menu móvel (JetMenu). Mesma família da home: petróleo #021a22,
   ciano #3ce6f2 para destaque no escuro, laranja #f7391f no botão, Poppins, pílula. */

@media (max-width: 1024px) {
  /* Cabeçalho: logo e botão alinhados ao mesmo respiro lateral das faixas da home (24 / 20 px). */
  .elementor-21 .elementor-element-dd7aef8 { --min-height: 76px; min-height: 76px !important; flex-direction: column !important; justify-content: center !important; }
  .elementor-21 .elementor-element-c3225d3 { --padding-left: 0px; --padding-right: 0px; padding: 0 !important; }
  .elementor-21 .elementor-element-c3225d3 > .e-con-inner { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; max-width: none !important; padding: 0 24px !important; gap: 16px !important; }
  .elementor-21 .elementor-element-b156993 { width: auto !important; max-width: none !important; margin: 0 !important; }
  .elementor-21 .elementor-element-b156993 img { display: block; width: 132px !important; height: auto !important; }
  .elementor-21 .elementor-element-853bd09 { width: auto !important; margin: 0 !important; }

  /* Botão do menu: círculo petróleo de 44 px, ícone branco. */
  .elementor-21 .jet-mobile-menu__toggle { display: grid !important; place-items: center; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #021a22 !important; color: #fff !important; transition: background .15s; }
  .elementor-21 .jet-mobile-menu__toggle:hover, .elementor-21 .jet-mobile-menu__toggle:focus { background: #06303b !important; }
  .elementor-21 .jet-mobile-menu__toggle-icon, .elementor-21 .jet-mobile-menu__toggle-icon i { color: #fff !important; font-size: 18px !important; line-height: 1 !important; }
}
@media (max-width: 600px) {
  .elementor-21 .elementor-element-dd7aef8 { --min-height: 68px; min-height: 68px !important; }
  .elementor-21 .elementor-element-c3225d3 > .e-con-inner { padding: 0 20px !important; }
  .elementor-21 .elementor-element-b156993 img { width: 112px !important; }
}

/* Painel */
.jet-mobile-menu-cover { background: rgba(2, 16, 21, .6) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.jet-mobile-menu .jet-mobile-menu__container { width: min(420px, 100vw) !important; max-width: 100vw; box-shadow: 24px 0 60px -20px rgba(0,0,0,.6); }
@media (max-width: 600px) { .jet-mobile-menu .jet-mobile-menu__container { width: 100vw !important; } }
.jet-mobile-menu .jet-mobile-menu__container-inner { display: flex; flex-direction: column; padding: 20px 24px 28px !important; overflow-y: auto;
  background: radial-gradient(ellipse 90% 50% at 0% 0%, rgba(40,72,82,.75), transparent 70%), radial-gradient(ellipse 80% 60% at 100% 100%, #06303b, transparent 75%), #021a22 !important;
  color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; }

/* Topo: marca à esquerda (só no nível de cima), fechar/voltar à direita */
.jet-mobile-menu .jet-mobile-menu__controls { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 44px !important; margin: 0 0 28px !important; padding: 0 !important; }
.jet-mobile-menu .jet-mobile-menu__container-inner:not(:has(.jet-mobile-menu__breadcrumbs)) .jet-mobile-menu__controls::before { content: ""; width: 112px; height: 40px; background: url(/wp-content/uploads/2026/10/trink-logo-branco.png) left center / contain no-repeat; }
.jet-mobile-menu .jet-mobile-menu__back { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin-left: auto; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff !important; cursor: pointer; transition: background .15s; }
.jet-mobile-menu .jet-mobile-menu__back:hover { background: rgba(255,255,255,.16); }
.jet-mobile-menu .jet-mobile-menu__back i { color: #fff !important; font-size: 18px !important; }
.jet-mobile-menu .jet-mobile-menu__breadcrumbs { flex: 1; color: #3ce6f2 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; }
.jet-mobile-menu .jet-mobile-menu__breadcrumbs * { color: inherit !important; font: inherit !important; }

/* Itens: grandes, uma linha fina entre eles */
.jet-mobile-menu .jet-mobile-menu__body { flex: 0 0 auto; }
.jet-mobile-menu .jet-mobile-menu__items { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.08); }
.jet-mobile-menu .jet-mobile-menu__item { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); }
.jet-mobile-menu .jet-mobile-menu__item-inner { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 !important; }
.jet-mobile-menu .jet-mobile-menu__item .mobile-link { flex: 1; display: block; padding: 14px 0 !important; text-decoration: none; }
.jet-mobile-menu .jet-mobile-menu__item .jet-menu-label { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -.01em; transition: color .15s; }
.jet-mobile-menu .jet-mobile-menu__item:hover .jet-menu-label, .jet-mobile-menu .jet-mobile-menu__item .mobile-link:focus .jet-menu-label { color: #3ce6f2 !important; }
.jet-mobile-menu .jet-mobile-menu__item--active > .jet-mobile-menu__item-inner .jet-menu-label { color: #3ce6f2 !important; }
.jet-mobile-menu .jet-mobile-menu__item .jet-menu-name { display: flex !important; flex-direction: row !important; align-items: center; }
.jet-mobile-menu .jet-mobile-menu__item--active > .jet-mobile-menu__item-inner .jet-menu-name::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; margin: 0 10px 0 0; border-radius: 50%; background: #3ce6f2; vertical-align: middle; }
.jet-mobile-menu .jet-dropdown-arrow { display: grid !important; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); }
.jet-mobile-menu .jet-dropdown-arrow i { color: #3ce6f2 !important; font-size: 16px !important; }

/* Submenu Catálogo (template 2326), no painel e no dropdown do desktop: botões vermelhos centrados viram lista de downloads em pílula */
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .elementor-element-9066034 { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; padding: 0 !important; background: transparent !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .e-con-inner { gap: 10px !important; padding: 0 !important; align-items: stretch !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .elementor-widget { width: 100% !important; margin: 0 !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__container { justify-content: stretch !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(a.jet-button__instance, a.jet-download) { display: flex !important; align-items: center; width: 100% !important; min-height: 60px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; box-shadow: none !important; overflow: hidden; transition: background .15s; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(a.jet-button__instance, a.jet-download):hover { background: rgba(255,255,255,.14) !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__plane { display: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__state-hover { display: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__state-normal { position: static !important; display: flex !important; align-items: center; justify-content: flex-start !important; width: 100%; gap: 14px; padding: 8px 22px 8px 8px !important; opacity: 1 !important; transform: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 a.jet-download { justify-content: flex-start !important; gap: 14px; padding: 8px 22px 8px 8px !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__icon, .jet-download__icon) { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 50%; background: #3ce6f2 !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__icon, .jet-download__icon) i { color: #021a22 !important; font-size: 17px !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__label, .jet-download__label) { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; text-align: left !important; }

/* Pé do painel (menu.js): atalhos da home */
.trink-menu-pe { display: grid; gap: 10px; margin-top: auto; padding-top: 32px; }
.trink-menu-pe__botao { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 999px; background: #f7391f; color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; box-shadow: 0 6px 16px -6px rgba(247,57,31,.55); transition: background .15s; }
.trink-menu-pe__botao:hover, .trink-menu-pe__botao:focus { background: #d92a12; color: #fff !important; }
.trink-menu-pe__botao--claro { background: rgba(255,255,255,.1); box-shadow: none; }
.trink-menu-pe__botao--claro:hover, .trink-menu-pe__botao--claro:focus { background: #fff; color: #141414 !important; }
.trink-menu-pe p { margin: 8px 0 0; color: #8fa2a8; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; text-align: center; }

/* Busca no topo do painel (menu.js), só no nível de cima */
.trink-menu-busca { margin: 0 0 24px; }
.jet-mobile-menu__container-inner:has(.jet-mobile-menu__breadcrumbs) .trink-menu-busca { display: none; }
.trink-menu-busca label { display: block; margin: 0 0 8px; color: #3ce6f2; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.trink-menu-busca div { display: flex; align-items: center; height: 52px; padding: 0 6px 0 20px; border-radius: 999px; background: #fff; }
.trink-menu-busca input { flex: 1; min-width: 0; height: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #141414 !important; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 16px; outline: none; }
.trink-menu-busca button { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f7391f !important; color: #fff !important; cursor: pointer; }

/* Subtítulo de cada item do painel (ids do menu 3) */
.jet-mobile-menu :is(.jet-menu-item-594, .jet-menu-item-2325, .jet-menu-item-2462, .jet-menu-item-5483) > .jet-mobile-menu__item-inner .jet-menu-label::after { display: block; margin-top: 3px; color: #8fa2a8; font-size: 13px; font-weight: 400; letter-spacing: 0; }
.jet-mobile-menu .jet-menu-item-594 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Pelo carro, código ou nº original"; }
.jet-mobile-menu .jet-menu-item-2325 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "PDF, instalador Windows ou impresso"; }
.jet-mobile-menu .jet-menu-item-2462 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Representantes no seu estado"; }
.jet-mobile-menu .jet-menu-item-5483 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Empresa e política da qualidade"; }

/* Desktop: "Buscar tampa" vira o botão laranja, no fim do menu */
.elementor-element-4e6905b .jet-mega-menu-list { align-items: center !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label { font-weight: 500 !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 { order: 99; margin-left: 12px; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level { padding: 10px 22px !important; border-radius: 999px !important; background: #f7391f !important; transition: background .15s; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label { color: #fff !important; font-weight: 600; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level:hover { background: #d92a12 !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__title { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__title::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.8'/%3E%3Cpath d='M16.5 16.5 21 21' stroke='%23000' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.8'/%3E%3Cpath d='M16.5 16.5 21 21' stroke='%23000' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Desktop: dropdowns (Baixar catálogo e A Trink) no cartão petróleo do painel móvel */
.elementor-element-4e6905b .jet-mega-menu-item--top-level:is(:hover, .jet-mega-menu-item--hover) > .jet-mega-menu-item__inner :is(.jet-mega-menu-item__label, .jet-mega-menu-item__dropdown, .jet-mega-menu-item__dropdown i) { color: #f7391f !important; }
.elementor-element-4e6905b .jet-mega-menu-mega-container { width: 320px !important; padding-top: 10px; background: transparent !important; }
.elementor-element-4e6905b .jet-mega-menu-mega-container__inner { padding: 12px !important; border-radius: 22px; background: #021a22 !important; box-shadow: 0 24px 48px -16px rgba(2,26,34,.55); }
.elementor-element-4e6905b .elementor-2326 :is(a.jet-button__instance, a.jet-download) { min-height: 56px; }
.elementor-element-4e6905b .elementor-2326 :is(.jet-button__label, .jet-download__label) { font-size: 15px !important; }
.elementor-element-4e6905b .jet-mega-menu-sub-menu { padding-top: 10px; background: transparent !important; }
.elementor-element-4e6905b .jet-mega-menu-sub-menu__list { width: 260px !important; padding: 8px !important; border-radius: 18px; background: #021a22 !important; box-shadow: 0 24px 48px -16px rgba(2,26,34,.55); }
.elementor-element-4e6905b .jet-mega-menu-item--sub-level { margin: 0 !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level { display: block; padding: 12px 16px !important; border-radius: 12px; background: transparent !important; transition: background .15s; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level:hover { background: rgba(255,255,255,.08) !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level:hover .jet-mega-menu-item__label { color: #3ce6f2 !important; }
.elementor-element-4e6905b .jet-mega-menu-item--sub-level > .jet-mega-menu-item__inner { padding: 0 !important; }
/* A pílula "Buscar tampa" não entra no laranja do hover dos outros itens: escurece o fundo e o texto fica branco */
.elementor-element-4e6905b .jet-mega-menu-list .jet-mega-menu-item-594.jet-mega-menu-item--top-level:is(:hover, .jet-mega-menu-item--hover) .jet-mega-menu-item__label { color: #fff !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level:is(:hover, :focus-visible) { background: #c92c17 !important; box-shadow: 0 6px 16px -6px rgba(247,57,31,.6); }

/* Botões de WhatsApp no verde da referência do Klaus (#07910B; o #25D366 com branco dá contraste 2:1, ilegível): rodapé (template 52), Contato (344) e Representantes */
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link[href*="wa.me"], :is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link[href*="whatsapp"] { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 28px !important; border: 0 !important; border-radius: 999px !important; background-color: #07910b !important; color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; box-shadow: 0 6px 16px -6px rgba(7,145,11,.5); transition: background-color .15s, transform .15s; }
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link:is([href*="wa.me"], [href*="whatsapp"]):hover { background-color: #067a09 !important; color: #fff !important; transform: translateY(-1px); }
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link:is([href*="wa.me"], [href*="whatsapp"]) :is(i, svg, .jet-listing-dynamic-link__icon) { color: #fff !important; fill: #fff !important; }

/* Site inteiro: o Safari do iPhone dá zoom ao focar campo com letra abaixo de 16px (formulários do
   JetFormBuilder em Contato e Catálogo físico estão em 14px). Só em tela de toque, pra não mexer no desktop. */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), select, textarea { font-size: 16px !important; }
}

/* Rodapé: o e-mail não cabe em 320 px (iPhone SE de 1ª geração) e empurrava a página pro lado */
[data-elementor-type="footer"] .jet-listing-dynamic-link__label { overflow-wrap: anywhere; }
@media (max-width: 360px) {
  [data-elementor-type="footer"] .jet-listing-dynamic-link__link { font-size: 14px !important; }
}

/* Celular: texto justificado abre buracos entre as palavras numa coluna estreita (Empresa, Contato,
   Política da qualidade), título encostado na borda (Empresa, Catálogo físico) e a trilha da tampa
   colada na margem com um vão grande até o card */
@media (max-width: 767px) {
  .elementor-element-987ce03, .elementor-element-987ce03 *, .elementor-element-d8c7139, .elementor-element-d8c7139 *,
  .elementor-element-71aa441, .elementor-element-71aa441 * { text-align: left !important; }
  .elementor-element-5259c69, .elementor-element-6560cce { padding-left: 20px !important; padding-right: 20px !important; }
  .elementor-515 .elementor-element-b5e1a03 { padding: 0 20px; font-size: 13px; }
  /* Vão entre a trilha e a foto: era ~70 px de branco (margem da trilha + padding do container + margem da foto). */
  .elementor-515 .elementor-element-51aa786 { margin-top: 12px !important; margin-bottom: 0 !important; }
  .elementor-515 .elementor-element-56d3dd3 > .e-con-inner { padding-top: 0; }
  .elementor-515 .elementor-element-b5e1a01 { margin-top: 16px !important; }
  .elementor-515 .elementor-element-837e92b { --min-height: 0px; min-height: 0 !important; }
}

/* Tabela de aplicação (linha = template 540): código de motor sem espaço ("OM904LA/OM906LA") empurrava a
   página pro lado no celular. Quebra depois da barra (o <wbr> vem do produto.php) e as colunas encolhem. */
.elementor-540 .e-con, .elementor-540 .elementor-widget { min-width: 0; }
.elementor-540 .jet-listing-dynamic-field__content { overflow-wrap: break-word; }
/* Colunas: o ano/motor ocupa o que o texto pede (até 45%) e o modelo fica com o resto; antes era 75/20 fixo. */
.elementor-540 .elementor-element-d649823 > .e-con-inner { gap: 12px; }
.elementor-540 .elementor-element.elementor-element-47f2b85 { width: auto !important; flex: 1 1 0 !important; }
.elementor-540 .elementor-element.elementor-element-25b6eae { width: auto !important; flex: 0 0 auto !important; max-width: 45%; }


/* Tampa: páginas de veículo (inc/veiculos.php) no desenho de "Outras tampas"; nome do veículo é mais longo que o código. */
.trink-outras--veiculos ul { grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); }
.trink-outras--veiculos a strong { font-size: 15px; line-height: 1.3; }
@media (max-width: 480px) { .trink-outras--veiculos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .trink-outras--veiculos a { padding: 10px 12px; } }

/* Rodapé: e-mail numa linha só; a fonte encolhe com a coluna em vez de quebrar em ".com.br". */
.elementor-element-6bc8f5a .jet-listing-dynamic-link__label { white-space: nowrap; font-size: clamp(13px, 4.2vw, 15px); letter-spacing: -0.01em; }
@media (min-width: 1025px) { .elementor-element-6bc8f5a .jet-listing-dynamic-link__label { font-size: clamp(13px, 1.3vw, 15px); } }

/* Sem JetEngine: tabela de aplicação ([trink_produto_aplicacoes], inc/produto.php) no desenho dos templates 535/540. */
.trink-aplicacao { font-family: "Poppins Custom", Poppins, sans-serif; font-size: 14px; line-height: 21px; text-transform: uppercase; }
.trink-aplicacao__montadora { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 10px 10px 5px; color: #ff3737; }
.trink-aplicacao__montadora strong { font-weight: 600; }
.trink-aplicacao__montadora span { text-align: right; overflow-wrap: anywhere; }
.trink-aplicacao ul { margin: 0; padding: 0; list-style: none; }
.trink-aplicacao li { display: flex; gap: 12px; margin: 0 0 10px; padding: 10px 10px 0; border-bottom: 1px solid #000; color: #333; }
.trink-aplicacao li span { min-width: 0; overflow-wrap: break-word; }
.trink-aplicacao li span:first-child { flex: 1 1 0; }
.trink-aplicacao li span:last-child { flex: 0 0 auto; max-width: 45%; text-align: right; }

/* Sem JetEngine: contatos do rodapé ([trink_rodape_*], inc/contato.php), com o mesmo verde e a mesma pílula de cima. */
.trink-rodape__endereco { margin: 0; color: #333; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; line-height: 18px; text-align: center; }
.trink-rodape { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
a.trink-rodape__link { display: inline-flex; align-items: center; gap: 9px; color: #353535; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 16px; line-height: 24px; text-decoration: none; transition: color .15s, background-color .15s, transform .15s; }
a.trink-rodape__link:is(:hover, :focus-visible) { color: #f7391f; }
.trink-rodape__link svg { flex: none; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.trink-rodape__link--mail span { white-space: nowrap; font-size: clamp(13px, 4.2vw, 15px); letter-spacing: -0.01em; }
@media (min-width: 1025px) { .trink-rodape__link--mail span { font-size: clamp(13px, 1.3vw, 15px); } }
a.trink-rodape__link--zap { gap: 8px; min-height: 52px; padding: 0 28px; border-radius: 999px; background: #07910b; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; box-shadow: 0 6px 16px -6px rgba(7,145,11,.5); }
a.trink-rodape__link--zap:is(:hover, :focus-visible) { background: #067a09; color: #fff; transform: translateY(-1px); }
@media (max-width: 360px) { a.trink-rodape__link { font-size: 14px; } }

/* Sem JetEngine: botão Voltar da página da tampa ([trink_voltar]), nas medidas do jet-button antigo. */
a.trink-voltar { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 120px; height: 41px; border-radius: 40px; background: #df1e26; color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; transition: background-color .15s; }
a.trink-voltar:is(:hover, :focus-visible) { background: #b52d2d; color: #fff; }
.trink-voltar svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trink-aplicacao__item { padding-top: 5px; }
.trink-aplicacao ul { margin-top: 2px; }
@media (min-width: 768px) { .trink-aplicacao__item { padding-top: 10px; } .trink-aplicacao ul { margin-top: 10px; } }
@media (max-width: 767px) { .elementor-shortcode:has(> .trink-voltar) { text-align: center; } }
.trink-aplicacao li { letter-spacing: -0.5px; }
a.trink-rodape__link--zap { gap: 17px; }
.trink-rodape__link--zap svg { width: 18px; height: 18px; }

/* Menu sem JetMenu (menu.php): ícones de traço */
:is(.trink-nav, .trink-mm, .trink-mm__abrir) svg { display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.trink-mm .trink-menu-busca button svg { width: 18px; height: 18px; stroke-width: 2.5; }

/* Desktop: [trink_menu] */
.trink-nav__lista { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.trink-nav__item { position: relative; margin: 0; padding: 5px 10px; }
.trink-nav .trink-nav__link { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #616161; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 14px; font-weight: 500; line-height: 21px; text-decoration: none; text-transform: none; cursor: pointer; transition: color .15s; }
.trink-nav .trink-nav__link svg { width: 18px; height: 18px; padding: 2px; box-sizing: border-box; color: #333; transition: color .15s, transform .15s; }
.trink-nav .trink-nav__link:is(:hover, :focus-visible, [aria-current]), .trink-nav__item--sub:is(:hover, :focus-within, .is-aberto) > .trink-nav__link, .trink-nav__item--sub:is(:hover, :focus-within, .is-aberto) > .trink-nav__link svg { background: none; color: #f7391f; }
.trink-nav__item--busca { margin-left: 12px; }
.trink-nav a.trink-nav__busca { display: flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 999px; background: #f7391f; color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 14px; font-weight: 500; line-height: 21px; text-decoration: none; transition: background .15s, box-shadow .15s; }
.trink-nav a.trink-nav__busca svg { width: 16px; height: 16px; stroke-width: 2.8; }
.trink-nav a.trink-nav__busca:is(:hover, :focus-visible) { background: #d92a12; color: #fff; box-shadow: 0 6px 16px -6px rgba(247,57,31,.6); }
.trink-nav__drop { position: absolute; top: 100%; left: 0; z-index: 999; width: 300px; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(6px); transition: opacity .15s, transform .15s, visibility .15s; }
.trink-nav__item--sub:is(:hover, :focus-within, .is-aberto) > .trink-nav__drop { visibility: visible; opacity: 1; transform: none; }
.trink-nav .trink-nav__drop > ul { margin: 0; padding: 12px; border-radius: 22px; background: #021a22; box-shadow: 0 24px 48px -16px rgba(2,26,34,.55); list-style: none; }
.trink-nav__drop:not(.trink-nav__drop--catalogo) { width: 260px; }
.trink-nav .trink-nav__drop > .trink-nav__sub { padding: 8px; border-radius: 18px; }
.trink-nav__sub li { margin: 0; }
.trink-nav a.trink-nav__sublink { display: block; padding: 12px 16px; border-radius: 12px; color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 15px; font-weight: 600; line-height: 1.5; text-decoration: none; transition: background .15s, color .15s; }
.trink-nav a.trink-nav__sublink:is(:hover, :focus-visible, [aria-current]) { background: rgba(255,255,255,.08); color: #3ce6f2; }

/* Downloads do catálogo (dropdown do desktop e nível do painel) */
ul.trink-menu-dl { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.trink-menu-dl li { margin: 0; }
a.trink-menu-dl__link { display: flex; align-items: center; gap: 14px; min-height: 60px; padding: 8px 22px 8px 8px; border-radius: 999px; background: rgba(255,255,255,.08); color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 15px; font-weight: 600; line-height: 1.3; text-decoration: none; transition: background .15s; }
a.trink-menu-dl__link:is(:hover, :focus-visible) { background: rgba(255,255,255,.14); color: #fff; }
.trink-menu-dl__icone { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #3ce6f2; color: #021a22; }
.trink-menu-dl__icone svg { width: 18px; height: 18px; stroke-width: 2.2; }
.trink-mm a.trink-menu-dl__link { min-height: 60px; font-size: 16px; }

/* Celular: [trink_menu_movel] */
.trink-mm__abrir { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 0 0 auto; padding: 0; border: 0; border-radius: 50%; background: #021a22; color: #fff; cursor: pointer; transition: background .15s; }
.trink-mm__abrir:is(:hover, :focus-visible) { background: #06303b; color: #fff; }
.trink-mm__abrir svg { width: 18px; height: 18px; }
html.trink-mm-aberto { overflow: hidden; }
.trink-mm[hidden], .trink-mm__nivel[hidden] { display: none !important; }
.trink-mm { position: fixed; inset: 0; z-index: 99999; }
.trink-mm__capa { position: absolute; inset: 0; background: rgba(2,16,21,.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.trink-mm__painel { position: absolute; top: 0; bottom: 0; left: 0; width: min(420px, 100vw); overflow-y: auto; background: radial-gradient(ellipse 90% 50% at 0% 0%, rgba(40,72,82,.75), transparent 70%), radial-gradient(ellipse 80% 60% at 100% 100%, #06303b, transparent 75%), #021a22; animation: trink-mm-entra .2s ease-out; }
@keyframes trink-mm-entra { from { transform: translateX(-24px); opacity: 0; } }
@media (max-width: 600px) { .trink-mm__painel { width: 100vw; } }
.trink-mm__nivel { display: flex; flex-direction: column; min-height: 100%; padding: 20px 24px 28px; box-sizing: border-box; }
.trink-mm__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-bottom: 28px; }
.trink-mm__marca { display: block; width: 112px; height: auto; }
.trink-mm__circulo { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; transition: background .15s; }
.trink-mm__circulo:is(:hover, :focus-visible) { background: rgba(255,255,255,.16); color: #fff; }
.trink-mm__circulo svg { width: 18px; height: 18px; stroke-width: 3; }
.trink-mm__topo:has(.trink-mm__migalha) { flex-direction: row-reverse; justify-content: flex-end; }
.trink-mm__migalha { color: #3ce6f2; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
ul.trink-mm__lista { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.08); list-style: none; }
.trink-mm__lista li { margin: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.trink-mm .trink-mm__link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0; padding: 14px 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; text-align: left; text-decoration: none; text-transform: none; cursor: pointer; transition: color .15s; }
.trink-mm__texto { display: block; min-width: 0; }
.trink-mm__rotulo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; }
.trink-mm__texto small { display: block; margin-top: 3px; color: #8fa2a8; font-size: 13px; font-weight: 400; line-height: 1.35; letter-spacing: 0; }
.trink-mm .trink-mm__link:is(:hover, :focus-visible, [aria-current]) { background: none; color: #3ce6f2; }
.trink-mm .trink-mm__link[aria-current] .trink-mm__rotulo::after { content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #3ce6f2; }
.trink-mm__seta { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.08); color: #3ce6f2; }
.trink-mm__seta svg { width: 14px; height: 14px; stroke-width: 3; }
.trink-mm .trink-menu-pe { padding-top: 32px; }
/* O tema pinta todo button (fundo, borda, raio); os botões redondos do menu precisam vencer */
button:is(.trink-mm__abrir, .trink-mm__circulo) { padding: 0 !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; }
button.trink-mm__abrir { width: 44px !important; height: 44px !important; background: #021a22 !important; color: #fff !important; }
button.trink-mm__abrir:is(:hover, :focus-visible) { background: #06303b !important; }
button.trink-mm__circulo { background: rgba(255,255,255,.08) !important; color: #fff !important; }
button.trink-mm__circulo:is(:hover, :focus-visible) { background: rgba(255,255,255,.16) !important; }
.trink-mm .trink-mm__link { min-height: 59px; }
.trink-mm__texto small { line-height: 16px; }
.trink-nav button.trink-nav__link { padding: 0 !important; border: 0 !important; background: none !important; }