#lgpd-banner {
      position: fixed; bottom: 1.25rem; left: 50%; transform: translateX(-50%);
      width: min(92vw, 620px);
      background: var(--teal-dk);
      border: 1px solid rgba(201,169,110,.3);
      border-radius: 14px;
      padding: 1.25rem 1.5rem;
      box-shadow: 0 16px 48px rgba(15,60,71,.5);
      z-index: 9999; display: none; gap: .85rem; flex-direction: column;
    }
    #lgpd-banner.show { display: flex; }
    #lgpd-banner p { margin: 0; font-size: .82rem; color: rgba(255,255,255,.72); line-height: 1.55; font-weight: 300; }
    #lgpd-banner p a { color: var(--gold); text-decoration: underline; cursor: pointer; }
    #lgpd-banner-btns { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
    #lgpd-banner-btns .lgpd-btn-config { grid-column: 1 / -1; }
    .lgpd-btn { border-radius: 8px; padding: .62rem 1rem; font-size: .8rem; font-weight: 700; cursor: pointer; transition: all .2s; font-family: 'DM Sans', sans-serif; }
    .lgpd-btn-accept  { background: var(--gold); color: var(--teal-dk); border: 1px solid var(--gold); }
    .lgpd-btn-accept:hover { background: var(--gold-lt); }
    .lgpd-btn-minimal { background: transparent; color: rgba(255,255,255,.86); border: 1px solid rgba(255,255,255,.28); }
    .lgpd-btn-minimal:hover { background: rgba(255,255,255,.08); }
    .lgpd-btn-config  { background: transparent; color: var(--gold); border: 1px solid rgba(201,169,110,.42); }

    .lgpd-modal-overlay {
      position: fixed; inset: 0; background: rgba(10,30,40,.75);
      z-index: 10000; display: none; align-items: center; justify-content: center; padding: 1rem;
    }
    .lgpd-modal-overlay.show { display: flex; }
    .lgpd-modal {
      background: var(--teal-dk); border: 1px solid rgba(201,169,110,.25);
      border-radius: 16px; width: min(92vw, 660px); max-height: 82vh;
      display: flex; flex-direction: column; overflow: hidden;
    }
    .lgpd-modal-header {
      padding: 1.25rem 1.5rem 1rem;
      border-bottom: 1px solid rgba(201,169,110,.15);
      display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;
    }
    .lgpd-modal-header h3 { margin: 0; font-family: 'Cormorant Garamond', serif; color: white; font-size: 1.35rem; line-height: 1.1; }
    .lgpd-modal-close { background: none; border: none; cursor: pointer; color: rgba(255,255,255,.65); font-size: 1.3rem; line-height: 1; padding: 0; flex-shrink: 0; transition: color .2s; }
    .lgpd-modal-close:hover { color: white; }
    .lgpd-modal-body { overflow-y: auto; padding: 1.25rem 1.5rem 1.5rem; flex: 1; scrollbar-width: thin; scrollbar-color: rgba(201,169,110,.3) transparent; }
    .lgpd-modal-body h4 { font-family: 'Cormorant Garamond', serif; font-size: 1rem; color: var(--gold); margin: 1.25rem 0 .4rem; font-weight: 600; }
    .lgpd-modal-body h4:first-child { margin-top: 0; }
    .lgpd-modal-body p, .lgpd-modal-body li { font-size: .83rem; color: rgba(255,255,255,.67); line-height: 1.6; margin: 0 0 .5rem; font-weight: 300; }
    .lgpd-modal-body ul { padding-left: 1.25rem; margin: 0 0 .75rem; }
    .lgpd-modal-body .lgpd-tag { display: inline-block; font-size: .7rem; color: rgba(255,255,255,.42); border: 1px solid rgba(201,169,110,.2); border-radius: 4px; padding: .15rem .45rem; margin-top: .75rem; }
    .lgpd-modal-footer { padding: 1rem 1.5rem; border-top: 1px solid rgba(201,169,110,.15); }
    .lgpd-modal-footer button { width: 100%; padding: .7rem; background: var(--gold); color: var(--teal-dk); border: none; border-radius: 8px; font-weight: 700; font-size: .84rem; cursor: pointer; font-family: 'DM Sans', sans-serif; transition: background .2s; }
    .lgpd-modal-footer button:hover { background: var(--gold-lt); }
    .lgpd-link { cursor: pointer; }
    @media(max-width:620px){
      #lgpd-banner-btns{grid-template-columns:1fr}
      .lgpd-modal{max-height:86dvh;width:min(94vw,660px)}
      .lgpd-modal-header{padding:1rem 1.1rem .9rem;align-items:center}
      .lgpd-modal-header h3{font-size:1.28rem}
      .lgpd-modal-body{padding:1rem 1.1rem 1.2rem}
      .lgpd-modal-footer{padding:.85rem 1.1rem}
    }

  
    /* ──────────────────────────────────────────────────────────────
       Ajuste WebFusion 09/07 — hover unificado + menu mobile compacto
       Objetivo: usar a mesma cor de interação em todo o site e reduzir
       o painel mobile do cabeçalho para um menu mais limpo e funcional.
    ────────────────────────────────────────────────────────────── */
    :root {
      --wf-hover-color: var(--gold);
      --wf-hover-bg: rgba(201,169,110,.13);
      --wf-hover-bg-strong: rgba(201,169,110,.18);
      --wf-hover-border: rgba(201,169,110,.48);
      --wf-hover-shadow: 0 16px 38px rgba(201,169,110,.16);
    }

    /* Cor única para links e títulos interativos, do cabeçalho ao rodapé. */
    .nav-links a:hover,
    .nav-links a:focus-visible,
    .mobile-menu-links a:hover,
    .mobile-menu-links a:focus-visible,
    .footer-col ul li a:hover,
    .footer-col ul li button:hover,
    .footer-top-link:hover,
    .footer-credit a:hover,
    .contact-item:hover .contact-item-text strong,
    summary:hover,
    .lgpd-link:hover,
    .legal-link:hover {
      color: var(--wf-hover-color) !important;
    }

    /* Botões comerciais com o mesmo tom de hover. */
    .nav-cta:hover,
    .btn-primary:hover,
    .form-submit:hover,
    .cookie-accept:hover,
    .lgpd-modal-footer button:hover {
      background: var(--wf-hover-color) !important;
      border-color: var(--wf-hover-color) !important;
      color: var(--teal-dk) !important;
    }

    .btn-outline:hover,
    .cookie-decline:hover,
    .gallery-lightbox-back:hover,
    .gallery-lightbox-back:focus-visible,
    .gallery-lightbox-nav:hover,
    .gallery-lightbox-nav:focus-visible,
    .gallery-lightbox-close:hover,
    .gallery-lightbox-close:focus-visible,
    .mobile-close:hover,
    .mobile-close:focus-visible {
      color: var(--wf-hover-color) !important;
      border-color: var(--wf-hover-border) !important;
      background: var(--wf-hover-bg) !important;
    }

    /* Cards e blocos com o mesmo destaque visual no hover. */
    .service-card:hover,
    .result-card:hover,
    .gallery-card:hover,
    .diff-card:hover,
    .process-card:hover,
    .cert-item:hover,
    .platform-block:hover,
    .review-shot:hover,
    details:hover {
      border-color: var(--wf-hover-border) !important;
      box-shadow: var(--wf-hover-shadow) !important;
    }

    .review-shot:hover,
    .instagram-shot:hover,
    .whatsapp-shot:hover {
      background: linear-gradient(180deg, #ffffff 0%, rgba(201,169,110,.10) 100%) !important;
    }

    .service-card:hover .service-overlay {
      background: linear-gradient(to top, rgba(15,60,71,0.92) 0%, rgba(15,60,71,0.20) 55%, transparent 100%) !important;
    }

    .gallery-card:hover .gallery-overlay {
      background: linear-gradient(to top, rgba(15,60,71,0.90) 0%, rgba(15,60,71,0.38) 68%, transparent 100%) !important;
    }

    .social-link:hover {
      background: var(--wf-hover-bg) !important;
      border-color: var(--wf-hover-border) !important;
      color: var(--wf-hover-color) !important;
      box-shadow: 0 10px 26px rgba(201,169,110,.12) !important;
    }

    .top-float:hover,
    .top-float:focus-visible {
      background: var(--wf-hover-color) !important;
      color: var(--teal-dk) !important;
      box-shadow: 0 12px 30px rgba(201,169,110,.24) !important;
    }

    /* Exceção intencional: WhatsApp mantém verde de marca, mas alinhado visualmente. */
    .wa-float:hover,
    .wa-float:focus-visible {
      transform: scale(1.06) !important;
    }

    /* Menu mobile compacto: deixa de ser uma tela inteira pesada e vira painel objetivo. */
    @media (max-width: 768px) {
      .mobile-menu {
        top: calc(var(--demo-h, 0px) + 86px) !important;
        left: 14px !important;
        right: 14px !important;
        bottom: auto !important;
        min-height: unset !important;
        max-height: calc(100dvh - var(--demo-h, 0px) - 106px) !important;
        padding: 12px !important;
        border-radius: 22px !important;
        border: 1px solid rgba(201,169,110,.24) !important;
        background: rgba(250,248,245,.985) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 18px 52px rgba(15,60,71,.18) !important;
        overflow-y: auto !important;
      }

      .mobile-menu-head {
        width: 100% !important;
        margin: 0 0 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
      }

      .mobile-menu-head::before {
        content: none !important;
        display: none !important;
      }
      .mobile-menu-head {
        justify-content: flex-end !important;
        margin-bottom: 4px !important;
      }

      .mobile-menu-brand { display: none !important; }

      .mobile-close {
        width: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
        font-size: .95rem !important;
        box-shadow: none !important;
        background: rgba(255,255,255,.72) !important;
      }

      .mobile-menu-links {
        width: 100% !important;
        display: grid !important;
        gap: 6px !important;
        margin: 0 !important;
      }

      .mobile-menu-links a {
        min-height: 40px !important;
        padding: 9px 12px !important;
        border-radius: 12px !important;
        font-size: .84rem !important;
        font-weight: 600 !important;
        font-family: 'DM Sans', sans-serif !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        box-shadow: none !important;
        background: rgba(255,255,255,.78) !important;
        border-color: rgba(201,169,110,.18) !important;
      }

      .mobile-menu-links a::after {
        font-size: 1rem !important;
      }

      .mobile-menu-links a:hover,
      .mobile-menu-links a:focus-visible {
        transform: none !important;
        background: var(--wf-hover-bg) !important;
      }

      .mobile-menu-links a.mobile-menu-cta {
        background: var(--teal) !important;
        color: #fff !important;
        border-color: var(--teal) !important;
        margin-top: 4px !important;
      }

      .mobile-menu-links a.mobile-menu-cta:hover,
      .mobile-menu-links a.mobile-menu-cta:focus-visible {
        background: var(--wf-hover-color) !important;
        color: var(--teal-dk) !important;
        border-color: var(--wf-hover-color) !important;
      }

      .mobile-menu-note { display: none !important; }
    }

    @media (max-width: 380px) {
      .mobile-menu {
        top: calc(var(--demo-h, 0px) + 80px) !important;
        left: 10px !important;
        right: 10px !important;
        padding: 10px !important;
      }
      .mobile-menu-links a {
        min-height: 38px !important;
        padding: 8px 10px !important;
        font-size: .8rem !important;
      }
    }



    /* ──────────────────────────────────────────────────────────────
       Ajuste WebFusion 09/07 — correção v4.17.1
       Cards com imagem: a cor do hover fica somente na borda/sombra.
       A imagem e o overlay não recebem dourado no hover.
    ────────────────────────────────────────────────────────────── */
    .service-card:hover,
    .result-card:hover,
    .gallery-card:hover,
    .about-imgs-single:hover .about-img-main,
    .faq-img:hover,
    .review-shot:hover,
    .instagram-shot:hover,
    .whatsapp-shot:hover {
      border-color: var(--wf-hover-border) !important;
      box-shadow: var(--wf-hover-shadow) !important;
    }

    .service-card:hover .service-overlay {
      background: linear-gradient(to top, rgba(15,60,71,0.92) 0%, rgba(15,60,71,0.20) 55%, transparent 100%) !important;
    }

    .gallery-card:hover .gallery-overlay {
      background: linear-gradient(to top, rgba(15,60,71,0.90) 0%, rgba(15,60,71,0.38) 68%, transparent 100%) !important;
    }

    .service-card:hover img,
    .result-card:hover img,
    .gallery-card:hover img,
    .about-imgs-single:hover img,
    .faq-img:hover img,
    .review-shot:hover img,
    .instagram-shot:hover img,
    .whatsapp-shot:hover img {
      filter: none !important;
      opacity: 1 !important;
      mix-blend-mode: normal !important;
    }

    .service-card::before,
    .service-card::after,
    .result-card::before,
    .result-card::after,
    .gallery-card::before,
    .gallery-card::after {
      content: none !important;
      display: none !important;
      background: transparent !important;
    }

/* Links de abertura dos modais legais — componente WebFusion v4.29 */
.lgpd-inline-link{
  appearance:none;
  background:none;
  border:0;
  padding:0;
  margin:0;
  color:inherit;
  font:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.lgpd-inline-link:hover{color:var(--gold-lt,#E8D5B0)}
.lgpd-inline-link:focus-visible{outline:2px solid var(--gold-lt,#E8D5B0);outline-offset:3px;border-radius:3px}
.form-consent .lgpd-inline-link{color:var(--teal,#1B5E6B)}