/* ═══════════════════════════════════════════════════════════════════════════
   Rodapé — links com o mesmo hover do menu principal

   Os links de texto do rodapé: o menu "Navegação" (widget 91560d2) e as duas
   listas de contato (75f7215 e 52e2a07: endereço, telefone, WhatsApp, SAC e
   Canal de Denúncias). No site no ar eles não reagem ao mouse.

   É a linguagem do menu principal (css/vp-topo.css): ao passar o mouse (ou
   focar pelo teclado),

     1. o texto vai para o laranja da marca (#E37A36);
     2. um traço de 2px, no mesmo laranja, cresce da esquerda para a direita
        sob o texto.

   Nada muda de tamanho nem de lugar: cor e transform. O logotipo e os ícones
   das redes sociais ficam como estão (os ícones já têm o hover do Elementor).

   Esta folha é carregada pelo includes/header.php, como a vp-topo.css, para
   valer no site inteiro, inclusive nas páginas que o harvest não refaz.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Menu "Navegação" ──
   O link ocupa a coluna inteira; aqui ele fica do tamanho do texto, para o
   traço (o ::after que o Elementor já cria, com altura zero) não atravessar
   a coluna. A altura da linha não muda. */
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item {
  width: fit-content;
  transition: color .2s ease !important;
}
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 8px !important;
  width: auto !important;
  height: 2px !important;
  border-radius: 2px;
  background: #E37A36 !important;
  opacity: 1 !important;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2, .7, .3, 1) !important;
}

/* ── Listas de contato ── */
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text {
  position: relative;
  transition: color .2s ease;
}
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text::after {
  content: "";
  position: absolute;
  left: 5px;                        /* o recuo do texto ao lado do ícone: o traço começa onde a letra começa */
  right: 0;
  bottom: -3px;
  height: 2px;
  border-radius: 2px;
  background: #E37A36;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2, .7, .3, 1);
}

@media (hover: hover) {
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:hover { color: #E37A36 !important; fill: #E37A36 !important; }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:hover::after { transform: scaleX(1); }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:hover .elementor-icon-list-text { color: #E37A36 !important; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:hover .elementor-icon-list-text::after { transform: scaleX(1); }
}
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:focus-visible { color: #E37A36 !important; fill: #E37A36 !important; }
.elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:focus-visible::after { transform: scaleX(1); }
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text { color: #E37A36 !important; }
.elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text::after { transform: scaleX(1); }

@media (prefers-reduced-motion: reduce) {
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item,
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item::after,
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text,
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a .elementor-icon-list-text::after { transition: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Rodapé no celular (até 767 px) — 27/10/2026

   No computador e no tablet nada muda. No celular o rodapé era uma coluna só,
   do tamanho de uma tela, com vão grande entre os links, o mesmo número duas
   vezes (telefone e WhatsApp) e o botão do chat cobrindo os últimos contatos.
   Agora, de cima para baixo:

     1. marca (logo, frase, redes) mais compacta;
     2. Fale Conosco: dois botões grandes, Ligar e WhatsApp (número uma vez só),
        e linhas de toque para Endereço (abre o mapa), SAC e Denúncias, com
        rótulo pequeno e seta;
     3. Navegação: as 4 páginas em grade 2×2;
     4. faixa final: Política de Privacidade · Preferências de cookies · ©.

   O que só existe no celular está no includes/footer.php: .vp-rod-acoes
   (os dois botões), .vp-rod-rotulo (rótulos), .vp-rod-base (faixa final).
   ═══════════════════════════════════════════════════════════════════════════ */
/* !important: nas páginas de artigo o widget Post Info do Elementor tem uma regra mais forte
   para spans de listas que mostrava estes trechos ("SAC" duplicado). */
.vp-rod-acoes, .vp-rod-rotulo, .vp-rod-cel, .vp-rod-base { display: none !important; }

@media (max-width: 767px) {
  .elementor-location-footer { --vp-rod-linha: rgba(255, 255, 255, .12); --vp-rod-suave: #a3a7b8; }
  .elementor-location-footer .elementor-element-af88bf3 { padding: 32px 0 0 !important; }
  .elementor-location-footer .elementor-element-af88bf3 > .e-con-inner {
    display: flex !important; flex-direction: column !important; gap: 0 !important;
    padding: 0 20px !important;
  }
  .elementor-location-footer .elementor-element-af88bf3 > .e-con-inner > .e-con {
    --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
    padding-left: 0 !important; padding-right: 0 !important; width: 100% !important;
  }

  /* 1. marca */
  .elementor-location-footer .elementor-element-d7445fb { order: 1; gap: 12px !important; }
  .elementor-location-footer .elementor-element-610dd5d img { width: 132px !important; height: auto !important; }
  .elementor-location-footer .elementor-element-2b59ed3,
  .elementor-location-footer .elementor-element-2b59ed3 p { font-size: 14.5px !important; line-height: 1.55 !important; margin: 0 !important; color: #d6d8e1; }
  .elementor-location-footer .elementor-element-2b59ed3 strong { color: #fff; }
  .elementor-location-footer .elementor-element-5bd1f40 { margin-top: 2px !important; }
  .elementor-location-footer .elementor-element-5bd1f40 .elementor-social-icons-wrapper { gap: 10px !important; }
  .elementor-location-footer .elementor-element-5bd1f40 .elementor-grid-item { margin: 0 !important; }
  .elementor-location-footer .elementor-element-5bd1f40 .elementor-social-icon {
    width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 12px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }
  .elementor-location-footer .elementor-element-5bd1f40 .elementor-social-icon svg { width: 20px !important; height: 20px !important; }

  /* blocos 2 e 3: filete em cima, título pequeno em laranja */
  .elementor-location-footer :is(.elementor-element-434366a, .elementor-element-1c9ea4c) {
    margin-top: 24px !important; padding-top: 20px !important; gap: 10px !important;
    border-top: 1px solid var(--vp-rod-linha) !important;
  }
  .elementor-location-footer .elementor-element-434366a { order: 2; }
  .elementor-location-footer .elementor-element-1c9ea4c { order: 3; }
  .elementor-location-footer :is(.elementor-element-c507c6f, .elementor-element-4e6486c) { margin: 0 !important; }
  .elementor-location-footer :is(.elementor-element-c507c6f, .elementor-element-4e6486c) .elementor-heading-title {
    font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.2 !important;
    letter-spacing: .09em; text-transform: uppercase; color: #E37A36 !important;
  }

  /* 2. Fale Conosco: Ligar e WhatsApp */
  .vp-rod-acoes { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 2px 0 6px; }
  .elementor-location-footer .vp-rod-acao {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 50px; padding: 0 12px; border-radius: 12px;
    font: 600 15.5px/1 Roboto, system-ui, sans-serif; text-decoration: none;
    -webkit-tap-highlight-color: transparent; transition: transform .12s ease, filter .12s ease;
  }
  .elementor-location-footer .vp-rod-acao--ligar { background: #fff; color: #1d1f2b; }
  .elementor-location-footer .vp-rod-acao--whats { background: #E37A36; color: #fff; }
  .elementor-location-footer .vp-rod-acao:active { transform: scale(.97); filter: brightness(.94); }
  .elementor-location-footer .vp-rod-acao:focus-visible { outline: 2px solid #FFAA00; outline-offset: 2px; }
  .vp-rod-numero { grid-column: 1 / -1; margin: 0; text-align: center; font-size: 13px; color: var(--vp-rod-suave); letter-spacing: .02em; }
  /* o número já está nos botões: as duas linhas antigas saem */
  .elementor-location-footer .elementor-element-75f7215 .elementor-icon-list-item:nth-child(2),
  .elementor-location-footer .elementor-element-52e2a07 .elementor-icon-list-item:first-child { display: none !important; }

  /* linhas de toque: Endereço, SAC, Denúncias */
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) { margin: 0 !important; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-items { display: block; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item {
    margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--vp-rod-linha);
  }
  .elementor-location-footer .elementor-element-52e2a07 .elementor-icon-list-item:last-child { border-bottom: 0; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a {
    position: relative; display: flex !important; align-items: center; gap: 14px;
    min-height: 60px; padding: 8px 26px 8px 0 !important;
    -webkit-tap-highlight-color: transparent;
  }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a::after {
    content: ""; position: absolute; right: 6px; top: 50%; width: 8px; height: 8px; margin-top: -5px;
    border: solid #6f7488; border-width: 2px 2px 0 0; transform: rotate(45deg);
  }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-icon {
    flex: none; display: inline-flex !important; align-items: center; justify-content: center;
    width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important;
    border-radius: 11px; background: rgba(255, 170, 0, .12); transition: background .12s ease;
  }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-icon svg { width: 20px !important; height: 20px !important; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-text {
    display: flex !important; flex-direction: column; padding: 0 !important;
    font-size: 15px !important; line-height: 1.35 !important; color: #fff;
  }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-text::after { display: none; }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:active .elementor-icon-list-icon { background: rgba(255, 170, 0, .26); }
  .elementor-location-footer :is(.elementor-element-75f7215, .elementor-element-52e2a07) .elementor-icon-list-item > a:focus-visible { outline: 2px solid #FFAA00; outline-offset: 2px; border-radius: 8px; }
  .vp-rod-rotulo { display: block !important; margin-top: 3px; font-size: 12.5px; line-height: 1.3; color: var(--vp-rod-suave); font-weight: 400; }
  .vp-rod-pc { display: none !important; }
  .vp-rod-cel { display: inline !important; }

  /* 3. Navegação 2×2 (Política e cookies vão para a faixa final) */
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main > .elementor-nav-menu {
    display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 16px;
  }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main > .elementor-nav-menu > li { margin: 0 !important; padding: 0 !important; }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main > .elementor-nav-menu > :is(.menu-item-377, .menu-item-vp-cookies) { display: none !important; }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item {
    display: flex !important; align-items: center; min-height: 44px; padding: 6px 0 !important;
    font-size: 15px !important; line-height: 1.3 !important; -webkit-tap-highlight-color: transparent;
  }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item:active { color: #E37A36 !important; }
  .elementor-location-footer .elementor-element-91560d2 .elementor-nav-menu--main .elementor-item::after { bottom: 6px !important; }

  /* 4. faixa final (folga embaixo para o botão do chat) */
  .vp-rod-base {
    order: 4; display: block !important; margin: 22px -20px 0; padding: 18px 20px 100px;
    border-top: 1px solid var(--vp-rod-linha); background: #0b0b0e;
    font-family: Roboto, system-ui, sans-serif;
  }
  .vp-rod-legal { display: flex; flex-wrap: wrap; gap: 4px 18px; }
  .elementor-location-footer .vp-rod-legal a {
    display: inline-flex; align-items: center; min-height: 40px;
    font-size: 13.5px; color: #d6d8e1; text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); text-underline-offset: 3px;
    -webkit-tap-highlight-color: transparent;
  }
  .elementor-location-footer .vp-rod-legal a:active { color: #E37A36; }
  .vp-rod-copy { margin: 6px 0 0; font-size: 12.5px; line-height: 1.4; color: #7d8296; }
}