<![CDATA[<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Abogado Extranjería Madrid | Solucionamos tu Residencia y Nacionalidad</title>
<!-- Cargamos los iconos de Lucide (usados en tu diseño original) -->
<script src="https://unpkg.com/lucide@latest"></script>
<style>
/* ==========================================================================
VARIABLES DE COLOR Y FUENTES (Basadas en el diseño original)
========================================================================== */
:root {
--brand-dark: #1f2937;
--brand-primary: #c23b2e;
--brand-accent: #992b22;
--brand-light: #ffffff;
--brand-gray: #f9fafb;
--whatsapp: #25D366;
--text-main: #374151;
--text-light: #6b7280;
--border-color: #e5e7eb;
--font-main: 'Inter', system-ui, -apple-system, sans-serif;
}
/* ==========================================================================
RESETEO BÁSICO Y ESTILOS GLOBALES
========================================================================== */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body.jeypa-landing {
font-family: var(--font-main);
color: var(--text-main);
background-color: var(--brand-gray);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
.jeypa-landing a {
text-decoration: none;
color: inherit;
}
.jeypa-landing img {
max-width: 100%;
height: auto;
display: block;
}
/* Contenedores principales */
.jeypa-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.jeypa-container-sm {
max-width: 900px;
}
.jeypa-section {
padding: 5rem 0;
}
/* Títulos */
.jeypa-landing h1, .jeypa-landing h2, .jeypa-landing h3, .jeypa-landing h4 {
font-weight: 800;
color: var(--brand-dark);
margin-bottom: 1rem;
line-height: 1.2;
}
/* Botones */
.jeypa-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 1rem 2rem;
border-radius: 0.75rem;
font-weight: 700;
transition: all 0.3s ease;
cursor: pointer;
border: none;
font-size: 1.125rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.jeypa-btn:hover {
transform: translateY(-2px);
}
.jeypa-btn-primary {
background-color: var(--brand-primary);
color: white;
}
.jeypa-btn-primary:hover {
background-color: var(--brand-accent);
}
.jeypa-btn-white {
background-color: white;
color: var(--brand-primary);
}
.jeypa-btn-white:hover {
background-color: #f3f4f6;
}
.jeypa-btn-whatsapp {
background-color: var(--whatsapp);
color: white;
padding: 0.75rem 1.5rem;
border-radius: 9999px;
}
.jeypa-btn-whatsapp:hover {
background-color: #1da851;
}
/* ==========================================================================
SECCIONES ESPECÍFICAS
========================================================================== */
/* Top Bar */
.jeypa-topbar {
background-color: var(--brand-primary);
color: white;
text-align: center;
padding: 0.5rem 1rem;
font-size: 0.875rem;
font-weight: 500;
}
/* Navegación */
.jeypa-nav {
background-color: white;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
position: sticky;
top: 0;
z-index: 50;
}
.jeypa-nav-inner {
display: flex;
justify-content: space-between;
align-items: center;
height: 5rem;
}
.jeypa-logo {
font-size: 1.5rem;
font-weight: 900;
color: var(--brand-primary);
text-transform: uppercase;
letter-spacing: -0.025em;
}
.jeypa-nav-actions {
display: flex;
align-items: center;
gap: 1.5rem;
}
@media (max-width: 768px) {
.jeypa-nav-actions { display: none; }
.jeypa-logo { font-size: 1.25rem; }
}
/* Hero Section */
.jeypa-hero {
background-image: linear-gradient(to right, rgba(194, 59, 46, 0.95), rgba(31, 41, 55, 0.85)), url('https://images.unsplash.com/photo-1555848962-6e79363ec58f?auto=format&fit=crop&q=80');
background-size: cover;
background-position: center;
padding: 8rem 0;
text-align: center;
color: white;
}
.jeypa-badge {
display: inline-block;
padding: 0.25rem 1rem;
border-radius: 9999px;
background-color: rgba(255, 255, 255, 0.2);
color: white;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.05em;
margin-bottom: 1.5rem;
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(4px);
}
.jeypa-hero h1 {
color: white;
font-size: 3rem;
margin-bottom: 1.5rem;
}
.jeypa-hero p {
font-size: 1.25rem;
color: #e5e7eb;
margin-bottom: 2.5rem;
font-weight: 300;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.jeypa-hero-links {
margin-top: 2rem;
display: flex;
justify-content: center;
gap: 2rem;
}
.jeypa-hero-links a {
display: flex;
align-items: center;
gap: 0.5rem;
color: white;
}
.jeypa-hero-links a:hover { color: #d1d5db; }
@media (max-width: 768px) {
.jeypa-hero h1 { font-size: 2rem; }
.jeypa-hero p { font-size: 1.125rem; }
.jeypa-hero-links { flex-direction: column; gap: 1rem; align-items: center; }
}
/* Problemas (Dolores del cliente) */
.jeypa-grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
@media (max-width: 768px) {
.jeypa-grid-2 { grid-template-columns: 1fr; }
}
.jeypa-problem-card {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.5rem;
background-color: #fef2f2;
border-radius: 1rem;
border: 1px solid #fee2e2;
}
.jeypa-problem-icon {
background-color: white;
padding: 0.75rem;
border-radius: 50%;
color: var(--brand-primary);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border: 1px solid #fee2e2;
}
/* Banner Promesa */
.jeypa-promise {
background-color: var(--brand-primary);
color: white;
text-align: center;
}
.jeypa-promise h2 { color: white; }
.jeypa-promise p { color: #fecaca; font-size: 1.25rem; margin-bottom: 2.5rem; }
/* Proceso */
.jeypa-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
@media (max-width: 992px) { .jeypa-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .jeypa-grid-4 { grid-template-columns: 1fr; } }
.jeypa-process-card {
background-color: white;
padding: 1.5rem;
border-radius: 1rem;
text-align: center;
border: 1px solid var(--border-color);
position: relative;
}
.jeypa-process-number {
width: 4rem;
height: 4rem;
margin: 0 auto 1rem;
background-color: var(--brand-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: bold;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}
.jeypa-process-card.active .jeypa-process-number {
background-color: var(--brand-dark);
border: 4px solid var(--brand-primary);
}
/* Beneficios */
.jeypa-benefit-card {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
background-color: var(--brand-gray);
border: 1px solid var(--border-color);
border-radius: 0.75rem;
transition: box-shadow 0.3s ease;
}
.jeypa-benefit-card:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.jeypa-benefit-card i { color: var(--brand-primary); flex-shrink: 0; }
/* Estadísticas */
.jeypa-stats {
background-color: var(--brand-dark);
color: white;
border-top: 8px solid var(--brand-primary);
border-bottom: 8px solid var(--brand-primary);
}
.jeypa-stats .jeypa-grid-4 { gap: 2rem; text-align: center; }
.jeypa-stat-number { font-size: 3rem; font-weight: 800; color: var(--brand-primary); margin-bottom: 0.5rem; }
.jeypa-stat-text { color: #d1d5db; }
/* Sobre nosotros (Imagen + Texto) */
.jeypa-split {
display: flex;
align-items: center;
gap: 3rem;
}
.jeypa-split > div { flex: 1; }
@media (max-width: 768px) { .jeypa-split { flex-direction: column; } }
.jeypa-img-rounded { border-radius: 1rem; border: 4px solid white; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.jeypa-badge-text { display: inline-flex; align-items: center; gap: 0.5rem; background: white; padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--border-color); color: var(--brand-primary); font-weight: bold; margin-top: 1rem;}
/* Testimonios */
.jeypa-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media (max-width: 992px) { .jeypa-grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .jeypa-grid-3 { grid-template-columns: 1fr; } }
.jeypa-testimonial {
background-color: var(--brand-gray);
padding: 2rem;
border-radius: 1rem;
border: 1px solid var(--border-color);
position: relative;
padding-top: 3rem;
transition: border-color 0.3s;
}
.jeypa-testimonial:hover { border-color: var(--brand-primary); }
.jeypa-avatar { position: absolute; top: -2rem; left: 2rem; width: 4rem; height: 4rem; border-radius: 50%; border: 4px solid white; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.jeypa-stars { color: var(--brand-primary); margin-bottom: 0.5rem; display: flex; gap: 0.25rem;}
.jeypa-stars i { fill: currentColor; }
.jeypa-test-status { color: var(--brand-primary); font-size: 0.875rem; font-weight: 600; margin-bottom: 1rem; }
.jeypa-test-result { color: #16a34a; font-size: 0.875rem; font-weight: bold; margin-top: 1rem; }
/* Servicios */
.jeypa-services { background-color: var(--brand-primary); color: white; }
.jeypa-services h2 { color: white; text-align: center; }
.jeypa-services > p { text-align: center; color: #fecaca; margin-bottom: 3rem; }
.jeypa-service-card {
background-color: white;
color: var(--brand-dark);
padding: 2rem;
border-radius: 1rem;
border-bottom: 4px solid var(--brand-dark);
transition: transform 0.3s;
}
.jeypa-service-card:hover { transform: translateY(-5px); }
.jeypa-service-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.jeypa-service-header i { color: var(--brand-primary); }
.jeypa-service-header h3 { margin: 0; font-size: 1.5rem; }
/* FAQs */
.jeypa-faq { background-color: white; }
.jeypa-faq-item {
background-color: var(--brand-gray);
padding: 1.5rem;
border-radius: 0.75rem;
border: 1px solid var(--border-color);
margin-bottom: 1.5rem;
}
.jeypa-faq-item h4 { margin-bottom: 0.5rem; font-size: 1.125rem; }
/* Formulario Sección */
.jeypa-contact-section {
background-color: var(--brand-primary);
position: relative;
}
.jeypa-contact-wrapper {
background: white;
border-radius: 1.5rem;
overflow: hidden;
display: flex;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) { .jeypa-contact-wrapper { flex-direction: column; } }
.jeypa-contact-info {
flex: 5;
background-color: var(--brand-dark);
color: white;
padding: 2.5rem;
border-right: 4px solid var(--brand-primary);
}
@media (max-width: 768px) { .jeypa-contact-info { border-right: none; border-bottom: 4px solid var(--brand-primary); } }
.jeypa-contact-info h2 { color: white; font-size: 1.875rem; }
.jeypa-contact-info p { color: #d1d5db; margin-bottom: 2rem; }
.jeypa-contact-form-container {
flex: 7;
padding: 2.5rem;
background-color: white;
}
.jeypa-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin-bottom: 1.25rem; }
@media (max-width: 576px) { .jeypa-form-grid { grid-template-columns: 1fr; } }
.jeypa-form-group { margin-bottom: 1.25rem; }
.jeypa-form-label { display: block; font-size: 0.875rem; font-weight: 600; margin-bottom: 0.25rem; color: var(--text-main); }
.jeypa-form-input {
width: 100%;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
border: 1px solid #d1d5db;
font-family: inherit;
transition: border-color 0.3s, box-shadow 0.3s;
}
.jeypa-form-input:focus { outline: none; border-color: var(--brand-primary); box-shadow: 0 0 0 3px rgba(194, 59, 46, 0.2); }
textarea.jeypa-form-input { resize: vertical; }
/* Footer */
.jeypa-footer {
background-color: var(--brand-dark);
color: #9ca3af;
padding: 2.5rem 0;
border-top: 1px solid #374151;
}
.jeypa-footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.jeypa-footer-inner { flex-direction: column; text-align: center; gap: 1rem; }
}
.jeypa-footer-logo { font-size: 1.5rem; font-weight: 900; color: var(--brand-primary); margin-bottom: 0.5rem; display: block; }
.jeypa-footer-links a { margin: 0 0.5rem; transition: color 0.3s; }
.jeypa-footer-links a:hover { color: white; }
/* Float WhatsApp */
.jeypa-float-wa {
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
background-color: var(--whatsapp);
color: white;
width: 3.5rem;
height: 3.5rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
z-index: 100;
transition: transform 0.3s;
}
.jeypa-float-wa:hover { transform: scale(1.1); background-color: #1da851; }
.jeypa-float-wa i { width: 2rem; height: 2rem; }
/* Helpers */
.text-center { text-align: center; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-12 { margin-bottom: 3rem; }
.mt-4 { margin-top: 1rem; }
</style>
</head>
<!-- Agregamos una clase al body para aislar los estilos de Elementor -->
<body class="jeypa-landing">
<div class="jeypa-topbar">
✈️ Tu futuro en España es lo más importante. No arriesgues tus papeles con falsos asesores, confía en abogados colegiados.
</div>
<nav class="jeypa-nav">
<div class="jeypa-container jeypa-nav-inner">
<div class="jeypa-logo">Jeypa Gestión</div>
<div class="jeypa-nav-actions">
<a href="tel:+34916019000" style="display:flex; align-items:center; gap:0.5rem; font-weight:bold; color:var(--brand-dark);">
<i data-lucide="phone-call" style="width: 20px;"></i> 91 601 90 00
</a>
<a href="https://wa.me/34600000000" target="_blank" class="jeypa-btn-whatsapp" style="display:flex; align-items:center; gap:0.5rem; font-weight:bold;">
<i data-lucide="message-circle" style="width: 20px;"></i> WhatsApp Urgente
</a>
</div>
</div>
</nav>
<section class="jeypa-hero">
<div class="jeypa-container jeypa-container-sm">
<span class="jeypa-badge">ABOGADO EXTRANJERÍA MADRID</span>
<h1>El despacho de extranjería que te dice en minutos si tienes solución y te guía hasta conseguirlo</h1>
<p>Olvídate de la angustia y los laberintos burocráticos. Evaluamos tu caso, te hablamos claro y tomamos el control para que consigas tu <strong>permiso de residencia</strong> o <strong>nacionalidad española</strong> sin miedo a que te lo denieguen.</p>
<a href="#formulario" class="jeypa-btn jeypa-btn-white">
Quiero que revisen mi caso <i data-lucide="arrow-right"></i>
</a>
<div class="jeypa-hero-links">
<a href="tel:+34916019000"><i data-lucide="phone"></i> Llamar ahora</a>
<a href="https://wa.me/34600000000"><i data-lucide="message-circle"></i> Escribir al WhatsApp</a>
</div>
</div>
</section>
<section class="jeypa-section" style="background-color: white;">
<div class="jeypa-container jeypa-container-sm">
<div class="text-center mb-12">
<h2>¿Sientes que tu futuro en España está en pausa?</h2>
<p style="color: var(--text-light); font-size: 1.125rem;">Sabemos exactamente por lo que estás pasando. La incertidumbre de no saber qué va a pasar con tus papeles es agotadora.</p>
</div>
<div class="jeypa-grid-2">
<div class="jeypa-problem-card">
<div class="jeypa-problem-icon"><i data-lucide="file-x-2"></i></div>
<div>
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Te han denegado el visado</h3>
<p style="color: var(--text-light); font-size: 0.9rem;">Sientes impotencia porque presentaste todo lo que te pidieron y aun así te han dicho que no, poniéndote en riesgo de quedar irregular.</p>
</div>
</div>
<div class="jeypa-problem-card">
<div class="jeypa-problem-icon"><i data-lucide="clock"></i></div>
<div>
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Llevas meses esperando</h3>
<p style="color: var(--text-light); font-size: 0.9rem;">Miras tu expediente por internet todos los días y sigue "En tramitación". Nadie te da una respuesta clara.</p>
</div>
</div>
<div class="jeypa-problem-card">
<div class="jeypa-problem-icon"><i data-lucide="alert-triangle"></i></div>
<div>
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">No entiendes el proceso</h3>
<p style="color: var(--text-light); font-size: 0.9rem;">Te hablan con palabras raras y leyes. Solo quieres saber si vas a poder quedarte a trabajar y vivir tranquilo.</p>
</div>
</div>
<div class="jeypa-problem-card">
<div class="jeypa-problem-icon"><i data-lucide="users"></i></div>
<div>
<h3 style="font-size: 1.25rem; margin-bottom: 0.5rem;">Familia lejos</h3>
<p style="color: var(--text-light); font-size: 0.9rem;">La reagrupación familiar te parece imposible por la cantidad de requisitos económicos y de vivienda que exigen.</p>
</div>
</div>
</div>
</div>
</section>
<section class="jeypa-section jeypa-promise">
<div class="jeypa-container jeypa-container-sm text-center">
<h2 style="font-size: 2.25rem;">No hacemos simples trámites. Cambiamos tu situación de vida.</h2>
<p>Nosotros no somos "rellenadores de formularios". Creamos una <strong>estrategia legal personalizada</strong> para que consigas tu objetivo migratorio sin sorpresas de última hora.</p>
<a href="#formulario" class="jeypa-btn jeypa-btn-white">Dime si mi caso tiene solución</a>
</div>
</section>
<section class="jeypa-section">
<div class="jeypa-container">
<div class="text-center mb-12">
<h2>Un proceso simple para eliminar tu miedo</h2>
<p style="color: var(--text-light); font-size: 1.125rem;">Así trabajamos para llevarte desde la incertidumbre hasta la tranquilidad legal.</p>
</div>
<div class="jeypa-grid-4">
<div class="jeypa-process-card">
<div class="jeypa-process-number">1</div>
<h3>Diagnóstico Gratuito</h3>
<p style="font-size: 0.875rem; color: var(--text-light);">Escuchamos tu historia y te decimos con honestidad si podemos ayudarte y cómo.</p>
</div>
<div class="jeypa-process-card">
<div class="jeypa-process-number">2</div>
<h3>Estrategia Personal</h3>
<p style="font-size: 0.875rem; color: var(--text-light);">Trazamos el plan exacto. Te explicamos qué documentos necesitamos sin palabras raras.</p>
</div>
<div class="jeypa-process-card">
<div class="jeypa-process-number">3</div>
<h3>Gestión Completa</h3>
<p style="font-size: 0.875rem; color: var(--text-light);">Nos encargamos de presentar todo. Tú te olvidas de las citas y las colas.</p>
</div>
<div class="jeypa-process-card active">
<div class="jeypa-process-number">4</div>
<h3>Seguimiento Real</h3>
<p style="font-size: 0.875rem; color: var(--text-light);">Vigilamos tu expediente a diario. Te avisamos en cuanto esté aprobado.</p>
</div>
</div>
</div>
</section>
<section class="jeypa-section jeypa-stats">
<div class="jeypa-container">
<div class="jeypa-grid-4">
<div>
<div class="jeypa-stat-number">98%</div>
<div class="jeypa-stat-text">Expedientes a Favor</div>
</div>
<div>
<div class="jeypa-stat-number">+500</div>
<div class="jeypa-stat-text">Residencias Conseguidas</div>
</div>
<div>
<div class="jeypa-stat-number">24h</div>
<div class="jeypa-stat-text">Tiempo de Respuesta</div>
</div>
<div>
<div class="jeypa-stat-number">100%</div>
<div class="jeypa-stat-text">Especialización Extranjería</div>
</div>
</div>
</div>
</section>
<section class="jeypa-section" style="background-color: white;">
<div class="jeypa-container">
<div class="jeypa-split">
<div>
<img decoding="async" src="https://images.unsplash.com/photo-1556157382-97eda2d62296?auto=format&fit=crop&q=80" alt="Abogado trabajando" class="jeypa-img-rounded">
</div>
<div>
<h2 style="font-size: 2rem;">Hola, somos tu equipo legal.</h2>
<p style="margin-bottom: 1rem; color: var(--text-light);">En Jeypa Gestión no somos una "fábrica de expedientes". Nos dedicamos de manera exclusiva al derecho de extranjería porque sabemos que detrás de cada carpeta hay una familia y una vida.</p>
<p style="margin-bottom: 1.5rem; color: var(--text-light);">Nuestro compromiso es simple: <strong>te hablamos con la verdad y luchamos por tus derechos como si fueran los nuestros.</strong></p>
<div class="jeypa-badge-text">
<i data-lucide="shield-check"></i> Colegiados y Autorizados
</div>
</div>
</div>
</div>
</section>
<section class="jeypa-section">
<div class="jeypa-container">
<h2 class="text-center mb-12" style="font-size: 2rem;">Casos reales de personas como tú</h2>
<div class="jeypa-grid-3">
<div class="jeypa-testimonial">
<img decoding="async" src="https://i.pravatar.cc/100?img=11" alt="Carlos" class="jeypa-avatar">
<div class="jeypa-stars">
<i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i>
</div>
<h4>Carlos M. (Colombia)</h4>
<div class="jeypa-test-status">Situación: Visado Denegado</div>
<p style="font-style: italic; font-size: 0.9rem; color: var(--text-light);">"Estaba desesperado. Me explicaron cómo poner un recurso paso a paso. En semanas le dieron la vuelta a la resolución y hoy ya estoy trabajando legal."</p>
<div class="jeypa-test-result">Resultado: Recurso ganado.</div>
</div>
<div class="jeypa-testimonial">
<img decoding="async" src="https://i.pravatar.cc/100?img=32" alt="Amina" class="jeypa-avatar">
<div class="jeypa-stars">
<i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i>
</div>
<h4>Amina B. (Marruecos)</h4>
<div class="jeypa-test-status">Situación: 2 años esperando</div>
<p style="font-style: italic; font-size: 0.9rem; color: var(--text-light);">"Presenté mi expediente sola y quedó congelado. Contacté con ellos, presentaron un recurso contencioso y el silencio se acabó. Son los mejores."</p>
<div class="jeypa-test-result">Resultado: DNI Español en 4 meses.</div>
</div>
<div class="jeypa-testimonial">
<img decoding="async" src="https://i.pravatar.cc/100?img=12" alt="Luis" class="jeypa-avatar">
<div class="jeypa-stars">
<i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i><i data-lucide="star" width="16"></i>
</div>
<h4>Luis P. (Perú)</h4>
<div class="jeypa-test-status">Situación: Lejos de su familia</div>
<p style="font-style: italic; font-size: 0.9rem; color: var(--text-light);">"Ellos se encargaron de la reagrupación familiar de mi mujer y mi hija de principio a fin. Me quitaron un peso enorme de encima."</p>
<div class="jeypa-test-result">Resultado: Familia reunida en España.</div>
</div>
</div>]]>