<!doctype html>
<html lang="pt-br">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <title>HCFM Advogados Associados</title>
  <meta name="description" content="HCFM Advogados Associados. Atuação estratégica, preventiva e contenciosa, com ética, técnica e responsabilidade."/>
  <link rel="icon" href="assets/img/Logo%20HCFM.png"/>
  <link rel="stylesheet" href="assets/css/style.css?v=20260127-1">
</head>
<body>

<header class="topbar">
  <div class="container">
    <div class="navwrap">
      <a class="brand" href="index.html">
        <img src="assets/img/Logo%20HCFM.png" alt="Logo HCFM">
        <div class="t">
          <strong>HCFM</strong>
          <span>ADVOGADOS ASSOCIADOS</span>
        </div>
      </a>

      <nav class="menu" aria-label="Menu principal">
        <a href="index.html">Home</a>
        <a href="quem-somos.html">Quem Somos</a>
        <a href="areas.html">Áreas</a>
        <a href="servicos.html">Serviços</a>
        <a href="artigos.html">Artigos</a>
        <a href="depoimentos.html">Depoimentos</a>
        <a href="equipe.html">Equipe</a>
        <a href="contato.html">Contato</a>
      </nav>

      <div class="actions">
        <a class="btn light" href="https://www.instagram.com/hcfm.advogados?igsh=MW83cDUyZnJpdDlveQ==" target="_blank" rel="noopener">Instagram</a>
        <a class="btn light" href="mailto:hcfm.adv@gmail.com?subject=Contato%20pelo%20site%20-%20HCFM&body=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20e%20gostaria%20de%20agendar%20um%20atendimento.%0A%0ANome%3A%20%0AAssunto%3A%20%0ACidade%3A%20%0ATelefone%3A%20">E-mail</a>
        <a class="btn primary" href="https://wa.me/5598984715445?text=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20Advogados%20Associados%20e%20gostaria%20de%20agendar%20um%20atendimento." target="_blank" rel="noopener">WhatsApp</a>
      </div>

      <button class="hamb" data-hamb aria-label="Abrir menu">☰</button>
    </div>

    <div class="drawer" data-drawer>
      <a href="index.html">Home</a>
      <a href="quem-somos.html">Quem Somos</a>
      <a href="areas.html">Áreas</a>
      <a href="servicos.html">Serviços</a>
      <a href="artigos.html">Artigos</a>
      <a href="depoimentos.html">Depoimentos</a>
      <a href="equipe.html">Equipe</a>
      <a href="contato.html">Contato</a>
      <a href="privacidade-lgpd.html">Privacidade (LGPD)</a>

      <div class="drawer-actions">
        <a class="btn light" href="https://www.instagram.com/hcfm.advogados?igsh=MW83cDUyZnJpdDlveQ==" target="_blank" rel="noopener">Instagram</a>
        <a class="btn light" href="mailto:hcfm.adv@gmail.com">E-mail</a>
        <a class="btn primary" href="https://wa.me/5598984715445?text=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20Advogados%20Associados%20e%20gostaria%20de%20agendar%20um%20atendimento." target="_blank" rel="noopener">WhatsApp</a>
      </div>
    </div>
  </div>
</header>

<main>
  <section class="hero">
    <div class="container">
      <div class="hero-grid">
        <div>
          <div class="badge"><span class="dot"></span> Ética • Técnica • Estratégia</div>

          <h1>Excelência jurídica, estratégia e compromisso com o cliente</h1>
          <p>
            Escritório full service, com atuação estratégica, preventiva e contenciosa, atendendo pessoas físicas e jurídicas.
            Comunicação clara e condução responsável, em conformidade com o Código de Ética da OAB.
          </p>

          <div class="hero-actions">
            <a class="btn primary" href="https://wa.me/5598984715445?text=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20Advogados%20Associados%20e%20gostaria%20de%20agendar%20um%20atendimento." target="_blank" rel="noopener">Agendar atendimento</a>
            <a class="btn light" href="contato.html">Contato</a>
            <a class="btn outline" href="equipe.html">Nossa equipe</a>
          </div>

          <!-- ✅ ÚNICA ALTERAÇÃO: imagem nova do HERO -->
          <div class="hero-media">
            <img src="assets/img/hero-institucional.jpg" alt="HCFM Advogados Associados — imagem institucional">
          </div>
        </div>

        <aside class="side">
          <h3>Como atuamos</h3>
          <ul>
            <li>Triagem e compreensão do contexto</li>
            <li>Organização documental e avaliação técnica</li>
            <li>Estratégia conforme o caso concreto</li>
            <li>Atualizações e transparência na condução</li>
            <li>Atuação judicial e extrajudicial quando necessário</li>
          </ul>
          <div class="note">
            Aviso: este site possui caráter informativo e institucional. As informações não substituem consulta jurídica formal. Não há promessa de resultado.
          </div>
        </aside>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="kicker">O ESCRITÓRIO</div>
      <h2 class="h2">Atuação full service com foco em segurança jurídica</h2>
      <p class="lead">
        O HCFM Advogados Associados atua de forma estratégica, com ênfase em prevenção de litígios, análise técnica e condução responsável
        de demandas judiciais e extrajudiciais. Cada caso é analisado de modo individualizado.
      </p>

      <div class="grid-3">
        <div class="card"><h3>Atuação estratégica</h3><p>Planejamento jurídico e condução técnica, com comunicação objetiva e responsável.</p></div>
        <div class="card"><h3>Prevenção de conflitos</h3><p>Consultoria e estruturação para reduzir riscos e promover decisões seguras.</p></div>
        <div class="card"><h3>Atendimento personalizado</h3><p>Suporte jurídico conforme o caso concreto, com ética e atenção ao cliente.</p></div>
      </div>
    </div>
  </section>

  <section class="section" style="padding-top:0;">
    <div class="container">
      <div class="kicker">ÁREAS</div>
      <h2 class="h2">Principais áreas de atuação</h2>
      <p class="lead">Atuação ampla e integrada, com direcionamento adequado conforme a necessidade.</p>

      <div class="grid-3">
        <div class="card">
          <div class="area-row">
            <div class="area-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none">
                <path d="M12 2l8 4v6c0 5-3.5 9.4-8 10-4.5-.6-8-5-8-10V6l8-4z" stroke-width="2"/>
                <path d="M9 12h6" stroke-width="2"/>
              </svg>
            </div>
            <div>
              <h3>Direito do Trabalho</h3>
              <p>Consultivo e contencioso, com foco em prevenção e atuação técnica responsável.</p>
            </div>
          </div>
        </div>

        <div class="card">
          <div class="area-row">
            <div class="area-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none">
                <path d="M4 7h16M6 7l1 14h10l1-14" stroke-width="2" stroke-linecap="round"/>
                <path d="M9 7V5a3 3 0 0 1 6 0v2" stroke-width="2" stroke-linecap="round"/>
              </svg>
            </div>
            <div>
              <h3>Direito Empresarial</h3>
              <p>Contratos e estruturação jurídica para decisões seguras no ambiente corporativo.</p>
            </div>
          </div>
        </div>

        <div class="card">
          <div class="area-row">
            <div class="area-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24" fill="none">
                <path d="M12 21s-7-4.5-9-10a6 6 0 0 1 9-6 6 6 0 0 1 9 6c-2 5.5-9 10-9 10z" stroke-width="2"/>
              </svg>
            </div>
            <div>
              <h3>Família e Sucessões</h3>
              <p>Atuação responsável, com sensibilidade e técnica na condução das demandas familiares.</p>
            </div>
          </div>
        </div>
      </div>

      <div style="margin-top:14px; display:flex; gap:10px; flex-wrap:wrap;">
        <a class="btn primary" href="areas.html">Ver todas as áreas</a>
        <a class="btn light" href="contato.html">Página de contato</a>
      </div>

      <p class="help" style="margin-top:12px;">
        Aviso: Informações gerais. Para análise do caso concreto, agende atendimento.
      </p>
    </div>
  </section>
</main>

<a class="btn primary float-wa" href="https://wa.me/5598984715445?text=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20Advogados%20Associados%20e%20gostaria%20de%20falar%20com%20a%20equipe." target="_blank" rel="noopener">WhatsApp</a>

<footer class="footer">
  <div class="container">
    <div class="row">
      <div>
        <strong>© <span data-year></span> HCFM Advogados Associados</strong><br>
        Av. dos Holandeses, nº 7, Edifício Century Multiempresarial, Sala 1006, Calhau, São Luís/MA, CEP 65.071-380<br>
        <small>Atuação em todo o território nacional. Conteúdo institucional conforme normas da OAB. Sem promessa de resultado.</small>
      </div>
      <div class="links">
        <a class="btn light small" href="https://www.instagram.com/hcfm.advogados?igsh=MW83cDUyZnJpdDlveQ==" target="_blank" rel="noopener">Instagram</a>
        <a class="btn light small" href="mailto:hcfm.adv@gmail.com">E-mail</a>
        <a class="btn primary small" href="https://wa.me/5598984715445?text=Ol%C3%A1%21%20Vim%20pelo%20site%20do%20HCFM%20Advogados%20Associados%20e%20gostaria%20de%20agendar%20um%20atendimento." target="_blank" rel="noopener">WhatsApp</a>
        <a class="btn light small" href="privacidade-lgpd.html">Privacidade (LGPD)</a>
      </div>
    </div>
  </div>
</footer>

<script src="assets/js/main.js?v=20260127-1"></script>
</body>
</html>