<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Practices archivo - Herrera &amp; Flamenco Abogados</title>
	<atom:link href="https://www.esderecho.com.ar/area/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.esderecho.com.ar/area/</link>
	<description>Estudio Jurídico</description>
	<lastBuildDate>Thu, 11 Jun 2026 03:19:41 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
	<item>
		<title>Derecho previsional</title>
		<link>https://www.esderecho.com.ar/area/derecho-previsional/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 04:35:11 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7445</guid>

					<description><![CDATA[<p>Derecho Previsional · Córdoba Tu jubilación es un derecho. Cobrarla bien, también. Después de décadas de trabajo, el trámite no debería ser otra carga. Nos ocupamos de tu jubilación, tu pensión o tu reajuste de principio a fin: vos nos traés tu historia, nosotros nos encargamos de ANSES. Consultá tu caso por WhatsApp O llamanos...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-previsional/">Derecho previsional</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!--
  HERRERA & FLAMENCO ABOGADOS — Landing Área Derecho Previsional
  Bloque HTML embebible para Elementor / WordPress.
  Sin <html>/<head>/<body>, sin menú ni footer. Todas las clases con prefijo hf-prev-.
  Estática y estable: solo hover en botones/cards (0.2s). Sin scroll-reveals.
-->

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700&display=swap');

.hf-prev-root {
  /* tokens del sistema H&F */
  --navy-900: #0B2231;
  --navy-800: #143A52;
  --navy-700: #1B4A66;
  --amber-600: #D08F38;
  --amber-500: #E8A24A;
  --amber-400: #F0B770;
  --cream:   #F4EFE6;
  --cream-card: #FBF8F2;
  --white:   #FFFFFF;
  --fog:     #E3DED3;
  --ink:     #1A2530;
  --slate:   #5A6470;

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caps:  'Montserrat', 'Inter', system-ui, sans-serif;

  font-family: var(--sans);
  color: var(--ink);
  font-size: 18px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.hf-prev-root *,
.hf-prev-root *::before,
.hf-prev-root *::after { box-sizing: border-box; }

.hf-prev-root .hf-prev-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* ---------- Tipografía base ---------- */
.hf-prev-root .hf-prev-eyebrow {
  font-family: var(--caps);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--navy-800);
  margin: 0 0 22px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.hf-prev-root .hf-prev-eyebrow::before {
  content: "";
  width: 38px;
  height: 2px;
  background: var(--amber-500);
}
.hf-prev-root .hf-prev-eyebrow--center { justify-content: center; }

.hf-prev-root h2.hf-prev-h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--navy-800);
  margin: 0;
}
.hf-prev-root .hf-prev-accent { color: var(--amber-500); font-style: italic; }

/* ---------- Botones ---------- */
.hf-prev-root .hf-prev-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 16px 30px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  border: 0;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.hf-prev-root .hf-prev-btn--amber {
  background: var(--amber-500);
  color: #fff;
  box-shadow: 0 6px 18px rgba(232,162,74,0.28);
}
.hf-prev-root .hf-prev-btn--amber:hover { background: var(--amber-400); }
.hf-prev-root .hf-prev-btn--amber:active { background: var(--amber-600); }
.hf-prev-root .hf-prev-btn svg { width: 22px; height: 22px; flex: none; }

/* enlace de teléfono */
.hf-prev-root .hf-prev-phone {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.hf-prev-root .hf-prev-phone svg { width: 19px; height: 19px; flex: none; }

/* ============================================================
   SECCIÓN 1 — HERO
   ============================================================ */
.hf-prev-root .hf-prev-hero {
  background: var(--cream);
  padding: 84px 0 88px;
}
.hf-prev-root .hf-prev-hero-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 60px;
  align-items: center;
}
.hf-prev-root h1.hf-prev-title {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(40px, 5vw, 60px);
  line-height: 1.04;
  letter-spacing: -0.012em;
  color: var(--navy-800);
  margin: 0 0 24px;
  max-width: 14ch;
  text-wrap: balance;
}
.hf-prev-root h1.hf-prev-title em {
  font-style: italic;
  font-weight: 600;
  color: var(--amber-500);
}
.hf-prev-root .hf-prev-lead {
  font-size: 19px;
  line-height: 1.7;
  color: var(--ink);
  margin: 0 0 32px;
  max-width: 36em;
}
.hf-prev-root .hf-prev-hero-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.hf-prev-root .hf-prev-hero-cta .hf-prev-phone { color: var(--navy-800); }
.hf-prev-root .hf-prev-hero-cta .hf-prev-phone:hover { color: var(--amber-600); }
.hf-prev-root .hf-prev-phone--lead-strong { font-size: 17px; }

/* foto protagonista */
.hf-prev-root .hf-prev-figure { margin: 0; }
.hf-prev-root .hf-prev-photo {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 22%;
  border-radius: 6px;
  background: var(--navy-800); /* fallback si no carga */
  box-shadow: 0 18px 44px rgba(20,58,82,0.18);
  display: block;
}
.hf-prev-root .hf-prev-caption {
  font-size: 15px;
  line-height: 1.5;
  color: var(--slate);
  margin: 16px 2px 0;
}

/* ============================================================
   SECCIÓN 2 — CASOS
   ============================================================ */
.hf-prev-root .hf-prev-cases {
  background: var(--white);
  padding: 88px 0;
}
.hf-prev-root .hf-prev-section-head { margin-bottom: 48px; max-width: 30ch; }
.hf-prev-root .hf-prev-cases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.hf-prev-root .hf-prev-card {
  background: var(--cream-card);
  border: 1px solid var(--fog);
  border-radius: 12px;
  padding: 30px 28px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.hf-prev-root .hf-prev-card:hover {
  box-shadow: 0 12px 30px rgba(20,58,82,0.10);
  border-color: #D8D0C0;
}
.hf-prev-root .hf-prev-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: var(--navy-800);
  color: var(--amber-500);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.hf-prev-root .hf-prev-card-icon svg { width: 26px; height: 26px; }
.hf-prev-root .hf-prev-card h3 {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 25px;
  line-height: 1.15;
  color: var(--navy-800);
  margin: 0 0 10px;
}
.hf-prev-root .hf-prev-card p {
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink);
  margin: 0;
}

/* ============================================================
   SECCIÓN 3 — FAMILIAR (navy)
   ============================================================ */
.hf-prev-root .hf-prev-family {
  background: var(--navy-800);
  color: #fff;
  padding: 78px 0;
  text-align: center;
}
.hf-prev-root .hf-prev-family .hf-prev-eyebrow { color: var(--amber-400); }
.hf-prev-root .hf-prev-family h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(28px, 3.6vw, 38px);
  line-height: 1.12;
  color: #fff;
  margin: 0 auto 20px;
  max-width: 18ch;
}
.hf-prev-root .hf-prev-family p {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  max-width: 620px;
  margin: 0 auto 32px;
}

/* ============================================================
   SECCIÓN 4 — CÓMO TRABAJAMOS
   ============================================================ */
.hf-prev-root .hf-prev-steps {
  background: var(--cream);
  padding: 88px 0;
}
.hf-prev-root .hf-prev-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 8px;
}
.hf-prev-root .hf-prev-step { padding-top: 14px; border-top: 2px solid var(--fog); }
.hf-prev-root .hf-prev-step-no {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  color: var(--amber-500);
  display: block;
  margin-bottom: 14px;
}
.hf-prev-root .hf-prev-step h3 {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 26px;
  line-height: 1.15;
  color: var(--navy-800);
  margin: 0 0 10px;
}
.hf-prev-root .hf-prev-step p {
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
  margin: 0;
}

/* ============================================================
   SECCIÓN 5 — POR QUÉ H&F
   ============================================================ */
.hf-prev-root .hf-prev-why {
  background: var(--white);
  padding: 88px 0;
}
.hf-prev-root .hf-prev-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin-top: 8px;
}
.hf-prev-root .hf-prev-stat-num {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 42px;
  line-height: 1.05;
  color: var(--navy-800);
  margin: 0 0 12px;
}
.hf-prev-root .hf-prev-why-col p {
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
  margin: 0;
}
.hf-prev-root .hf-prev-why-col + .hf-prev-why-col { position: relative; }

/* ============================================================
   SECCIÓN 6 — FAQ
   ============================================================ */
.hf-prev-root .hf-prev-faq {
  background: var(--cream);
  padding: 88px 0;
}
.hf-prev-root .hf-prev-faq-inner { max-width: 820px; margin: 0 auto; }
.hf-prev-root .hf-prev-faq-list {
  margin-top: 36px;
  border-top: 1px solid var(--fog);
}
.hf-prev-root .hf-prev-faq-item { border-bottom: 1px solid var(--fog); }
.hf-prev-root .hf-prev-faq-q {
  width: 100%;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 4px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.4;
  color: var(--navy-800);
  transition: color 0.2s ease;
}
.hf-prev-root .hf-prev-faq-q:hover { color: var(--amber-600); }
.hf-prev-root .hf-prev-faq-icon {
  flex: none;
  width: 26px;
  height: 26px;
  position: relative;
}
.hf-prev-root .hf-prev-faq-icon::before,
.hf-prev-root .hf-prev-faq-icon::after {
  content: "";
  position: absolute;
  background: var(--amber-500);
  border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.hf-prev-root .hf-prev-faq-icon::before {
  top: 12px; left: 2px; width: 22px; height: 2.5px;
}
.hf-prev-root .hf-prev-faq-icon::after {
  left: 12px; top: 2px; width: 2.5px; height: 22px;
}
.hf-prev-root .hf-prev-faq-q[aria-expanded="true"] .hf-prev-faq-icon::after {
  transform: scaleY(0); opacity: 0;
}
.hf-prev-root .hf-prev-faq-a {
  display: none;
  padding: 0 4px 26px;
}
.hf-prev-root .hf-prev-faq-a[data-open="true"] { display: block; }
.hf-prev-root .hf-prev-faq-a p {
  font-size: 18px;
  line-height: 1.7;
  color: var(--ink);
  margin: 0;
  max-width: 64ch;
}

/* ============================================================
   SECCIÓN 7 — CTA FINAL (navy)
   ============================================================ */
.hf-prev-root .hf-prev-final {
  background: var(--navy-900);
  color: #fff;
  padding: 88px 0 80px;
  text-align: center;
}
.hf-prev-root .hf-prev-final h2 {
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.08;
  color: #fff;
  margin: 0 0 18px;
}
.hf-prev-root .hf-prev-final-sub {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  max-width: 560px;
  margin: 0 auto 34px;
}
.hf-prev-root .hf-prev-final .hf-prev-phone {
  color: #fff;
  margin-top: 20px;
}
.hf-prev-root .hf-prev-final .hf-prev-phone:hover { color: var(--amber-400); }
.hf-prev-root .hf-prev-address {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.5);
  margin: 18px 0 0;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 880px) {
  .hf-prev-root { font-size: 18px; }
  .hf-prev-root .hf-prev-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .hf-prev-root .hf-prev-figure { max-width: 420px; }
  .hf-prev-root .hf-prev-cases-grid { grid-template-columns: 1fr; }
  .hf-prev-root .hf-prev-steps-grid { grid-template-columns: 1fr; gap: 32px; }
  .hf-prev-root .hf-prev-why-grid { grid-template-columns: 1fr; gap: 36px; }
  .hf-prev-root .hf-prev-hero { padding: 64px 0; }
  .hf-prev-root .hf-prev-cases,
  .hf-prev-root .hf-prev-steps,
  .hf-prev-root .hf-prev-why,
  .hf-prev-root .hf-prev-faq { padding: 64px 0; }
}
@media (max-width: 520px) {
  .hf-prev-root .hf-prev-btn { width: 100%; }
  .hf-prev-root .hf-prev-hero-cta { align-items: stretch; }
}
</style>

<section class="hf-prev-root" aria-label="Derecho Previsional — Herrera &#038; Flamenco Abogados">

  <!-- ===== SECCIÓN 1 · HERO ===== -->
  <div class="hf-prev-hero">
    <div class="hf-prev-wrap hf-prev-hero-grid">
      <div class="hf-prev-hero-text">
        <p class="hf-prev-eyebrow">Derecho Previsional · Córdoba</p>
        <h1 class="hf-prev-title">Tu jubilación es un derecho. <em>Cobrarla bien, también.</em></h1>
        <p class="hf-prev-lead">Después de décadas de trabajo, el trámite no debería ser otra carga. Nos ocupamos de tu jubilación, tu pensión o tu reajuste de principio a fin: vos nos traés tu historia, nosotros nos encargamos de ANSES.</p>
        <div class="hf-prev-hero-cta">
          <a class="hf-prev-btn hf-prev-btn--amber" href="https://wa.me/543517724728">
            <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.51 5.26l-.999 3.648 3.978-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
            Consultá tu caso por WhatsApp
          </a>
          <a class="hf-prev-phone hf-prev-phone--lead-strong" href="tel:+5493517724728">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
            O llamanos al 351 772-4728
          </a>
        </div>
      </div>
      <figure class="hf-prev-figure">
        <img decoding="async" class="hf-prev-photo" src="https://www.esderecho.com.ar/wp-content/uploads/2026/06/mari2-scaled.jpg" alt="Maricel Flamenco, socia del estudio y responsable del área previsional" loading="lazy"/>
        <figcaption class="hf-prev-caption">Maricel Flamenco, socia del estudio, lidera el área previsional.</figcaption>
      </figure>
    </div>
  </div>

  <!-- ===== SECCIÓN 2 · CASOS ===== -->
  <div class="hf-prev-cases">
    <div class="hf-prev-wrap">
      <div class="hf-prev-section-head">
        <p class="hf-prev-eyebrow">¿Cuál es tu situación?</p>
        <h2 class="hf-prev-h2">Atendemos estos casos</h2>
      </div>
      <div class="hf-prev-cases-grid">
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="file-check"></i></div>
          <h3>Jubilación ordinaria</h3>
          <p>Tenés la edad y los aportes, pero el trámite te abruma o ANSES te lo complicó. Lo hacemos por vos, completo.</p>
        </article>
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="calendar-clock"></i></div>
          <h3>Jubilación sin aportes completos</h3>
          <p>Te faltan años de aportes. Analizamos si una moratoria u otra vía te permite jubilarte igual, y cuál te conviene.</p>
        </article>
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="trending-up"></i></div>
          <h3>Reajuste de haberes</h3>
          <p>Cobrás menos de lo que te corresponde. Revisamos el cálculo de tu haber y, si está mal hecho, lo reclamamos judicialmente.</p>
        </article>
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="heart-handshake"></i></div>
          <h3>Pensión por fallecimiento</h3>
          <p>Perdiste a tu cónyuge o conviviente. Te acompañamos a tramitar la pensión en un momento donde lo último que necesitás es pelear con formularios.</p>
        </article>
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="accessibility"></i></div>
          <h3>Retiro por invalidez</h3>
          <p>Tu salud ya no te permite trabajar. Gestionamos el retiro por invalidez, incluso si ya te lo denegaron una vez.</p>
        </article>
        <article class="hf-prev-card">
          <div class="hf-prev-card-icon"><i data-lucide="graduation-cap"></i></div>
          <h3>Jubilación docente</h3>
          <p>El régimen docente tiene reglas propias y conviene conocerlas bien. Tramitamos jubilaciones docentes provinciales y nacionales.</p>
        </article>
      </div>
    </div>
  </div>

  <!-- ===== SECCIÓN 3 · FAMILIAR ===== -->
  <div class="hf-prev-family">
    <div class="hf-prev-wrap">
      <p class="hf-prev-eyebrow hf-prev-eyebrow--center">¿Consultás por un familiar?</p>
      <h2>¿Estás averiguando por tu mamá o tu papá?</h2>
      <p>Muchas consultas nos llegan de hijos e hijas que quieren ayudar a sus padres con el trámite. Está perfecto: podés hacer la primera consulta vos, contarnos la situación y después coordinamos juntos cómo seguir.</p>
      <a class="hf-prev-btn hf-prev-btn--amber" href="https://wa.me/543517724728">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.51 5.26l-.999 3.648 3.978-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
        Escribinos, contanos su caso
      </a>
    </div>
  </div>

  <!-- ===== SECCIÓN 4 · CÓMO TRABAJAMOS ===== -->
  <div class="hf-prev-steps">
    <div class="hf-prev-wrap">
      <div class="hf-prev-section-head">
        <p class="hf-prev-eyebrow">Cómo trabajamos</p>
        <h2 class="hf-prev-h2">Tres pasos, sin <span class="hf-prev-accent">vueltas</span></h2>
      </div>
      <div class="hf-prev-steps-grid">
        <div class="hf-prev-step">
          <span class="hf-prev-step-no">01</span>
          <h3>Revisamos tu historia laboral</h3>
          <p>En la primera consulta miramos tus aportes, tu edad y tu situación real. Te decimos con honestidad qué se puede hacer y qué no.</p>
        </div>
        <div class="hf-prev-step">
          <span class="hf-prev-step-no">02</span>
          <h3>Te proponemos el camino y el costo</h3>
          <p>Antes de empezar sabés qué vamos a hacer, cuánto tarda aproximadamente y cómo son los honorarios. Sin letra chica.</p>
        </div>
        <div class="hf-prev-step">
          <span class="hf-prev-step-no">03</span>
          <h3>Nos encargamos del trámite</h3>
          <p>Presentamos todo ante ANSES o ante la justicia si hace falta, y te vamos avisando de cada avance. No tenés que perseguirnos.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- ===== SECCIÓN 5 · POR QUÉ H&F ===== -->
  <div class="hf-prev-why">
    <div class="hf-prev-wrap">
      <div class="hf-prev-section-head">
        <p class="hf-prev-eyebrow">Por qué Herrera &#038; Flamenco</p>
        <h2 class="hf-prev-h2">Experiencia real, trato directo</h2>
      </div>
      <div class="hf-prev-why-grid">
        <div class="hf-prev-why-col">
          <p class="hf-prev-stat-num">Cientos</p>
          <p>de jubilaciones y pensiones tramitadas ante ANSES en más de una década.</p>
        </div>
        <div class="hf-prev-why-col">
          <p class="hf-prev-stat-num">Honestidad</p>
          <p>Si tu caso no conviene litigarlo, te lo decimos. No iniciamos juicios que no tienen destino.</p>
        </div>
        <div class="hf-prev-why-col">
          <p class="hf-prev-stat-num">Una socia al frente</p>
          <p>El área la lleva personalmente Maricel Flamenco, socia del estudio. Tu caso no se delega a cualquiera.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- ===== SECCIÓN 6 · FAQ ===== -->
  <div class="hf-prev-faq">
    <div class="hf-prev-wrap hf-prev-faq-inner">
      <div class="hf-prev-section-head">
        <p class="hf-prev-eyebrow">Preguntas frecuentes</p>
        <h2 class="hf-prev-h2">Las dudas más frecuentes</h2>
      </div>
      <div class="hf-prev-faq-list">
        <div class="hf-prev-faq-item">
          <button class="hf-prev-faq-q" aria-expanded="false" aria-controls="hf-prev-faq-a1" id="hf-prev-faq-q1">
            <span>¿Puedo jubilarme si no tengo todos los aportes?</span>
            <span class="hf-prev-faq-icon" aria-hidden="true"></span>
          </button>
          <div class="hf-prev-faq-a" id="hf-prev-faq-a1" role="region" aria-labelledby="hf-prev-faq-q1">
            <p>En muchos casos sí, a través de moratorias u otras vías según tu edad y tu historia laboral. Cada situación es distinta: en la primera consulta revisamos tus aportes reales y te decimos qué opciones tenés hoy con la normativa vigente.</p>
          </div>
        </div>
        <div class="hf-prev-faq-item">
          <button class="hf-prev-faq-q" aria-expanded="false" aria-controls="hf-prev-faq-a2" id="hf-prev-faq-q2">
            <span>¿Cuánto tarda el trámite de jubilación?</span>
            <span class="hf-prev-faq-icon" aria-hidden="true"></span>
          </button>
          <div class="hf-prev-faq-a" id="hf-prev-faq-a2" role="region" aria-labelledby="hf-prev-faq-q2">
            <p>Un trámite de jubilación ordinaria ante ANSES suele resolverse en unos meses si la documentación está completa y la historia laboral no tiene inconsistencias. Cuando hay servicios sin registrar o errores en los aportes, el tiempo depende de cuánto haya que corregir, y eso lo estimamos en la primera consulta.</p>
          </div>
        </div>
        <div class="hf-prev-faq-item">
          <button class="hf-prev-faq-q" aria-expanded="false" aria-controls="hf-prev-faq-a3" id="hf-prev-faq-q3">
            <span>¿Qué es el reajuste de haberes y cómo sé si me corresponde?</span>
            <span class="hf-prev-faq-icon" aria-hidden="true"></span>
          </button>
          <div class="hf-prev-faq-a" id="hf-prev-faq-a3" role="region" aria-labelledby="hf-prev-faq-q3">
            <p>El reajuste es un reclamo judicial para corregir el cálculo de tu jubilación cuando ANSES la liquidó por debajo de lo que corresponde. Es frecuente en quienes se jubilaron con salarios medios o altos. Con tu recibo de haber y tu historia laboral podemos estimar si tenés un reclamo con fundamento.</p>
          </div>
        </div>
        <div class="hf-prev-faq-item">
          <button class="hf-prev-faq-q" aria-expanded="false" aria-controls="hf-prev-faq-a4" id="hf-prev-faq-q4">
            <span>Ya me denegaron el retiro por invalidez, ¿puedo insistir?</span>
            <span class="hf-prev-faq-icon" aria-hidden="true"></span>
          </button>
          <div class="hf-prev-faq-a" id="hf-prev-faq-a4" role="region" aria-labelledby="hf-prev-faq-q4">
            <p>Sí, una denegatoria de ANSES no es el final del camino. Se puede revisar el dictamen médico, aportar nueva prueba y reclamar en sede administrativa o judicial. Muchos retiros se obtienen en esa segunda instancia.</p>
          </div>
        </div>
        <div class="hf-prev-faq-item">
          <button class="hf-prev-faq-q" aria-expanded="false" aria-controls="hf-prev-faq-a5" id="hf-prev-faq-q5">
            <span>¿La consulta me compromete a iniciar el trámite?</span>
            <span class="hf-prev-faq-icon" aria-hidden="true"></span>
          </button>
          <div class="hf-prev-faq-a" id="hf-prev-faq-a5" role="region" aria-labelledby="hf-prev-faq-q5">
            <p>No. La consulta sirve para que sepas con claridad qué opciones tenés y qué te conviene. Si decidís avanzar, te explicamos los honorarios antes de empezar. La decisión siempre es tuya.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- ===== SECCIÓN 7 · CTA FINAL ===== -->
  <div class="hf-prev-final">
    <div class="hf-prev-wrap">
      <h2>Trabajaste toda tu vida para esto.</h2>
      <p class="hf-prev-final-sub">Contanos tu situación y te decimos, con honestidad, qué se puede hacer.</p>
      <div>
        <a class="hf-prev-btn hf-prev-btn--amber" href="https://wa.me/543517724728">
          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.51 5.26l-.999 3.648 3.978-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
          Escribinos por WhatsApp
        </a>
      </div>
      <div>
        <a class="hf-prev-phone" href="tel:+5493517724728">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
          O llamanos: 351 772-4728
        </a>
      </div>
      <p class="hf-prev-address">Arturo M. Bas 136, Piso 6, Of. C · Córdoba</p>
    </div>
  </div>

</section>

<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<script>
(function () {
  function initPrev() {
    if (window.lucide && typeof window.lucide.createIcons === 'function') {
      window.lucide.createIcons();
    }
    var qs = document.querySelectorAll('.hf-prev-root .hf-prev-faq-q');
    qs.forEach(function (btn) {
      if (btn.dataset.hfBound) return;
      btn.dataset.hfBound = '1';
      btn.addEventListener('click', function () {
        var expanded = btn.getAttribute('aria-expanded') === 'true';
        btn.setAttribute('aria-expanded', String(!expanded));
        var panel = document.getElementById(btn.getAttribute('aria-controls'));
        if (panel) panel.setAttribute('data-open', String(!expanded));
      });
    });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPrev);
  } else {
    initPrev();
  }
})();
</script>

</body></head></html><p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-previsional/">Derecho previsional</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Propiedad intelectual</title>
		<link>https://www.esderecho.com.ar/area/propiedad-intelectual/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 04:25:24 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7443</guid>

					<description><![CDATA[<p>marca software autor licencia patente contenido Propiedad intelectual · Córdoba Lo que creaste vale. Protegerlo es lo que hacemos. Tu marca, tu software, tu contenido, tu invención. Son activos reales de tu negocio y merecen la misma protección que cualquier otro. Te ayudamos a registrarlos, defenderlos y convertirlos en valor. Contanos qué querés proteger Ver...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/propiedad-intelectual/">Propiedad intelectual</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     HERRERA & FLAMENCO ABOGADOS — Área Propiedad Intelectual
     Bloque HTML embebible (Elementor / WordPress).
     Pegá TODO este bloque como "HTML" en Elementor.
     No incluye <html>, <head>, <body>, menú ni footer.
     Todas las clases llevan prefijo hf-ip- para evitar colisiones.
     ============================================================ -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap');

/* ---- Scope tokens (no global resets, conviven con el tema) ---- */
.hf-ip-root{
  --hf-navy-900:#0B2231;
  --hf-navy-800:#143A52;
  --hf-navy-700:#1B4A66;
  --hf-amber-600:#D08F38;
  --hf-amber-500:#E8A24A;
  --hf-amber-400:#F0B770;
  --hf-white:#FFFFFF;
  --hf-cream:#F5F1EA;
  --hf-paper:#FBFBFA;
  --hf-fog:#E5E7EA;
  --hf-mist:#C7CDD2;
  --hf-slate:#6B7681;
  --hf-ink:#1A2530;

  --hf-font-display:'Cormorant Garamond',Georgia,serif;
  --hf-font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --hf-font-caps:'Montserrat','Inter',system-ui,sans-serif;

  --hf-ease:cubic-bezier(0.2,0.7,0.2,1);

  font-family:var(--hf-font-sans);
  color:var(--hf-ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-size-adjust:100%;
}
.hf-ip-root *{box-sizing:border-box;}
.hf-ip-root :where(h1,h2,h3,h4,p,ul,li,figure){margin:0;padding:0;}
.hf-ip-root :where(ul){list-style:none;}
.hf-ip-root img{max-width:100%;display:block;}

/* ---- Shared atoms ---- */
.hf-ip-wrap{max-width:1180px;margin:0 auto;padding-left:clamp(22px,5vw,48px);padding-right:clamp(22px,5vw,48px);}

.hf-ip-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--hf-font-caps);
  font-size:13px;font-weight:600;letter-spacing:0.18em;
  text-transform:uppercase;color:var(--hf-amber-500);
  margin-bottom:26px;
}
.hf-ip-eyebrow::before{content:"";width:40px;height:1px;background:currentColor;opacity:0.85;}
.hf-ip-eyebrow.hf-ip-nodash::before{display:none;}

.hf-ip-display{
  font-family:var(--hf-font-display);
  font-weight:500;letter-spacing:-0.012em;line-height:1.04;
}
.hf-ip-display em{font-style:italic;font-weight:600;color:var(--hf-amber-500);}

.hf-ip-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--hf-font-sans);font-weight:600;font-size:16px;line-height:1;
  padding:17px 28px;border-radius:4px;border:0;cursor:pointer;text-decoration:none;
  transition:background-color .25s var(--hf-ease),transform .25s var(--hf-ease),box-shadow .25s var(--hf-ease),color .25s var(--hf-ease);
}
.hf-ip-btn svg{width:19px;height:19px;}
.hf-ip-btn--amber{background:var(--hf-amber-500);color:#fff;box-shadow:0 10px 26px rgba(232,162,74,.30);}
.hf-ip-btn--amber:hover{background:var(--hf-amber-400);transform:translateY(-2px);box-shadow:0 16px 34px rgba(232,162,74,.36);}
.hf-ip-btn--amber:active{background:var(--hf-amber-600);transform:translateY(0);}
.hf-ip-btn--ghost-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34);}
.hf-ip-btn--ghost-light:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.6);transform:translateY(-2px);}

/* animated arrow link */
.hf-ip-arrowlink{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--hf-font-sans);font-weight:600;font-size:15px;
  color:var(--hf-navy-800);text-decoration:none;position:relative;
}
.hf-ip-arrowlink::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--hf-ease);}
.hf-ip-arrowlink:hover::after{transform:scaleX(1);}
.hf-ip-arrowlink svg{width:17px;height:17px;transition:transform .3s var(--hf-ease);}
.hf-ip-arrowlink:hover svg{transform:translateX(4px);}

/* ---- Reveal on scroll ---- */
.hf-ip-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--hf-ease),transform .6s var(--hf-ease);}
.hf-ip-reveal.hf-ip-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .hf-ip-reveal{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.hf-ip-hero{
  position:relative;overflow:hidden;
  background:var(--hf-cream);
  min-height:85vh;display:flex;align-items:center;
  padding:clamp(72px,12vh,128px) 0;
}
.hf-ip-hero__media{
  position:absolute;top:0;bottom:0;right:0;width:45%;z-index:1;
  background-image:url('https://www.esderecho.com.ar/wp-content/uploads/2026/06/creativo.jpg');
  background-size:cover;background-position:center 38%;
}
.hf-ip-hero__media::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--hf-cream) 0%,rgba(245,241,234,.55) 14%,rgba(245,241,234,0) 32%),
             linear-gradient(180deg,rgba(245,241,234,.25) 0%,rgba(11,34,49,.10) 100%);
}
.hf-ip-hero__texture{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;
}
.hf-ip-hero__texture span{
  position:absolute;
  font-family:var(--hf-font-display);
  font-weight:600;font-style:italic;
  color:var(--hf-navy-800);opacity:0.045;
  line-height:0.8;white-space:nowrap;letter-spacing:-0.02em;
}
.hf-ip-hero__inner{position:relative;z-index:2;width:100%;}
.hf-ip-hero__col{max-width:600px;padding-right:24px;}
.hf-ip-hero h1{
  font-family:var(--hf-font-display);font-weight:500;
  font-size:clamp(40px,5.6vw,76px);line-height:1.02;letter-spacing:-0.014em;
  color:var(--hf-navy-800);
}
.hf-ip-hero h1 em{font-style:italic;font-weight:600;color:var(--hf-navy-800);position:relative;white-space:nowrap;}
.hf-ip-hero h1 em::after{
  content:"";position:absolute;left:0;right:0;bottom:.04em;height:.085em;
  background:var(--hf-amber-500);opacity:.42;border-radius:2px;
}
.hf-ip-hero__lead{
  font-size:19px;line-height:1.65;color:#3a4751;max-width:560px;margin-top:30px;
}
.hf-ip-hero__cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:38px;}

/* ============================================================
   SECTION 2 — ¿ES PARA VOS?
   ============================================================ */
.hf-ip-fit{background:var(--hf-white);padding:clamp(72px,11vh,118px) 0;}
.hf-ip-section-head{max-width:680px;margin-bottom:56px;}
.hf-ip-section-head h2{
  font-family:var(--hf-font-display);font-weight:500;
  font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-0.012em;color:var(--hf-navy-800);
}
.hf-ip-section-head h2 em{font-style:italic;color:var(--hf-amber-500);}

.hf-ip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.hf-ip-card{
  display:flex;flex-direction:column;gap:16px;
  background:var(--hf-white);border:1px solid var(--hf-fog);border-radius:12px;
  padding:30px 28px 32px;text-decoration:none;color:inherit;
  box-shadow:0 1px 2px rgba(20,58,82,.06);
  transition:transform .3s var(--hf-ease),box-shadow .3s var(--hf-ease),border-color .3s var(--hf-ease);
}
.hf-ip-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,58,82,.13);border-color:#d9dee2;}
.hf-ip-card__icon{
  width:46px;height:46px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--hf-cream);color:var(--hf-navy-800);
  transition:background .3s var(--hf-ease),color .3s var(--hf-ease);
}
.hf-ip-card:hover .hf-ip-card__icon{background:var(--hf-navy-800);color:var(--hf-amber-500);}
.hf-ip-card__icon svg{width:23px;height:23px;}
.hf-ip-card__q{
  font-family:var(--hf-font-display);font-style:italic;font-weight:600;
  font-size:23px;line-height:1.22;color:var(--hf-navy-800);letter-spacing:-0.01em;
}
.hf-ip-card__a{font-size:14.5px;line-height:1.6;color:var(--hf-slate);}
.hf-ip-card__more{
  margin-top:auto;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--hf-font-caps);font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--hf-amber-500);opacity:0;transform:translateY(4px);
  transition:opacity .3s var(--hf-ease),transform .3s var(--hf-ease);
}
.hf-ip-card__more svg{width:14px;height:14px;transition:transform .3s var(--hf-ease);}
.hf-ip-card:hover .hf-ip-card__more{opacity:1;transform:none;}
.hf-ip-card:hover .hf-ip-card__more svg{transform:translateX(3px);}

/* ============================================================
   SECTION 3 — QUÉ HACEMOS (navy)
   ============================================================ */
.hf-ip-services{
  position:relative;overflow:hidden;
  background:var(--hf-navy-800);color:#fff;
  padding:clamp(76px,12vh,124px) 0;
}
.hf-ip-services::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(62% 80% at 16% 22%,#1B4A66 0%,#143A52 56%,#0B2231 100%);
  z-index:0;
}
.hf-ip-services .hf-ip-wrap{position:relative;z-index:2;}
.hf-ip-services h2{
  font-family:var(--hf-font-display);font-weight:500;color:#fff;
  font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-0.012em;max-width:780px;
}
.hf-ip-services h2 em{font-style:italic;color:var(--hf-amber-500);}
.hf-ip-services__list{
  display:grid;grid-template-columns:1fr 1fr;gap:4px 56px;margin-top:54px;
}
.hf-ip-srv{
  display:flex;gap:16px;align-items:flex-start;
  padding:20px 0;border-top:1px solid rgba(255,255,255,.12);
}
.hf-ip-srv__check{
  flex-shrink:0;width:26px;height:26px;border-radius:50%;margin-top:1px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(232,162,74,.14);color:var(--hf-amber-500);
}
.hf-ip-srv__check svg{width:15px;height:15px;}
.hf-ip-srv p{font-size:16.5px;line-height:1.5;color:rgba(255,255,255,.86);}
.hf-ip-services__note{
  font-family:var(--hf-font-display);font-style:italic;font-weight:500;
  font-size:clamp(20px,2.4vw,27px);line-height:1.35;color:rgba(255,255,255,.72);
  text-align:center;max-width:760px;margin:64px auto 0;
}

/* ============================================================
   SECTION 4 — PROCESO
   ============================================================ */
.hf-ip-process{background:var(--hf-cream);padding:clamp(76px,12vh,124px) 0;}
.hf-ip-process__head{max-width:640px;margin-bottom:62px;}
.hf-ip-process__head h2{
  font-family:var(--hf-font-display);font-weight:500;
  font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-0.012em;color:var(--hf-navy-800);
}
.hf-ip-process__head h2 em{font-style:italic;color:var(--hf-amber-500);}
.hf-ip-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.hf-ip-step__no{
  font-family:var(--hf-font-display);font-weight:500;font-size:64px;line-height:1;
  color:var(--hf-navy-800);opacity:.18;letter-spacing:-0.02em;
}
.hf-ip-step__rule{height:2px;background:var(--hf-amber-500);width:38px;margin:18px 0 22px;}
.hf-ip-step h3{
  font-family:var(--hf-font-display);font-weight:600;font-size:25px;line-height:1.2;
  color:var(--hf-navy-800);margin-bottom:12px;letter-spacing:-0.005em;
}
.hf-ip-step p{font-size:16px;line-height:1.6;color:var(--hf-slate);}

/* ============================================================
   SECTION 5 — POR QUÉ H&F
   ============================================================ */
.hf-ip-why{background:var(--hf-white);padding:clamp(72px,11vh,116px) 0;}
.hf-ip-why__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:48px;}
.hf-ip-why__data{
  font-family:var(--hf-font-display);font-weight:500;font-size:46px;line-height:1;
  color:var(--hf-navy-800);letter-spacing:-0.015em;
}
.hf-ip-why__rule{height:2px;width:34px;background:var(--hf-amber-500);margin:18px 0 18px;}
.hf-ip-why__text{font-size:16px;line-height:1.62;color:var(--hf-slate);}

/* ============================================================
   SECTION 6 — FAQ
   ============================================================ */
.hf-ip-faq{background:var(--hf-cream);padding:clamp(76px,12vh,120px) 0;}
.hf-ip-faq__head{max-width:640px;margin:0 auto 52px;text-align:center;}
.hf-ip-faq__head .hf-ip-eyebrow{justify-content:center;}
.hf-ip-faq__head h2{
  font-family:var(--hf-font-display);font-weight:500;
  font-size:clamp(30px,3.6vw,50px);line-height:1.06;letter-spacing:-0.012em;color:var(--hf-navy-800);
}
.hf-ip-faq__list{max-width:820px;margin:0 auto;}
.hf-ip-faq__item{border-bottom:1px solid #ddd6c9;}
.hf-ip-faq__q{
  width:100%;background:none;border:0;cursor:pointer;text-align:left;
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:26px 4px;
  font-family:var(--hf-font-display);font-weight:600;font-size:clamp(20px,2.3vw,26px);
  line-height:1.25;color:var(--hf-navy-800);letter-spacing:-0.008em;
  transition:color .25s var(--hf-ease);
}
.hf-ip-faq__q:hover{color:var(--hf-amber-600);}
.hf-ip-faq__icon{
  flex-shrink:0;width:30px;height:30px;margin-top:2px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,58,82,.07);color:var(--hf-navy-800);
  transition:transform .35s var(--hf-ease),background .25s var(--hf-ease),color .25s var(--hf-ease);
}
.hf-ip-faq__icon svg{width:17px;height:17px;}
.hf-ip-faq__q[aria-expanded="true"] .hf-ip-faq__icon{transform:rotate(45deg);background:var(--hf-amber-500);color:#fff;}
.hf-ip-faq__a{max-height:0;overflow:hidden;transition:max-height .4s var(--hf-ease);}
.hf-ip-faq__a-inner{padding:0 56px 28px 4px;font-size:17px;line-height:1.7;color:#44525c;}
@media (prefers-reduced-motion:reduce){.hf-ip-faq__a{transition:none;}}

/* ============================================================
   SECTION 7 — CTA FINAL
   ============================================================ */
.hf-ip-final{
  position:relative;overflow:hidden;background:var(--hf-navy-800);color:#fff;
  padding:clamp(84px,14vh,140px) 0;text-align:center;
}
.hf-ip-final::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(70% 90% at 50% 18%,#1B4A66 0%,#143A52 52%,#0B2231 100%);z-index:0;
}
.hf-ip-final__texture{
  position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.hf-ip-final__texture span{
  font-family:var(--hf-font-display);font-style:italic;font-weight:600;
  font-size:clamp(120px,22vw,320px);color:#fff;opacity:.04;white-space:nowrap;letter-spacing:-0.03em;
}
.hf-ip-final__inner{position:relative;z-index:2;max-width:760px;margin:0 auto;}
.hf-ip-final h2{
  font-family:var(--hf-font-display);font-weight:500;
  font-size:clamp(34px,4.6vw,62px);line-height:1.05;letter-spacing:-0.014em;color:#fff;
}
.hf-ip-final h2 em{font-style:italic;color:var(--hf-amber-500);}
.hf-ip-final__sub{font-size:18.5px;line-height:1.6;color:rgba(255,255,255,.8);max-width:540px;margin:26px auto 0;}
.hf-ip-final__cta{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:40px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1180px){
  .hf-ip-hero{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 56px;}
  .hf-ip-hero__media{position:relative;width:100%;height:clamp(220px,42vw,320px);order:-1;}
  .hf-ip-hero__media::before{
    background:linear-gradient(180deg,rgba(245,241,234,0) 55%,var(--hf-cream) 100%);
  }
  .hf-ip-hero__inner{padding-top:48px;}
  .hf-ip-hero__col{max-width:680px;}
}
@media (max-width:900px){
  .hf-ip-grid{grid-template-columns:1fr 1fr;}
  .hf-ip-services__list{grid-template-columns:1fr;gap:0;}
  .hf-ip-steps{grid-template-columns:1fr;gap:40px;}
  .hf-ip-why__cols{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:640px){
  .hf-ip-hero{min-height:0;padding:64px 0 72px;}
  .hf-ip-hero__lead{font-size:18px;}
  .hf-ip-grid{grid-template-columns:1fr;}
  .hf-ip-hero__cta .hf-ip-btn--amber,
  .hf-ip-final__cta .hf-ip-btn{width:100%;justify-content:center;}
  .hf-ip-faq__a-inner{padding-right:8px;}
}
</style>

<div class="hf-ip-root">

  <!-- ===== SECTION 1 — HERO ===== -->
  <section class="hf-ip-hero">
    <div class="hf-ip-hero__media" aria-hidden="true"></div>
    <div class="hf-ip-hero__texture" aria-hidden="true">
      <span style="top:-2%;left:-1%;font-size:clamp(90px,15vw,210px);">marca</span>
      <span style="top:20%;right:-4%;font-size:clamp(80px,13vw,180px);">software</span>
      <span style="top:46%;left:-3%;font-size:clamp(100px,17vw,240px);">autor</span>
      <span style="bottom:14%;right:2%;font-size:clamp(70px,11vw,150px);">licencia</span>
      <span style="bottom:-3%;left:6%;font-size:clamp(85px,14vw,200px);">patente</span>
      <span style="top:8%;left:34%;font-size:clamp(60px,9vw,130px);">contenido</span>
    </div>
    <div class="hf-ip-hero__inner hf-ip-wrap">
      <div class="hf-ip-hero__col">
        <div class="hf-ip-eyebrow hf-ip-reveal">Propiedad intelectual · Córdoba</div>
        <h1 class="hf-ip-reveal">Lo que creaste vale. <em>Protegerlo</em> es lo que hacemos.</h1>
        <p class="hf-ip-hero__lead hf-ip-reveal">Tu marca, tu software, tu contenido, tu invención. Son activos reales de tu negocio y merecen la misma protección que cualquier otro. Te ayudamos a registrarlos, defenderlos y convertirlos en valor.</p>
        <div class="hf-ip-hero__cta hf-ip-reveal">
          <a class="hf-ip-btn hf-ip-btn--amber" href="https://wa.me/543517724728" target="_blank" rel="noopener">
            <i data-lucide="message-circle"></i> Contanos qué querés proteger
          </a>
          <a class="hf-ip-arrowlink" href="#hf-ip-proceso">Ver cómo trabajamos <i data-lucide="arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== SECTION 2 — ¿ES PARA VOS? ===== -->
  <section class="hf-ip-fit">
    <div class="hf-ip-wrap">
      <div class="hf-ip-section-head hf-ip-reveal">
        <div class="hf-ip-eyebrow">¿Te suena alguna de estas?</div>
        <h2>Trabajamos con personas que <em>crean</em>.</h2>
      </div>
      <div class="hf-ip-grid">

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="rocket"></i></span>
          <span class="hf-ip-card__q">«Estoy lanzando mi startup y todavía no registré la marca.»</span>
          <span class="hf-ip-card__a">Registrarla antes de escalar te evita el problema más caro y más común del ecosistema emprendedor.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="code"></i></span>
          <span class="hf-ip-card__q">«Desarrollo software con freelancers y no sé de quién es el código.»</span>
          <span class="hf-ip-card__a">Sin cesión de derechos firmada, el código puede no ser tuyo. Lo resolvemos con contratos claros.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="palette"></i></span>
          <span class="hf-ip-card__q">«Soy creador de contenido y me copiaron un trabajo.»</span>
          <span class="hf-ip-card__a">El derecho de autor te protege desde la creación. Te ayudamos a hacerlo valer.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="lightbulb"></i></span>
          <span class="hf-ip-card__q">«Inventé algo y quiero saber si se puede patentar.»</span>
          <span class="hf-ip-card__a">Evaluamos si tu desarrollo califica como patente, modelo de utilidad o diseño industrial, y qué camino conviene.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="sparkles"></i></span>
          <span class="hf-ip-card__q">«Uso inteligencia artificial en mi negocio y no sé qué puedo hacer con lo que genera.»</span>
          <span class="hf-ip-card__a">La IA abrió preguntas nuevas sobre autoría y uso de datos. Te ayudamos a moverte con reglas claras.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

        <!-- URL sublanding pendiente -->
        <a class="hf-ip-card hf-ip-reveal" href="#">
          <span class="hf-ip-card__icon"><i data-lucide="clapperboard"></i></span>
          <span class="hf-ip-card__q">«Trabajo con marcas como influencer y firmo contratos que no entiendo del todo.»</span>
          <span class="hf-ip-card__a">Revisamos tus acuerdos de colaboración, imagen y exclusividad antes de que firmes.</span>
          <span class="hf-ip-card__more">Ver más <i data-lucide="arrow-right"></i></span>
        </a>

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

  <!-- ===== SECTION 3 — QUÉ HACEMOS ===== -->
  <section class="hf-ip-services">
    <div class="hf-ip-wrap">
      <div class="hf-ip-reveal" style="max-width:780px;">
        <div class="hf-ip-eyebrow">Nuestros servicios</div>
        <h2>De la idea al registro. <em>Del registro a la defensa.</em></h2>
      </div>
      <div class="hf-ip-services__list">
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Registro de marcas ante el INPI, gestionado íntegramente por el estudio</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Derecho de autor: registro, licencias y defensa de obras</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Patentes, modelos de utilidad y diseños industriales</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Contratos tecnológicos: licencias, cesión de derechos, desarrollo de software</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Términos y condiciones y políticas de datos para productos digitales</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Acuerdos para creadores: colaboraciones, imagen, exclusividad</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Estrategia de propiedad intelectual para startups en crecimiento</p></div>
        <div class="hf-ip-srv hf-ip-reveal"><span class="hf-ip-srv__check"><i data-lucide="check"></i></span><p>Conflictos y oposiciones: defensa de tus registros frente a terceros</p></div>
      </div>
      <p class="hf-ip-services__note hf-ip-reveal">«Todos los trámites ante el INPI los gestionamos nosotros, sin intermediarios.»</p>
    </div>
  </section>

  <!-- ===== SECTION 4 — PROCESO ===== -->
  <section class="hf-ip-process" id="hf-ip-proceso">
    <div class="hf-ip-wrap">
      <div class="hf-ip-process__head hf-ip-reveal">
        <div class="hf-ip-eyebrow">El proceso</div>
        <h2>Simple para vos. <em>Riguroso</em> de nuestro lado.</h2>
      </div>
      <div class="hf-ip-steps">
        <div class="hf-ip-step hf-ip-reveal">
          <div class="hf-ip-step__no">01</div>
          <div class="hf-ip-step__rule"></div>
          <h3>Nos contás qué creaste</h3>
          <p>Una llamada o un mensaje. Entendemos tu proyecto, qué querés proteger y para qué.</p>
        </div>
        <div class="hf-ip-step hf-ip-reveal">
          <div class="hf-ip-step__no">02</div>
          <div class="hf-ip-step__rule"></div>
          <h3>Te decimos qué conviene</h3>
          <p>No todo se protege igual. Te proponemos la estrategia concreta: qué registrar, qué contratos necesitás y en qué orden.</p>
        </div>
        <div class="hf-ip-step hf-ip-reveal">
          <div class="hf-ip-step__no">03</div>
          <div class="hf-ip-step__rule"></div>
          <h3>Lo ejecutamos y te mantenemos al tanto</h3>
          <p>Gestionamos los registros y trámites, y te avisamos de cada avance sin que tengas que perseguirnos.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== SECTION 5 — POR QUÉ H&F ===== -->
  <section class="hf-ip-why">
    <div class="hf-ip-wrap">
      <div class="hf-ip-reveal" style="max-width:640px;">
        <div class="hf-ip-eyebrow">Por qué Herrera &amp; Flamenco</div>
        <h2 class="hf-ip-display" style="font-size:clamp(30px,3.6vw,48px);color:var(--hf-navy-800);">Rigor jurídico con <em>mentalidad de producto</em>.</h2>
      </div>
      <div class="hf-ip-why__cols">
        <div class="hf-ip-reveal">
          <div class="hf-ip-why__data">+10 años</div>
          <div class="hf-ip-why__rule"></div>
          <p class="hf-ip-why__text">de trayectoria en propiedad intelectual, con formación de posgrado en la materia.</p>
        </div>
        <div class="hf-ip-reveal">
          <div class="hf-ip-why__data">INPI</div>
          <div class="hf-ip-why__rule"></div>
          <p class="hf-ip-why__text">Gestionamos todos los trámites directamente ante el Instituto Nacional de la Propiedad Industrial.</p>
        </div>
        <div class="hf-ip-reveal">
          <div class="hf-ip-why__data">Interior</div>
          <div class="hf-ip-why__rule"></div>
          <p class="hf-ip-why__text">Desde Córdoba acompañamos a startups, agencias y empresas de todo el interior del país. No necesitás operar desde Buenos Aires para tener un estudio que entiende tu negocio.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== SECTION 6 — FAQ ===== -->
  <section class="hf-ip-faq">
    <div class="hf-ip-wrap">
      <div class="hf-ip-faq__head hf-ip-reveal">
        <div class="hf-ip-eyebrow hf-ip-nodash">Preguntas frecuentes</div>
        <h2>Preguntas que nos hacen seguido</h2>
      </div>
      <div class="hf-ip-faq__list hf-ip-reveal">

        <div class="hf-ip-faq__item">
          <button class="hf-ip-faq__q" aria-expanded="false">
            <span>¿Cuánto tarda el registro de una marca en Argentina?</span>
            <span class="hf-ip-faq__icon"><i data-lucide="plus"></i></span>
          </button>
          <div class="hf-ip-faq__a"><div class="hf-ip-faq__a-inner">El registro de una marca ante el INPI tarda en promedio entre 4 y 8 meses si no recibe oposiciones. Durante ese período tu solicitud ya genera prioridad frente a terceros, y nosotros monitoreamos cada etapa del trámite.</div></div>
        </div>

        <div class="hf-ip-faq__item">
          <button class="hf-ip-faq__q" aria-expanded="false">
            <span>¿Puedo registrar mi marca si todavía no facturé nada?</span>
            <span class="hf-ip-faq__icon"><i data-lucide="plus"></i></span>
          </button>
          <div class="hf-ip-faq__a"><div class="hf-ip-faq__a-inner">Sí, podés registrar tu marca antes de empezar a vender. De hecho es lo recomendable: registrarla temprano evita que un tercero la inscriba primero y te obligue a cambiar de nombre cuando ya invertiste en posicionamiento.</div></div>
        </div>

        <div class="hf-ip-faq__item">
          <button class="hf-ip-faq__q" aria-expanded="false">
            <span>¿El derecho de autor se registra o es automático?</span>
            <span class="hf-ip-faq__icon"><i data-lucide="plus"></i></span>
          </button>
          <div class="hf-ip-faq__a"><div class="hf-ip-faq__a-inner">El derecho de autor nace automáticamente con la creación de la obra, pero el registro genera una prueba de fecha y autoría que vale oro en un conflicto. Para software, contenido y obras creativas, registrar es la forma más simple de blindarte.</div></div>
        </div>

        <div class="hf-ip-faq__item">
          <button class="hf-ip-faq__q" aria-expanded="false">
            <span>¿Qué pasa con lo que genero usando inteligencia artificial?</span>
            <span class="hf-ip-faq__icon"><i data-lucide="plus"></i></span>
          </button>
          <div class="hf-ip-faq__a"><div class="hf-ip-faq__a-inner">El contenido generado con IA plantea preguntas nuevas sobre autoría que la ley argentina todavía está resolviendo. Lo que sí podemos hacer hoy es estructurar tus procesos y contratos para que el uso de IA en tu negocio no comprometa tus derechos ni los de tus clientes.</div></div>
        </div>

        <div class="hf-ip-faq__item">
          <button class="hf-ip-faq__q" aria-expanded="false">
            <span>¿Trabajan con clientes de otras provincias?</span>
            <span class="hf-ip-faq__icon"><i data-lucide="plus"></i></span>
          </button>
          <div class="hf-ip-faq__a"><div class="hf-ip-faq__a-inner">Sí, trabajamos con clientes de todo el interior del país. Los trámites ante el INPI son federales y todo el proceso puede hacerse de forma remota, con reuniones virtuales y firma electrónica: desde Córdoba resolvemos tu caso sin que tengas que litigar ni registrar desde Buenos Aires.</div></div>
        </div>

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

  <!-- ===== SECTION 7 — CTA FINAL ===== -->
  <section class="hf-ip-final">
    <div class="hf-ip-final__texture" aria-hidden="true"><span>ideas</span></div>
    <div class="hf-ip-wrap">
      <div class="hf-ip-final__inner hf-ip-reveal">
        <h2>Tu próxima gran idea merece <em>llegar protegida</em>.</h2>
        <p class="hf-ip-final__sub">Contanos en qué estás trabajando. La primera conversación es para entender tu caso.</p>
        <div class="hf-ip-final__cta">
          <a class="hf-ip-btn hf-ip-btn--amber" href="https://wa.me/543517724728" target="_blank" rel="noopener">
            <i data-lucide="message-circle"></i> Escribinos por WhatsApp
          </a>
          <a class="hf-ip-btn hf-ip-btn--ghost-light" href="https://meetings.hubspot.com/hflamenco-abogados" target="_blank" rel="noopener">
            <i data-lucide="calendar"></i> Agendá una reunión
          </a>
        </div>
      </div>
    </div>
  </section>

</div>

<!-- ===== Lucide icons (CDN) ===== -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<script>
(function(){
  function hfIpInit(){
    var root = document.querySelector('.hf-ip-root');
    if(!root) return;

    /* ---- Lucide icons ---- */
    if(window.lucide && typeof window.lucide.createIcons === 'function'){
      window.lucide.createIcons();
    }

    /* ---- Scroll reveals ---- */
    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    var reveals = root.querySelectorAll('.hf-ip-reveal');
    if(reduce || !('IntersectionObserver' in window)){
      reveals.forEach(function(el){ el.classList.add('hf-ip-in'); });
    } else {
      var io = new IntersectionObserver(function(entries){
        entries.forEach(function(e){
          if(e.isIntersecting){
            var el = e.target;
            // subtle stagger within a shared parent grid
            var sibs = el.parentElement ? Array.prototype.indexOf.call(el.parentElement.children, el) : 0;
            el.style.transitionDelay = Math.min(sibs,5) * 70 + 'ms';
            el.classList.add('hf-ip-in');
            io.unobserve(el);
          }
        });
      }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
      reveals.forEach(function(el){ io.observe(el); });
    }

    /* ---- FAQ accordion ---- */
    var qs = root.querySelectorAll('.hf-ip-faq__q');
    qs.forEach(function(btn){
      btn.addEventListener('click', function(){
        var open = btn.getAttribute('aria-expanded') === 'true';
        // close all
        qs.forEach(function(b){
          b.setAttribute('aria-expanded','false');
          var panel = b.parentElement.querySelector('.hf-ip-faq__a');
          if(panel) panel.style.maxHeight = null;
        });
        if(!open){
          btn.setAttribute('aria-expanded','true');
          var panel = btn.parentElement.querySelector('.hf-ip-faq__a');
          if(panel) panel.style.maxHeight = panel.scrollHeight + 'px';
        }
      });
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', hfIpInit);
  } else {
    hfIpInit();
  }
})();
</script>


<p></p></body></head></html><p>La entrada <a href="https://www.esderecho.com.ar/area/propiedad-intelectual/">Propiedad intelectual</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Derecho empresario</title>
		<link>https://www.esderecho.com.ar/area/derecho-empresario/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 04:12:22 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7440</guid>

					<description><![CDATA[<p>Derecho Empresario · PyMEs y Emprendedores Tu empresa no puede permitirse aprender de los errores legales. Contratos, empleados, socios, marcas. Cada decisión de tu negocio tiene una capa legal, y resolverla tarde siempre cuesta más que prevenirla. Somos el estudio que trabaja antes de que el problema exista. Hablemos de tu empresa Conocé el asesoramiento...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-empresario/">Derecho empresario</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     HERRERA & FLAMENCO ABOGADOS — Área Derecho Empresario
     Bloque HTML embebible para Elementor / WordPress.
     Pegar tal cual como widget "HTML". No incluye <html>/<head>/<body>.
     Prefijo de clases: hf-emp-
     ============================================================ -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700&display=swap');

.hf-emp-root {
  /* ---- tokens (scoped, no global resets) ---- */
  --hf-emp-navy-900: #0B2231;
  --hf-emp-navy-800: #143A52;
  --hf-emp-navy-700: #1B4A66;
  --hf-emp-amber-600: #D08F38;
  --hf-emp-amber-500: #E8A24A;
  --hf-emp-amber-400: #F0B770;
  --hf-emp-white: #FFFFFF;
  --hf-emp-cream: #F5F1EA;
  --hf-emp-fog: #E5E7EA;
  --hf-emp-slate: #6B7681;
  --hf-emp-ink: #1A2530;

  --hf-emp-serif: 'Cormorant Garamond', Georgia, serif;
  --hf-emp-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hf-emp-caps: 'Montserrat', 'Inter', system-ui, sans-serif;

  --hf-emp-max: 1200px;
  --hf-emp-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  font-family: var(--hf-emp-sans);
  color: var(--hf-emp-ink);
  line-height: 1.5;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.hf-emp-root *,
.hf-emp-root *::before,
.hf-emp-root *::after { box-sizing: border-box; }

.hf-emp-root p,
.hf-emp-root h1,
.hf-emp-root h2,
.hf-emp-root h3,
.hf-emp-root h4,
.hf-emp-root ul,
.hf-emp-root li { margin: 0; padding: 0; }

.hf-emp-root .hf-emp-section { padding: 96px 32px; position: relative; }
.hf-emp-root .hf-emp-inner { max-width: var(--hf-emp-max); margin: 0 auto; }

/* ---- surfaces ---- */
.hf-emp-navy   { background: var(--hf-emp-navy-800); color: var(--hf-emp-white); }
.hf-emp-cream-bg { background: var(--hf-emp-cream); color: var(--hf-emp-ink); }
.hf-emp-white-bg { background: var(--hf-emp-white); color: var(--hf-emp-ink); }

/* ---- eyebrow ---- */
.hf-emp-eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  font-family: var(--hf-emp-caps);
  font-size: 12px; font-weight: 600; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--hf-emp-amber-500);
}
.hf-emp-eyebrow::before { content: ""; width: 40px; height: 1px; background: var(--hf-emp-amber-500); }

/* ---- type helpers ---- */
.hf-emp-display {
  font-family: var(--hf-emp-serif);
  font-weight: 500; line-height: 1.05; letter-spacing: -0.01em;
}
.hf-emp-h2 {
  font-family: var(--hf-emp-serif);
  font-weight: 500; line-height: 1.08; letter-spacing: -0.008em;
  font-size: clamp(30px, 4vw, 46px);
}
.hf-emp-lead { font-size: 19px; line-height: 1.62; }

/* ---- icon sizing ---- */
.hf-emp-root [data-lucide] { stroke-width: 1.75; }

/* ---- buttons ---- */
.hf-emp-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--hf-emp-sans); font-weight: 600; font-size: 16px; line-height: 1;
  padding: 16px 26px; border-radius: 4px; text-decoration: none; cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 0.25s var(--hf-emp-ease),
              color 0.25s var(--hf-emp-ease),
              transform 0.25s var(--hf-emp-ease),
              box-shadow 0.25s var(--hf-emp-ease);
}
.hf-emp-btn--amber { background: var(--hf-emp-amber-500); color: #fff; box-shadow: 0 1px 2px rgba(20,58,82,0.12); }
.hf-emp-btn--amber:hover { background: var(--hf-emp-amber-400); box-shadow: 0 8px 24px rgba(232,162,74,0.28); transform: translateY(-1px); }
.hf-emp-btn--amber:active { background: var(--hf-emp-amber-600); transform: translateY(0); }
.hf-emp-btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,0.32); }
.hf-emp-btn--ghost-light:hover { background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.5); }

/* ---- arrow link ---- */
.hf-emp-arrowlink {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--hf-emp-sans); font-weight: 600; font-size: 15px;
  text-decoration: none; cursor: pointer;
  transition: gap 0.25s var(--hf-emp-ease), opacity 0.25s var(--hf-emp-ease);
}
.hf-emp-arrowlink:hover { gap: 13px; }
.hf-emp-arrowlink--light { color: #fff; }
.hf-emp-arrowlink--amber { color: var(--hf-emp-amber-600); }
.hf-emp-arrowlink [data-lucide] { transition: transform 0.25s var(--hf-emp-ease); }

/* ============================================================
   SECTION 1 — HERO
   ============================================================ */
.hf-emp-hero {
  min-height: 75vh;
  display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 56px;
  overflow: hidden; padding-top: 88px; padding-bottom: 88px;
}
.hf-emp-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(70% 90% at 16% 28%, #1B4A66 0%, #143A52 52%, #0B2231 100%);
}
.hf-emp-hero-copy { position: relative; z-index: 2; max-width: 720px; }
.hf-emp-hero-title {
  font-size: clamp(38px, 5vw, 66px); color: #fff; margin-top: 26px;
}
.hf-emp-hero-sub {
  font-size: 19px; line-height: 1.62; color: rgba(255,255,255,0.85);
  margin-top: 26px; max-width: 600px;
}
.hf-emp-hero-cta { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 38px; }
.hf-emp-hero-media { position: relative; z-index: 2; align-self: stretch; min-height: 420px; }
.hf-emp-hero-media .hf-emp-photo {
  position: absolute; inset: 0;
  background-image: linear-gradient(110deg, rgba(20,58,82,0.85) 0%, rgba(20,58,82,0.18) 38%, rgba(20,58,82,0) 60%),
                    url('https://www.esderecho.com.ar/wp-content/uploads/2026/06/negocio.jpg');
  background-size: cover; background-position: center 30%;
}
.hf-emp-hero-media .hf-emp-notch {
  position: absolute; left: 28px; top: 28px; width: 56px; height: 56px;
  background: var(--hf-emp-amber-500); z-index: 2;
}

/* ============================================================
   SECTION 2 — ¿TE PASA ESTO?  (cards)
   ============================================================ */
.hf-emp-section-head { max-width: 720px; margin-bottom: 56px; }
.hf-emp-section-head .hf-emp-h2 { margin-top: 18px; color: var(--hf-emp-navy-800); }

.hf-emp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.hf-emp-card {
  background: #fff; border: 1px solid var(--hf-emp-fog); border-radius: 12px;
  padding: 30px 28px; display: flex; flex-direction: column; gap: 16px;
  box-shadow: 0 1px 2px rgba(20,58,82,0.05);
  transition: box-shadow 0.25s var(--hf-emp-ease), transform 0.25s var(--hf-emp-ease), border-color 0.25s var(--hf-emp-ease);
}
.hf-emp-card:hover { box-shadow: 0 8px 24px rgba(20,58,82,0.12); transform: translateY(-3px); border-color: #d9dde1; }
.hf-emp-card-icon {
  width: 46px; height: 46px; border-radius: 8px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(232,162,74,0.12); color: var(--hf-emp-amber-600);
}
.hf-emp-card-q {
  font-family: var(--hf-emp-serif); font-style: italic; font-weight: 600;
  font-size: 23px; line-height: 1.22; color: var(--hf-emp-navy-800);
}
.hf-emp-card-a { font-size: 15px; line-height: 1.6; color: var(--hf-emp-slate); }

/* ============================================================
   SECTION 3 — SIGNATURE  (reaccionar vs prevenir)
   ============================================================ */
.hf-emp-section--signature { padding-top: 128px; padding-bottom: 128px; }
.hf-emp-compare {
  display: grid; grid-template-columns: 1fr 1px 1fr; gap: 0;
  max-width: 1080px; margin: 0 auto; align-items: stretch;
}
.hf-emp-compare-divider { background: var(--hf-emp-amber-500); width: 1px; }
.hf-emp-compare-col { padding: 8px 56px; }
.hf-emp-compare-col--left { text-align: right; }
.hf-emp-compare-num {
  font-family: var(--hf-emp-caps); font-size: 12px; font-weight: 600;
  letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 18px;
}
.hf-emp-compare-col--left .hf-emp-compare-num { color: var(--hf-emp-slate); }
.hf-emp-compare-col--right .hf-emp-compare-num { color: var(--hf-emp-amber-600); }
.hf-emp-compare-title {
  font-family: var(--hf-emp-serif); font-weight: 500; line-height: 1.06;
  font-size: clamp(30px, 3.4vw, 40px); letter-spacing: -0.01em; margin-bottom: 22px;
}
.hf-emp-compare-col--left .hf-emp-compare-title { color: var(--hf-emp-slate); }
.hf-emp-compare-col--right .hf-emp-compare-title { color: var(--hf-emp-navy-800); }
.hf-emp-compare-text { font-size: 17px; line-height: 1.68; }
.hf-emp-compare-col--left .hf-emp-compare-text { color: var(--hf-emp-slate); }
.hf-emp-compare-col--right .hf-emp-compare-text { color: var(--hf-emp-ink); }

/* ============================================================
   SECTION 4 — ABONO MENSUAL  (planes)
   ============================================================ */
.hf-emp-abono-head { max-width: 660px; }
.hf-emp-abono-head .hf-emp-h2 { margin-top: 18px; color: #fff; }
.hf-emp-abono-head .hf-emp-intro { color: rgba(255,255,255,0.8); font-size: 18px; line-height: 1.62; margin-top: 22px; }

.hf-emp-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 56px; align-items: start; }
.hf-emp-plan {
  background: var(--hf-emp-navy-900); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px; padding: 32px 28px; position: relative;
  display: flex; flex-direction: column; gap: 18px;
  transition: transform 0.25s var(--hf-emp-ease), box-shadow 0.25s var(--hf-emp-ease);
}
.hf-emp-plan:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(0,0,0,0.32); }
.hf-emp-plan--featured {
  border: 1.5px solid var(--hf-emp-amber-500);
  box-shadow: 0 18px 44px rgba(0,0,0,0.3);
}
.hf-emp-plan-badge {
  position: absolute; top: -12px; left: 28px;
  background: var(--hf-emp-amber-500); color: #fff;
  font-family: var(--hf-emp-caps); font-size: 11px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 4px;
}
.hf-emp-plan-name {
  font-family: var(--hf-emp-caps); font-size: 15px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--hf-emp-amber-500);
}
.hf-emp-plan-sub {
  font-family: var(--hf-emp-serif); font-style: italic; font-weight: 500;
  font-size: 22px; color: #fff; line-height: 1.2;
  padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.12);
}
.hf-emp-plan-list { list-style: none; display: flex; flex-direction: column; gap: 13px; }
.hf-emp-plan-list li {
  display: flex; gap: 11px; align-items: flex-start;
  font-size: 15px; line-height: 1.45; color: rgba(255,255,255,0.82);
}
.hf-emp-plan-list li [data-lucide] { color: var(--hf-emp-amber-500); flex-shrink: 0; margin-top: 1px; }
.hf-emp-abono-note {
  text-align: center; font-style: italic; color: rgba(255,255,255,0.7);
  font-size: 16px; line-height: 1.6; max-width: 620px; margin: 44px auto 0;
}
.hf-emp-abono-cta { display: flex; justify-content: center; margin-top: 32px; }

/* ============================================================
   SECTION 5 — POR PROYECTO
   ============================================================ */
.hf-emp-section--proyecto .hf-emp-h2 { color: var(--hf-emp-navy-800); max-width: 760px; }
.hf-emp-proyecto-list {
  list-style: none; margin-top: 40px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px 56px; max-width: 920px;
}
.hf-emp-proyecto-list li {
  display: flex; gap: 13px; align-items: flex-start;
  font-size: 17px; line-height: 1.45; color: var(--hf-emp-ink);
  padding-bottom: 16px; border-bottom: 1px solid rgba(20,58,82,0.1);
}
.hf-emp-proyecto-list li [data-lucide] { color: var(--hf-emp-navy-800); flex-shrink: 0; margin-top: 2px; }
.hf-emp-proyecto-foot { margin-top: 40px; }

/* ============================================================
   SECTION 6 — POR QUÉ H&F  (stats)
   ============================================================ */
.hf-emp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
.hf-emp-stat { padding-top: 28px; border-top: 2px solid var(--hf-emp-amber-500); }
.hf-emp-stat-num {
  font-family: var(--hf-emp-serif); font-weight: 600; font-size: 52px;
  line-height: 1; color: var(--hf-emp-navy-800); letter-spacing: -0.01em;
}
.hf-emp-stat-text { font-size: 17px; line-height: 1.55; color: var(--hf-emp-slate); margin-top: 16px; max-width: 320px; }

/* ============================================================
   SECTION 7 — FAQ
   ============================================================ */
.hf-emp-faq-head { margin-bottom: 44px; }
.hf-emp-faq-head .hf-emp-h2 { color: var(--hf-emp-navy-800); }
.hf-emp-faq { max-width: 880px; }
.hf-emp-faq-item { border-bottom: 1px solid rgba(20,58,82,0.14); }
.hf-emp-faq-q {
  width: 100%; background: none; border: 0; cursor: pointer; text-align: left;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 26px 0; font-family: var(--hf-emp-serif); font-weight: 600;
  font-size: clamp(20px, 2.2vw, 25px); color: var(--hf-emp-navy-800); line-height: 1.25;
}
.hf-emp-faq-q .hf-emp-faq-chev {
  flex-shrink: 0; color: var(--hf-emp-amber-600);
  transition: transform 0.25s var(--hf-emp-ease);
}
.hf-emp-faq-q[aria-expanded="true"] .hf-emp-faq-chev { transform: rotate(180deg); }
.hf-emp-faq-a { overflow: hidden; max-height: 0; transition: max-height 0.35s var(--hf-emp-ease); }
.hf-emp-faq-a-inner {
  padding: 0 64px 28px 0; font-size: 17px; line-height: 1.7; color: var(--hf-emp-slate);
}

/* ============================================================
   SECTION 8 — CTA FINAL
   ============================================================ */
.hf-emp-final { text-align: center; }
.hf-emp-final::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(60% 100% at 50% 0%, #1B4A66 0%, #143A52 55%, #0B2231 100%);
}
.hf-emp-final-inner { position: relative; z-index: 2; max-width: 740px; }
.hf-emp-final-title { font-size: clamp(34px, 4.4vw, 54px); color: #fff; }
.hf-emp-final-sub { font-size: 19px; line-height: 1.6; color: rgba(255,255,255,0.8); margin-top: 22px; }
.hf-emp-final-cta { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 40px; }

/* ============================================================
   REVEAL animations
   ============================================================ */
.hf-emp-reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.5s var(--hf-emp-ease), transform 0.5s var(--hf-emp-ease); }
.hf-emp-reveal.hf-emp-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .hf-emp-root .hf-emp-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .hf-emp-root * { transition-duration: 0.01ms !important; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .hf-emp-root .hf-emp-section { padding: 64px 22px; }
  .hf-emp-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 64px; padding-bottom: 64px; }
  .hf-emp-hero-media { display: none; }
  .hf-emp-cards { grid-template-columns: 1fr; }
  .hf-emp-section--signature { padding-top: 72px; padding-bottom: 72px; }
  .hf-emp-compare { grid-template-columns: 1fr; max-width: 520px; gap: 0; }
  .hf-emp-compare-divider { width: 100%; height: 1px; margin: 40px 0; }
  .hf-emp-compare-col { padding: 0; }
  .hf-emp-compare-col--left { text-align: left; }
  .hf-emp-plans { grid-template-columns: 1fr; }
  .hf-emp-plan--featured { order: -1; }
  .hf-emp-proyecto-list { grid-template-columns: 1fr; gap: 0; }
  .hf-emp-stats { grid-template-columns: 1fr; gap: 36px; }
  .hf-emp-final-cta { flex-direction: column; align-items: stretch; }
  .hf-emp-final-cta .hf-emp-btn { justify-content: center; }
}
</style>

<div class="hf-emp-root">

  <!-- ===================== SECTION 1 — HERO ===================== -->
  <section class="hf-emp-section hf-emp-navy hf-emp-hero">
    <div class="hf-emp-hero-copy">
      <span class="hf-emp-eyebrow">Derecho Empresario · PyMEs y Emprendedores</span>
      <h1 class="hf-emp-display hf-emp-hero-title">Tu empresa no puede permitirse aprender de los errores legales.</h1>
      <p class="hf-emp-hero-sub">Contratos, empleados, socios, marcas. Cada decisión de tu negocio tiene una capa legal, y resolverla tarde siempre cuesta más que prevenirla. Somos el estudio que trabaja antes de que el problema exista.</p>
      <div class="hf-emp-hero-cta">
        <a class="hf-emp-btn hf-emp-btn--amber" href="https://wa.me/543517724728" target="_blank" rel="noopener">
          <i data-lucide="message-circle"></i> Hablemos de tu empresa
        </a>
        <a class="hf-emp-arrowlink hf-emp-arrowlink--light" href="#abono">
          Conocé el asesoramiento mensual <i data-lucide="arrow-right" style="width:18px;height:18px;"></i>
        </a>
      </div>
    </div>
    <div class="hf-emp-hero-media">
      <div class="hf-emp-notch"></div>
      <div class="hf-emp-photo" role="img" aria-label="Equipo de Herrera &amp; Flamenco Abogados"></div>
    </div>
  </section>

  <!-- ===================== SECTION 2 — ¿TE PASA ESTO? ===================== -->
  <section class="hf-emp-section hf-emp-cream-bg">
    <div class="hf-emp-inner">
      <div class="hf-emp-section-head hf-emp-reveal">
        <span class="hf-emp-eyebrow">Situaciones reales</span>
        <h2 class="hf-emp-h2">Los problemas legales de una pyme no avisan.</h2>
      </div>
      <div class="hf-emp-cards">
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="file-warning"></i></span>
          <p class="hf-emp-card-q">«Un empleado me mandó telegrama y no sé cómo contestar.»</p>
          <p class="hf-emp-card-a">Las primeras 48 horas definen el conflicto. Contestamos telegramas y cartas documento con estrategia, no con apuro.</p>
        </article>
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="users"></i></span>
          <p class="hf-emp-card-q">«Mi socio y yo nunca firmamos nada entre nosotros.»</p>
          <p class="hf-emp-card-a">El acuerdo de socios es el contrato más barato que vas a firmar, comparado con el costo de no tenerlo.</p>
        </article>
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="file-text"></i></span>
          <p class="hf-emp-card-q">«Uso contratos que bajé de internet o que me pasó un conocido.»</p>
          <p class="hf-emp-card-a">Un contrato genérico no contempla tu operación real. Redactamos los tuyos, a tu medida.</p>
        </article>
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="user-plus"></i></span>
          <p class="hf-emp-card-q">«Quiero contratar gente pero el costo laboral me da miedo.»</p>
          <p class="hf-emp-card-a">Hay modalidades de contratación distintas y la elección correcta depende de tu caso. Te asesoramos antes de que firmes.</p>
        </article>
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="building-2"></i></span>
          <p class="hf-emp-card-q">«Facturo como monotributista pero el negocio ya creció.»</p>
          <p class="hf-emp-card-a">Constituir una sociedad a tiempo protege tu patrimonio personal y ordena el crecimiento. Te ayudamos a elegir la estructura correcta.</p>
        </article>
        <article class="hf-emp-card hf-emp-reveal">
          <span class="hf-emp-card-icon"><i data-lucide="shield-alert"></i></span>
          <p class="hf-emp-card-q">«Me llegó una demanda y no tengo abogado de confianza.»</p>
          <p class="hf-emp-card-a">Te representamos en conciliaciones y juicios laborales y comerciales, con honorarios claros desde el inicio.</p>
        </article>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 3 — SIGNATURE ===================== -->
  <section class="hf-emp-section hf-emp-section--signature hf-emp-white-bg">
    <div class="hf-emp-inner">
      <div class="hf-emp-compare">
        <div class="hf-emp-compare-col hf-emp-compare-col--left hf-emp-reveal">
          <div class="hf-emp-compare-num">Reaccionar</div>
          <h3 class="hf-emp-compare-title">Llegar tarde cuesta caro.</h3>
          <p class="hf-emp-compare-text">El telegrama mal contestado, el contrato que nunca se firmó, la sociedad que se armó a las apuradas. Casi todos los juicios que atendemos empezaron como un problema chico que nadie miró a tiempo.</p>
        </div>
        <div class="hf-emp-compare-divider" aria-hidden="true"></div>
        <div class="hf-emp-compare-col hf-emp-compare-col--right hf-emp-reveal">
          <div class="hf-emp-compare-num">Prevenir</div>
          <h3 class="hf-emp-compare-title">Llegar antes es negocio.</h3>
          <p class="hf-emp-compare-text">El acuerdo de socios firmado a tiempo, el despido bien instrumentado, el contrato que prevé el conflicto. Prevenir no es un gasto legal: es la diferencia entre crecer tranquilo y crecer expuesto.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 4 — ABONO MENSUAL ===================== -->
  <section class="hf-emp-section hf-emp-navy" id="abono">
    <div class="hf-emp-inner">
      <div class="hf-emp-abono-head hf-emp-reveal">
        <span class="hf-emp-eyebrow">Asesoramiento mensual para pymes</span>
        <h2 class="hf-emp-h2">Un abogado de cabecera para tu empresa, por un abono mensual fijo.</h2>
        <p class="hf-emp-intro">En lugar de pagar honorarios imprevisibles cada vez que surge un problema, tu empresa cuenta con asesoramiento continuo, respuesta garantizada en 24 horas hábiles y prevención activa. Tres planes según el tamaño y el momento de tu negocio.</p>
      </div>

      <div class="hf-emp-plans">
        <article class="hf-emp-plan hf-emp-reveal">
          <div class="hf-emp-plan-name">Resguardo</div>
          <div class="hf-emp-plan-sub">Para empresas que arrancan</div>
          <ul class="hf-emp-plan-list">
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Consultas ilimitadas por WhatsApp y email</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Revisión de contratos comerciales</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Respuesta en 24 horas hábiles</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Asesoramiento laboral preventivo</li>
          </ul>
        </article>

        <article class="hf-emp-plan hf-emp-plan--featured hf-emp-reveal">
          <span class="hf-emp-plan-badge">El más elegido</span>
          <div class="hf-emp-plan-name">Blindaje</div>
          <div class="hf-emp-plan-sub">Para pymes en crecimiento</div>
          <ul class="hf-emp-plan-list">
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Todo lo de Resguardo</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Redacción de contratos a medida</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Gestión de conflictos laborales iniciales</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Registro de marca incluido por año</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Reuniones mensuales de seguimiento</li>
          </ul>
        </article>

        <article class="hf-emp-plan hf-emp-reveal">
          <div class="hf-emp-plan-name">Counsel</div>
          <div class="hf-emp-plan-sub">Para empresas que necesitan un equipo legal</div>
          <ul class="hf-emp-plan-list">
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Todo lo de Blindaje</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Participación en negociaciones</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Asesoramiento societario continuo</li>
            <li><i data-lucide="check" style="width:19px;height:19px;"></i> Atención prioritaria de los socios del estudio</li>
          </ul>
        </article>
      </div>

      <p class="hf-emp-abono-note hf-emp-reveal">Los honorarios de cada plan se cotizan según el tamaño de tu empresa. Pedí la propuesta y la recibís por email en el día.</p>

      <div class="hf-emp-abono-cta hf-emp-reveal">
        <!-- NOTA: este CTA puede apuntar alternativamente a un formulario HubSpot embebido. Dejar el link de WhatsApp como default. -->
        <a class="hf-emp-btn hf-emp-btn--amber" href="https://wa.me/543517724728?text=Hola,%20quiero%20recibir%20la%20propuesta%20del%20asesoramiento%20mensual%20para%20mi%20empresa" target="_blank" rel="noopener">
          <i data-lucide="message-circle"></i> Quiero recibir la propuesta
        </a>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 5 — POR PROYECTO ===================== -->
  <section class="hf-emp-section hf-emp-section--proyecto hf-emp-cream-bg">
    <div class="hf-emp-inner">
      <h2 class="hf-emp-h2 hf-emp-reveal">¿Necesitás algo puntual? También trabajamos por proyecto.</h2>
      <ul class="hf-emp-proyecto-list hf-emp-reveal">
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Constitución de SAS, SRL y SA</li>
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Modificaciones societarias y acuerdos de socios</li>
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Contratos comerciales y de servicios</li>
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Defensa en conciliaciones y demandas laborales</li>
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Términos y condiciones para venta online</li>
        <li><i data-lucide="check" style="width:20px;height:20px;"></i> Registro de marcas ante el INPI</li>
      </ul>
      <div class="hf-emp-proyecto-foot hf-emp-reveal">
        <a class="hf-emp-arrowlink hf-emp-arrowlink--amber" href="https://www.esderecho.com.ar/area/propiedad-intelectual/">
          ¿Tu tema es de propiedad intelectual? Conocé el área <i data-lucide="arrow-right" style="width:18px;height:18px;"></i>
        </a>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 6 — POR QUÉ H&F ===================== -->
  <section class="hf-emp-section hf-emp-white-bg">
    <div class="hf-emp-inner">
      <div class="hf-emp-stats">
        <div class="hf-emp-stat hf-emp-reveal">
          <div class="hf-emp-stat-num">+10 años</div>
          <p class="hf-emp-stat-text">asesorando empresas cordobesas, del primer empleado a la primera sucursal.</p>
        </div>
        <div class="hf-emp-stat hf-emp-reveal">
          <div class="hf-emp-stat-num">24 hs</div>
          <p class="hf-emp-stat-text">de tiempo máximo de respuesta para clientes con abono mensual. Está en el contrato.</p>
        </div>
        <div class="hf-emp-stat hf-emp-reveal">
          <div class="hf-emp-stat-num">1 estudio</div>
          <p class="hf-emp-stat-text">para todo: lo societario, lo laboral, los contratos y las marcas. Sin derivarte a terceros.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 7 — FAQ ===================== -->
  <section class="hf-emp-section hf-emp-cream-bg">
    <div class="hf-emp-inner">
      <div class="hf-emp-faq-head hf-emp-reveal">
        <h2 class="hf-emp-h2">Preguntas que nos hacen los dueños de pymes</h2>
      </div>
      <div class="hf-emp-faq hf-emp-reveal">
        <div class="hf-emp-faq-item">
          <button class="hf-emp-faq-q" aria-expanded="false">
            ¿Qué incluye exactamente el asesoramiento mensual?
            <i class="hf-emp-faq-chev" data-lucide="chevron-down"></i>
          </button>
          <div class="hf-emp-faq-a"><div class="hf-emp-faq-a-inner">El asesoramiento mensual incluye consultas ilimitadas, revisión de contratos, prevención laboral y respuesta garantizada en 24 horas hábiles, con alcances que varían según el plan. Los juicios y trámites complejos se cotizan aparte, siempre con precio acordado antes de empezar.</div></div>
        </div>
        <div class="hf-emp-faq-item">
          <button class="hf-emp-faq-q" aria-expanded="false">
            ¿Por qué contratar un abogado mensual si ya tengo contador?
            <i class="hf-emp-faq-chev" data-lucide="chevron-down"></i>
          </button>
          <div class="hf-emp-faq-a"><div class="hf-emp-faq-a-inner">El contador y el abogado cumplen funciones distintas y complementarias. El contador gestiona lo que ya ocurrió —impuestos, sueldos, balances—, mientras que el abogado preventivo trabaja sobre lo que puede ocurrir: contratos, conflictos con empleados o socios, y la estructura legal del negocio.</div></div>
        </div>
        <div class="hf-emp-faq-item">
          <button class="hf-emp-faq-q" aria-expanded="false">
            ¿Mi empresa es muy chica para esto?
            <i class="hf-emp-faq-chev" data-lucide="chevron-down"></i>
          </button>
          <div class="hf-emp-faq-a"><div class="hf-emp-faq-a-inner">Si tenés al menos un empleado o firmás contratos con clientes y proveedores, ya tenés riesgo legal que conviene ordenar. El plan inicial está pensado justamente para empresas chicas que quieren prevenir sin pagar estructura de estudio grande.</div></div>
        </div>
        <div class="hf-emp-faq-item">
          <button class="hf-emp-faq-q" aria-expanded="false">
            ¿Atienden empresas de fuera de Córdoba?
            <i class="hf-emp-faq-chev" data-lucide="chevron-down"></i>
          </button>
          <div class="hf-emp-faq-a"><div class="hf-emp-faq-a-inner">Sí, asesoramos empresas de todo el país de forma remota. Las reuniones son virtuales, la firma de documentos es electrónica y los trámites ante organismos nacionales como el INPI no requieren presencia física.</div></div>
        </div>
        <div class="hf-emp-faq-item">
          <button class="hf-emp-faq-q" aria-expanded="false">
            ¿Qué pasa si tengo un juicio en curso?
            <i class="hf-emp-faq-chev" data-lucide="chevron-down"></i>
          </button>
          <div class="hf-emp-faq-a"><div class="hf-emp-faq-a-inner">Podemos tomar tu caso aunque ya esté iniciado. Evaluamos el estado del expediente, te damos un diagnóstico honesto de escenarios y te cotizamos la representación con honorarios claros antes de asumir la defensa.</div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===================== SECTION 8 — CTA FINAL ===================== -->
  <section class="hf-emp-section hf-emp-navy hf-emp-final">
    <div class="hf-emp-inner hf-emp-final-inner hf-emp-reveal">
      <h2 class="hf-emp-display hf-emp-final-title">Tu negocio crece mejor con las espaldas cubiertas.</h2>
      <p class="hf-emp-final-sub">Contanos de tu empresa. La primera conversación es sin cargo y sin compromiso.</p>
      <div class="hf-emp-final-cta">
        <a class="hf-emp-btn hf-emp-btn--amber" href="https://wa.me/543517724728" target="_blank" rel="noopener">
          <i data-lucide="message-circle"></i> Escribinos por WhatsApp
        </a>
        <a class="hf-emp-btn hf-emp-btn--ghost-light" href="https://meetings.hubspot.com/hflamenco-abogados" target="_blank" rel="noopener">
          <i data-lucide="calendar"></i> Agendá una reunión
        </a>
      </div>
    </div>
  </section>

</div>

<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<script>
(function () {
  // ---- Lucide icons ----
  function initIcons() {
    if (window.lucide && typeof window.lucide.createIcons === 'function') {
      window.lucide.createIcons();
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initIcons);
  } else {
    initIcons();
  }

  var root = document.currentScript && document.currentScript.previousElementSibling;
  // fallback: scope queries to the root block
  var block = document.querySelector('.hf-emp-root');
  if (!block) return;

  // ---- Scroll reveals (respeta prefers-reduced-motion) ----
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  var reveals = block.querySelectorAll('.hf-emp-reveal');
  if (reduce || !('IntersectionObserver' in window)) {
    reveals.forEach(function (el) { el.classList.add('hf-emp-in'); });
  } else {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('hf-emp-in');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
    reveals.forEach(function (el) { io.observe(el); });
  }

  // ---- FAQ accordion (accesible) ----
  var qs = block.querySelectorAll('.hf-emp-faq-q');
  qs.forEach(function (btn) {
    var panel = btn.nextElementSibling;
    btn.addEventListener('click', function () {
      var open = btn.getAttribute('aria-expanded') === 'true';
      // cerrar los demás
      qs.forEach(function (other) {
        if (other !== btn) {
          other.setAttribute('aria-expanded', 'false');
          var op = other.nextElementSibling;
          if (op) op.style.maxHeight = null;
        }
      });
      if (open) {
        btn.setAttribute('aria-expanded', 'false');
        panel.style.maxHeight = null;
      } else {
        btn.setAttribute('aria-expanded', 'true');
        panel.style.maxHeight = panel.scrollHeight + 'px';
      }
    });
  });
})();
</script>

</body></head></html><p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-empresario/">Derecho empresario</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Derecho Penal</title>
		<link>https://www.esderecho.com.ar/area/derecho-penal/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 03:59:30 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7439</guid>

					<description><![CDATA[<p>Derecho Penal Cuando lo que está en juego es tu libertad, necesitás a alguien que te defienda de verdad. Trabajamos tanto en la defensa de quienes están imputados como en la representación de víctimas. En los dos casos, te acompañamos desde el primer momento con claridad, estrategia y compromiso. Consultanos ahora Conocé el estudio Cómo...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-penal/">Derecho Penal</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================= -->
<!--  HERRERA & FLAMENCO ABOGADOS — SECCIÓN DERECHO PENAL          -->
<!--  Bloque HTML embeddable (pegar en bloque "HTML personalizado" -->
<!--  de WordPress). Sin <html>/<head>/<body>.                     -->
<!--                                                               -->
<!--  IMÁGENES: reemplazá los src de cada <img /> (están marcados      -->
<!--  con un comentario IMAGEN ...) por las URLs definitivas        -->
<!--  subidas a la biblioteca de medios de WordPress.              -->
<!-- ============================================================= -->

<style>
/* ---- Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700&display=swap');

/* ---- Tokens (scoped) ---- */
.hfp {
  --navy-900: #0B2231;
  --navy-800: #143A52;
  --navy-700: #1B4A66;
  --amber-600: #D08F38;
  --amber-500: #E8A24A;
  --amber-400: #F0B770;
  --white: #FFFFFF;
  --paper: #FBFBFA;
  --fog:   #E5E7EA;
  --slate: #6B7681;
  --ink:   #1A2530;

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-caps: 'Montserrat', 'Inter', sans-serif;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --maxw: 1180px;

  font-family: var(--font-sans);
  color: var(--ink);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.hfp *, .hfp *::before, .hfp *::after { box-sizing: border-box; }
.hfp img { display: block; max-width: 100%; }

/* ---- Shared atoms ---- */
.hfp__wrap { max-width: var(--maxw); margin: 0 auto; padding-left: 24px; padding-right: 24px; }

.hfp__eyebrow {
  font-family: var(--font-caps);
  font-weight: 700;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--amber-500);
  margin: 0 0 18px;
}

.hfp__h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(2rem, 4.4vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--navy-800);
  margin: 0;
}

.hfp__lead {
  font-size: clamp(1.0625rem, 1.6vw, 1.1875rem);
  line-height: 1.7;
  color: var(--slate);
}

/* ---- Buttons ---- */
.hfp__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  border-radius: 4px;
  border: 1.5px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .15s var(--ease), color .15s var(--ease),
              border-color .15s var(--ease), transform .15s var(--ease),
              box-shadow .15s var(--ease);
}
.hfp__btn svg { width: 19px; height: 19px; }

.hfp__btn--amber {
  background: var(--amber-500);
  color: var(--navy-900);
  box-shadow: 0 1px 2px rgba(20,58,82,0.12);
}
.hfp__btn--amber:hover { background: var(--amber-600); box-shadow: 0 8px 24px rgba(20,58,82,0.18); }
.hfp__btn--amber:active { transform: translateY(1px); }

.hfp__btn--ghost {
  background: transparent;
  color: var(--navy-800);
  border-color: var(--navy-800);
}
.hfp__btn--ghost:hover { background: var(--navy-700); color: var(--white); border-color: var(--navy-700); }
.hfp__btn--ghost:active { transform: translateY(1px); }

/* ============================================================= */
/*  BLOQUE 1 — HERO                                              */
/* ============================================================= */
.hfp__hero { background: var(--paper); }
.hfp__hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.hfp__hero-copy { max-width: 620px; }
.hfp__hero-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.35rem, 5vw, 3.85rem);
  line-height: 1.04;
  letter-spacing: -0.015em;
  color: var(--navy-800);
  margin: 0 0 24px;
  text-wrap: balance;
}
.hfp__hero-lead { margin: 0 0 36px; }
.hfp__cta-row { display: flex; flex-wrap: wrap; gap: 14px; }

/* IMAGEN HERO */
.hfp__hero-media {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: 12px;
  overflow: hidden;
  background: var(--navy-800);
  box-shadow: 0 24px 64px rgba(20,58,82,0.20), 0 6px 16px rgba(20,58,82,0.08);
}
.hfp__hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* ============================================================= */
/*  BLOQUE 2 — DOS ROLES                                         */
/* ============================================================= */
.hfp__roles { background: var(--navy-800); }
.hfp__roles-inner { padding-top: 80px; padding-bottom: 80px; }
.hfp__roles .hfp__h2 { color: var(--white); }
.hfp__roles-head { max-width: 640px; margin-bottom: 48px; }
.hfp__cards-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.hfp__role-card {
  background: var(--navy-900);
  border: 1px solid rgba(232,162,74,0.22);
  border-radius: 12px;
  padding: 36px 32px;
}
.hfp__role-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: rgba(232,162,74,0.12);
  color: var(--amber-500);
  margin-bottom: 22px;
}
.hfp__role-ico svg { width: 28px; height: 28px; }
.hfp__role-card h3 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.15;
  color: var(--white);
  margin: 0 0 14px;
}
.hfp__role-card p {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: rgba(255,255,255,0.74);
}

/* ============================================================= */
/*  BLOQUE 3 — SERVICIOS                                         */
/* ============================================================= */
.hfp__services { background: var(--paper); }
.hfp__services-inner { padding-top: 80px; padding-bottom: 80px; }
.hfp__services-head { max-width: 640px; margin-bottom: 48px; }
.hfp__svc-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.hfp__svc-item {
  display: flex;
  align-items: center;
  gap: 18px;
  background: var(--white);
  border: 1px solid var(--fog);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 1px 2px rgba(20,58,82,0.06);
  transition: box-shadow .2s var(--ease), transform .2s var(--ease), border-color .2s var(--ease);
}
.hfp__svc-item:hover {
  box-shadow: 0 8px 24px rgba(20,58,82,0.12);
  transform: translateY(-2px);
  border-color: rgba(232,162,74,0.4);
}
.hfp__svc-ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--amber-500);
}
.hfp__svc-ico svg { width: 28px; height: 28px; stroke-width: 1.75; }
.hfp__svc-item span {
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 1.35;
  color: var(--navy-800);
}

/* ============================================================= */
/*  BLOQUE 4 — POR QUÉ ELEGIRNOS                                 */
/* ============================================================= */
.hfp__why { background: var(--white); }
.hfp__why-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 44px;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
/* IMAGEN POR QUÉ */
.hfp__why-media {
  aspect-ratio: 4 / 5;
  border-radius: 12px;
  overflow: hidden;
  background: var(--navy-800);
  box-shadow: 0 24px 64px rgba(20,58,82,0.18);
}
.hfp__why-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hfp__why-copy { max-width: 580px; }
.hfp__why-list { list-style: none; margin: 32px 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.hfp__why-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--ink);
}
.hfp__why-list svg { flex: 0 0 auto; width: 24px; height: 24px; color: var(--amber-500); margin-top: 1px; }

/* ============================================================= */
/*  BLOQUE 5 — FAQ                                               */
/* ============================================================= */
.hfp__faq { background: var(--paper); }
.hfp__faq-inner { padding-top: 80px; padding-bottom: 80px; }
.hfp__faq-head { max-width: 700px; margin: 0 auto 48px; text-align: center; }
.hfp__faq-list { max-width: 820px; margin: 0 auto; }
.hfp__faq-item {
  border-bottom: 1px solid var(--fog);
}
.hfp__faq-item:first-child { border-top: 1px solid var(--fog); }
.hfp__faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 28px 8px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(1.25rem, 2.4vw, 1.5rem);
  line-height: 1.25;
  color: var(--navy-800);
}
.hfp__faq-q:hover { color: var(--navy-700); }
.hfp__faq-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  color: var(--amber-500);
  transition: transform .25s var(--ease);
}
.hfp__faq-chevron svg { width: 24px; height: 24px; }
.hfp__faq-item.open .hfp__faq-chevron { transform: rotate(180deg); }
.hfp__faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s var(--ease);
}
.hfp__faq-a-inner {
  padding: 0 8px 28px;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--slate);
  max-width: 720px;
}

/* ============================================================= */
/*  BLOQUE 6 — CTA FINAL                                         */
/* ============================================================= */
.hfp__cta { background: var(--navy-800); }
.hfp__cta-inner {
  padding-top: 88px;
  padding-bottom: 88px;
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}
.hfp__cta .hfp__eyebrow { color: var(--amber-400); }
.hfp__cta-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--white);
  margin: 0 0 20px;
  text-wrap: balance;
}
.hfp__cta-lead {
  font-size: 1.1875rem;
  line-height: 1.65;
  color: rgba(255,255,255,0.82);
  margin: 0 auto 36px;
  max-width: 560px;
}
.hfp__cta-note {
  margin: 26px 0 0;
  font-size: 0.9375rem;
  color: rgba(255,255,255,0.6);
}
.hfp__cta-note a { color: rgba(255,255,255,0.8); text-decoration: underline; text-underline-offset: 3px; }
.hfp__cta-note a:hover { color: var(--amber-400); }

/* ============================================================= */
/*  RESPONSIVE                                                   */
/* ============================================================= */
@media (max-width: 767px) {
  .hfp__wrap { padding-left: 20px; padding-right: 20px; }
  .hfp__hero-inner,
  .hfp__roles-inner,
  .hfp__services-inner,
  .hfp__why-inner,
  .hfp__faq-inner { padding-top: 48px; padding-bottom: 48px; }
  .hfp__cta-inner { padding-top: 56px; padding-bottom: 56px; }
  .hfp__cta-row .hfp__btn { width: 100%; justify-content: center; }
}

/* Tablet: 2-col services + roles */
@media (min-width: 600px) {
  .hfp__svc-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 700px) {
  .hfp__cards-2 { grid-template-columns: 1fr 1fr; }
}

/* Desktop */
@media (min-width: 980px) {
  .hfp__hero-inner { grid-template-columns: 55% 45%; gap: 56px; }
  .hfp__svc-grid { grid-template-columns: repeat(3, 1fr); }
  .hfp__why-inner { grid-template-columns: 45% 55%; gap: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .hfp *, .hfp *::before, .hfp *::after { transition: none !important; }
}
</style>

<div class="hfp">

  <!-- ===================== BLOQUE 1 — HERO ===================== -->
  <section class="hfp__hero">
    <div class="hfp__wrap hfp__hero-inner">
      <div class="hfp__hero-copy">
        <p class="hfp__eyebrow">Derecho Penal</p>
        <h1 class="hfp__hero-title">Cuando lo que está en juego es tu libertad, necesitás a alguien que te defienda de verdad.</h1>
        <p class="hfp__lead hfp__hero-lead">Trabajamos tanto en la defensa de quienes están imputados como en la representación de víctimas. En los dos casos, te acompañamos desde el primer momento con claridad, estrategia y compromiso.</p>
        <div class="hfp__cta-row">
          <a class="hfp__btn hfp__btn--amber" href="https://wa.me/543517724728"><i data-lucide="message-circle"></i>Consultanos ahora</a>
          <a class="hfp__btn hfp__btn--ghost" href="https://www.esderecho.com.ar/nosotros/">Conocé el estudio</a>
        </div>
      </div>
      <!-- IMAGEN HERO — reemplazar src por la URL definitiva en WordPress -->
      <div class="hfp__hero-media hero-image">
        <img decoding="async" src="https://www.esderecho.com.ar/wp-content/uploads/2026/06/penal2hf.jpg" alt="Los abogados de Herrera &amp; Flamenco frente al Palacio de Justicia de Córdoba"/>
      </div>
    </div>
  </section>

  <!-- ===================== BLOQUE 2 — DOS ROLES ===================== -->
  <section class="hfp__roles">
    <div class="hfp__wrap hfp__roles-inner">
      <div class="hfp__roles-head">
        <p class="hfp__eyebrow">Cómo trabajamos</p>
        <h2 class="hfp__h2">Dos roles. Un mismo compromiso.</h2>
      </div>
      <div class="hfp__cards-2">
        <article class="hfp__role-card">
          <span class="hfp__role-ico"><i data-lucide="shield"></i></span>
          <h3>Defensa penal</h3>
          <p>Si estás imputado o procesado, tenés derecho a una defensa sólida desde el primer momento. Analizamos tu caso, te explicamos exactamente en qué estás y construimos la mejor estrategia procesal posible.</p>
        </article>
        <article class="hfp__role-card">
          <span class="hfp__role-ico"><i data-lucide="users"></i></span>
          <h3>Representación de víctimas</h3>
          <p>Si fuiste víctima de un delito, podemos representarte como querellante particular o actor civil. No tenés que enfrentar el proceso solo: te acompañamos en cada etapa.</p>
        </article>
      </div>
    </div>
  </section>

  <!-- ===================== BLOQUE 3 — SERVICIOS ===================== -->
  <section class="hfp__services">
    <div class="hfp__wrap hfp__services-inner">
      <div class="hfp__services-head">
        <p class="hfp__eyebrow">Lo que hacemos</p>
        <h2 class="hfp__h2">Nuestros servicios en materia penal</h2>
      </div>
      <div class="hfp__svc-grid">
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="shield-check"></i></span><span>Defensas penales</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="briefcase"></i></span><span>Derecho penal económico</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="file-text"></i></span><span>Denuncias y querellas</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="scale"></i></span><span>Constitución de querellante particular</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="landmark"></i></span><span>Actor civil en sede penal</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="search"></i></span><span>Consulta y seguimiento de causas</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="arrow-up-circle"></i></span><span>Recursos e impugnaciones</span></div>
        <div class="hfp__svc-item"><span class="hfp__svc-ico"><i data-lucide="alert-triangle"></i></span><span>Medidas cautelares y excarcelaciones</span></div>
      </div>
    </div>
  </section>

  <!-- ===================== BLOQUE 4 — POR QUÉ ELEGIRNOS ===================== -->
  <section class="hfp__why">
    <div class="hfp__wrap hfp__why-inner">
      <!-- IMAGEN POR QUÉ — reemplazar src por la URL definitiva en WordPress -->
      <div class="hfp__why-media why-image">
        <img decoding="async" src="https://www.esderecho.com.ar/wp-content/uploads/2026/06/estudio.jpg" alt="Consulta en el estudio de Herrera &amp; Flamenco Abogados"/>
      </div>
      <div class="hfp__why-copy">
        <p class="hfp__eyebrow">Por qué elegirnos</p>
        <h2 class="hfp__h2">Claridad en el momento más difícil.</h2>
        <ul class="hfp__why-list">
          <li><i data-lucide="check-circle"></i><span>Te explicamos tu situación real, sin rodeos ni tecnicismos.</span></li>
          <li><i data-lucide="check-circle"></i><span>Respondemos rápido: sabemos que en penal el tiempo importa.</span></li>
          <li><i data-lucide="check-circle"></i><span>Estrategia clara desde el primer contacto.</span></li>
          <li><i data-lucide="check-circle"></i><span>Experiencia en causas penales en tribunales de Córdoba.</span></li>
        </ul>
        <a class="hfp__btn hfp__btn--amber" href="https://wa.me/543517724728"><i data-lucide="message-circle"></i>Hablá con nosotros</a>
      </div>
    </div>
  </section>

  <!-- ===================== BLOQUE 5 — FAQ ===================== -->
  <section class="hfp__faq">
    <div class="hfp__wrap hfp__faq-inner">
      <div class="hfp__faq-head">
        <p class="hfp__eyebrow">Preguntas frecuentes</p>
        <h2 class="hfp__h2">Lo que nos preguntan sobre casos penales</h2>
      </div>
      <div class="hfp__faq-list">

        <div class="hfp__faq-item">
          <button class="hfp__faq-q" type="button" aria-expanded="false">
            <span>¿Qué hago si me citaron a declarar en una causa penal?</span>
            <span class="hfp__faq-chevron"><i data-lucide="chevron-down"></i></span>
          </button>
          <div class="hfp__faq-a">
            <div class="hfp__faq-a-inner">Si te citaron a declarar en una causa penal, lo primero es consultar con un abogado antes de presentarte: tenés derecho a ser asesorado previamente y a no declarar contra vos mismo. En H&amp;F te ayudamos a entender qué significa esa citación, qué riesgos implica y cómo preparar tu presentación.</div>
          </div>
        </div>

        <div class="hfp__faq-item">
          <button class="hfp__faq-q" type="button" aria-expanded="false">
            <span>¿Cuál es la diferencia entre imputado y procesado?</span>
            <span class="hfp__faq-chevron"><i data-lucide="chevron-down"></i></span>
          </button>
          <div class="hfp__faq-a">
            <div class="hfp__faq-a-inner">Imputado es quien está bajo investigación sin que todavía se haya resuelto su situación procesal; procesado es quien ya recibió un auto de procesamiento del juez, lo que implica mayor avance en la causa. En ambos casos tenés derecho a defensa desde el primer momento.</div>
          </div>
        </div>

        <div class="hfp__faq-item">
          <button class="hfp__faq-q" type="button" aria-expanded="false">
            <span>¿Puedo hacer una denuncia penal si fui víctima de un delito?</span>
            <span class="hfp__faq-chevron"><i data-lucide="chevron-down"></i></span>
          </button>
          <div class="hfp__faq-a">
            <div class="hfp__faq-a-inner">Sí, podés hacer una denuncia penal si fuiste víctima de un delito, y además podés constituirte como querellante particular para participar activamente en la causa. En H&amp;F te asesoramos sobre si conviene denunciar, ante qué fuero y qué pasos seguir.</div>
          </div>
        </div>

        <div class="hfp__faq-item">
          <button class="hfp__faq-q" type="button" aria-expanded="false">
            <span>¿Qué es una excarcelación y cuándo se puede pedir?</span>
            <span class="hfp__faq-chevron"><i data-lucide="chevron-down"></i></span>
          </button>
          <div class="hfp__faq-a">
            <div class="hfp__faq-a-inner">Una excarcelación es la libertad provisional de alguien detenido mientras continúa el proceso penal; se puede pedir cuando no existe riesgo de fuga ni de entorpecimiento de la investigación. Analizamos cada caso para determinar si corresponde solicitarla y con qué fundamentos.</div>
          </div>
        </div>

        <div class="hfp__faq-item">
          <button class="hfp__faq-q" type="button" aria-expanded="false">
            <span>¿Cuánto tarda un proceso penal en Córdoba?</span>
            <span class="hfp__faq-chevron"><i data-lucide="chevron-down"></i></span>
          </button>
          <div class="hfp__faq-a">
            <div class="hfp__faq-a-inner">Un proceso penal en Córdoba puede durar desde pocos meses (en casos simples o con acuerdo abreviado) hasta varios años en causas complejas. La duración depende del tipo de delito, la etapa procesal y la carga del tribunal; te explicamos el panorama real de tu caso en la primera consulta.</div>
          </div>
        </div>

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

  <!-- ===================== BLOQUE 6 — CTA FINAL ===================== -->
  <section class="hfp__cta">
    <div class="hfp__wrap hfp__cta-inner">
      <p class="hfp__eyebrow">Contacto</p>
      <h2 class="hfp__cta-title">Si estás enfrentando una causa penal, no esperes. Cada hora cuenta.</h2>
      <p class="hfp__cta-lead">Consultanos hoy por WhatsApp. Te respondemos en menos de 30 minutos en horario hábil.</p>
      <a class="hfp__btn hfp__btn--amber" href="https://wa.me/543517724728"><i data-lucide="message-circle"></i>Escribinos por WhatsApp</a>
      <p class="hfp__cta-note">También podés escribirnos a <a class="hfp__mail" href="#">nuestro correo</a></p>

    </div>
  </section>

</div>

<!-- Lucide Icons -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<script>
(function () {
  function initPenal() {
    /* Iconos Lucide */
    if (window.lucide && typeof window.lucide.createIcons === 'function') {
      window.lucide.createIcons();
    }

    /* Acordeón FAQ */
    var items = document.querySelectorAll('.hfp__faq-item');
    items.forEach(function (item) {
      var btn = item.querySelector('.hfp__faq-q');
      var panel = item.querySelector('.hfp__faq-a');
      btn.addEventListener('click', function () {
        var isOpen = item.classList.contains('open');
        /* Cerrar todos */
        items.forEach(function (other) {
          other.classList.remove('open');
          other.querySelector('.hfp__faq-q').setAttribute('aria-expanded', 'false');
          other.querySelector('.hfp__faq-a').style.maxHeight = null;
        });
        /* Abrir el clickeado (toggle) */
        if (!isOpen) {
          item.classList.add('open');
          btn.setAttribute('aria-expanded', 'true');
          panel.style.maxHeight = panel.scrollHeight + 'px';
        }
      });
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPenal);
  } else {
    initPenal();
  }
})();
</script>
</body></head></html><p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-penal/">Derecho Penal</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Derecho Civil</title>
		<link>https://www.esderecho.com.ar/area/derecho-civil/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 02:53:55 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7436</guid>

					<description><![CDATA[<p>Derecho Civil · Herrera &#38; Flamenco Cuando algo tuyo está en juego, necesitás claridad y alguien que te defienda. Asesoramiento en todas las materias del derecho privado: patrimonial, contractual, inmobiliario y más. Trabajamos en forma preventiva o resolviendo conflictos, judicial o extrajudicialmente. Consultá tu caso Ver cómo trabajamos Asesoramiento preventivo y litigioso Más de 10...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-civil/">Derecho Civil</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<meta charset="utf-8"/>
<!-- ============================================================
     HERRERA & FLAMENCO ABOGADOS — Landing Derecho Civil
     Código embebible en WordPress. Autónomo: no incluye
     <html>/<head>/<body>. Todo el CSS está scopeado bajo .hfc
     para no afectar al tema de WordPress.
     ============================================================ -->

<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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&#038;family=Inter:wght@400;500;600&#038;family=Montserrat:wght@600&#038;display=swap" rel="stylesheet"/>
<script src="https://unpkg.com/lucide@latest"></script>

<style>
/* ====================  TOKENS + RESET (scopeado a .hfc)  ==================== */
.hfc {
  --navy: #143A52;
  --navy-900: #0B2231;
  --navy-700: #1B4A66;
  --amber: #E8A24A;
  --amber-600: #D08F38;
  --amber-soft: #F0B770;
  --cream: #F5F1EA;
  --paper: #EDE8DF;
  --white: #FFFFFF;
  --text: #1A1A1A;
  --slate: #5E6770;
  --fog: #E1DCD2;

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --caps: 'Montserrat', var(--sans);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --maxw: 1180px;

  font-family: var(--sans);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.hfc, .hfc *, .hfc *::before, .hfc *::after { box-sizing: border-box; }
.hfc p, .hfc h1, .hfc h2, .hfc h3, .hfc h4, .hfc ul, .hfc li, .hfc figure { margin: 0; padding: 0; }
.hfc ul { list-style: none; }
.hfc img { display: block; max-width: 100%; }
.hfc a { color: inherit; text-decoration: none; }
.hfc i[data-lucide] { display: inline-flex; }
.hfc svg { display: block; }

/* ====================  LAYOUT HELPERS  ==================== */
.hfc .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
.hfc .section { padding: 72px 0; }
.hfc .eyebrow {
  font-family: var(--caps);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 18px;
}
.hfc .ph { color: var(--amber); font-weight: 600; }
.hfc .img-ph {
  border: 2px dashed var(--amber);
  background: var(--paper);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  font-size: 0.82rem;
  color: var(--slate);
  font-style: italic;
}

/* Display headings */
.hfc h1, .hfc h2, .hfc h3 { font-family: var(--serif); font-weight: 600; line-height: 1.06; letter-spacing: -0.01em; }
.hfc h2.disp { font-size: clamp(2rem, 4.2vw, 3.1rem); font-weight: 600; }
.hfc h3.disp { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.hfc .lead { font-size: 1.08rem; line-height: 1.65; color: var(--slate); }

/* ====================  BUTTONS  ==================== */
.hfc .btn {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--sans); font-weight: 600; font-size: 0.98rem; line-height: 1;
  padding: 15px 26px; border-radius: 4px; border: 0; cursor: pointer;
  transition: background-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease), color .15s var(--ease);
}
.hfc .btn i[data-lucide] { width: 18px; height: 18px; }
.hfc .btn-navy { background: var(--navy); color: var(--white); box-shadow: 0 1px 2px rgba(20,58,82,.18); }
.hfc .btn-navy:hover { background: var(--navy-700); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(20,58,82,.22); }
.hfc .btn-navy:active { transform: translateY(0); }
.hfc .btn-amber { background: var(--amber); color: var(--white); box-shadow: 0 1px 2px rgba(20,58,82,.14); }
.hfc .btn-amber:hover { background: var(--amber-soft); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(232,162,74,.30); }
.hfc .btn-amber:active { background: var(--amber-600); transform: translateY(0); }
.hfc .link-amber {
  display: inline-flex; align-items: center; gap: 7px;
  font-weight: 600; color: var(--amber); font-size: 0.98rem;
  transition: gap .2s var(--ease), color .15s var(--ease);
}
.hfc .link-amber i[data-lucide] { width: 17px; height: 17px; }
.hfc .link-amber:hover { color: var(--amber-600); gap: 12px; }

/* ====================  1. HERO  ==================== */
.hfc .hero { background: var(--cream); }
.hfc .hero-grid {
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center;
  padding: 84px 0 88px;
}
.hfc .hero h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 600; color: var(--navy); margin: 0 0 22px; }
.hfc .hero h1 em { font-style: italic; color: var(--amber); font-weight: 600; }
.hfc .hero .lead { max-width: 36ch; margin-bottom: 32px; }
.hfc .hero-cta { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.hfc .hero-figure {
  border-radius: 12px; overflow: hidden; box-shadow: 0 24px 64px rgba(20,58,82,.20), 0 6px 16px rgba(20,58,82,.08);
  aspect-ratio: 4 / 3; background: var(--paper);
}
.hfc .hero-figure img { width: 100%; height: 100%; object-fit: cover; }

/* ====================  2. CREDIBILITY BAR  ==================== */
.hfc .cred { background: var(--navy); color: var(--white); }
.hfc .cred-row {
  display: flex; align-items: center; justify-content: center; gap: 0;
  padding: 30px 0; text-align: center; flex-wrap: wrap;
}
.hfc .cred-item {
  display: flex; align-items: center; gap: 12px;
  padding: 6px 36px; font-size: 1rem; font-weight: 500; color: rgba(255,255,255,.92);
}
.hfc .cred-item i[data-lucide] { width: 20px; height: 20px; color: var(--amber); flex: none; }
.hfc .cred-item + .cred-item { border-left: 1px solid var(--amber); }

/* ====================  3. SITUATIONS GRID  ==================== */
.hfc .situations { background: var(--white); }
.hfc .sec-head { max-width: 60ch; margin-bottom: 48px; }
.hfc .sec-head h2 { color: var(--navy); margin-bottom: 16px; }
.hfc .cards {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.hfc .card {
  background: var(--white); border: 1px solid var(--fog); border-radius: 12px;
  padding: 30px 28px; display: flex; flex-direction: column; gap: 13px;
  box-shadow: 0 1px 2px rgba(20,58,82,.05);
  transition: transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);
}
.hfc .card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(20,58,82,.13); border-color: var(--amber); }
.hfc .card-ico {
  width: 50px; height: 50px; border-radius: 10px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--cream); color: var(--navy);
}
.hfc .card-ico i[data-lucide] { width: 25px; height: 25px; }
.hfc .card h4 { font-family: var(--serif); font-size: 1.42rem; font-weight: 600; color: var(--navy); line-height: 1.15; }
.hfc .card p { font-size: 0.95rem; color: var(--slate); line-height: 1.55; flex: 1; }
.hfc .card .link-amber { margin-top: 4px; }

/* ====================  4. PROCESS  ==================== */
.hfc .process { background: var(--white); border-top: 1px solid var(--fog); }
.hfc .process .sec-head { text-align: center; margin: 0 auto 56px; }
.hfc .process h2 { color: var(--navy); }
.hfc .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; }
.hfc .steps::before {
  content: ""; position: absolute; top: 30px; left: 12%; right: 12%; height: 2px;
  background: linear-gradient(90deg, var(--amber) 0%, var(--amber) 100%); opacity: .35; z-index: 0;
}
.hfc .step { position: relative; z-index: 1; }
.hfc .step-num {
  font-family: var(--serif); font-size: 3.4rem; font-weight: 700; color: var(--amber);
  line-height: 1; margin-bottom: 14px; display: inline-block;
  background: var(--white); padding-right: 14px;
}
.hfc .step h4 { font-family: var(--serif); font-size: 1.32rem; font-weight: 600; color: var(--navy); margin-bottom: 9px; }
.hfc .step p { font-size: 0.93rem; color: var(--slate); line-height: 1.55; }

/* ====================  5. WHY H&F  ==================== */
.hfc .why { background: var(--cream); }
.hfc .why-grid { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 64px; align-items: start; }
.hfc .why h2 { color: var(--navy); }
.hfc .why-left .lead { margin-top: 22px; max-width: 30ch; }
.hfc .why-fig { margin-top: 32px; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 44px rgba(20,58,82,.16); }
.hfc .why-fig img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; }
.hfc .why-list { display: flex; flex-direction: column; gap: 4px; }
.hfc .why-item { display: flex; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--fog); }
.hfc .why-item:last-child { border-bottom: 0; }
.hfc .why-check {
  width: 30px; height: 30px; border-radius: 50%; flex: none; margin-top: 2px;
  display: flex; align-items: center; justify-content: center;
  background: var(--amber); color: var(--white);
}
.hfc .why-check i[data-lucide] { width: 17px; height: 17px; }
.hfc .why-item h4 { font-family: var(--serif); font-size: 1.4rem; font-weight: 600; color: var(--navy); margin-bottom: 5px; }
.hfc .why-item p { font-size: 0.97rem; color: var(--slate); line-height: 1.55; }

/* ====================  6. DIAGNOSIS CARD  ==================== */
.hfc .diag-wrap { background: var(--white); }
.hfc .diag {
  background: var(--amber); color: var(--navy); border-radius: 16px;
  padding: 60px 64px; display: grid; grid-template-columns: 1.4fr 0.6fr;
  gap: 48px; align-items: center;
}
.hfc .diag .eyebrow { color: var(--navy); opacity: .72; }
.hfc .diag h3 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); color: var(--navy); font-weight: 600; margin-bottom: 18px; }
.hfc .diag p { color: rgba(20,58,82,.86); font-size: 1.05rem; line-height: 1.6; max-width: 52ch; }
.hfc .diag-aside { text-align: left; }
.hfc .diag-price {
  font-size: 1.18rem; font-weight: 700; color: var(--navy); margin-bottom: 22px;
  font-family: var(--sans); border-top: 1px solid rgba(20,58,82,.22); padding-top: 22px;
}
.hfc .diag-price .ph { color: var(--white); background: rgba(20,58,82,.16); padding: 2px 8px; border-radius: 4px; }

/* ====================  8. FAQ  ==================== */
.hfc .faq { background: var(--white); }
.hfc .faq .sec-head { text-align: center; margin: 0 auto 40px; }
.hfc .faq h2 { color: var(--navy); }
.hfc .faq-list { max-width: 820px; margin: 0 auto; }
.hfc .faq-item { border-bottom: 1px solid var(--amber); }
.hfc .faq-q {
  width: 100%; background: none; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 26px 4px; text-align: left;
  font-family: var(--serif); font-size: 1.34rem; font-weight: 600; color: var(--navy); line-height: 1.25;
  transition: color .15s var(--ease);
}
.hfc .faq-q:hover { color: var(--amber-600); }
.hfc .faq-q i[data-lucide] { width: 22px; height: 22px; color: var(--amber); flex: none; transition: transform .28s var(--ease); }
.hfc .faq-item.open .faq-q i[data-lucide] { transform: rotate(180deg); }
.hfc .faq-a { max-height: 0; overflow: hidden; transition: max-height .32s var(--ease); }
.hfc .faq-a-inner { padding: 0 4px 26px; font-size: 1rem; color: var(--slate); line-height: 1.65; max-width: 70ch; }

/* ====================  9. CONTACT  ==================== */
.hfc .contact { background: var(--cream); }
.hfc .contact-grid { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: start; }
.hfc .contact h3 { color: var(--navy); margin-bottom: 16px; }
.hfc .contact-left .lead { margin-bottom: 32px; max-width: 36ch; }
.hfc .contact-data { display: flex; flex-direction: column; gap: 4px; }
.hfc .data-row { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--fog); }
.hfc .data-row:last-child { border-bottom: 0; }
.hfc .data-ico {
  width: 44px; height: 44px; border-radius: 10px; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--navy); color: var(--amber);
}
.hfc .data-ico i[data-lucide] { width: 21px; height: 21px; }
.hfc .data-row .lbl { font-family: var(--caps); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--slate); margin-bottom: 3px; }
.hfc .data-row .val { font-size: 1.04rem; font-weight: 500; color: var(--navy); }
.hfc a.data-row:hover .val { color: var(--amber-600); }
.hfc .contact-form {
  background: var(--white); border: 1px solid var(--fog); border-radius: 14px;
  padding: 38px 36px; box-shadow: 0 10px 30px rgba(20,58,82,.08);
}
.hfc .contact-form > .lbl-head { font-family: var(--serif); font-size: 1.5rem; font-weight: 600; color: var(--navy); margin-bottom: 6px; }
.hfc .contact-form > .sub-head { font-size: 0.95rem; color: var(--slate); margin-bottom: 24px; }
.hfc .form-note { margin-top: 18px; font-size: 0.82rem; font-style: italic; color: var(--slate); text-align: center; }

/* HubSpot form theming (scopeado) */
.hfc .hs-form-frame { font-family: var(--sans) !important; }

/* Manual fallback form fields (si HubSpot no carga, sirve de respaldo visual) */
.hfc .ff { display: flex; flex-direction: column; gap: 16px; }
.hfc .ff label { font-family: var(--caps); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate); margin-bottom: 6px; display: block; }
.hfc .ff input, .hfc .ff select, .hfc .ff textarea {
  width: 100%; font-family: var(--sans); font-size: 1rem; color: var(--text);
  background: var(--white); border: 1px solid var(--fog); border-radius: 4px; padding: 12px 14px;
  transition: border-color .15s, box-shadow .15s;
}
.hfc .ff input:focus, .hfc .ff select:focus, .hfc .ff textarea:focus {
  outline: none; border-color: var(--amber); box-shadow: 0 0 0 3px rgba(232,162,74,.28);
}
.hfc .ff textarea { resize: vertical; min-height: 110px; }
.hfc .ff .btn { width: 100%; justify-content: center; margin-top: 6px; }

/* ====================  SCROLL FADE-IN  ==================== */
.hfc .reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.hfc .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .hfc .reveal { opacity: 1; transform: none; transition: none; }
}

/* ====================  RESPONSIVE  ==================== */
@media (max-width: 980px) {
  .hfc .hero-grid { grid-template-columns: 1fr; gap: 36px; padding: 56px 0 64px; }
  .hfc .hero-figure { order: -1; }
  .hfc .cards { grid-template-columns: repeat(2, 1fr); }
  .hfc .steps { grid-template-columns: repeat(2, 1fr); gap: 36px 28px; }
  .hfc .steps::before { display: none; }
  .hfc .why-grid { grid-template-columns: 1fr; gap: 40px; }
  .hfc .diag { grid-template-columns: 1fr; gap: 32px; padding: 44px 40px; }
  .hfc .contact-grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 620px) {
  .hfc .section { padding: 56px 0; }
  .hfc .wrap { padding: 0 20px; }
  .hfc .cred-row { flex-direction: column; gap: 0; padding: 22px 0; }
  .hfc .cred-item { padding: 14px 0; width: 100%; justify-content: center; }
  .hfc .cred-item + .cred-item { border-left: 0; border-top: 1px solid rgba(232,162,74,.4); }
  .hfc .cards { grid-template-columns: 1fr; }
  .hfc .steps { grid-template-columns: 1fr; gap: 28px; }
  .hfc .hero-cta { gap: 16px; }
  .hfc .hero-cta .btn { width: 100%; justify-content: center; }
  .hfc .diag { padding: 36px 26px; }
  .hfc .contact-form { padding: 28px 22px; }
}
</style>

<div class="hfc">

  <!-- ============ 1. HERO ============ -->
  <section class="hero">
    <div class="wrap hero-grid">
      <div class="hero-text reveal">
        <p class="eyebrow">Derecho Civil · Herrera &amp; Flamenco</p>
        <h1>Cuando algo tuyo está en juego, necesitás claridad y <em>alguien que te defienda</em>.</h1>
        <p class="lead">Asesoramiento en todas las materias del derecho privado: patrimonial, contractual, inmobiliario y más. Trabajamos en forma preventiva o resolviendo conflictos, judicial o extrajudicialmente.</p>
        <div class="hero-cta">
          <a href="#contacto" class="btn btn-navy">Consultá tu caso <i data-lucide="arrow-right"></i></a>
          <a href="#proceso" class="link-amber">Ver cómo trabajamos <i data-lucide="arrow-down"></i></a>
        </div>
      </div>
      <figure class="hero-figure reveal">
        <img decoding="async" src="https://www.esderecho.com.ar/wp-content/uploads/2026/05/dercivil.jpg" alt="Consulta y revisión de documentación en el estudio Herrera &amp; Flamenco"/>
      </figure>
    </div>
  </section>

  <!-- ============ 2. CREDIBILITY BAR ============ -->
  <section class="cred">
    <div class="wrap cred-row reveal">
      <div class="cred-item"><i data-lucide="shield-check"></i> Asesoramiento preventivo y litigioso</div>
      <div class="cred-item"><i data-lucide="map-pin"></i> Más de 10 años resolviendo casos en Córdoba</div>
      <div class="cred-item"><i data-lucide="clock"></i> Respuesta en menos de 30 minutos en horario hábil</div>
    </div>
  </section>

  <!-- ============ 3. SITUATIONS ============ -->
  <section class="section situations">
    <div class="wrap">
      <div class="sec-head reveal">
        <h2 class="disp">¿Cuál es tu situación?</h2>
        <p class="lead">Trabajamos en todas las materias del derecho civil. Si reconocés tu caso en alguna de estas situaciones, podemos ayudarte.</p>
      </div>
      <div class="cards">

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="scroll-text"></i></div>
          <h4>Herencias y sucesiones</h4>
          <p>Murió un familiar y hay bienes que ordenar. Te acompañamos desde la declaratoria hasta la escrituración.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="land-plot"></i></div>
          <h4>Inmuebles sin título / Usucapión</h4>
          <p>Ocupás un terreno hace años sin escritura. Podemos regularizar tu situación ante la justicia.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="key-round"></i></div>
          <h4>Desalojos y cobro de alquileres</h4>
          <p>Inquilino que no paga, que no se va o contrato vencido. Iniciamos el proceso con rapidez.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="shield-alert"></i></div>
          <h4>Daños y perjuicios / Accidentes</h4>
          <p>Sufriste un daño por culpa de otro. Analizamos tu caso y reclamamos lo que te corresponde.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="file-text"></i></div>
          <h4>Contratos y cartas documento</h4>
          <p>Necesitás redactar, revisar o impugnar un contrato o una carta documento.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="banknote"></i></div>
          <h4>Juicios ejecutivos y cobro de deudas</h4>
          <p>Tenés un pagaré, cheque o deuda impaga. O te están ejecutando y necesitás defensa.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="home"></i></div>
          <h4>Compraventa e inmuebles</h4>
          <p>Comprás o vendés una propiedad y necesitás revisión legal antes de firmar.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="heart-pulse"></i></div>
          <h4>Amparos de salud</h4>
          <p>Tu obra social o prepaga niega una cobertura. Hay herramientas legales para revertirlo rápido.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

        <article class="card reveal">
          <div class="card-ico"><i data-lucide="users"></i></div>
          <h4>Condominios y acciones posesorias</h4>
          <p>Conflictos entre copropietarios, límites de terreno, reivindicación de bienes.</p>
          <a href="#contacto" class="link-amber">Saber más <i data-lucide="arrow-right"></i></a>
        </article>

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

  <!-- ============ 4. PROCESS ============ -->
  <section class="section process" id="proceso">
    <div class="wrap">
      <div class="sec-head reveal">
        <h2 class="disp">De la consulta a la solución, sin vueltas.</h2>
      </div>
      <div class="steps">
        <div class="step reveal">
          <span class="step-num">01</span>
          <h4>Primer contacto</h4>
          <p>Escribinos por WhatsApp o completá el formulario. Respondemos en menos de 30 minutos en horario.</p>
        </div>
        <div class="step reveal">
          <span class="step-num">02</span>
          <h4>Diagnóstico inicial</h4>
          <p>Analizamos tu situación, te explicamos qué opciones tenés y te damos el precio del proceso. Sin letra chica.</p>
        </div>
        <div class="step reveal">
          <span class="step-num">03</span>
          <h4>Propuesta concreta</h4>
          <p>Recibís una propuesta con alcance, precio y plazo. Decidís con información completa, sin presión.</p>
        </div>
        <div class="step reveal">
          <span class="step-num">04</span>
          <h4>Avanzamos juntos</h4>
          <p>Si continuás, llevamos el caso con comunicación activa en cada etapa. Sabés siempre en qué estamos.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ============ 5. WHY H&F ============ -->
  <section class="section why">
    <div class="wrap why-grid">
      <div class="why-left reveal">
        <h2 class="disp">Un estudio que te habla claro desde el primer mensaje.</h2>
        <figure class="why-fig">
          <img decoding="async" src="https://www.esderecho.com.ar/wp-content/uploads/2026/05/carpeta.jpg" alt="Carpeta institucional de Herrera &amp; Flamenco Abogados"/>
        </figure>
      </div>
      <ul class="why-list reveal">
        <li class="why-item">
          <span class="why-check"><i data-lucide="check"></i></span>
          <div>
            <h4>Preventivos y litigiosos</h4>
            <p>Trabajamos antes del problema o cuando ya estalló. En ambos casos con criterio y estrategia.</p>
          </div>
        </li>
        <li class="why-item">
          <span class="why-check"><i data-lucide="check"></i></span>
          <div>
            <h4>Precio claro desde el inicio</h4>
            <p>Te damos el valor del honorario antes de empezar. Sin sorpresas en el camino.</p>
          </div>
        </li>
        <li class="why-item">
          <span class="why-check"><i data-lucide="check"></i></span>
          <div>
            <h4>Especialización real</h4>
            <p>Sucesiones, usucapión, desalojos, daños: no son áreas nuevas para nosotros. Hay trayectoria detrás.</p>
          </div>
        </li>
        <li class="why-item">
          <span class="why-check"><i data-lucide="check"></i></span>
          <div>
            <h4>Canal directo</h4>
            <p>Tenés acceso real a los abogados que llevan tu caso. No a un administrativo.</p>
          </div>
        </li>
      </ul>
    </div>
  </section>

  <!-- ============ 6. DIAGNOSIS CARD ============ -->
  <section class="section diag-wrap">
    <div class="wrap">
      <div class="diag reveal">
        <div class="diag-main">
          <p class="eyebrow">Primer paso</p>
          <h3>Consultá tu situación antes de tomar cualquier decisión.</h3>
          <p>En una primera reunión analizamos tu caso, te explicamos las opciones disponibles y te damos el precio del proceso completo. Sin compromisos, sin sorpresas.</p>
        </div>
        <div class="diag-aside">
          <p class="diag-price">Consulta inicial: $ 50.000 ARS</p>
          <a href="#contacto" class="btn btn-navy">Reservar consulta inicial <i data-lucide="arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>

  <!-- ============ 7. FAQ ============ -->
  <section class="section faq">
    <div class="wrap">
      <div class="sec-head reveal">
        <h2 class="disp">Preguntas frecuentes</h2>
      </div>
      <div class="faq-list reveal">

        <div class="faq-item">
          <button class="faq-q" type="button">¿Trabajan tanto en acuerdos extrajudiciales como en juicio? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Sí. En la mayoría de los casos analizamos primero si hay una vía extrajudicial más rápida y económica. Si no es posible o conveniente, vamos a juicio con estrategia clara.</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-q" type="button">¿Cuánto tarda una sucesión en Córdoba? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Entre 4 y 8 meses según complejidad. Lo que más demora es la declaratoria de herederos. En la consulta inicial te damos el plazo estimado para tu caso específico.</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-q" type="button">¿Puedo iniciar un desalojo si el contrato ya venció? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Sí. El vencimiento del contrato es causal suficiente para iniciar el proceso. También lo es la falta de pago. Analizamos cuál es la vía más rápida en tu caso.</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-q" type="button">¿Qué es la usucapión y si me aplica? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Es el reconocimiento judicial de la propiedad sobre un inmueble que ocupás de forma real y continua hace 20 años o más, sin título formal. Si es tu situación, podemos evaluar si tenés los requisitos.</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-q" type="button">¿Cómo se calcula el honorario? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Depende del tipo de asunto y su complejidad. Te damos el precio completo en la primera consulta, antes de que decidas si continuás.</div></div>
        </div>

        <div class="faq-item">
          <button class="faq-q" type="button">¿Atienden casos fuera de Córdoba? <i data-lucide="chevron-down"></i></button>
          <div class="faq-a"><div class="faq-a-inner">Principalmente trabajamos en Córdoba capital y provincia. Para casos en otras jurisdicciones lo evaluamos caso a caso.</div></div>
        </div>

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

  <!-- ============ 8. CONTACT ============ -->
  <section class="section contact" id="contacto">
    <div class="wrap contact-grid">
      <div class="contact-left reveal">
        <p class="eyebrow">Hablemos</p>
        <h3 class="disp">Contanos tu situación.</h3>
        <p class="lead">Respondemos en menos de 30 minutos en horario hábil. La consulta es confidencial.</p>
        <div class="contact-data">
          <a class="data-row" href="https://wa.me/5493517724728?text=Hola%2C%20quiero%20hacer%20una%20consulta%20de%20derecho%20civil." target="_blank" rel="noopener">
            <span class="data-ico"><i data-lucide="message-circle"></i></span>
            <span>
              <span class="lbl">WhatsApp / Teléfono</span>
              <span class="val">+54 9 351 772-4728</span>
            </span>
          </a>
          <a class="data-row" href="/cdn-cgi/l/email-protection#90f8f5e2e2f5e2f1f6fcf1fdf5fef3fff1f2fff7f1f4ffe3d0f7fdf1f9fcbef3fffd">
            <span class="data-ico"><i data-lucide="mail"></i></span>
            <span>
              <span class="lbl">Email</span>
              <span class="val"><span class="__cf_email__" data-cfemail="6d05081f1f081f0c0b010c0008030e020c0f020a0c09021e2d0a000c0401430e0200">[email&#160;protected]</span></span>
            </span>
          </a>
          <div class="data-row">
            <span class="data-ico"><i data-lucide="map-pin"></i></span>
            <span>
              <span class="lbl">Dirección</span>
              <span class="val">Arturo M. Bas 136, Piso 6 Of. C, Córdoba</span>
            </span>
          </div>
        </div>
      </div>

      <div class="contact-form reveal">
        <p class="lbl-head">Enviá tu consulta</p>
        <p class="sub-head">Completá tus datos y te contactamos a la brevedad.</p>
        <!-- Formulario HubSpot -->
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://js.hsforms.net/forms/embed/47990795.js" defer></script>
        <div class="hs-form-frame" data-region="na1" data-form-id="b7248f20-b81d-4708-8d72-c787ebafaae2" data-portal-id="47990795"></div>
        <p class="form-note">Tu información es confidencial y no se comparte con terceros.</p>
      </div>
    </div>
  </section>

</div>

<script>
(function () {
  var root = document.currentScript ? document.currentScript.previousElementSibling : null;
  // Buscar el contenedor .hfc de forma robusta
  var scope = document.querySelector('.hfc');
  if (!scope) return;

  /* ---- Lucide icons ---- */
  function drawIcons() {
    if (window.lucide && typeof window.lucide.createIcons === 'function') {
      window.lucide.createIcons();
    }
  }
  if (window.lucide) { drawIcons(); }
  else { window.addEventListener('load', drawIcons); setTimeout(drawIcons, 600); setTimeout(drawIcons, 1500); }

  /* ---- FAQ accordion ---- */
  scope.querySelectorAll('.faq-item').forEach(function (item) {
    var btn = item.querySelector('.faq-q');
    var panel = item.querySelector('.faq-a');
    btn.addEventListener('click', function () {
      var isOpen = item.classList.contains('open');
      // cerrar todos
      scope.querySelectorAll('.faq-item.open').forEach(function (o) {
        o.classList.remove('open');
        o.querySelector('.faq-a').style.maxHeight = null;
      });
      if (!isOpen) {
        item.classList.add('open');
        panel.style.maxHeight = panel.scrollHeight + 'px';
      }
    });
  });
  // recalcular alturas en resize
  window.addEventListener('resize', function () {
    scope.querySelectorAll('.faq-item.open').forEach(function (o) {
      var p = o.querySelector('.faq-a');
      p.style.maxHeight = p.scrollHeight + 'px';
    });
  });

  /* ---- Scroll fade-in ---- */
  var reveals = scope.querySelectorAll('.reveal');
  if ('IntersectionObserver' in window) {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
    reveals.forEach(function (el) { io.observe(el); });
  } else {
    reveals.forEach(function (el) { el.classList.add('in'); });
  }
})();
</script>

</body></head></html><p>La entrada <a href="https://www.esderecho.com.ar/area/derecho-civil/">Derecho Civil</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Derecho de Familia</title>
		<link>https://www.esderecho.com.ar/area/abogado-familia-cordoba/</link>
		
		<dc:creator><![CDATA[Dr. Emiliano Herrera]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 02:16:34 +0000</pubDate>
				<guid isPermaLink="false">https://www.esderecho.com.ar/?post_type=aeen_practice&#038;p=7434</guid>

					<description><![CDATA[<p>Abogado de familia en Córdoba — H&#38;F Familias &#124; Divorcio, alimentos, custodia H&#38;F Familias · Córdoba Cuando todo cambia, no tenés que enfrentarlo solo. Abogados de familia en Córdoba. Te respondemos por WhatsApp con el precio claro y un plan posible, antes de que pises el estudio. Escribinos por WhatsApp Llamar ahora Respondemos en menos...</p>
<p>La entrada <a href="https://www.esderecho.com.ar/area/abogado-familia-cordoba/">Derecho de Familia</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="es-AR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Abogado de familia en Córdoba — H&amp;F Familias | Divorcio, alimentos, custodia</title>
<meta name="description" content="Abogados de familia en Córdoba. Divorcio, cuota alimentaria, custodia y violencia familiar. Respondemos por WhatsApp en menos de 30 minutos, con precio claro desde el primer mensaje." />
<meta name="keywords" content="abogado divorcio Córdoba, abogado familia Córdoba, alimentos Córdoba, custodia hijos Córdoba, violencia familiar Córdoba" />
<meta property="og:title" content="H&amp;F Familias — Abogados de familia en Córdoba" />
<meta property="og:description" content="Cuando todo cambia, no tenés que enfrentarlo solo. Respuesta por WhatsApp en menos de 30 minutos." />
<meta property="og:type" content="website" />
<meta property="og:locale" content="es_AR" />

<!-- Schema.org LegalService -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LegalService",
  "name": "H&F Familias — Herrera & Flamenco Abogados",
  "description": "Servicios de derecho de familia: divorcios, alimentos, custodia y violencia familiar.",
  "areaServed": { "@type": "City", "name": "Córdoba, Argentina" },
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Córdoba",
    "addressRegion": "Córdoba",
    "addressCountry": "AR"
  },
  "telephone": "+54 351 772 4728",
  "url": "",
  "priceRange": "$$",
  "openingHours": "Mo-Fr 09:00-18:00",
  "sameAs": []
}
</script>

<!-- Tailwind (CDN) — keep for WordPress paste; brand styles below override where needed -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
  tailwind.config = {
    theme: {
      extend: {
        colors: {
          navy: { 900: '#0B2231', 800: '#143A52', 700: '#1B4A66', 600: '#2A5C7A' },
          amber:{ 600: '#D08F38', 500: '#E8A24A', 400: '#F0B770' },
          paper: '#FBFBFA',
          fog:   '#E5E7EA',
          slate1:'#6B7681',
          ink:   '#1A2530',
          wa:    '#25D366',
          waDk:  '#1FB257',
        },
        fontFamily: {
          serif: ['"Cormorant Garamond"', 'Georgia', 'serif'],
          sans:  ['Inter', 'system-ui', 'sans-serif'],
          caps:  ['Montserrat', 'Inter', 'sans-serif'],
        },
        boxShadow: {
          sm2: '0 1px 2px rgba(20,58,82,0.08), 0 1px 1px rgba(20,58,82,0.04)',
          md2: '0 8px 24px rgba(20,58,82,0.12), 0 2px 6px rgba(20,58,82,0.06)',
          lg2: '0 24px 64px rgba(20,58,82,0.20), 0 6px 16px rgba(20,58,82,0.08)',
          wa:  '0 12px 28px rgba(37,211,102,0.32)',
        }
      }
    }
  }
</script>

<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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&#038;family=Inter:wght@400;500;600;700&#038;family=Montserrat:wght@500;600;700&#038;display=swap" rel="stylesheet"/>

<style>
  :root{
    --navy-900:#0B2231; --navy-800:#143A52; --navy-700:#1B4A66; --navy-600:#2A5C7A;
    --amber-500:#E8A24A; --amber-400:#F0B770; --amber-600:#D08F38;
    --paper:#FBFBFA; --fog:#E5E7EA; --slate:#6B7681; --ink:#1A2530;
    --wa:#25D366; --wa-dk:#1FB257;
  }
  html{ scroll-behavior:smooth; }
  body{ font-family:'Inter',system-ui,sans-serif; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; }
  .font-serif{ font-family:'Cormorant Garamond',Georgia,serif; }
  .font-caps{ font-family:'Montserrat',Inter,sans-serif; letter-spacing:0.18em; text-transform:uppercase; }
  .accent-amber{ color:var(--amber-500); font-style:italic; font-weight:600; }
  .rule-amber::before{ content:""; display:inline-block; width:40px; height:1px; background:var(--amber-500); margin-right:14px; vertical-align:middle; }

  /* Underline brush stroke (SVG) on hero accent word */
  .brush-underline{ position:relative; display:inline-block; }
  .brush-underline svg{ position:absolute; left:0; right:0; bottom:-6px; width:100%; height:9px; opacity:.7; }

  /* Sticky WhatsApp float button */
  .wa-float{
    position:fixed; right:16px; bottom:16px; z-index:60;
    background:var(--wa); color:#fff;
    width:60px; height:60px; border-radius:9999px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 12px 28px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0.5);
    animation: wa-pulse 2.6s ease-out infinite;
    transition:transform 150ms ease;
  }
  .wa-float:hover{ transform:scale(1.05); background:var(--wa-dk); }
  @keyframes wa-pulse {
    0%   { box-shadow:0 12px 28px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0.45); }
    70%  { box-shadow:0 12px 28px rgba(37,211,102,0.35), 0 0 0 18px rgba(37,211,102,0); }
    100% { box-shadow:0 12px 28px rgba(37,211,102,0.45), 0 0 0 0 rgba(37,211,102,0); }
  }
  @media (min-width:768px){
    .wa-float{ right:28px; bottom:28px; width:64px; height:64px; }
  }

  /* FAQ details native styling */
  details.faq{ border-bottom:1px solid var(--fog); }
  details.faq > summary{ list-style:none; cursor:pointer; padding:22px 0; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:600; color:var(--navy-800); line-height:1.25; }
  details.faq > summary::-webkit-details-marker{ display:none; }
  details.faq > summary .chev{ flex-shrink:0; width:28px; height:28px; border-radius:9999px; background:var(--paper); border:1px solid var(--fog); display:flex; align-items:center; justify-content:center; color:var(--navy-800); transition: transform 200ms ease, background 200ms; }
  details.faq[open] > summary .chev{ transform:rotate(45deg); background:var(--amber-500); color:#fff; border-color:var(--amber-500); }
  details.faq .answer{ padding:0 0 24px; max-width:680px; color:var(--slate); font-size:16px; line-height:1.7; }
  details.faq .answer .mini-cta{ margin-top:14px; display:inline-flex; align-items:center; gap:6px; color:var(--navy-800); font-weight:600; font-size:14px; border-bottom:1px solid var(--amber-500); padding-bottom:2px; }

  /* Hero radial vignette */
  .hero-bg{
    background:
      radial-gradient(70% 90% at 12% 25%, #1B4A66 0%, #143A52 55%, #0B2231 100%);
  }

  /* Service card hover */
  .svc-card{ transition: transform 240ms cubic-bezier(.2,.7,.2,1), box-shadow 240ms; }
  .svc-card:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px rgba(20,58,82,0.12); }

  /* Step number */
  .step-num{ font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:88px; line-height:1; color:var(--amber-500); letter-spacing:-0.02em; }
  @media (min-width:768px){ .step-num{ font-size:112px; } }

  /* Trust bar dot */
  .trust-dot{ width:6px; height:6px; border-radius:9999px; background:var(--amber-500); flex-shrink:0; }

  /* Avoid layout shift on hero image */
  .hero-photo{ aspect-ratio: 4/3; }
  @media (min-width:1024px){ .hero-photo{ aspect-ratio: auto; height:100%; } }

  /* Buttons */
  .btn-wa{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    background:var(--wa); color:#fff;
    padding:18px 26px; border-radius:8px;
    font-weight:600; font-size:17px;
    box-shadow:0 12px 28px rgba(37,211,102,0.32);
    transition:background 150ms, transform 150ms, box-shadow 150ms;
    text-decoration:none;
  }
  .btn-wa:hover{ background:var(--wa-dk); box-shadow:0 16px 36px rgba(37,211,102,0.40); }
  .btn-wa:active{ transform:translateY(1px); }
  .btn-wa--xl{ padding:22px 30px; font-size:18px; }
  .btn-wa--block{ width:100%; }

  .btn-ghost-light{
    display:inline-flex; align-items:center; gap:10px;
    color:#fff; padding:16px 22px; text-decoration:none;
    font-weight:500; font-size:16px;
    border-bottom:1px solid rgba(255,255,255,0.32);
  }
  .btn-ghost-light:hover{ border-bottom-color:var(--amber-500); }

  .btn-amber{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--amber-500); color:#fff;
    padding:14px 22px; border-radius:6px;
    font-weight:600; font-size:15px; text-decoration:none;
    transition:background 150ms;
  }
  .btn-amber:hover{ background:var(--amber-400); }

  /* ====================================================================
     WordPress theme override safety — fuerza colores en secciones oscuras
     (algunos themes definen h1/h2/h3/p en negro y pisan a Tailwind)
     ==================================================================== */
  .hero-bg, .hero-bg p, .hero-bg h1, .hero-bg h2, .hero-bg h3, .hero-bg li, .hero-bg span, .hero-bg div { color: #fff; }
  .bg-navy-800, .bg-navy-800 p, .bg-navy-800 h1, .bg-navy-800 h2, .bg-navy-800 h3, .bg-navy-800 li, .bg-navy-800 span, .bg-navy-800 div { color: #fff; }
  .hero-bg h1, .hero-bg h2, .hero-bg h3,
  .bg-navy-800 h1, .bg-navy-800 h2, .bg-navy-800 h3 { color: #fff !important; }
  .hero-bg .accent-amber, .bg-navy-800 .accent-amber { color: var(--amber-500) !important; font-style: italic; font-weight: 600; }
  .hero-bg .text-amber-500, .bg-navy-800 .text-amber-500 { color: var(--amber-500) !important; }
  .hero-bg .text-white\/80, .hero-bg .text-white\/75, .hero-bg .text-white\/65,
  .bg-navy-800 .text-white\/85, .bg-navy-800 .text-white\/75, .bg-navy-800 .text-white\/70, .bg-navy-800 .text-white\/65 { color: rgba(255,255,255,0.78) !important; }
  /* Quote chip blanco con texto navy: mantener navy */
  .hero-bg .bg-white, .hero-bg .bg-white p, .hero-bg .bg-white h1, .hero-bg .bg-white h2, .hero-bg .bg-white h3 { color: var(--navy-800); }
  /* Sección lead magnet: la card blanca interna mantiene texto oscuro */
  .bg-navy-800 .bg-white, .bg-navy-800 .bg-white p, .bg-navy-800 .bg-white h1, .bg-navy-800 .bg-white h2, .bg-navy-800 .bg-white h3, .bg-navy-800 .bg-white div, .bg-navy-800 .bg-white span { color: var(--ink) !important; }
  .bg-navy-800 .bg-white h3 { color: var(--navy-800) !important; }
</style>
</head>

<body>

<!--
================================================================================
  H&F FAMILIAS — landing page (v1, sin header ni footer; lista para WordPress)
  Reemplazar:
    • {WA_NUMBER}    → número WhatsApp en formato internacional sin "+", e.g. 5493517724728
    • images/*       → URLs reales cuando estén subidas a la Biblioteca de medios
    • {HUBSPOT_URL}  → endpoint del formulario de HubSpot (sección Lead magnet)
================================================================================
-->

<!-- ========================== 1) HERO ========================== -->
<section class="hero-bg text-white relative overflow-hidden">
  <!-- watermark scales -->
  <div class="pointer-events-none absolute -right-10 top-10 opacity-[0.04]">
    <svg width="420" height="420" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.4">
      <path d="M12 3v18M5 8h14m-14 0-3 6a4 4 0 0 0 6 0zm14 0-3 6a4 4 0 0 0 6 0zM8 21h8"></path>
    </svg>
  </div>

  <div class="max-w-[1280px] mx-auto px-6 md:px-12 pt-16 md:pt-24 pb-0 grid lg:grid-cols-[1.05fr_1fr] gap-10 lg:gap-16 items-stretch relative z-10">
    <!-- LEFT -->
    <div class="pb-12 lg:pb-24">
      <div class="font-caps text-[12px] font-semibold text-amber-500 mb-6 flex items-center">
        <span class="inline-block w-12 h-px bg-amber-500 mr-3"></span>
        H&amp;F Familias · Córdoba
      </div>

      <h1 class="font-serif font-medium leading-[1.04] tracking-tight text-[40px] sm:text-[52px] lg:text-[64px] xl:text-[72px] max-w-[640px]">
        Cuando todo cambia,<br />
        no tenés que
        <span class="brush-underline accent-amber">enfrentarlo solo<svg viewBox="0 0 400 12" preserveAspectRatio="none"><path d="M2 7 Q 100 1, 200 6 T 398 6" fill="none" stroke="#E8A24A" stroke-width="2.5" stroke-linecap="round"></path></svg></span>.
      </h1>

      <p class="mt-7 text-[17px] leading-[1.7] text-white/80 max-w-[520px]">
        Abogados de familia en Córdoba. Te respondemos por WhatsApp con el precio claro y un plan posible, antes de que pises el estudio.
      </p>

      <div class="mt-8 flex flex-wrap items-center gap-3">
        <a class="btn-wa btn-wa--xl"
           href="https://wa.me/543517724728?text=Hola%2C%20vi%20la%20p%C3%A1gina%20de%20H%26F%20Familias%20y%20necesito%20asesoramiento%20de%20derecho%20de%20familia.">
          <!-- WhatsApp glyph -->
          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 0 1 8.413 3.488 11.82 11.82 0 0 1 3.48 8.414c-.003 6.554-5.338 11.89-11.893 11.89a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.149-.173.198-.297.297-.495.099-.198.05-.372-.025-.521-.074-.149-.669-1.612-.916-2.207-.242-.579-.487-.501-.669-.51l-.57-.01c-.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.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
          Escribinos por WhatsApp
        </a>
        <a class="btn-ghost-light" href="tel:+5493517724728">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92z"></path></svg>
          Llamar ahora
        </a>
      </div>

      <p class="mt-5 text-[14px] text-white/65 flex items-center gap-2">
        <span class="trust-dot"></span>
        Respondemos en menos de 30 minutos en horario hábil.
      </p>
    </div>

    <!-- RIGHT — photo -->
    <div class="relative lg:min-h-[560px] -mx-6 md:-mx-12 lg:mx-0">
      <div class="hero-photo w-full lg:absolute lg:inset-0 lg:left-4 bg-cover bg-center"
           style="background-image: linear-gradient(180deg, rgba(20,58,82,0) 50%, rgba(11,34,49,0.55) 100%), url('https://www.esderecho.com.ar/wp-content/uploads/2026/05/couple.jpg');">
      </div>
      <!-- amber notch -->
      <div class="hidden lg:block absolute left-2 top-4 w-14 h-14 bg-amber-500"></div>
      <!-- quote chip bottom -->
      <div class="hidden lg:flex absolute right-0 bottom-6 bg-white rounded-[6px] shadow-lg2 px-6 py-5 max-w-[300px] items-start gap-3">
        <div class="w-2 h-10 bg-amber-500 mt-1 flex-shrink-0"></div>
        <p class="font-serif italic text-navy-800 text-[18px] leading-[1.3] m-0">
          «Te escuchamos primero. La estrategia legal viene después.»
        </p>
      </div>
    </div>
  </div>

  <!-- ========================== 2) TRUST BAR ========================== -->
  <div class="relative z-10 mt-10 lg:mt-0 border-t border-white/10 bg-navy-900/40">
    <div class="max-w-[1280px] mx-auto px-6 md:px-12 py-6 md:py-7 grid grid-cols-2 lg:grid-cols-4 gap-x-6 gap-y-5">
      <!-- 4 trust indicators -->
      <div class="flex items-start gap-3">
        <div class="text-amber-500 flex-shrink-0 mt-0.5">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7L9 18l-5-5"></path></svg>
        </div>
        <div>
          <div class="font-serif text-[22px] font-semibold leading-none text-white">+10 años</div>
          <div class="text-[12.5px] text-white/65 mt-1.5">acompañando familias en Córdoba</div>
        </div>
      </div>
      <div class="flex items-start gap-3">
        <div class="text-amber-500 flex-shrink-0 mt-0.5">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
        </div>
        <div>
          <div class="font-serif text-[22px] font-semibold leading-none text-white">&lt; 30 min</div>
          <div class="text-[12.5px] text-white/65 mt-1.5">de respuesta en horario hábil</div>
        </div>
      </div>
      <div class="flex items-start gap-3">
        <div class="text-amber-500 flex-shrink-0 mt-0.5">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
        </div>
        <div>
          <div class="font-serif text-[22px] font-semibold leading-none text-white">Precio claro</div>
          <div class="text-[12.5px] text-white/65 mt-1.5">desde el primer mensaje</div>
        </div>
      </div>
      <div class="flex items-start gap-3">
        <div class="text-amber-500 flex-shrink-0 mt-0.5">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
        </div>
        <div>
          <div class="font-serif text-[22px] font-semibold leading-none text-white">A tu lado</div>
          <div class="text-[12.5px] text-white/65 mt-1.5">durante todo el proceso</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ========================== 3) ¿EN QUÉ TE PODEMOS AYUDAR? ========================== -->
<section id="servicios" class="bg-paper py-20 md:py-28 px-6 md:px-12">
  <div class="max-w-[1280px] mx-auto">
    <div class="grid md:grid-cols-[1fr_1.3fr] gap-10 md:gap-16 items-end mb-12 md:mb-16">
      <div>
        <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
          <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
          ¿En qué te podemos ayudar?
        </div>
        <h2 class="font-serif font-medium text-[34px] sm:text-[42px] md:text-[52px] leading-[1.05] tracking-tight text-navy-800 m-0">
          Cuatro situaciones,<br />
          una <span class="accent-amber">misma forma</span> de acompañarte.
        </h2>
      </div>
      <p class="text-[17px] leading-[1.7] text-slate1 max-w-[560px]">
        Cada caso lo lleva una persona del equipo, no un asistente. Te explicamos el plan en palabras simples y te decimos cuánto sale antes de empezar.
      </p>
    </div>

    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-px bg-fog border border-fog rounded-md overflow-hidden">
      <!-- 01 Divorcio -->
      <article class="svc-card bg-white p-7 md:p-8 flex flex-col gap-5 min-h-[380px]">
        <div class="flex items-start justify-between">
          <span class="font-serif italic text-amber-500 text-[18px] font-medium">— 01</span>
          <div class="text-navy-800">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3h5v5"></path><path d="M3 21h5v-5"></path><path d="M21 3l-7 7"></path><path d="M3 21l7-7"></path></svg>
          </div>
        </div>
        <h3 class="font-serif font-medium text-[26px] leading-[1.15] text-navy-800 m-0">Divorcio</h3>
        <p class="text-[14.5px] leading-[1.6] text-slate1 m-0 flex-1">Convenios, divorcio express o contradictorio. Te explicamos qué te conviene en tu situación.</p>
        <a class="inline-flex items-center gap-2 text-navy-800 font-semibold text-[14px] border-b border-amber-500 pb-1 self-start"
           href="https://wa.me/543517724728?text=Hola%2C%20necesito%20asesoramiento%20sobre%20divorcio.">
          Consultar este caso
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"></path></svg>
        </a>
      </article>

      <!-- 02 Cuota alimentaria -->
      <article class="svc-card bg-white p-7 md:p-8 flex flex-col gap-5 min-h-[380px]">
        <div class="flex items-start justify-between">
          <span class="font-serif italic text-amber-500 text-[18px] font-medium">— 02</span>
          <div class="text-navy-800">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20"></path><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
          </div>
        </div>
        <h3 class="font-serif font-medium text-[26px] leading-[1.15] text-navy-800 m-0">Cuota alimentaria</h3>
        <p class="text-[14.5px] leading-[1.6] text-slate1 m-0 flex-1">Reclamo, fijación o aumento de la cuota. También cuando dejaron de pagarte y necesitás reaccionar.</p>
        <a class="inline-flex items-center gap-2 text-navy-800 font-semibold text-[14px] border-b border-amber-500 pb-1 self-start"
           href="https://wa.me/543517724728?text=Hola%2C%20necesito%20asesoramiento%20sobre%20cuota%20alimentaria.">
          Consultar este caso
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"></path></svg>
        </a>
      </article>

      <!-- 03 Custodia (featured navy) -->
      <article class="svc-card bg-navy-800 text-white p-7 md:p-8 flex flex-col gap-5 min-h-[380px]">
        <div class="flex items-start justify-between">
          <span class="font-serif italic text-amber-500 text-[18px] font-medium">— 03</span>
          <div class="text-amber-500">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
          </div>
        </div>
        <h3 class="font-serif font-medium text-[26px] leading-[1.15] text-white m-0">Cuidado personal y régimen de comunicación</h3>
        <p class="text-[14.5px] leading-[1.6] text-white/75 m-0 flex-1">Días con cada papá/mamá, vacaciones, mudanzas, autorización para viajar.</p>
        <a class="inline-flex items-center gap-2 text-white font-semibold text-[14px] border-b border-amber-500 pb-1 self-start"
           href="https://wa.me/543517724728?text=Hola%2C%20necesito%20asesoramiento%20sobre%20cuidado%20personal%20y%20r%C3%A9gimen%20de%20comunicaci%C3%B3n.">
          Consultar este caso
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"></path></svg>
        </a>
      </article>

      <!-- 04 Violencia familiar -->
      <article class="svc-card bg-white p-7 md:p-8 flex flex-col gap-5 min-h-[380px]">
        <div class="flex items-start justify-between">
          <span class="font-serif italic text-amber-500 text-[18px] font-medium">— 04</span>
          <div class="text-navy-800">
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
          </div>
        </div>
        <h3 class="font-serif font-medium text-[26px] leading-[1.15] text-navy-800 m-0">Violencia familiar</h3>
        <p class="text-[14.5px] leading-[1.6] text-slate1 m-0 flex-1">Medidas urgentes, denuncia, restricción de acercamiento y acompañamiento durante el proceso.</p>
        <a class="inline-flex items-center gap-2 text-navy-800 font-semibold text-[14px] border-b border-amber-500 pb-1 self-start"
           href="https://wa.me/543517724728?text=Hola%2C%20necesito%20asesoramiento%20por%20una%20situaci%C3%B3n%20de%20violencia%20familiar.">
          Consultar este caso
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"></path></svg>
        </a>
      </article>
    </div>
  </div>
</section>

<!-- ========================== 4) CÓMO TRABAJAMOS ========================== -->
<section class="bg-navy-800 text-white py-20 md:py-28 px-6 md:px-12 relative overflow-hidden">
  <div class="pointer-events-none absolute -left-20 top-1/3 opacity-[0.05]">
    <svg width="320" height="320" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.4"><path d="M12 3v18M5 8h14m-14 0-3 6a4 4 0 0 0 6 0zm14 0-3 6a4 4 0 0 0 6 0zM8 21h8"></path></svg>
  </div>

  <div class="max-w-[1280px] mx-auto relative">
    <div class="grid md:grid-cols-[1fr_1.2fr] gap-10 md:gap-16 items-end mb-14 md:mb-20">
      <div>
        <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
          <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
          Cómo trabajamos
        </div>
        <h2 class="font-serif font-medium text-[34px] sm:text-[42px] md:text-[52px] leading-[1.05] tracking-tight m-0">
          Tres pasos, sin <span class="accent-amber">vueltas</span>.
        </h2>
      </div>
      <p class="text-[17px] leading-[1.7] text-white/75 max-w-[520px]">
        Vas a saber qué pasa, cuánto cuesta y qué sigue — desde el primer mensaje. Sin palabras técnicas, sin sorpresas.
      </p>
    </div>

    <div class="grid md:grid-cols-3 gap-8 md:gap-10">
      <div class="relative">
        <div class="step-num">1</div>
        <h3 class="font-serif font-medium text-[24px] md:text-[28px] mt-4 leading-[1.2]">Escribinos y contanos qué pasa.</h3>
        <p class="mt-3 text-[15px] text-white/70 leading-[1.65] max-w-[320px]">Por WhatsApp. Te leemos con tiempo y sin formularios largos.</p>
      </div>
      <div class="relative">
        <div class="step-num">2</div>
        <h3 class="font-serif font-medium text-[24px] md:text-[28px] mt-4 leading-[1.2]">Te damos precio y un plan posible.</h3>
        <p class="mt-3 text-[15px] text-white/70 leading-[1.65] max-w-[320px]">En el primer mensaje. Sabés exactamente qué incluye la consulta y los pasos que vienen.</p>
      </div>
      <div class="relative">
        <div class="step-num">3</div>
        <h3 class="font-serif font-medium text-[24px] md:text-[28px] mt-4 leading-[1.2]">Coordinamos la consulta cuando te quede bien.</h3>
        <p class="mt-3 text-[15px] text-white/70 leading-[1.65] max-w-[320px]">Presencial en Córdoba o por videollamada. Vos elegís.</p>
      </div>
    </div>

    <div class="mt-14 md:mt-20 flex justify-start">
      <a class="btn-wa"
         href="https://wa.me/543517724728?text=Hola%2C%20quiero%20empezar%20por%20WhatsApp.%20%C2%BFC%C3%B3mo%20es%20el%20primer%20paso%3F">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 0 1 8.413 3.488 11.82 11.82 0 0 1 3.48 8.414c-.003 6.554-5.338 11.89-11.893 11.89a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.149-.173.198-.297.297-.495.099-.198.05-.372-.025-.521-.074-.149-.669-1.612-.916-2.207-.242-.579-.487-.501-.669-.51l-.57-.01c-.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.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
        Empezar por WhatsApp
      </a>
    </div>
  </div>
</section>

<!-- ========================== 5) PRECIO TRANSPARENTE ========================== -->
<section class="bg-paper py-20 md:py-28 px-6 md:px-12">
  <div class="max-w-[1280px] mx-auto grid lg:grid-cols-[1.05fr_1fr] gap-10 lg:gap-16 items-stretch">
    <!-- Image -->
    <div class="rounded-md overflow-hidden bg-cover bg-center min-h-[320px] lg:min-h-[520px] order-2 lg:order-1"
         style="background-image:url('https://www.esderecho.com.ar/wp-content/uploads/2026/05/acuerdo.jpg');">
    </div>

    <!-- Price card -->
    <div class="order-1 lg:order-2 flex flex-col justify-center">
      <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
        <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
        Precio transparente
      </div>
      <h2 class="font-serif font-medium text-[34px] sm:text-[42px] md:text-[48px] leading-[1.05] tracking-tight text-navy-800 m-0">
        Lo decimos <span class="accent-amber">antes</span>, no después.
      </h2>
      <p class="mt-5 text-[17px] leading-[1.7] text-slate1 max-w-[520px]">
        Sabemos que el precio de una consulta no se pregunta. Por eso te lo decimos sin que tengas que pedirlo.
      </p>

      <!-- Price box -->
      <div class="mt-8 bg-white border border-fog rounded-lg shadow-md2 p-7 md:p-9">
        <div class="font-caps text-[11px] text-slate1">Consulta inicial</div>
        <div class="mt-2 flex items-baseline gap-3 flex-wrap">
          <div class="font-serif text-[44px] md:text-[56px] font-semibold leading-none text-navy-800 tracking-tight">$50.000</div>
          <div class="text-[14px] text-slate1">ARS</div>
        </div>
        <div class="mt-2 text-[13.5px] text-slate1">Único pago. Sin obligación de seguir.</div>

        <ul class="mt-6 grid gap-3">
          <li class="flex items-start gap-3 text-[15px] text-ink">
            <span class="text-amber-500 mt-1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
            <span>45 minutos con un abogado del equipo, no un asistente.</span>
          </li>
          <li class="flex items-start gap-3 text-[15px] text-ink">
            <span class="text-amber-500 mt-1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
            <span>Diagnóstico legal claro de tu situación.</span>
          </li>
          <li class="flex items-start gap-3 text-[15px] text-ink">
            <span class="text-amber-500 mt-1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
            <span>Próximos pasos por escrito, con tiempos y honorarios estimados.</span>
          </li>
          <li class="flex items-start gap-3 text-[15px] text-ink">
            <span class="text-amber-500 mt-1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></span>
            <span>Si decidís no seguir, no hay obligación de continuar.</span>
          </li>
        </ul>

        <a class="btn-wa btn-wa--block mt-7"
           href="https://wa.me/543517724728?text=Hola%2C%20quiero%20reservar%20la%20consulta%20inicial%20de%20H%26F%20Familias.">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 0 1 8.413 3.488 11.82 11.82 0 0 1 3.48 8.414c-.003 6.554-5.338 11.89-11.893 11.89a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.149-.173.198-.297.297-.495.099-.198.05-.372-.025-.521-.074-.149-.669-1.612-.916-2.207-.242-.579-.487-.501-.669-.51l-.57-.01c-.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.095 3.2 5.076 4.487.709.306 1.263.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"></path></svg>
          Reservar la consulta por WhatsApp
        </a>
      </div>
    </div>
  </div>
</section>

<!-- ========================== 6) TESTIMONIOS ========================== -->
<section class="bg-white py-20 md:py-28 px-6 md:px-12 border-t border-fog">
  <div class="max-w-[1280px] mx-auto">
    <div class="grid md:grid-cols-[1fr_1.2fr] gap-10 md:gap-16 items-end mb-12 md:mb-16">
      <div>
        <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
          <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
          Lo que dicen
        </div>
        <h2 class="font-serif font-medium text-[34px] sm:text-[42px] md:text-[52px] leading-[1.05] tracking-tight text-navy-800 m-0">
          Acompañamiento <span class="accent-amber">real</span>, no promesas.
        </h2>
      </div>
      <p class="text-[15px] leading-[1.6] text-slate1 max-w-[520px]">
      </p>
    </div>

    <div class="grid md:grid-cols-3 gap-6 md:gap-7">
      <!-- Testimonio 1 -->
      <article class="bg-paper border border-fog rounded-lg p-7 flex flex-col gap-5">
        <div class="text-amber-500 font-serif text-[44px] leading-none">«</div>
        <p class="font-serif text-[20px] leading-[1.35] text-navy-800 m-0 flex-1">
          Llegué muy mal y en la primera charla ya me sentí escuchada. Me explicaron paso a paso.
        </p>
        <div class="pt-4 border-t border-fog">
          <div class="font-semibold text-[14px] text-ink">M. G.</div>
          <div class="text-[13px] text-slate1 mt-0.5">Divorcio con hijos · Córdoba</div>
        </div>
      </article>
      <!-- Testimonio 2 -->
      <article class="bg-paper border border-fog rounded-lg p-7 flex flex-col gap-5">
        <div class="text-amber-500 font-serif text-[44px] leading-none">«</div>
        <p class="font-serif text-[20px] leading-[1.35] text-navy-800 m-0 flex-1">
          Excelente y rápida atención. Contestaron todas mis dudas y asesoraron. ¡Muchas gracias!
        </p>
        <div class="pt-4 border-t border-fog">
          <div class="font-semibold text-[14px] text-ink">Y. F.</div>
          <div class="text-[13px] text-slate1 mt-0.5">Reseña Google · Córdoba</div>
        </div>
      </article>
      <!-- Testimonio 3 -->
      <article class="bg-paper border border-fog rounded-lg p-7 flex flex-col gap-5">
        <div class="text-amber-500 font-serif text-[44px] leading-none">«</div>
        <p class="font-serif text-[20px] leading-[1.35] text-navy-800 m-0 flex-1">
          Gracias por acompañarme en todo el proceso, estando siempre pendiente de todo, actualizando y manteniéndose al tanto de cada novedad. Muy recomendable.
        </p>
        <div class="pt-4 border-t border-fog">
          <div class="font-semibold text-[14px] text-ink">N. O.</div>
          <div class="text-[13px] text-slate1 mt-0.5">Reseña Google · Córdoba</div>
        </div>
      </article>
    </div>
  </div>
</section>

<!-- ========================== 7) FAQ ========================== -->
<section class="bg-paper py-20 md:py-28 px-6 md:px-12">
  <div class="max-w-[920px] mx-auto">
    <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
      <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
      Preguntas frecuentes
    </div>
    <h2 class="font-serif font-medium text-[34px] sm:text-[42px] md:text-[52px] leading-[1.05] tracking-tight text-navy-800 m-0 mb-12">
      Lo que más nos <span class="accent-amber">preguntan</span>.
    </h2>

    <div>
      <details class="faq" open>
        <summary>¿Puedo divorciarme si mi cónyuge no quiere?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Sí. En Argentina el divorcio es unilateral: alcanza con que una de las dos personas lo pida. No hace falta el consentimiento ni la firma del otro, ni explicar el motivo.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20mi%20situaci%C3%B3n%20de%20divorcio%20no%20es%20la%20com%C3%BAn.%20%C2%BFPueden%20ayudarme%3F">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
      <details class="faq">
        <summary>¿Cuánto tarda un divorcio?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Si está todo de acuerdo y se firma un convenio, suele resolverse en 2 a 4 meses. Si hay desacuerdo sobre hijos, bienes o cuota, depende del juzgado: en general entre 6 y 18 meses.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20quiero%20saber%20cu%C3%A1nto%20podr%C3%ADa%20tardar%20mi%20divorcio.">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
      <details class="faq">
        <summary>¿Cómo se fija la cuota alimentaria?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Se mira lo que necesitan los chicos (colegio, salud, vivienda, comida, esparcimiento) y lo que cada uno puede aportar según sus ingresos. Se puede acordar por escrito o pedir que la fije un juez.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20necesito%20resolver%20la%20cuota%20alimentaria.">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
      <details class="faq">
        <summary>¿Qué pasa con la casa y los bienes?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Depende del régimen de bienes que tenían y de cuándo se compraron las cosas. Se pueden repartir por acuerdo o, si no hay forma, pedirle al juez que decida. La casa donde viven los hijos tiene reglas propias.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20tengo%20dudas%20sobre%20la%20divisi%C3%B3n%20de%20bienes.">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
      <details class="faq">
        <summary>¿Y si hay violencia?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Hay medidas urgentes que se piden el mismo día: restricción de acercamiento, exclusión del hogar, botón antipánico. Te acompañamos en la denuncia y después en el proceso. No estás obligada/o a hacerlo solo/a.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20necesito%20ayuda%20urgente%20por%20una%20situaci%C3%B3n%20de%20violencia.">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
      <details class="faq">
        <summary>¿Cuánto cuesta todo el proceso, no solo la consulta?<span class="chev"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg></span></summary>
        <div class="answer">
          Depende del caso. Después de la consulta inicial te pasamos un presupuesto por escrito con honorarios y gastos del juicio. Vos decidís si seguís con nosotros o no. Nunca cobramos algo que no esté avisado.
          <br /><a class="mini-cta" href="https://wa.me/543517724728?text=Hola%2C%20quiero%20una%20estimaci%C3%B3n%20del%20proceso%20completo.">Si tu situación es distinta, contanos por WhatsApp →</a>
        </div>
      </details>
    </div>
  </div>
</section>

<!-- ========================== 8) LEAD MAGNET ========================== -->
<section class="bg-navy-800 text-white py-20 md:py-28 px-6 md:px-12">
  <div class="max-w-[1100px] mx-auto grid lg:grid-cols-[1.2fr_1fr] gap-10 lg:gap-16 items-center">
    <div>
      <div class="font-caps text-[12px] font-semibold text-amber-500 mb-5 flex items-center">
        <span class="inline-block w-10 h-px bg-amber-500 mr-3"></span>
        Guía gratis
      </div>
      <h2 class="font-serif font-medium text-[32px] sm:text-[40px] md:text-[48px] leading-[1.05] tracking-tight m-0">
        Qué hacer en los <span class="accent-amber">primeros 7 días</span> de una separación.
      </h2>
      <p class="mt-5 text-[16.5px] leading-[1.7] text-white/75 max-w-[520px]">
        Una guía corta, escrita en palabras simples, con lo primero que conviene ordenar: documentación, cuentas, hijos, vivienda. Te la mandamos directo a WhatsApp.
      </p>
      <ul class="mt-6 grid gap-2.5 text-[14.5px] text-white/85">
        <li class="flex items-start gap-2"><span class="text-amber-500 mt-1">→</span> Qué papeles juntar antes que nada</li>
        <li class="flex items-start gap-2"><span class="text-amber-500 mt-1">→</span> Cómo hablarles a los chicos</li>
        <li class="flex items-start gap-2"><span class="text-amber-500 mt-1">→</span> Errores que dificultan el proceso después</li>
      </ul>
    </div>

    <div class="bg-white text-ink rounded-lg shadow-lg2 p-6 md:p-8">
      <div class="font-caps text-[11px] text-slate1">Descarga gratuita</div>
      <h3 class="font-serif font-medium text-[24px] md:text-[28px] text-navy-800 leading-[1.15] mt-2 mb-5">Te la mandamos por WhatsApp.</h3>

      <!-- HubSpot Form — Lead magnet "Familias" -->
      <script src="https://js.hsforms.net/forms/embed/47990795.js" defer></script>
      <div class="hs-form-frame" data-region="na1" data-form-id="5bf6b4a1-498a-41df-8531-0664847ab6af" data-portal-id="47990795"></div>
    </div>
  </div>
</section>

<!-- Botón flotante de WhatsApp removido — la web ya tiene un live chat propio. -->

<!--
================================================================================
  ENTREGABLES COMPLEMENTARIOS
================================================================================

1) HEADLINES A/B PARA TESTING (3 variantes)
   A. "Cuando todo cambia, no tenés que enfrentarlo solo." (versión actual — empática)
   B. "Divorcio, alimentos, custodia: te decimos qué hacer antes de empezar." (versión directa)
   C. "Una conversación por WhatsApp antes de cualquier paso legal." (versión low-friction)

2) MENSAJES PRELLENADOS POR SECCIÓN (todos van al MISMO número {WA_NUMBER})
   • Hero CTA:           "Hola, vi la página de H&F Familias y necesito asesoramiento de derecho de familia."
   • Servicio Divorcio:  "Hola, necesito asesoramiento sobre divorcio."
   • Servicio Alimentos: "Hola, necesito asesoramiento sobre cuota alimentaria."
   • Servicio Custodia:  "Hola, necesito asesoramiento sobre custodia y régimen de visitas."
   • Servicio Violencia: "Hola, necesito asesoramiento por una situación de violencia familiar."
   • Cómo trabajamos:    "Hola, quiero empezar por WhatsApp. ¿Cómo es el primer paso?"
   • Precio (reservar):  "Hola, quiero reservar la consulta inicial de H&F Familias."
   • FAQ (cada item):    mensaje específico según la pregunta (ver href de cada .mini-cta)
   • Botón flotante:     "Hola, vengo desde la página de H&F Familias."

   Trackeo: cada link lleva texto distinto → en HubSpot se identifica de qué sección vino
   el lead leyendo la primera línea del mensaje del usuario.

3) CHECKLIST DE IMÁGENES REALES A CONSEGUIR ANTES DE PUBLICAR
   [ ] Hero — Foto cálida, dos personas caminando por Córdoba (paseo Sobremonte / Nueva
       Córdoba), luz dorada de tarde, vista de espaldas. (Mock actual: images/hero-couple.png)
   [ ] Precio — Manos de dos personas sobre una mesa de madera, documento y café.
       Detalle, sin caras. Luz natural. (Mock actual: images/acuerdo.png)
   [ ] Variante alternativa hero — Mujer mirando por la ventana, expresión introspectiva,
       luz cálida. (Disponible: images/mujer.png — opcional para mobile crop)
   [ ] Variante alternativa hero — Hombre con taza en mesa de madera, luz cálida.
       (Disponible: images/hombre.png — opcional para mobile crop)
   [ ] Cómo trabajamos — Mano sosteniendo celular con conversación de WhatsApp,
       sobre mesa de madera. (Disponible: images/wa.png — sumar si se decide rediseñar
       la sección con imagen lateral)
   [ ] Testimonios — Tres retratos opcionales tres-cuartos, naturales, mismo tratamiento
       de luz. SOLO con autorización firmada de la persona.
   [ ] Logo del estudio — vertical navy para light surfaces, blanco para dark.
       (En el sistema de diseño: logo-vertical-navy.png / logo-blanco.png)

4) PARÁMETROS A REEMPLAZAR ANTES DE PUBLICAR
   • {WA_NUMBER}    — número en formato internacional sin "+", ej: 5493517724728
   • {HUBSPOT_URL}  — endpoint del formulario embebido de HubSpot (form action)
   • images/*       — URLs definitivas de la Biblioteca de medios de WordPress

================================================================================
-->

</body>
</html>

<p>La entrada <a href="https://www.esderecho.com.ar/area/abogado-familia-cordoba/">Derecho de Familia</a> se publicó primero en <a href="https://www.esderecho.com.ar">Herrera &amp; Flamenco Abogados</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
