// ============================================================
?>
<style>
#ha-home * { box-sizing: border-box; margin: 0; padding: 0; }
#ha-home { font-family: Arial, sans-serif; width: 100%; }
#ha-home a { text-decoration: none; }

/* BLOCO 2 */
#ha-home .b2 { background:#12122A; border-top:3px solid #C55A11; border-bottom:0.5px solid #2A2A4A; padding:56px 24px; }
#ha-home .b2-inner { max-width:1100px; margin:0 auto; }
#ha-home .sec-label { font-size:9px; color:#C55A11; letter-spacing:4px; text-transform:uppercase; margin-bottom:10px; }
#ha-home .sec-titulo { font-size:clamp(20px,3vw,28px); font-weight:700; color:#F0EDE6; margin-bottom:28px; line-height:1.3; }
#ha-home .b2-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
#ha-home .b2-card { background:#1E1E36; border:0.5px solid #2A2A4A; border-top:3px solid #C55A11; padding:24px; }
#ha-home .b2-card-icon { font-size:28px; margin-bottom:12px; }
#ha-home .b2-card-titulo { font-size:15px; font-weight:700; color:#F0EDE6; margin-bottom:10px; }
#ha-home .b2-card-texto { font-size:13px; color:#8080A0; line-height:1.7; }

/* BLOCO 3 */
#ha-home .b3 { background:#1A1A2E; border-bottom:0.5px solid #2A2A4A; padding:56px 24px; }
#ha-home .b3-inner { max-width:1100px; margin:0 auto; }
#ha-home .b3-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
#ha-home .b3-card { background:#12122A; border:0.5px solid #2A2A4A; padding:28px; display:flex; flex-direction:column; transition:border-color .15s,transform .15s; position:relative; }
#ha-home .b3-card:hover { border-color:#C55A11; transform:translateY(-3px); }
#ha-home .b3-card.destaque { border:2px solid #C55A11; }
#ha-home .b3-badge { position:absolute; top:0; right:0; background:#C55A11; color:#F0EDE6; font-size:8px; letter-spacing:2px; padding:4px 10px; font-weight:700; }
#ha-home .b3-icon { font-size:32px; margin-bottom:14px; }
#ha-home .b3-tipo { font-size:9px; letter-spacing:3px; color:#6090E8; margin-bottom:6px; text-transform:uppercase; }
#ha-home .b3-card.destaque .b3-tipo { color:#C55A11; }
#ha-home .b3-titulo { font-size:18px; font-weight:700; color:#F0EDE6; margin-bottom:10px; }
#ha-home .b3-texto { font-size:13px; color:#8080A0; line-height:1.7; flex:1; margin-bottom:20px; }
#ha-home .b3-cta { display:inline-block; font-size:10px; letter-spacing:3px; font-weight:700; color:#C55A11; border:0.5px solid #C55A11; padding:9px 20px; transition:all .15s; text-align:center; }
#ha-home .b3-cta:hover { background:#C55A11; color:#F0EDE6; }

/* BLOCO 4 */
#ha-home .b4 { background:#0F1525; border-bottom:0.5px solid #2A2A4A; padding:56px 24px; }
#ha-home .b4-inner { max-width:800px; margin:0 auto; background:#1E1E36; border:0.5px solid #2A2A4A; border-left:4px solid #6090E8; padding:36px 40px; }
#ha-home .b4-label { font-size:9px; color:#6090E8; letter-spacing:4px; margin-bottom:20px; text-transform:uppercase; }
#ha-home .b4-citacao { font-size:clamp(14px,2vw,17px); color:#D0CCC8; font-style:italic; line-height:1.8; margin-bottom:24px; }
#ha-home .b4-autor { display:flex; align-items:center; gap:14px; }
#ha-home .b4-avatar { width:44px; height:44px; border-radius:50%; background:#C55A11; display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; color:#F0EDE6; flex-shrink:0; }
#ha-home .b4-nome { font-size:13px; font-weight:700; color:#F0EDE6; margin-bottom:3px; }
#ha-home .b4-cargo { font-size:11px; color:#8080A0; }

/* BLOCO 5 */
#ha-home .b5 { background:#1A1A2E; }

/* BLOCO 6 */
#ha-home .b6 { background:linear-gradient(135deg,#0F1525 0%,#1A1A36 100%); border-top:3px solid #C55A11; padding:64px 24px; text-align:center; }
#ha-home .b6-inner { max-width:700px; margin:0 auto; }
#ha-home .b6-label { font-size:9px; color:#C55A11; letter-spacing:4px; margin-bottom:16px; text-transform:uppercase; }
#ha-home .b6-titulo { font-size:clamp(22px,4vw,36px); font-weight:700; color:#F0EDE6; margin-bottom:12px; line-height:1.3; }
#ha-home .b6-sub { font-size:15px; color:#8080A0; line-height:1.7; margin-bottom:32px; }
#ha-home .b6-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
#ha-home .btn-laranja { display:inline-block; background:#C55A11; color:#F0EDE6; font-size:10px; letter-spacing:4px; font-weight:700; padding:14px 36px; transition:background .15s; }
#ha-home .btn-laranja:hover { background:#D96A20; }
#ha-home .btn-contorno { display:inline-block; background:none; color:#8080A0; font-size:10px; letter-spacing:4px; font-weight:700; padding:13px 32px; border:0.5px solid #3A3A5A; transition:all .15s; }
#ha-home .btn-contorno:hover { border-color:#C55A11; color:#C55A11; }

@media(max-width:600px){
  #ha-home .b2,#ha-home .b3,#ha-home .b4,#ha-home .b6 { padding:40px 16px; }
  #ha-home .b4-inner { padding:24px 20px; }
  #ha-home .b6-btns { flex-direction:column; align-items:center; }
}
</style>

<div id="ha-home">

  <!-- BLOCO 2 — O QUE NOS DISTINGUE -->
  <div class="b2">
    <div class="b2-inner">
      <div class="sec-label">O QUE NOS DISTINGUE</div>
      <div class="sec-titulo">Não ensinamos modelos.<br>Acompanhamos descobertas.</div>
      <div class="b2-grid">
        <div class="b2-card">
          <div class="b2-card-icon">🎯</div>
          <div class="b2-card-titulo">Experiência real</div>
          <div class="b2-card-texto">Mais de 45.000 horas em contexto organizacional — indústria, serviços, saúde, educação. Não teorizamos sobre liderança. Praticámo-la.</div>
        </div>
        <div class="b2-card">
          <div class="b2-card-icon">🥋</div>
          <div class="b2-card-titulo">O corpo aprende</div>
          <div class="b2-card-texto">A mudança duradoura não vem de slides. Vem da experiência directa — no tatami e na sala. O TatamiMind® coloca o corpo no centro da aprendizagem.</div>
        </div>
        <div class="b2-card">
          <div class="b2-card-icon">📊</div>
          <div class="b2-card-titulo">Resultados medidos</div>
          <div class="b2-card-texto">Avaliação pré e pós cada sessão. Follow-up individual 21 dias depois. Porque formação sem medição é apenas entretenimento.</div>
        </div>
      </div>
    </div>
  </div>

  <!-- BLOCO 3 — O QUE OFERECEMOS -->
  <div class="b3">
    <div class="b3-inner">
      <div class="sec-label">O QUE OFERECEMOS</div>
      <div class="sec-titulo">Três formas de trabalhar juntos.</div>
      <div class="b3-grid">

        <div class="b3-card">
          <div class="b3-icon">📚</div>
          <div class="b3-tipo">Formação Presencial</div>
          <div class="b3-titulo">Programas</div>
          <div class="b3-texto">Liderança, gestão de equipas, comunicação e desenvolvimento organizacional. Programas adaptados à realidade e cultura da sua organização.</div>
          <a href="/programas.php" class="b3-cta" target="_top">VER PROGRAMAS →</a>
        </div>

        <div class="b3-card">
          <div class="b3-icon">⚡</div>
          <div class="b3-tipo">Sessões Online 1:1</div>
          <div class="b3-titulo">Skills Lab</div>
          <div class="b3-texto">Excel, AutoCAD, ferramentas digitais e competências técnicas. Sessões individuais ou em grupo, ao seu ritmo, via Zoom ou Teams.</div>
          <a href="/skillslab.php" class="b3-cta" target="_top">RESERVAR SESSÃO →</a>
        </div>

        <div class="b3-card destaque">
          <div class="b3-badge">EXCLUSIVO</div>
          <div class="b3-icon">🥋</div>
          <div class="b3-tipo">Imersão no Tatami</div>
          <div class="b3-titulo">TatamiMind®</div>
          <div class="b3-texto">Liderança com os 7 princípios filosóficos do Judo. 4 horas de imersão que revelam o que 20 anos de experiência podem não ter mostrado.</div>
          <a href="/roadmap.php" class="b3-cta" target="_top">SABER MAIS →</a>
        </div>

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

  <!-- BLOCO 4 — TESTEMUNHO -->
  <div class="b4">
    <div class="b4-inner">
      <div class="b4-label">VOZ DOS PARTICIPANTES</div>
      <div class="b4-citacao">
        Entrei cético. Saí com uma ferramenta que uso todos os dias.
        A sessão do tatami fez-me perceber um padrão de liderança
        que 20 anos de experiência não tinham revelado.
      </div>
      <div class="b4-autor">
        <div class="b4-avatar">DM</div>
        <div>
          <div class="b4-nome">Director de Operações</div>
          <div class="b4-cargo">Indústria metalomecânica · Norte de Portugal</div>
        </div>
      </div>
    </div>
  </div>

  <!-- BLOCO 5 — BLOG -->
    <div style="background:#1A1A2E;border-top:0.5px solid #2A2A4A;border-bottom:0.5px solid #2A2A4A;padding:56px 24px">
    <div style="max-width:1100px;margin:0 auto">
      <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px">
        <div>
          <div style="font-size:9px;color:#C55A11;letter-spacing:4px;margin-bottom:6px">HARDNESSACADEMY</div>
          <div style="font-size:clamp(20px,3vw,28px);font-weight:700;color:#F0EDE6">Últimos Artigos</div>
        </div>
        <a href="/blog.php" target="_top"
           style="font-size:10px;letter-spacing:3px;color:#C55A11;border:0.5px solid #C55A11;padding:8px 20px;text-decoration:none;font-weight:700" target="_top">
          VER TODOS →
        </a>
      </div>
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px">
                <a href="/blog_artigo.php?slug=ess-o-inaugural-atami-ind" target="_top"
           style="text-decoration:none;display:flex;flex-direction:column;background:#1E1E36;border:0.5px solid #2A2A4A;border-top:3px solid #C55A11">
          <div style="padding:18px;flex:1;display:flex;flex-direction:column">
            <span style="font-size:8px;letter-spacing:2px;font-weight:700;padding:2px 8px;margin-bottom:10px;display:inline-block;background:#C55A1120;color:#C55A11;border:0.5px solid #C55A11">
              TATAMIMIND®            </span>
            <div style="font-size:14px;font-weight:700;color:#F0EDE6;line-height:1.3;margin-bottom:8px;flex:1">
              Sessão inaugural - TatamiMind            </div>
            <div style="font-size:12px;color:#8080A0;line-height:1.5;margin-bottom:12px">
              O TatamiMind® nasce de uma constatação simples: saber não é o mesmo que ser. Os modelos de liderança chegam at…            </div>
            <div style="display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:0.5px solid #2A2A4A">
              <span style="font-size:10px;color:#5A5A7A">09 Ago 2026</span>
              <span style="font-size:10px;color:#C55A11;font-weight:700;letter-spacing:1px">LER →</span>
            </div>
          </div>
        </a>
              </div>
    </div>
  </div>
  
  <!-- BLOCO 6 — CTA FINAL -->
  <div class="b6">
    <div class="b6-inner">
      <div class="b6-label">O PRÓXIMO PASSO</div>
      <div class="b6-titulo">Pronto para o próximo passo?</div>
      <div class="b6-sub">
        Fale connosco. Sem compromisso, sem formulário interminável.<br>
        Uma conversa chega para perceber se faz sentido trabalharmos juntos.
      </div>
      <div class="b6-btns">
        <a href="/contacto.php" class="btn-laranja" target="_top">CONTACTAR</a>
        <a href="/quem_somos.php" class="btn-contorno" target="_top">QUEM SOMOS →</a>
      </div>
    </div>
  </div>

</div><!-- /ha-home -->

<script>
// Forçar todos os links a abrir na página principal
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('#ha-home a').forEach(function(link) {
    link.setAttribute('target', '_top');
  });
});
// Notificar altura ao iframe pai
function haNotifyHeight() {
  var el = document.getElementById('ha-home');
  if (!el) return;
  // Calcular altura exacta do conteúdo sem margens extra
  var rect = el.getBoundingClientRect();
  var h = Math.round(rect.bottom - rect.top);
  if (h < 100) h = el.scrollHeight;
  if (window.parent !== window) {
    window.parent.postMessage({iframeHeight: h}, '*');
  }
}
window.addEventListener('load', haNotifyHeight);
window.addEventListener('resize', haNotifyHeight);
setTimeout(haNotifyHeight, 200);
setTimeout(haNotifyHeight, 600);
setTimeout(haNotifyHeight, 1200);
setTimeout(haNotifyHeight, 2500);
var _haInt = setInterval(haNotifyHeight, 500);
setTimeout(function(){ clearInterval(_haInt); }, 8000);
</script>