<div style=”font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6; max-width: 800px; margin: auto; border: 1px solid #e0e0e0; padding: 30px; border-radius: 15px; background-color: #fcfcfc;”>
<h2 style=”color: #d32f2f; border-bottom: 2px solid #d32f2f; padding-bottom: 10px; text-align: center;”>📕 Clase: El Verbo <strong>Avoir</strong> (Tener)</h2>
<p style=”font-size: 17px;”>El verbo <strong>avoir</strong> se usa para hablar de posesión (cosas que tienes), pero también para sensaciones como el hambre, la sed o la edad.</p>

<table style=”width: 100%; border-collapse: collapse; margin: 20px 0; background-color: white;”>
<thead>
<tr style=”background-color: #d32f2f; color: white;”>
<th style=”padding: 10px; border: 1px solid #ddd;”>Pronombre</th>
<th style=”padding: 10px; border: 1px solid #ddd;”>Avoir</th>
<th style=”padding: 10px; border: 1px solid #ddd;”>Traducción</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>J'</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>ai</td>
<td>Tengo</td>
</tr>
<tr style=”background-color: #f9f9f9;”>
<td><strong>Tu</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>as</td>
<td>Tienes</td>
</tr>
<tr>
<td><strong>Il / Elle / On</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>a</td>
<td>Tiene / Tenemos</td>
</tr>
<tr style=”background-color: #f9f9f9;”>
<td><strong>Nous</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>avons</td>
<td>Tenemos</td>
</tr>
<tr>
<td><strong>Vous</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>avez</td>
<td>Usted tiene / tienen</td>
</tr>
<tr style=”background-color: #f9f9f9;”>
<td><strong>Ils / Elles</strong></td>
<td style=”color: #d32f2f; font-weight: bold;”>ont</td>
<td>Tienen</td>
</tr>
</tbody>
</table>
<div style=”margin-top: 50px; border-top: 2px dashed #ccc; padding-top: 30px;”>
<h3 style=”color: #2e7d32; text-align: center; font-size: 24px;”>✍️ Práctica del Verbo Avoir (Gratis)</h3>
<p style=”text-align: center; color: #666; font-style: italic; margin-bottom: 30px;”>Fíjate en la traducción bajo cada palabra para elegir la forma correcta.</p>

<div style=”background-color: #e8f5e9; padding: 25px; border-radius: 12px; border: 1px solid #c8e6c9; margin-bottom: 25px;”>
<h4 style=”color: #2e7d32; margin-top: 0; align-items: center;”><span style=”font-size: 24px; margin-right: 10px;”>✏️</span> 3. Escribe la forma correcta</h4>
<div style=”background: white; padding: 10px; border-radius: 8px;”>

</div>
</div>
<div style=”background-color: #e8f5e9; padding: 25px; border-radius: 12px; border: 1px solid #c8e6c9;”>
<h4 style=”color: #2e7d32; margin-top: 0; align-items: center;”><span style=”font-size: 24px; margin-right: 10px;”>🤝</span> 4. Arrastra el verbo según el contexto</h4>
<div style=”background: white; padding: 10px; border-radius: 8px;”></div>
</div>
</div>
<div style=”margin-top: 40px; padding: 30px; border: 2px solid #ef5350; border-radius: 12px; background-color: #ffebee; text-align: center;”><span style=”font-size: 40px;”>🔒</span>
<h3 style=”color: #c62828; margin: 10px 0;”>¿Quieres dominar todos los verbos?</h3>
<p style=”color: #b71c1c;”>Accede a la sesión de <strong>Práctica Pro</strong> con 5 ejercicios extra, PDF de vocabulario y soporte directo.</p>
<a style=”background-color: #c62828; color: white; padding: 12px 25px; border-radius: 50px; text-decoration: none; font-weight: bold; margin-top: 10px;” href=”#link-de-tu-pago”>¡Desbloquear Contenido Pro!</a>

</div>
</div>