DERECHO EN PRÁCTICA

<!-- ============================================================
LANDING · DERECHO EN LA PRÁCTICA
Pegar en: Shopify > Páginas > tu página > botón <> (código fuente)

BUSCAR Y REEMPLAZAR ANTES DE PUBLICAR
1) Portadas: subirlas en Contenido > Archivos y pegar su URL en
PEGAR-URL-PORTADA-GUIA
PEGAR-URL-PORTADA-ENFERMEDADES
PEGAR-URL-PORTADA-RECHAZOS
PEGAR-URL-PORTADA-CALCULO
PEGAR-URL-PORTADA-ALTAS
2) Botones de compra: PEGAR-LINK-DE-PAGO (uno por producto + el pack)
============================================================ -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Libre+Franklin:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
#dd-landing .dd-h1:hover{background:#e8bd63 !important}
#dd-landing .dd-h2:hover{background:#1b3450 !important}
#dd-landing .dd-h3:hover{background:#1b3450 !important}
#dd-landing .dd-h4:hover{background:#1b3450 !important}
#dd-landing .dd-h5:hover{background:#1b3450 !important}
#dd-landing .dd-h6:hover{background:#1b3450 !important}
#dd-landing .dd-h7:hover{background:#e8bd63 !important}
#dd-landing .dd-h8:hover{background:#e8bd63 !important}

html,body{margin:0;padding:0}
body{background:#ffffff;font-family:'Libre Franklin',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#8a6a1f;text-decoration:none}
a:hover{color:#b8892c}
*{box-sizing:border-box}
summary::-webkit-details-marker{display:none}
</style>
<style>#dd-landing{margin:0}#dd-landing *{box-sizing:border-box}</style>
<div id="dd-landing">
<div style="background:#ffffff;color:#0f2137">

<div style="background:#0a1728;color:#d9ab4f;text-align:center;padding:13px 20px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase">
Oferta solo por hoy · Derecho en la Práctica
</div>

<div style="display:flex;align-items:center;gap:12px">
<div style="width:38px;height:38px;background:#d9ab4f;border-radius:5px;display:grid;place-items:center;font-family:'Instrument Serif',serif;font-size:22px;color:#0a1728">D</div>
<span style="font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff">Derecho en la Práctica</span>
</div>

<h1 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:62px;line-height:1.05;letter-spacing:-.015em;max-width:21em;text-wrap:pretty">Todo lo que necesitás para llevar un caso <em style="font-style:normal;color:#d9ab4f">en un solo lugar</em></h1>

<p style="margin:0;font-size:19px;line-height:1.6;color:rgba(255,255,255,.75);max-width:34em;text-wrap:pretty">Guías prácticas, modelos de escritos y herramientas jurídicas para trabajar de principio a fin.</p>

<a href="#biblioteca" style="background:#d9ab4f;color:#1a1206;border-radius:7px;padding:20px 44px;font-size:17px;font-weight:700;box-shadow:0 14px 38px rgba(217,171,79,.28)" class="dd-h1">Ver la biblioteca</a>

</div>
</section>

<section style="background:#f7f8fa">
<div style="max-width:1060px;margin:0 auto;padding:74px 32px">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center">
<div style="display:flex;flex-direction:column;gap:20px">
<span style="font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:#8a6a1f;font-weight:700">Para quién es</span>
<h2 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:38px;line-height:1.14;text-wrap:pretty">Para el profesional que ya tiene el caso y necesita no equivocarse en el trámite</h2>
<p style="margin:0;font-size:17px;line-height:1.65;color:rgba(15,33,55,.68)">Un expediente no se complica por falta de derecho: se complica por una fecha vencida, un formulario mal elegido o una prueba ofrecida tarde.</p>
</div>
<div style="background:#0f2137;color:#ffffff;border-radius:10px;padding:36px 34px;display:flex;flex-direction:column;gap:14px">
<span style="font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d9ab4f;font-weight:700">La promesa</span>
<p style="margin:0;font-size:18.5px;line-height:1.55;color:rgba(255,255,255,.92)">Dejás de redactar de cero. Para cada etapa del trámite tenés el modelo escrito, el plazo que corre y la norma que lo respalda.</p>
</div>
</div>
</div>
</section>

<div style="display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:46px">
<span style="font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:#8a6a1f;font-weight:700">La biblioteca</span>
<h2 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:42px;line-height:1.12">Elegí la guía que necesitás</h2>
<p style="margin:0;font-size:17px;line-height:1.6;color:rgba(15,33,55,.65);max-width:32em">Cada una funciona sola. Comprá la que te haga falta hoy, o llevate las cinco con la oferta de abajo.</p>
</div>

<article style="border:1px solid rgba(15,33,55,.13);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff">
<div style="aspect-ratio:.8;background:#0a1728;position:relative;overflow:hidden">
<img src="PEGAR-URL-PORTADA-GUIA" alt="Guía teórico-práctica de ART paso a paso" style="position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover">
</div>
<div style="padding:24px 22px;display:flex;flex-direction:column;gap:13px;flex:1">
<span style="font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;font-weight:700">Empezá por acá</span>
<h3 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.14;color:#0f2137">Guía teórico-práctica de ART paso a paso</h3>
<p style="margin:0;font-size:14.5px;line-height:1.55;color:rgba(15,33,55,.62);flex:1">Todo el trámite ordenado: denuncia, prestaciones, Comisión Médica, rechazo, Baremo y liquidación, con el escrito de cada etapa.</p>
<span style="font-size:14px;color:rgba(15,33,55,.5)">212 páginas · 57 modelos · 15 casos</span>
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(15,33,55,.11);padding-top:16px">
<span style="font-family:'Instrument Serif',serif;font-size:26px;color:#0f2137;white-space:nowrap">$ 29.999</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#0f2137;color:#ffffff;border-radius:6px;padding:12px 22px;font-size:14.5px;font-weight:700" class="dd-h2">Comprar</a>
</div>

</div>
</article>

<article style="border:1px solid rgba(15,33,55,.13);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff">
<div style="aspect-ratio:.8;background:#0a1611;position:relative;overflow:hidden">
<img src="PEGAR-URL-PORTADA-ENFERMEDADES" alt="Enfermedades profesionales ART" style="position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover">
</div>
<div style="padding:24px 22px;display:flex;flex-direction:column;gap:13px;flex:1">
<span style="font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;font-weight:700">La más completa</span>
<h3 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.14;color:#0f2137">Enfermedades profesionales ART</h3>
<p style="margin:0;font-size:14.5px;line-height:1.55;color:rgba(15,33,55,.62);flex:1">Listadas y no listadas: cómo probar la causalidad y la exposición. Diecinueve patologías desarrolladas una por una.</p>
<span style="font-size:14px;color:rgba(15,33,55,.5)">356 páginas · 46 modelos · 20 casos</span>
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(15,33,55,.11);padding-top:16px">
<span style="font-family:'Instrument Serif',serif;font-size:26px;color:#0f2137;white-space:nowrap">$ 24.999</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#0f2137;color:#ffffff;border-radius:6px;padding:12px 22px;font-size:14.5px;font-weight:700" class="dd-h3">Comprar</a>
</div>

</div>
</article>

<article style="border:1px solid rgba(15,33,55,.13);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff">
<div style="aspect-ratio:.8;background:#170f0e;position:relative;overflow:hidden">
<img src="PEGAR-URL-PORTADA-RECHAZOS" alt="Rechazos de siniestros y enfermedades ART" style="position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover">
</div>
<div style="padding:24px 22px;display:flex;flex-direction:column;gap:13px;flex:1">
<span style="font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;font-weight:700">Cuando te rechazan</span>
<h3 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.14;color:#0f2137">Rechazos de siniestros y enfermedades</h3>
<p style="margin:0;font-size:14.5px;line-height:1.55;color:rgba(15,33,55,.62);flex:1">Leer la causal exacta del rechazo, elegir el formulario correcto y ofrecer la prueba en la primera presentación.</p>
<span style="font-size:14px;color:rgba(15,33,55,.5)">91 páginas · 29 modelos · 4 casos</span>
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(15,33,55,.11);padding-top:16px">
<span style="font-family:'Instrument Serif',serif;font-size:26px;color:#0f2137;white-space:nowrap">$ 15.999</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#0f2137;color:#ffffff;border-radius:6px;padding:12px 22px;font-size:14.5px;font-weight:700" class="dd-h4">Comprar</a>
</div>

</div>
</article>

<article style="border:1px solid rgba(15,33,55,.13);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff">
<div style="aspect-ratio:.8;background:#0b1418;position:relative;overflow:hidden">
<img src="PEGAR-URL-PORTADA-CALCULO" alt="Cálculo y Baremo de indemnizaciones ART" style="position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover">
</div>
<div style="padding:24px 22px;display:flex;flex-direction:column;gap:13px;flex:1">
<span style="font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;font-weight:700">Para no liquidar de menos</span>
<h3 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.14;color:#0f2137">Cálculo y Baremo de indemnizaciones</h3>
<p style="margin:0;font-size:14.5px;line-height:1.55;color:rgba(15,33,55,.62);flex:1">Fórmulas, IBM, RIPTE, pisos e intereses. Baremo del Decreto 549/2025 con veinticinco liquidaciones resueltas.</p>
<span style="font-size:14px;color:rgba(15,33,55,.5)">83 páginas · 20 modelos · 25 casos</span>
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(15,33,55,.11);padding-top:16px">
<span style="font-family:'Instrument Serif',serif;font-size:26px;color:#0f2137;white-space:nowrap">$ 15.999</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#0f2137;color:#ffffff;border-radius:6px;padding:12px 22px;font-size:14.5px;font-weight:700" class="dd-h5">Comprar</a>
</div>

</div>
</article>

<article style="border:1px solid rgba(15,33,55,.13);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#ffffff">
<div style="aspect-ratio:.8;background:#120d17;position:relative;overflow:hidden">
<img src="PEGAR-URL-PORTADA-ALTAS" alt="Altas médicas, reingresos y divergencias ART" style="position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover">
</div>
<div style="padding:24px 22px;display:flex;flex-direction:column;gap:13px;flex:1">
<span style="font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f;font-weight:700">Alta prematura</span>
<h3 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;line-height:1.14;color:#0f2137">Altas médicas, reingresos y divergencias</h3>
<p style="margin:0;font-size:14.5px;line-height:1.55;color:rgba(15,33,55,.62);flex:1">Cuando aceptaron la contingencia pero el tratamiento es insuficiente, el alta llegó antes de tiempo o no reconocen las secuelas.</p>
<span style="font-size:14px;color:rgba(15,33,55,.5)">65 páginas · 28 modelos · 12 casos</span>
<div style="display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(15,33,55,.11);padding-top:16px">
<span style="font-family:'Instrument Serif',serif;font-size:26px;color:#0f2137;white-space:nowrap">$ 13.999</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#0f2137;color:#ffffff;border-radius:6px;padding:12px 22px;font-size:14.5px;font-weight:700" class="dd-h6">Comprar</a>
</div>

</div>
</article>

<article style="border:1.5px dashed rgba(217,171,79,.6);border-radius:11px;background:#fdfaf3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 26px;text-align:center">
<span style="font-family:'Instrument Serif',serif;font-size:30px;line-height:1.1;color:#0f2137">¿Las querés todas?</span>
<p style="margin:0;font-size:15px;line-height:1.55;color:rgba(15,33,55,.62)">Sumadas cuestan $ 100.995. Abajo están las cinco por el precio de la principal.</p>
<a href="#pack" style="background:#d9ab4f;color:#1a1206;border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700" class="dd-h7">Ver la oferta</a>
</article>

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

<div style="display:flex;flex-direction:column;gap:22px">
<span style="display:inline-flex;align-self:flex-start;background:#d9ab4f;color:#1a1206;border-radius:4px;padding:7px 14px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase">Oferta solo por hoy</span>
<h2 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:40px;line-height:1.1">Biblioteca completa: las 5 guías</h2>
<div style="display:flex;flex-direction:column;gap:11px">
<div style="display:flex;gap:11px;align-items:flex-start"><span style="color:#d9ab4f;font-weight:700">✓</span><span style="font-size:16px;line-height:1.5;color:rgba(255,255,255,.85)">807 páginas y 180 modelos de escritos</span></div>
<div style="display:flex;gap:11px;align-items:flex-start"><span style="color:#d9ab4f;font-weight:700">✓</span><span style="font-size:16px;line-height:1.5;color:rgba(255,255,255,.85)">76 casos resueltos de principio a fin</span></div>
<div style="display:flex;gap:11px;align-items:flex-start"><span style="color:#d9ab4f;font-weight:700">✓</span><span style="font-size:16px;line-height:1.5;color:rgba(255,255,255,.85)">PDF y Word editable, con fuentes oficiales</span></div>
<div style="display:flex;gap:11px;align-items:flex-start"><span style="color:#d9ab4f;font-weight:700">✓</span><span style="font-size:16px;line-height:1.5;color:rgba(255,255,255,.85)">Actualizaciones de tu edición sin costo</span></div>
</div>
<div style="border-top:1px solid rgba(255,255,255,.16);padding-top:24px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;align-items:baseline;gap:14px;flex-wrap:wrap">
<span style="font-family:'Instrument Serif',serif;font-size:62px;line-height:1;color:#ffffff">$ 29.999</span>
<span style="font-size:21px;color:rgba(255,255,255,.45);text-decoration:line-through">$ 100.995</span>
</div>
<span style="font-size:16.5px;color:#d9ab4f;font-weight:700">Ahorrás $ 70.996 · 70% de descuento</span>
<a href="PEGAR-LINK-DE-PAGO" style="background:#d9ab4f;color:#1a1206;border-radius:7px;padding:21px 40px;font-size:18px;font-weight:700;text-align:center;box-shadow:0 14px 38px rgba(217,171,79,.3)" class="dd-h8">Comprar la biblioteca completa</a>

<span style="font-size:15px;color:rgba(255,255,255,.6);text-align:center">Pago único · Lo recibís por mail en minutos</span>
</div>
</div>

</div>
<span style="font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)">5 guías · 807 páginas · 180 modelos</span>
</div>

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

<section style="background:#f7f8fa">
<div style="max-width:1060px;margin:0 auto;padding:74px 32px">
<div style="display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:40px">
<h2 style="margin:0;font-family:'Instrument Serif',serif;font-weight:400;font-size:36px;line-height:1.14;color:#0f2137">Lo que dicen los profesionales</h2>
</div>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;align-items:stretch">
<div style="background:#ffffff;border:1px solid rgba(15,33,55,.1);border-radius:9px;padding:30px 28px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;gap:3px;color:#d9ab4f;font-size:16px">★★★★★</div>
<p style="margin:0;font-size:16.5px;line-height:1.35;font-weight:700;color:#0f2137;text-wrap:pretty">Me ordenó el trámite de ART de principio a fin</p>
<p style="margin:0;font-size:15.5px;line-height:1.6;color:rgba(15,33,55,.72);font-style:italic;flex:1">“Lo que más me sirvió fue tener claro qué hacer en cada etapa y qué escrito correspondía presentar. Explica el procedimiento administrativo y judicial de una manera mucho más práctica que la información dispersa que encontraba por mi cuenta.”</p>
<div style="display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,33,55,.1);padding-top:16px">
<div style="width:38px;height:38px;flex:none;border-radius:50%;background:#0f2137;color:#d9ab4f;display:grid;place-items:center;font-size:15px;font-weight:700">M</div>
<span style="font-size:14.5px;font-weight:700;color:#0f2137">Mariana López <span style="font-weight:400;color:rgba(15,33,55,.5)">· Abogada laboralista</span></span>
</div>
</div>
<div style="background:#ffffff;border:1px solid rgba(15,33,55,.1);border-radius:9px;padding:30px 28px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;gap:3px;color:#d9ab4f;font-size:16px">★★★★★</div>
<p style="margin:0;font-size:16.5px;line-height:1.35;font-weight:700;color:#0f2137;text-wrap:pretty">Los modelos me ahorraron muchísimo tiempo de trabajo</p>
<p style="margin:0;font-size:15.5px;line-height:1.6;color:rgba(15,33,55,.72);font-style:italic;flex:1">“Ya trabajaba con accidentes laborales, pero muchas veces terminaba buscando antecedentes y armando escritos desde cero. Tener modelos, criterios de cálculo, baremos y pasos procesales reunidos me permitió trabajar con mucha más seguridad y rapidez.”</p>
<div style="display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,33,55,.1);padding-top:16px">
<div style="width:38px;height:38px;flex:none;border-radius:50%;background:#0f2137;color:#d9ab4f;display:grid;place-items:center;font-size:15px;font-weight:700">J</div>
<span style="font-size:14.5px;font-weight:700;color:#0f2137">Julián Fernández <span style="font-weight:400;color:rgba(15,33,55,.5)">· Abogado independiente</span></span>
</div>
</div>
<div style="background:#ffffff;border:1px solid rgba(15,33,55,.1);border-radius:9px;padding:30px 28px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;gap:3px;color:#d9ab4f;font-size:16px">★★★★★</div>
<p style="margin:0;font-size:16.5px;line-height:1.35;font-weight:700;color:#0f2137;text-wrap:pretty">Especialmente útil para rechazos y enfermedades profesionales</p>
<p style="margin:0;font-size:15.5px;line-height:1.6;color:rgba(15,33,55,.72);font-style:italic;flex:1">“Tenía dudas sobre cómo encarar un caso con rechazo de la ART y pude identificar rápidamente el procedimiento, la documentación necesaria y las alternativas disponibles. No se queda solamente en la teoría: está pensada para usarla mientras trabajás el expediente.”</p>
<div style="display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,33,55,.1);padding-top:16px">
<div style="width:38px;height:38px;flex:none;border-radius:50%;background:#0f2137;color:#d9ab4f;display:grid;place-items:center;font-size:15px;font-weight:700">C</div>
<span style="font-size:14.5px;font-weight:700;color:#0f2137">Carolina Benítez <span style="font-weight:400;color:rgba(15,33,55,.5)">· Abogada · Provincia de Buenos Aires</span></span>
</div>
</div>
<div style="background:#ffffff;border:1px solid rgba(15,33,55,.1);border-radius:9px;padding:30px 28px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;gap:3px;color:#d9ab4f;font-size:16px">★★★★★</div>
<p style="margin:0;font-size:16.5px;line-height:1.35;font-weight:700;color:#0f2137;text-wrap:pretty">Por fin entendí cómo abordar las divergencias y las altas médicas</p>
<p style="margin:0;font-size:15.5px;line-height:1.6;color:rgba(15,33,55,.72);font-style:italic;flex:1">“Es uno de esos temas en los que resulta fácil perderse entre Comisión Médica, reingreso, divergencia e incapacidad. La explicación paso a paso y los modelos ayudan muchísimo a visualizar qué corresponde hacer según cada situación concreta.”</p>
<div style="display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,33,55,.1);padding-top:16px">
<div style="width:38px;height:38px;flex:none;border-radius:50%;background:#0f2137;color:#d9ab4f;display:grid;place-items:center;font-size:15px;font-weight:700">T</div>
<span style="font-size:14.5px;font-weight:700;color:#0f2137">Tomás Herrera <span style="font-weight:400;color:rgba(15,33,55,.5)">· Abogado junior</span></span>
</div>
</div>
<div style="background:#ffffff;border:1px solid rgba(15,33,55,.1);border-radius:9px;padding:30px 28px;display:flex;flex-direction:column;gap:14px">
<div style="display:flex;gap:3px;color:#d9ab4f;font-size:16px">★★★★★</div>
<p style="margin:0;font-size:16.5px;line-height:1.35;font-weight:700;color:#0f2137;text-wrap:pretty">Es una biblioteca para tener abierta mientras trabajás</p>
<p style="margin:0;font-size:15.5px;line-height:1.6;color:rgba(15,33,55,.72);font-style:italic;flex:1">“Buscaba material sobre cálculo de indemnizaciones y terminé usando también las guías de enfermedades profesionales, rechazos y altas médicas. Está muy bien que los temas estén separados por ebook porque encontrás rápido lo que necesitás sin recorrer un manual enorme.”</p>
<div style="display:flex;align-items:center;gap:12px;border-top:1px solid rgba(15,33,55,.1);padding-top:16px">
<div style="width:38px;height:38px;flex:none;border-radius:50%;background:#0f2137;color:#d9ab4f;display:grid;place-items:center;font-size:15px;font-weight:700">S</div>
<span style="font-size:14.5px;font-weight:700;color:#0f2137">Sofía Martínez <span style="font-weight:400;color:rgba(15,33,55,.5)">· Abogada litigante</span></span>
</div>
</div>
</div></div>
</section>

<section style="background:#ffffff">
<div style="max-width:780px;margin:0 auto;padding:74px 32px">
<h2 style="margin:0 0 30px;font-family:'Instrument Serif',serif;font-weight:400;font-size:34px;color:#0f2137;text-align:center">Preguntas frecuentes</h2>
<div style="display:flex;flex-direction:column;gap:12px">
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿Cómo y cuándo lo recibo?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">Al confirmarse el pago llega automáticamente a tu correo, en minutos. Si compraste la biblioteca completa, en el mismo mail vienen las cinco guías.</p>
</details>
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿En qué formato viene?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">En PDF con índice clicable, y también en Word editable para que puedas reutilizar los modelos de escritos.</p>
</details>
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿Los modelos se usan tal cual?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">Cada pieza debe adaptarse a los hechos, la etapa y la normativa vigente al día de la presentación. Son puntos de partida profesionales, no formularios cerrados.</p>
</details>
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿Qué pasa cuando cambia la normativa?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">Cada guía declara su fecha de corte y las actualizaciones de tu edición se envían sin costo.</p>
</details>
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿Puedo comprar una sola guía?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">Sí, cada una tiene su botón de compra y su precio. Con la biblioteca completa pagás el valor de la guía principal y te llevás las cinco.</p>
</details>
<details style="background:#f7f8fa;border:1px solid rgba(15,33,55,.11);border-radius:8px;padding:22px 26px">
<summary style="cursor:pointer;font-size:17px;font-weight:600;list-style:none;color:#0f2137">¿Hay devolución?</summary>
<p style="margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(15,33,55,.68)">Es contenido digital de descarga inmediata, así que no hay devolución una vez entregado el archivo, salvo falla técnica en la entrega, que se resuelve reenviando el material.</p>
</details>
</div>
</div>
</section>

<footer style="background:#0a1728;color:#ffffff">
<div style="max-width:1060px;margin:0 auto;padding:34px 32px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center">
<span style="font-size:13.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#d9ab4f">Derecho en la Práctica</span>
<div style="display:flex;gap:20px;flex-wrap:wrap">
<a href="#" style="font-size:13.5px;color:rgba(255,255,255,.6)">Términos</a>
<a href="#" style="font-size:13.5px;color:rgba(255,255,255,.6)">Botón de arrepentimiento</a>
<a href="#" style="font-size:13.5px;color:rgba(255,255,255,.6)">Contacto</a>
</div>
</div>
<div style="max-width:1060px;margin:0 auto;padding:0 32px 30px">
<p style="margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.42)">Material profesional de estudio y trabajo. No constituye asesoramiento legal sobre un caso concreto y no garantiza resultado alguno.</p>
</div>
</footer>

</div>
</div>