/* ============================================================
   PROFISSIONAL SEO — Extensão de estilos
   Vanilla CSS, complementa style.css (paleta herdada)
   ============================================================ */

/* Hero — corrigir contraste */
.hero-static{background:linear-gradient(180deg,#0f2640 0%,#1b3a5c 100%)}
.hero-static h1{color:#f4c64a;font-size:54px;line-height:1.1;margin-bottom:6px}
.hero-static .hero-h2{color:#fff;font-size:26px;font-weight:500;line-height:1.3;margin-bottom:22px;display:block}
.hero-static .hero-desc{color:#d8e1ec;font-size:16px;line-height:1.6;margin:8px 0}
.hero-static .hero-desc strong{color:#fff}

/* Hero — grid: mais espaço entre coluna texto e foto */
.hero-static .hero-static-grid{grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}

/* Hero — foto sem borda dourada, menor, sem fundo */
.hero-static .hero-img-card{background:transparent;border:0;padding:0;box-shadow:none;display:flex;justify-content:center}
.hero-static .hero-img-card img{max-width:380px;width:100%;height:auto;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35)}

@media (max-width:900px){
  .hero-static .hero-static-grid{grid-template-columns:1fr;gap:30px}
  .hero-static .hero-img-card img{max-width:280px}
}

/* BLUF block */
.bluf{
  background:rgba(255,255,255,.06);
  border-left:4px solid #f4c64a;
  border-radius:10px;
  padding:18px 22px;
  margin:18px 0 22px;
  color:#e9eef5;
  font-size:15.5px;line-height:1.65;
}
.bluf strong{color:#fff}

/* Listas */
.check-list,.check-list-light,.dash-list,.dash-list-light{list-style:none;padding-left:0;margin:14px 0}
.check-list li{padding:6px 0 6px 28px;position:relative;color:#333}
.check-list li::before{content:"✓";color:#1aa84d;font-weight:800;position:absolute;left:0;top:6px}
.check-list-light li{padding:6px 0 6px 28px;position:relative;color:#e9eef5}
.check-list-light li::before{content:"✓";color:#5fe07e;font-weight:800;position:absolute;left:0;top:6px}
.dash-list li,.dash-list-light li{padding:4px 0 4px 18px;position:relative}
.dash-list li::before,.dash-list-light li::before{content:"–";position:absolute;left:0;top:4px;font-weight:700}
.dash-list-light li{color:#e9eef5}

/* CTA azul (blocos com fundo escuro) */
.cta-azul{background:linear-gradient(180deg,#0f2640,#1b3a5c);padding:60px 0;color:#fff;margin:0}
.cta-azul .section-title-light{color:#fff;font-size:32px;font-weight:800;text-align:center;margin-bottom:16px}
.cta-azul .section-title-light strong{color:#f4c64a}
.cta-azul .section-sub-light{color:#cfd8e3;text-align:center;max-width:840px;margin:8px auto;font-size:16px;line-height:1.6}
.cta-highlight{color:#f4c64a;text-align:center;font-size:20px;font-weight:700;margin-top:22px}

/* Eyebrow */
.eyebrow{text-align:center;color:#c9a84c;letter-spacing:2px;font-weight:600;font-size:13px;margin-bottom:6px}

/* Marketing Geolocalização */
.mkt-geo{background:#0f2640;color:#fff;padding:50px 0}
.mkt-geo .section-title{color:#fff;text-align:center;font-size:34px;margin-bottom:30px}
.mkt-geo .section-title strong{color:#f4c64a}
.ba-figure{margin:0;text-align:center}
.ba-figure img{width:100%;max-width:380px;height:auto;border-radius:8px;border:2px solid #2c4f7c}
.ba-figure figcaption{color:#7ec8ff;font-weight:700;margin-top:10px;font-size:18px;letter-spacing:1px}
.bene-list{color:#fff}
.bene-list h3{color:#fff;font-size:22px;margin-bottom:14px}
.bene-list .check-list li{color:#e9eef5}
.bene-list em{color:#cfd8e3;display:block;margin-top:14px;font-size:14px}

/* Caso Real */
.caso-real{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;background:#0f2640;color:#fff;border-radius:14px;padding:24px;margin-top:24px;border:2px solid #1aa84d}
.caso-real-text h3{color:#f4c64a;font-size:20px;margin-bottom:10px}
.caso-real-text p{color:#e9eef5;line-height:1.6}
.caso-real img{width:100%;height:auto;border-radius:8px}

/* Cards de benefícios coloridos */
.produtos-grid.produtos-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.produtos-grid.produtos-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.produto-card{padding:22px;border-radius:12px;background:#f7faff;border-left:5px solid var(--azul);box-shadow:var(--shadow1);transition:transform .2s,box-shadow .2s;color:#333}
.produto-card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.produto-card h3{font-size:18px;margin-bottom:10px;color:var(--azul)}
.produto-card p{font-size:14.5px;line-height:1.55;color:#444}
.border-azul{border-left-color:#2c5fb5}.border-azul h3{color:#2c5fb5}
.border-verde{border-left-color:#1aa84d}.border-verde h3{color:#1aa84d}
.border-amarelo{border-left-color:#d49b1f}.border-amarelo h3{color:#a87718}
.border-vermelho{border-left-color:#d33b3b}.border-vermelho h3{color:#b22f2f}
.border-roxo{border-left-color:#7a3fb5}.border-roxo h3{color:#7a3fb5}
.border-ciano{border-left-color:#1fa9b5}.border-ciano h3{color:#1fa9b5}

/* Soluções Digitais (cards azul escuro) */
.solucao-card{background:#0f2640;color:#fff;border:2px solid #2c4f7c;border-radius:14px;padding:26px}
.solucao-card h3{color:#f4c64a;font-size:20px;margin-bottom:14px;text-align:center}
.solucao-card p{color:#e9eef5;line-height:1.55;margin:8px 0}
.solucao-card .check-list li{color:#e9eef5}
.solucao-card .check-list li::before{color:#5fe07e}
.solucao-card .wpp-cta{display:inline-flex;margin:14px auto 0}
.solucao-card p:last-child{text-align:center}

/* FAQ 2 colunas */
.faq-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
.faq-item{background:#eef5ff;border-radius:10px;padding:14px 18px;border-left:4px solid #2c5fb5}
.faq-item summary{cursor:pointer;color:#2c5fb5;font-weight:600;font-size:15.5px;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"▸ ";color:#2c5fb5;margin-right:6px;transition:transform .2s;display:inline-block}
.faq-item[open] summary::before{transform:rotate(90deg)}
.faq-item p{margin-top:10px;color:#333;line-height:1.55;font-size:14.5px}

/* Botão laranja "Entrar em Contato" */
.btn-laranja{display:inline-flex;align-items:center;gap:10px;background:#f4831f;color:#fff;padding:14px 32px;border-radius:40px;font-weight:700;text-decoration:none;font-size:15px;letter-spacing:.4px;box-shadow:0 6px 18px rgba(244,131,31,.4);transition:transform .2s}
.btn-laranja:hover{transform:translateY(-2px);background:#e07217}

/* Equipe */
.equipe{padding:60px 0}
.equipe-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:center;margin-top:30px}
.equipe-card{margin:0;text-align:center}
.equipe-card img{width:100%;max-width:320px;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.equipe-text{text-align:center}
.equipe-text h3{color:#2c5fb5;font-size:24px;margin-bottom:4px}
.equipe-text .cargo{color:#1b3a5c;font-style:italic;margin-bottom:10px}
.equipe-text p{color:#444;line-height:1.65;font-size:15px}

/* Lead-strong (✅ com SEO ele pode ser seu melhor vendedor) */
.lead-strong{font-size:18px;font-weight:700;color:#1aa84d;margin:8px 0 14px}

/* Tabela info-gain (caso queiramos reativar) */
.info-gain{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow1)}
.info-gain th,.info-gain td{padding:14px 16px;border-bottom:1px solid #e6ecf3;text-align:left;font-size:14.5px}
.info-gain th{background:var(--azul);color:#fff;font-weight:700}
.info-gain tr:last-child td{border-bottom:0}

/* Assinatura E-E-A-T */
.eeat-signature{text-align:center;color:#555;font-size:14px;font-style:italic;padding:18px;border-top:1px solid #e6ecf3}
.eeat-signature a{color:var(--azul);font-weight:700}

/* Sidebar — Atendimento Regional */
.atendimento-regional{margin-top:6px}
.atendimento-regional li{margin-bottom:4px}
.atendimento-regional a{display:block;padding:6px 10px;border-radius:6px;font-size:13.5px;color:#33475b;text-decoration:none;transition:background .15s}
.atendimento-regional a:hover{background:#eef5ff;color:#1b3a5c}
.side-produtos h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#1b3a5c;margin-bottom:10px}

/* Footer 3 colunas */
.footer-grid-3{grid-template-columns:1.4fr 1fr 1fr !important}
@media (max-width:900px){.footer-grid-3{grid-template-columns:1fr !important}}

/* HubSpot Badge (CSS puro, sem imagem) */
.hubspot-badge{background:#fff;border-radius:14px;padding:24px 22px;text-align:center;max-width:300px;margin:18px auto 0;box-shadow:0 8px 30px rgba(0,0,0,.25);color:#33475b}
.hb-icon{display:flex;justify-content:center;margin-bottom:12px}
.hb-lens{width:80px;height:80px;border-radius:50%;background:#fff;border:5px solid #ff7a59;display:inline-flex;align-items:center;justify-content:center;position:relative}
.hb-lens::after{content:"";position:absolute;width:18px;height:6px;background:#ff7a59;bottom:-6px;right:-2px;transform:rotate(45deg);border-radius:3px}
.hb-lens-text{color:#ff7a59;font-weight:800;font-size:18px;letter-spacing:1px}
.hb-brand{font-size:18px;color:#33475b;margin:6px 0 2px}
.hb-brand strong{color:#ff7a59}
.hb-cert{font-size:14px;color:#33475b;margin:0 0 12px}
.hb-name{font-size:13px;color:#33475b;font-weight:700;letter-spacing:1px;margin:0;border-top:1px solid #e6ecf3;padding-top:10px}

/* Responsivo */
@media (max-width:900px){
  .produtos-grid.produtos-3col{grid-template-columns:1fr}
  .produtos-grid.produtos-2col{grid-template-columns:1fr}
  .faq-2col{grid-template-columns:1fr}
  .equipe-grid{grid-template-columns:1fr}
  .caso-real{grid-template-columns:1fr}
  .hero-static h1{font-size:38px}
  .hero-static .hero-h2{font-size:20px}
}