<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Licença para Produtos Químicos Controlados em SP | Ambientaliza</title>
  <meta name="description" content="Regularize sua empresa para uso de produtos químicos controlados em São Paulo. Assessoria especializada junto à Polícia Federal, Polícia Civil e Exército. 18.000+ licenças emitidas. Solicite orçamento gratuito." />
  <meta name="keywords" content="licença produtos químicos controlados São Paulo, assessoria policia federal produtos controlados SP, regularização produtos controlados exército, despachante produtos controlados campinas, licença SINARM produtos controlados" />
  <meta property="og:title" content="Licença para Produtos Químicos Controlados em SP | Ambientaliza" />
  <meta property="og:description" content="18.000+ licenças emitidas. Assessoria especializada em produtos químicos controlados para empresas paulistas." />
  <meta property="og:type" content="website" />

  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Raleway:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600&display=swap" rel="stylesheet" />

  <style>
    /* ================================================================
       RESET & BASE
       Design: Autoridade Corporativa — Azul-marinho + Dourado-âmbar
       Fonts: Playfair Display (títulos) + Raleway (subtítulos/UI) + Source Sans 3 (body)
    ================================================================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --navy:       #1e3a5f;
      --navy-dark:  #122540;
      --navy-light: #2a4f80;
      --gold:       #d97706;
      --gold-light: #f59e0b;
      --gold-pale:  #fef3c7;
      --green:      #16a34a;
      --green-pale: #dcfce7;
      --red:        #dc2626;
      --red-pale:   #fee2e2;
      --gray-50:    #f9fafb;
      --gray-100:   #f3f4f6;
      --gray-200:   #e5e7eb;
      --gray-500:   #6b7280;
      --gray-700:   #374151;
      --gray-900:   #111827;
      --white:      #ffffff;
      --font-display: 'Playfair Display', Georgia, serif;
      --font-ui:      'Raleway', system-ui, sans-serif;
      --font-body:    'Source Sans 3', system-ui, sans-serif;
      --shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
      --shadow-md:  0 4px 16px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);
      --shadow-lg:  0 10px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);
      --radius:     8px;
      --radius-lg:  14px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.65;
      color: var(--gray-700);
      background: var(--white);
      -webkit-font-smoothing: antialiased;
    }

    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }

    /* ── UTILITIES ── */
    .container {
      width: 100%;
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .section { padding: 80px 0; }
    .section-sm { padding: 56px 0; }
    .text-center { text-align: center; }

    .tag {
      display: inline-block;
      font-family: var(--font-ui);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 12px;
    }

    .section-title {
      font-family: var(--font-display);
      font-size: clamp(28px, 4vw, 40px);
      font-weight: 700;
      color: var(--navy);
      line-height: 1.2;
      margin-bottom: 16px;
    }

    .section-subtitle {
      font-family: var(--font-body);
      font-size: 17px;
      color: var(--gray-500);
      max-width: 620px;
      margin: 0 auto 48px;
    }

    .divider {
      width: 64px;
      height: 3px;
      background: linear-gradient(90deg, var(--navy), var(--gold));
      margin: 16px 0 32px;
      border-radius: 2px;
    }
    .divider-center { margin: 16px auto 32px; }

    /* ── BUTTONS ── */
    .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-ui);
      font-weight: 700;
      font-size: 15px;
      padding: 14px 28px;
      border-radius: var(--radius);
      border: none;
      cursor: pointer;
      transition: all .2s ease;
      text-decoration: none;
      white-space: nowrap;
    }
    .btn-primary {
      background: var(--gold);
      color: var(--white);
      box-shadow: 0 4px 14px rgba(217,119,6,.35);
    }
    .btn-primary:hover {
      background: var(--gold-light);
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(217,119,6,.45);
    }
    .btn-outline {
      background: transparent;
      color: var(--white);
      border: 2px solid rgba(255,255,255,.6);
    }
    .btn-outline:hover {
      background: rgba(255,255,255,.12);
      border-color: var(--white);
    }
    .btn-navy {
      background: var(--navy);
      color: var(--white);
      box-shadow: 0 4px 14px rgba(30,58,95,.3);
    }
    .btn-navy:hover {
      background: var(--navy-light);
      transform: translateY(-2px);
    }
    .btn-lg { padding: 18px 36px; font-size: 17px; }
    .btn-full { width: 100%; justify-content: center; }

    /* ── STICKY NAV ── */
    #sticky-nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 999;
      background: rgba(18,37,64,.97);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(255,255,255,.08);
      padding: 14px 0;
      transform: translateY(-100%);
      transition: transform .3s ease;
    }
    #sticky-nav.visible { transform: translateY(0); }
    .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .nav-logo {
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 700;
      color: var(--white);
    }
    .nav-logo span { color: var(--gold); }

    /* ── HERO ── */
    #hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: var(--navy-dark);
    }
    .hero-bg {
      position: absolute;
      inset: 0;
      background-image: url('https://d2xsxph8kpxj0f.cloudfront.net/310519663650543053/N2TPbqFwJ2uCzFuyRq8QWB/hero-ambientaliza-MynsFuJ7W9j9czrCcrYHDB.webp');
      background-size: cover;
      background-position: center 30%;
      opacity: .28;
    }
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg, rgba(18,37,64,.96) 45%, rgba(18,37,64,.55) 100%);
    }
    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 680px;
    }
    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(217,119,6,.18);
      border: 1px solid rgba(217,119,6,.4);
      border-radius: 100px;
      padding: 6px 16px;
      font-family: var(--font-ui);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--gold-light);
      margin-bottom: 24px;
    }
    .hero-badge::before {
      content: '';
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--gold-light);
      animation: pulse 2s infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: .5; transform: scale(1.3); }
    }
    .hero-title {
      font-family: var(--font-display);
      font-size: clamp(34px, 5.5vw, 58px);
      font-weight: 800;
      color: var(--white);
      line-height: 1.12;
      margin-bottom: 20px;
    }
    .hero-title .highlight { color: var(--gold-light); }
    .hero-subtitle {
      font-size: 18px;
      color: rgba(255,255,255,.78);
      line-height: 1.6;
      margin-bottom: 36px;
      max-width: 560px;
    }
    .hero-cta-group {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-bottom: 48px;
    }
    .hero-urgency {
      display: flex;
      align-items: center;
      gap: 10px;
      background: rgba(220,38,38,.15);
      border: 1px solid rgba(220,38,38,.35);
      border-radius: var(--radius);
      padding: 12px 18px;
      font-family: var(--font-ui);
      font-size: 13px;
      font-weight: 600;
      color: #fca5a5;
      max-width: 520px;
    }
    .hero-urgency svg { flex-shrink: 0; }

    /* ── STATS BAR ── */
    #stats {
      background: var(--navy);
      padding: 40px 0;
    }
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
    }
    .stat-item {
      text-align: center;
      padding: 20px 16px;
      border-right: 1px solid rgba(255,255,255,.1);
    }
    .stat-item:last-child { border-right: none; }
    .stat-number {
      font-family: var(--font-display);
      font-size: clamp(32px, 4vw, 48px);
      font-weight: 800;
      color: var(--gold-light);
      line-height: 1;
      margin-bottom: 6px;
    }
    .stat-label {
      font-family: var(--font-ui);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(255,255,255,.6);
    }

    /* ── PROBLEMA ── */
    #problema {
      background: var(--gray-50);
    }
    .problema-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .problema-image {
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-lg);
    }
    .problema-image img {
      width: 100%;
      height: 400px;
      object-fit: cover;
    }
    .risk-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 32px;
    }
    .risk-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: var(--white);
      border: 1px solid var(--gray-200);
      border-left: 4px solid var(--red);
      border-radius: var(--radius);
      padding: 14px 16px;
      box-shadow: var(--shadow-sm);
    }
    .risk-icon {
      width: 36px; height: 36px;
      border-radius: 50%;
      background: var(--red-pale);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
      font-size: 16px;
    }
    .risk-text strong {
      display: block;
      font-family: var(--font-ui);
      font-size: 14px;
      font-weight: 700;
      color: var(--gray-900);
      margin-bottom: 2px;
    }
    .risk-text span {
      font-size: 13px;
      color: var(--gray-500);
    }

    /* ── SOLUÇÃO ── */
    #solucao {
      background: var(--white);
    }
    .solucao-intro {
      max-width: 720px;
      margin: 0 auto 56px;
      text-align: center;
    }
    .processo-steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      position: relative;
    }
    .processo-steps::before {
      content: '';
      position: absolute;
      top: 28px;
      left: calc(12.5% + 28px);
      right: calc(12.5% + 28px);
      height: 2px;
      background: linear-gradient(90deg, var(--navy), var(--gold));
      z-index: 0;
    }
    .step-card {
      text-align: center;
      position: relative;
      z-index: 1;
    }
    .step-number {
      width: 56px; height: 56px;
      border-radius: 50%;
      background: var(--navy);
      color: var(--white);
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 16px;
      box-shadow: 0 4px 14px rgba(30,58,95,.3);
    }
    .step-title {
      font-family: var(--font-ui);
      font-size: 15px;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 8px;
    }
    .step-desc {
      font-size: 13px;
      color: var(--gray-500);
      line-height: 1.5;
    }

    /* ── SERVIÇOS ── */
    #servicos {
      background: var(--gray-50);
    }
    .servicos-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    .servico-card {
      background: var(--white);
      border: 1px solid var(--gray-200);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      transition: all .25s ease;
      box-shadow: var(--shadow-sm);
      position: relative;
      overflow: hidden;
    }
    .servico-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--navy), var(--gold));
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .3s ease;
    }
    .servico-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
    .servico-card:hover::before { transform: scaleX(1); }
    .servico-icon {
      width: 52px; height: 52px;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--navy), var(--navy-light));
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 16px;
      font-size: 24px;
    }
    .servico-orgao {
      font-family: var(--font-ui);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 6px;
    }
    .servico-title {
      font-family: var(--font-ui);
      font-size: 16px;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 10px;
    }
    .servico-desc {
      font-size: 14px;
      color: var(--gray-500);
      line-height: 1.55;
      margin-bottom: 16px;
    }
    .servico-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .tag-pill {
      font-family: var(--font-ui);
      font-size: 11px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 100px;
      background: var(--gray-100);
      color: var(--gray-700);
    }
    .servico-card.featured {
      border-color: var(--gold);
      background: linear-gradient(135deg, #fffbeb 0%, var(--white) 60%);
    }
    .servico-card.featured::before { transform: scaleX(1); }
    .featured-badge {
      position: absolute;
      top: 16px; right: 16px;
      background: var(--gold);
      color: var(--white);
      font-family: var(--font-ui);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 3px 10px;
      border-radius: 100px;
    }

    /* ── DIFERENCIAIS ── */
    #diferenciais {
      background: var(--navy);
      position: relative;
      overflow: hidden;
    }
    #diferenciais::before {
      content: '';
      position: absolute;
      top: -100px; right: -100px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(217,119,6,.12) 0%, transparent 70%);
    }
    .diferenciais-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .diferencial-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .diferencial-item {
      display: flex;
      gap: 16px;
      align-items: flex-start;
    }
    .diferencial-icon {
      width: 44px; height: 44px;
      border-radius: 10px;
      background: rgba(217,119,6,.15);
      border: 1px solid rgba(217,119,6,.3);
      display: flex; align-items: center; justify-content: center;
      font-size: 20px;
      flex-shrink: 0;
    }
    .diferencial-text strong {
      display: block;
      font-family: var(--font-ui);
      font-size: 15px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 4px;
    }
    .diferencial-text span {
      font-size: 14px;
      color: rgba(255,255,255,.6);
      line-height: 1.5;
    }
    .vs-box {
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: var(--radius-lg);
      padding: 28px;
    }
    .vs-title {
      font-family: var(--font-ui);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255,255,255,.4);
      margin-bottom: 20px;
    }
    .vs-row {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 12px;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .vs-row:last-child { border-bottom: none; }
    .vs-left {
      font-size: 13px;
      color: rgba(255,255,255,.75);
      font-family: var(--font-body);
    }
    .vs-center {
      font-family: var(--font-ui);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.3);
      text-align: center;
    }
    .vs-right {
      font-size: 13px;
      font-weight: 600;
      color: var(--gold-light);
      font-family: var(--font-ui);
      text-align: right;
    }

    /* ── DEPOIMENTOS ── */
    #depoimentos {
      background: var(--white);
    }
    .depoimentos-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
    .depoimento-card {
      background: var(--gray-50);
      border: 1px solid var(--gray-200);
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      position: relative;
    }
    .depoimento-card::before {
      content: '"';
      font-family: var(--font-display);
      font-size: 80px;
      line-height: 1;
      color: var(--gold);
      opacity: .2;
      position: absolute;
      top: 12px; left: 20px;
    }
    .depoimento-stars {
      display: flex;
      gap: 3px;
      margin-bottom: 14px;
    }
    .star { color: var(--gold); font-size: 16px; }
    .depoimento-text {
      font-size: 15px;
      color: var(--gray-700);
      line-height: 1.65;
      margin-bottom: 20px;
      font-style: italic;
      position: relative;
      z-index: 1;
    }
    .depoimento-author {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .author-avatar {
      width: 44px; height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--navy), var(--navy-light));
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-display);
      font-size: 18px;
      font-weight: 700;
      color: var(--white);
      flex-shrink: 0;
    }
    .author-name {
      font-family: var(--font-ui);
      font-size: 14px;
      font-weight: 700;
      color: var(--navy);
    }
    .author-role {
      font-size: 12px;
      color: var(--gray-500);
    }

    /* ── FAQ ── */
    #faq {
      background: var(--gray-50);
    }
    .faq-list {
      max-width: 760px;
      margin: 0 auto;
    }
    .faq-item {
      background: var(--white);
      border: 1px solid var(--gray-200);
      border-radius: var(--radius);
      margin-bottom: 12px;
      overflow: hidden;
      box-shadow: var(--shadow-sm);
    }
    .faq-question {
      width: 100%;
      background: none;
      border: none;
      padding: 20px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      cursor: pointer;
      font-family: var(--font-ui);
      font-size: 15px;
      font-weight: 700;
      color: var(--navy);
      text-align: left;
      transition: background .2s;
    }
    .faq-question:hover { background: var(--gray-50); }
    .faq-chevron {
      width: 24px; height: 24px;
      border-radius: 50%;
      background: var(--gray-100);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
      transition: transform .3s, background .2s;
    }
    .faq-item.open .faq-chevron {
      transform: rotate(180deg);
      background: var(--navy);
      color: var(--white);
    }
    .faq-item.open .faq-chevron svg { stroke: var(--white); }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height .35s ease, padding .35s ease;
      padding: 0 24px;
    }
    .faq-item.open .faq-answer {
      max-height: 400px;
      padding: 0 24px 20px;
    }
    .faq-answer p {
      font-size: 15px;
      color: var(--gray-700);
      line-height: 1.7;
      border-top: 1px solid var(--gray-200);
      padding-top: 16px;
    }

    /* ── CTA FINAL ── */
    #cta {
      background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, var(--navy-light) 100%);
      position: relative;
      overflow: hidden;
    }
    #cta::before {
      content: '';
      position: absolute;
      bottom: -80px; right: -80px;
      width: 400px; height: 400px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(217,119,6,.15) 0%, transparent 70%);
    }
    .cta-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: start;
      position: relative;
      z-index: 1;
    }
    .cta-left .section-title { color: var(--white); }
    .cta-left .section-subtitle { color: rgba(255,255,255,.7); margin: 0 0 32px; }
    .cta-benefits {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .cta-benefit {
      display: flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-ui);
      font-size: 14px;
      font-weight: 600;
      color: rgba(255,255,255,.85);
    }
    .cta-benefit::before {
      content: '✓';
      width: 22px; height: 22px;
      border-radius: 50%;
      background: rgba(22,163,74,.25);
      border: 1px solid rgba(22,163,74,.5);
      display: flex; align-items: center; justify-content: center;
      font-size: 12px;
      color: #86efac;
      flex-shrink: 0;
    }
    /* Form */
    .lead-form {
      background: var(--white);
      border-radius: var(--radius-lg);
      padding: 36px 32px;
      box-shadow: var(--shadow-lg);
    }
    .form-title {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 6px;
    }
    .form-subtitle {
      font-size: 14px;
      color: var(--gray-500);
      margin-bottom: 24px;
    }
    .form-group {
      margin-bottom: 16px;
    }
    .form-label {
      display: block;
      font-family: var(--font-ui);
      font-size: 13px;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 6px;
    }
    .form-input, .form-select {
      width: 100%;
      padding: 12px 16px;
      border: 1.5px solid var(--gray-200);
      border-radius: var(--radius);
      font-family: var(--font-body);
      font-size: 15px;
      color: var(--gray-900);
      background: var(--white);
      transition: border-color .2s, box-shadow .2s;
      outline: none;
      -webkit-appearance: none;
    }
    .form-input:focus, .form-select:focus {
      border-color: var(--navy);
      box-shadow: 0 0 0 3px rgba(30,58,95,.1);
    }
    .form-input::placeholder { color: var(--gray-500); }
    .form-privacy {
      font-size: 12px;
      color: var(--gray-500);
      margin-top: 12px;
      text-align: center;
      line-height: 1.5;
    }
    .form-privacy a { color: var(--navy); text-decoration: underline; }
    .form-success {
      display: none;
      text-align: center;
      padding: 24px;
    }
    .form-success .success-icon {
      width: 64px; height: 64px;
      border-radius: 50%;
      background: var(--green-pale);
      display: flex; align-items: center; justify-content: center;
      font-size: 28px;
      margin: 0 auto 16px;
    }
    .form-success h3 {
      font-family: var(--font-display);
      font-size: 22px;
      color: var(--navy);
      margin-bottom: 8px;
    }
    .form-success p { font-size: 15px; color: var(--gray-500); }

    /* ── WHATSAPP FLOAT ── */
    #whatsapp-float {
      position: fixed;
      bottom: 28px; right: 28px;
      z-index: 998;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .wa-bubble {
      background: var(--white);
      border-radius: 100px;
      padding: 10px 18px;
      font-family: var(--font-ui);
      font-size: 13px;
      font-weight: 700;
      color: var(--navy);
      box-shadow: var(--shadow-md);
      white-space: nowrap;
      opacity: 0;
      transform: translateX(10px);
      transition: all .3s ease;
    }
    #whatsapp-float:hover .wa-bubble {
      opacity: 1;
      transform: translateX(0);
    }
    .wa-btn {
      width: 58px; height: 58px;
      border-radius: 50%;
      background: #25D366;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 4px 20px rgba(37,211,102,.4);
      transition: transform .2s, box-shadow .2s;
      flex-shrink: 0;
    }
    .wa-btn:hover {
      transform: scale(1.08);
      box-shadow: 0 6px 28px rgba(37,211,102,.5);
    }
    .wa-btn svg { width: 30px; height: 30px; }

    /* ── FOOTER ── */
    footer {
      background: var(--navy-dark);
      padding: 40px 0 28px;
    }
    .footer-inner {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 40px;
      margin-bottom: 32px;
    }
    .footer-brand {
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 10px;
    }
    .footer-brand span { color: var(--gold); }
    .footer-tagline {
      font-size: 13px;
      color: rgba(255,255,255,.5);
      line-height: 1.6;
      margin-bottom: 16px;
    }
    .footer-contact {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .footer-contact a {
      font-size: 13px;
      color: rgba(255,255,255,.65);
      display: flex;
      align-items: center;
      gap: 8px;
      transition: color .2s;
    }
    .footer-contact a:hover { color: var(--gold-light); }
    .footer-col-title {
      font-family: var(--font-ui);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255,255,255,.4);
      margin-bottom: 14px;
    }
    .footer-links {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .footer-links a {
      font-size: 13px;
      color: rgba(255,255,255,.6);
      transition: color .2s;
    }
    .footer-links a:hover { color: var(--gold-light); }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.08);
      padding-top: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      flex-wrap: wrap;
    }
    .footer-copy {
      font-size: 12px;
      color: rgba(255,255,255,.35);
    }
    .footer-legal {
      display: flex;
      gap: 20px;
    }
    .footer-legal a {
      font-size: 12px;
      color: rgba(255,255,255,.35);
      transition: color .2s;
    }
    .footer-legal a:hover { color: rgba(255,255,255,.6); }

    /* ── ANIMATIONS ── */
    .fade-up {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .6s ease, transform .6s ease;
    }
    .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .fade-up-delay-1 { transition-delay: .1s; }
    .fade-up-delay-2 { transition-delay: .2s; }
    .fade-up-delay-3 { transition-delay: .3s; }
    .fade-up-delay-4 { transition-delay: .4s; }

    /* ── RESPONSIVE ── */
    @media (max-width: 1024px) {
      .servicos-grid { grid-template-columns: repeat(2, 1fr); }
      .processo-steps { grid-template-columns: repeat(2, 1fr); }
      .processo-steps::before { display: none; }
    }

    @media (max-width: 768px) {
      .section { padding: 56px 0; }
      .stats-grid { grid-template-columns: repeat(2, 1fr); }
      .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); }
      .stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.1); }
      .stat-item:nth-last-child(-n+2) { border-bottom: none; }
      .problema-grid { grid-template-columns: 1fr; }
      .problema-image { order: -1; }
      .problema-image img { height: 260px; }
      .diferenciais-grid { grid-template-columns: 1fr; }
      .depoimentos-grid { grid-template-columns: 1fr; }
      .cta-inner { grid-template-columns: 1fr; gap: 40px; }
      .footer-inner { grid-template-columns: 1fr; gap: 28px; }
      .footer-bottom { flex-direction: column; text-align: center; }
      .hero-cta-group { flex-direction: column; }
      .btn-lg { width: 100%; justify-content: center; }
      .nav-inner .btn { display: none; }
    }

    @media (max-width: 480px) {
      .servicos-grid { grid-template-columns: 1fr; }
      .processo-steps { grid-template-columns: 1fr; }
      .lead-form { padding: 24px 20px; }
    }
  </style>
</head>

<body>

  <!-- ══ STICKY NAV ══ -->
  <nav id="sticky-nav" aria-label="Navegação principal">
    <div class="container">
      <div class="nav-inner">
        <div class="nav-logo">Ambientaliza<span>.</span></div>
        <a href="#cta" class="btn btn-primary" style="padding:10px 20px;font-size:13px;">
          Solicitar Orçamento Grátis
        </a>
      </div>
    </div>
  </nav>

  <!-- ══ HERO ══ -->
  <section id="hero">
    <div class="hero-bg" role="presentation"></div>
    <div class="hero-overlay" role="presentation"></div>
    <div class="container">
      <div class="hero-content">
        <div class="hero-badge">Especialistas em Produtos Controlados · São Paulo</div>
        <h1 class="hero-title">
          Sua empresa usa<br/>
          <span class="highlight">produtos químicos</span><br/>
          controlados?
        </h1>
        <p class="hero-subtitle">
          Regularize antes da fiscalização chegar. Assessoria especializada junto à
          <strong style="color:#fff;">Polícia Federal, Polícia Civil e Exército</strong>
          para empresas paulistas. Processo 100% gerenciado por nós.
        </p>
        <div class="hero-cta-group">
          <a href="#cta" class="btn btn-primary btn-lg">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 .18h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>
            Quero Regularizar Agora
          </a>
          <a href="#servicos" class="btn btn-outline btn-lg">
            Ver Nossos Serviços
          </a>
        </div>
        <div class="hero-urgency">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
          <span>Multas por irregularidade chegam a <strong>R$ 50.000</strong> e podem resultar em interdição imediata da atividade.</span>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ STATS BAR ══ -->
  <section id="stats" aria-label="Números da Ambientaliza">
    <div class="container">
      <div class="stats-grid">
        <div class="stat-item fade-up">
          <div class="stat-number" data-target="18000" data-suffix="+">0</div>
          <div class="stat-label">Licenças Emitidas</div>
        </div>
        <div class="stat-item fade-up fade-up-delay-1">
          <div class="stat-number" data-target="523" data-suffix="+">0</div>
          <div class="stat-label">Clientes Satisfeitos</div>
        </div>
        <div class="stat-item fade-up fade-up-delay-2">
          <div class="stat-number" data-target="18" data-suffix=" anos">0</div>
          <div class="stat-label">de Experiência</div>
        </div>
        <div class="stat-item fade-up fade-up-delay-3">
          <div class="stat-number" data-target="7" data-suffix=" órgãos">0</div>
          <div class="stat-label">Órgãos Atendidos</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ PROBLEMA ══ -->
  <section id="problema" class="section">
    <div class="container">
      <div class="problema-grid">
        <div class="fade-up">
          <div class="tag">O Risco Real</div>
          <h2 class="section-title">Sua empresa está<br/>em situação irregular?</h2>
          <div class="divider"></div>
          <p style="margin-bottom:24px;font-size:16px;color:var(--gray-700);">
            Empresas que utilizam, armazenam, transportam ou comercializam produtos químicos controlados
            precisam de autorização específica de cada órgão fiscalizador. A falta de regularização expõe
            seu negócio a riscos graves:
          </p>
          <ul class="risk-list">
            <li class="risk-item">
              <div class="risk-icon">🚨</div>
              <div class="risk-text">
                <strong>Autuação e Multa</strong>
                <span>Penalidades que chegam a R$ 50.000 por infração, aplicadas pela PF, PC ou Exército</span>
              </div>
            </li>
            <li class="risk-item">
              <div class="risk-icon">🔒</div>
              <div class="risk-text">
                <strong>Interdição Imediata</strong>
                <span>Suspensão das atividades até regularização completa, com prejuízo operacional direto</span>
              </div>
            </li>
            <li class="risk-item">
              <div class="risk-icon">⚖️</div>
              <div class="risk-text">
                <strong>Responsabilidade Criminal</strong>
                <span>O responsável legal pode responder criminalmente por uso irregular de substâncias controladas</span>
              </div>
            </li>
            <li class="risk-item">
              <div class="risk-icon">📋</div>
              <div class="risk-text">
                <strong>Perda de Contratos</strong>
                <span>Empresas sem regularização são impedidas de participar de licitações e contratos com grandes clientes</span>
              </div>
            </li>
          </ul>
          <a href="#cta" class="btn btn-navy">Verificar Situação da Minha Empresa</a>
        </div>
        <div class="problema-image fade-up fade-up-delay-2">
          <img decoding="async"
            src="https://d2xsxph8kpxj0f.cloudfront.net/310519663650543053/N2TPbqFwJ2uCzFuyRq8QWB/team-ambientaliza-77tFqpY2eVCXw4ceUa6qRe.webp"
            alt="Equipe Ambientaliza analisando documentação de licenciamento"
            loading="lazy"
          />
        </div>
      </div>
    </div>
  </section>

  <!-- ══ SOLUÇÃO ══ -->
  <section id="solucao" class="section">
    <div class="container">
      <div class="solucao-intro fade-up">
        <div class="tag">Como Trabalhamos</div>
        <h2 class="section-title">Do diagnóstico à licença:<br/>cuidamos de tudo por você</h2>
        <div class="divider divider-center"></div>
        <p class="section-subtitle">
          Nossa abordagem consultiva vai além do simples despachante. Analisamos sua operação,
          identificamos todas as obrigações legais e gerenciamos cada processo até a emissão da licença.
        </p>
      </div>
      <div class="processo-steps">
        <div class="step-card fade-up">
          <div class="step-number">1</div>
          <div class="step-title">Diagnóstico Gratuito</div>
          <p class="step-desc">Analisamos sua atividade, os produtos utilizados e identificamos todos os órgãos competentes para regularização.</p>
        </div>
        <div class="step-card fade-up fade-up-delay-1">
          <div class="step-number">2</div>
          <div class="step-title">Plano de Regularização</div>
          <p class="step-desc">Elaboramos um cronograma personalizado com todos os documentos necessários e prazos de cada órgão.</p>
        </div>
        <div class="step-card fade-up fade-up-delay-2">
          <div class="step-number">3</div>
          <div class="step-title">Gestão dos Processos</div>
          <p class="step-desc">Nossa equipe protocola, acompanha e responde a todas as exigências dos órgãos fiscalizadores em seu nome.</p>
        </div>
        <div class="step-card fade-up fade-up-delay-3">
          <div class="step-number">4</div>
          <div class="step-title">Licença Emitida</div>
          <p class="step-desc">Entregamos a licença e ativamos o monitoramento de vencimentos para que você nunca fique irregular novamente.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ SERVIÇOS ══ -->
  <section id="servicos" class="section">
    <div class="container">
      <div class="text-center fade-up" style="margin-bottom:48px;">
        <div class="tag">Nossos Serviços</div>
        <h2 class="section-title">Portfólio completo de licenciamento</h2>
        <div class="divider divider-center"></div>
        <p class="section-subtitle">
          Somos a única assessoria em São Paulo com cobertura de todos os órgãos reguladores
          de produtos químicos controlados em um único contrato.
        </p>
      </div>
      <div class="servicos-grid">

        <div class="servico-card featured fade-up">
          <div class="featured-badge">Mais Solicitado</div>
          <div class="servico-icon">🏛️</div>
          <div class="servico-orgao">Polícia Federal</div>
          <div class="servico-title">Licença PF — Produtos Controlados</div>
          <p class="servico-desc">Obtenção e renovação de licenças para empresas que utilizam substâncias químicas sujeitas ao controle da Polícia Federal (SINPROQUIM).</p>
          <div class="servico-tags">
            <span class="tag-pill">SINPROQUIM</span>
            <span class="tag-pill">Renovação</span>
            <span class="tag-pill">Novo Cadastro</span>
          </div>
        </div>

        <div class="servico-card fade-up fade-up-delay-1">
          <div class="servico-icon">🚔</div>
          <div class="servico-orgao">Polícia Civil</div>
          <div class="servico-title">Licença PC — Substâncias Entorpecentes</div>
          <p class="servico-desc">Regularização junto à Polícia Civil para empresas que manipulam ou comercializam substâncias sujeitas ao controle estadual.</p>
          <div class="servico-tags">
            <span class="tag-pill">Estadual SP</span>
            <span class="tag-pill">Precursores</span>
          </div>
        </div>

        <div class="servico-card fade-up fade-up-delay-2">
          <div class="servico-icon">⚔️</div>
          <div class="servico-orgao">Exército Brasileiro</div>
          <div class="servico-title">Certificado EB — Produtos Explosivos e Químicos</div>
          <p class="servico-desc">Certificação junto ao Exército para empresas que trabalham com produtos de uso controlado pelas Forças Armadas.</p>
          <div class="servico-tags">
            <span class="tag-pill">DFPC</span>
            <span class="tag-pill">Explosivos</span>
            <span class="tag-pill">Químicos</span>
          </div>
        </div>

        <div class="servico-card fade-up">
          <div class="servico-icon">🌿</div>
          <div class="servico-orgao">IBAMA</div>
          <div class="servico-title">Licença IBAMA — Produtos Agrotóxicos</div>
          <p class="servico-desc">Registro e regularização de empresas que utilizam agrotóxicos e produtos de uso ambiental controlado pelo IBAMA.</p>
          <div class="servico-tags">
            <span class="tag-pill">CTF/APP</span>
            <span class="tag-pill">Agrotóxicos</span>
          </div>
        </div>

        <div class="servico-card fade-up fade-up-delay-1">
          <div class="servico-icon">💊</div>
          <div class="servico-orgao">ANVISA</div>
          <div class="servico-title">Autorização ANVISA — Medicamentos e Cosméticos</div>
          <p class="servico-desc">Regularização junto à ANVISA para empresas que fabricam, importam ou distribuem produtos sujeitos à vigilância sanitária.</p>
          <div class="servico-tags">
            <span class="tag-pill">AFE</span>
            <span class="tag-pill">AE</span>
            <span class="tag-pill">Cosméticos</span>
          </div>
        </div>

        <div class="servico-card fade-up fade-up-delay-2">
          <div class="servico-icon">🚒</div>
          <div class="servico-orgao">Corpo de Bombeiros + MAPA</div>
          <div class="servico-title">AVCB e Licença MAPA</div>
          <p class="servico-desc">Auto de Vistoria do Corpo de Bombeiros para armazenamento de produtos inflamáveis e licença do MAPA para insumos agropecuários.</p>
          <div class="servico-tags">
            <span class="tag-pill">AVCB</span>
            <span class="tag-pill">MAPA</span>
            <span class="tag-pill">Agropecuária</span>
          </div>
        </div>

      </div>
      <div class="text-center" style="margin-top:36px;">
        <a href="#cta" class="btn btn-navy btn-lg">Solicitar Diagnóstico Gratuito</a>
      </div>
    </div>
  </section>

  <!-- ══ DIFERENCIAIS ══ -->
  <section id="diferenciais" class="section">
    <div class="container">
      <div class="diferenciais-grid">
        <div class="fade-up">
          <div class="tag" style="color:var(--gold-light);">Por Que a Ambientaliza</div>
          <h2 class="section-title" style="color:var(--white);">Mais que um despachante:<br/>seu parceiro estratégico</h2>
          <div class="divider"></div>
          <div class="diferencial-list">
            <div class="diferencial-item">
              <div class="diferencial-icon">💻</div>
              <div class="diferencial-text">
                <strong>Software Próprio de Gestão</strong>
                <span>Única assessoria com plataforma tecnológica exclusiva para acompanhamento de processos e alertas de vencimento em tempo real.</span>
              </div>
            </div>
            <div class="diferencial-item">
              <div class="diferencial-icon">📋</div>
              <div class="diferencial-text">
                <strong>Portfólio Mais Completo do Mercado</strong>
                <span>PF + PC + EB + IBAMA + ANVISA + Bombeiros + MAPA — todos os órgãos em um único contrato, sem precisar de múltiplos fornecedores.</span>
              </div>
            </div>
            <div class="diferencial-item">
              <div class="diferencial-icon">📍</div>
              <div class="diferencial-text">
                <strong>Especialistas no Interior de São Paulo</strong>
                <span>Sede em Campinas com atendimento presencial e conhecimento profundo das especificidades regionais do estado de São Paulo.</span>
              </div>
            </div>
            <div class="diferencial-item">
              <div class="diferencial-icon">🎯</div>
              <div class="diferencial-text">
                <strong>Abordagem Consultiva</strong>
                <span>Não apenas protocolamos documentos — analisamos sua operação, antecipamos exigências e orientamos sobre melhores práticas de compliance.</span>
              </div>
            </div>
          </div>
        </div>
        <div class="fade-up fade-up-delay-2">
          <div class="vs-box">
            <div class="vs-title">Ambientaliza vs. Concorrência</div>
            <div class="vs-row">
              <div class="vs-left">Cobertura de órgãos</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">7 órgãos ✓</div>
            </div>
            <div class="vs-row">
              <div class="vs-left">Software de gestão</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">Exclusivo ✓</div>
            </div>
            <div class="vs-row">
              <div class="vs-left">Licenças emitidas</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">18.000+ ✓</div>
            </div>
            <div class="vs-row">
              <div class="vs-left">Sede no interior SP</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">Campinas ✓</div>
            </div>
            <div class="vs-row">
              <div class="vs-left">Diagnóstico gratuito</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">Incluído ✓</div>
            </div>
            <div class="vs-row">
              <div class="vs-left">Monitoramento de vencimentos</div>
              <div class="vs-center">vs</div>
              <div class="vs-right">Automático ✓</div>
            </div>
            <div style="margin-top:24px;">
              <a href="#cta" class="btn btn-primary btn-full">Falar com um Especialista</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ DEPOIMENTOS ══ -->
  <section id="depoimentos" class="section">
    <div class="container">
      <div class="text-center fade-up" style="margin-bottom:48px;">
        <div class="tag">Depoimentos</div>
        <h2 class="section-title">O que nossos clientes dizem</h2>
        <div class="divider divider-center"></div>
        <p class="section-subtitle">
          Mais de 523 empresas paulistas já regularizaram suas atividades com a Ambientaliza.
        </p>
      </div>
      <div class="depoimentos-grid">
        <div class="depoimento-card fade-up">
          <div class="depoimento-stars">
            <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
          </div>
          <p class="depoimento-text">
            "A Ambientaliza resolveu em 45 dias o que tentávamos regularizar há mais de um ano. O acompanhamento pelo sistema deles é excelente — sabíamos em tempo real o status de cada processo junto à PF e ao Exército."
          </p>
          <div class="depoimento-author">
            <div class="author-avatar">R</div>
            <div>
              <div class="author-name">Ricardo M.</div>
              <div class="author-role">Gerente de Compliance · Indústria Química · Campinas</div>
            </div>
          </div>
        </div>
        <div class="depoimento-card fade-up fade-up-delay-1">
          <div class="depoimento-stars">
            <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
          </div>
          <p class="depoimento-text">
            "Tínhamos licenças vencidas e risco real de interdição. A equipe da Ambientaliza foi extremamente profissional, cuidou de tudo com urgência e ainda nos orientou sobre como evitar esse problema no futuro."
          </p>
          <div class="depoimento-author">
            <div class="author-avatar">A</div>
            <div>
              <div class="author-name">Ana Paula S.</div>
              <div class="author-role">Diretora Administrativa · Laboratório Farmacêutico · SP</div>
            </div>
          </div>
        </div>
        <div class="depoimento-card fade-up fade-up-delay-2">
          <div class="depoimento-stars">
            <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
          </div>
          <p class="depoimento-text">
            "Diferente de outros despachantes, a Ambientaliza realmente entende do negócio. Nos alertaram sobre exigências que nem sabíamos que existiam, evitando problemas futuros. Recomendo sem hesitar."
          </p>
          <div class="depoimento-author">
            <div class="author-avatar">C</div>
            <div>
              <div class="author-name">Carlos E.</div>
              <div class="author-role">Responsável Técnico · Distribuidora Agroquímica · Interior SP</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ FAQ ══ -->
  <section id="faq" class="section">
    <div class="container">
      <div class="text-center fade-up" style="margin-bottom:48px;">
        <div class="tag">Dúvidas Frequentes</div>
        <h2 class="section-title">Perguntas e Respostas</h2>
        <div class="divider divider-center"></div>
      </div>
      <div class="faq-list">

        <div class="faq-item fade-up">
          <button class="faq-question" aria-expanded="false">
            Quais empresas precisam de licença para produtos químicos controlados em SP?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>Toda empresa que fabrica, importa, exporta, armazena, transporta, distribui, comercializa ou utiliza substâncias químicas listadas como controladas pelos órgãos competentes. Isso inclui indústrias químicas e farmacêuticas, laboratórios de análise, distribuidoras, hospitais, clínicas veterinárias, empresas de segurança, construtoras, agropecuárias e muitas outras. Se tiver dúvida sobre a sua atividade, oferecemos diagnóstico gratuito.</p>
          </div>
        </div>

        <div class="faq-item fade-up fade-up-delay-1">
          <button class="faq-question" aria-expanded="false">
            Quanto tempo leva para obter as licenças?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>O prazo varia conforme o órgão e a complexidade da atividade. Em média: Polícia Federal (SINPROQUIM): 30 a 60 dias; Polícia Civil: 15 a 45 dias; Exército Brasileiro: 45 a 90 dias; IBAMA: 30 a 60 dias; ANVISA: 60 a 120 dias. Com nossa assessoria, garantimos que todos os documentos sejam entregues corretamente na primeira vez, evitando retrabalhos que atrasam o processo.</p>
          </div>
        </div>

        <div class="faq-item fade-up fade-up-delay-2">
          <button class="faq-question" aria-expanded="false">
            Qual é o custo da assessoria para licenciamento?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>Os valores são personalizados de acordo com o número de órgãos envolvidos, a complexidade da atividade e o volume de produtos controlados. Oferecemos diagnóstico e orçamento gratuitos, sem compromisso. Nosso modelo é transparente: você sabe exatamente o que está pagando antes de contratar. Entre em contato e receba uma proposta em até 24 horas.</p>
          </div>
        </div>

        <div class="faq-item fade-up">
          <button class="faq-question" aria-expanded="false">
            A Ambientaliza atende em todo o estado de São Paulo?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>Sim. Com sede em Campinas, atendemos empresas em todo o estado de São Paulo e também em âmbito nacional. Nosso sistema de gestão digital permite acompanhar processos remotamente, e nossa equipe realiza visitas presenciais quando necessário. Temos experiência especial no interior paulista, onde somos referência no segmento.</p>
          </div>
        </div>

        <div class="faq-item fade-up fade-up-delay-1">
          <button class="faq-question" aria-expanded="false">
            O que acontece se minha licença vencer?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>Licenças vencidas colocam sua empresa em situação irregular imediata, sujeita a autuação, multa e interdição. Com a Ambientaliza, você conta com monitoramento automático de vencimentos: nossa plataforma envia alertas com antecedência suficiente para iniciar o processo de renovação sem interrupção das atividades. Clientes que já tiveram licenças vencidas podem contar com atendimento prioritário.</p>
          </div>
        </div>

        <div class="faq-item fade-up fade-up-delay-2">
          <button class="faq-question" aria-expanded="false">
            Qual a diferença entre a Ambientaliza e um despachante comum?
            <div class="faq-chevron">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
            </div>
          </button>
          <div class="faq-answer">
            <p>Despachantes tradicionais apenas protocolam documentos. A Ambientaliza oferece consultoria completa: analisamos sua operação, identificamos todas as obrigações legais (inclusive as que você desconhece), elaboramos a documentação técnica, acompanhamos cada processo junto aos órgãos, respondemos a exigências e monitoramos os vencimentos. Além disso, somos a única assessoria com software próprio de gestão e portfólio que cobre todos os 7 órgãos reguladores.</p>
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- ══ CTA FINAL ══ -->
  <section id="cta" class="section">
    <div class="container">
      <div class="cta-inner">
        <div class="cta-left fade-up">
          <div class="tag" style="color:var(--gold-light);">Fale com um Especialista</div>
          <h2 class="section-title">Solicite seu diagnóstico<br/>gratuito agora</h2>
          <p class="section-subtitle">
            Em até 24 horas, um especialista da Ambientaliza entra em contato para analisar
            a situação da sua empresa e apresentar um plano de regularização.
          </p>
          <ul class="cta-benefits">
            <li class="cta-benefit">Diagnóstico completo sem custo</li>
            <li class="cta-benefit">Orçamento transparente e personalizado</li>
            <li class="cta-benefit">Sem burocracia — cuidamos de tudo</li>
            <li class="cta-benefit">Atendimento em todo o estado de SP</li>
            <li class="cta-benefit">18 anos de experiência no segmento</li>
          </ul>
        </div>
        <div class="fade-up fade-up-delay-1">
          <div class="lead-form" id="lead-form-container">
            <div id="form-fields">
              <div class="form-title">Quero regularizar minha empresa</div>
              <p class="form-subtitle">Preencha abaixo e receba contato em até 24h</p>
              <form id="lead-form" novalidate>
                <div class="form-group">
                  <label class="form-label" for="nome">Nome completo *</label>
                  <input class="form-input" type="text" id="nome" name="nome" placeholder="Seu nome" required />
                </div>
                <div class="form-group">
                  <label class="form-label" for="empresa">Empresa *</label>
                  <input class="form-input" type="text" id="empresa" name="empresa" placeholder="Nome da sua empresa" required />
                </div>
                <div class="form-group">
                  <label class="form-label" for="telefone">WhatsApp / Telefone *</label>
                  <input class="form-input" type="tel" id="telefone" name="telefone" placeholder="(19) 982974185" required />
                </div>
                <div class="form-group">
                  <label class="form-label" for="email">E-mail</label>
                  <input class="form-input" type="email" id="email" name="email" placeholder="seu@email.com.br" />
                </div>
                <div class="form-group">
                  <label class="form-label" for="orgao">Principal órgão de interesse</label>
                  <select class="form-select" id="orgao" name="orgao">
                    <option value="">Selecione um órgão</option>
                    <option value="pf">Polícia Federal (SINPROQUIM)</option>
                    <option value="pc">Polícia Civil</option>
                    <option value="eb">Exército Brasileiro</option>
                    <option value="ibama">IBAMA</option>
                    <option value="anvisa">ANVISA</option>
                    <option value="bombeiros">Corpo de Bombeiros (AVCB)</option>
                    <option value="mapa">MAPA</option>
                    <option value="varios">Vários órgãos</option>
                    <option value="nao-sei">Não sei / Preciso de diagnóstico</option>
                  </select>
                </div>
                <button type="submit" class="btn btn-primary btn-full btn-lg" style="margin-top:8px;">
                  Solicitar Diagnóstico Gratuito →
                </button>
                <p class="form-privacy">
                  🔒 Seus dados estão seguros. Não enviamos spam.<br/>
                  Ao enviar, você concorda com nossa <a href="/politica-de-privacidade">Política de Privacidade</a>.
                </p>
              </form>
            </div>
            <div class="form-success" id="form-success">
              <div class="success-icon">✅</div>
              <h3>Solicitação recebida!</h3>
              <p>Um especialista da Ambientaliza entrará em contato em até <strong>24 horas</strong> para apresentar seu diagnóstico gratuito.</p>
              <p style="margin-top:12px;font-size:13px;color:#9ca3af;">Enquanto isso, siga-nos no Instagram <strong>@ambientalizaassessoria</strong> para dicas sobre regularização.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ══ WHATSAPP FLOAT ══ -->
  <div id="whatsapp-float">
    <div class="wa-bubble">Fale conosco agora!</div>
    <a href="https://wa.me/5519XXXXXXXXX?text=Olá!%20Gostaria%20de%20um%20diagnóstico%20gratuito%20para%20licença%20de%20produtos%20controlados."
       class="wa-btn"
       target="_blank"
       rel="noopener noreferrer"
       aria-label="Falar pelo WhatsApp">
      <svg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
      </svg>
    </a>
  </div>

  <!-- ══ FOOTER ══ -->
  <footer>
    <div class="container">
      <div class="footer-inner">
        <div>
          <div class="footer-brand">Ambientaliza<span>.</span></div>
          <p class="footer-tagline">
            Assessoria especializada em regularização de produtos químicos controlados.
            18 anos de experiência, 18.000+ licenças emitidas em todo o Brasil.
          </p>
          <div class="footer-contact">
            <a href="https://ambientaliza.com.br" target="_blank" rel="noopener">🌐 ambientaliza.com.br</a>
            <a href="mailto:contato@ambientaliza.com.br">✉️ contato@ambientaliza.com.br</a>
            <a href="tel:+551900000000">📞 (19) XXXX-XXXX</a>
            <a href="#">📍 Campinas, São Paulo — SP</a>
          </div>
        </div>
        <div>
          <div class="footer-col-title">Serviços</div>
          <ul class="footer-links">
            <li><a href="#servicos">Polícia Federal</a></li>
            <li><a href="#servicos">Polícia Civil</a></li>
            <li><a href="#servicos">Exército Brasileiro</a></li>
            <li><a href="#servicos">IBAMA</a></li>
            <li><a href="#servicos">ANVISA</a></li>
            <li><a href="#servicos">Corpo de Bombeiros</a></li>
            <li><a href="#servicos">MAPA</a></li>
          </ul>
        </div>
        <div>
          <div class="footer-col-title">Links Úteis</div>
          <ul class="footer-links">
            <li><a href="https://ambientaliza.com.br" target="_blank" rel="noopener">Site Principal</a></li>
            <li><a href="https://ambientaliza.com.br/blog" target="_blank" rel="noopener">Blog</a></li>
            <li><a href="#faq">Perguntas Frequentes</a></li>
            <li><a href="#cta">Solicitar Orçamento</a></li>
            <li><a href="https://www.instagram.com/ambientalizaassessoria/" target="_blank" rel="noopener">Instagram</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="footer-copy">
          © 2025 Ambientaliza Assessoria Empresarial Ltda. · CNPJ: XX.XXX.XXX/XXXX-XX · Todos os direitos reservados.
        </div>
        <div class="footer-legal">
          <a href="/politica-de-privacidade">Política de Privacidade</a>
          <a href="/termos-de-uso">Termos de Uso</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- ══ SCRIPTS ══ -->
  

</body>
</html>