<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>S’appeler</strong> (Llamarse)</h2>
<p style=”font-size: 17px;”>¡Aprender a presentarse es el primer paso! El verbo <strong>s’appeler</strong> es un verbo pronominal. Esto significa que, al igual que en español, necesitamos un “amiguito” (pronombre reflexivo) para que funcione.</p>

<div style=”background-color: #e3f2fd; border-left: 5px solid #2196f3; padding: 15px; margin: 20px 0;”><strong style=”color: #1565c0; font-size: 18px;”>💡 Dato Curioso:</strong>
<p style=”margin: 5px 0;”>En francés, la “e” final es tímida y no se pronuncia. Además, cuando el verbo empieza por vocal (como <i>Appeler</i>), los pronombres <b>me, te, se</b> se convierten en <b>m’, t’, s'</b>. ¡Se fusionan!</p>

</div>
<h3 style=”color: #1e88e5; text-align: center; margin-top: 40px;”>Tabla de Conjugación: ¡Francés y Español son Amigos! 🤝</h3>
<table style=”width: 100%; border-collapse: collapse; margin-top: 15px; background-color: white;”>
<thead>
<tr style=”background-color: #d32f2f; color: white;”>
<th style=”padding: 12px; border: 1px solid #ddd; text-align: left;”>Sujeto</th>
<th style=”padding: 12px; border: 1px solid #ddd; text-align: left;”>Francés</th>
<th style=”padding: 12px; border: 1px solid #ddd; text-align: left;”>Pronunciación</th>
</tr>
</thead>
<tbody>
<tr>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Je</strong> (Yo)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>m’appelle</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[ʒə mapəl]</td>
</tr>
<tr style=”background-color: #f9f9f9;”>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Tu</strong> (Tú)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>t’appelles</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[tu tapəl]</td>
</tr>
<tr>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Il / Elle</strong> (Él/Ella)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>s’appelle</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[il/el sapəl]</td>
</tr>
<tr style=”background-color: #fffde7;”>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Nous</strong> (Nosotros)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>nous appelons</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[nu nuzapəlõ] *Liaison!</td>
</tr>
<tr style=”background-color: #fffde7;”>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Vous</strong> (Usted/es)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>vous appelez</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[vu vuzapəle] *Liaison!</td>
</tr>
<tr style=”background-color: #f9f9f9;”>
<td style=”padding: 10px; border: 1px solid #ddd;”><strong>Ils / Elles</strong> (Ellos/as)</td>
<td style=”padding: 10px; border: 1px solid #ddd; color: #d32f2f; font-weight: bold;”>s’appellent</td>
<td style=”padding: 10px; border: 1px solid #ddd; font-style: italic;”>[il/el sapəl]</td>
</tr>
</tbody>
</table>
<div style=”margin-top: 30px; gap: 15px; flex-wrap: wrap;”>
<div style=”background: #f1f8e9; padding: 20px; border-radius: 10px; flex: 1; min-width: 250px; border-top: 4px solid #4caf50;”>
<h4 style=”margin-top: 0; color: #2e7d32;”>Informal (Amigos/Familia)</h4>
— Comment tu t’appelles ? — <strong>Je m’appelle</strong> Sophie.</div>
<div style=”background: #f1f8e9; padding: 20px; border-radius: 10px; flex: 1; min-width: 250px; border-top: 4px solid #2e7d32;”>
<h4 style=”margin-top: 0; color: #2e7d32;”>Formal (Respeto)</h4>
— Comment <strong>vous appelez-vous</strong> ? — Je m’appelle Jean Dupont.</div>
</div>
<div style=”margin-top: 50px; border-top: 2px dashed #ccc; padding-top: 30px;”>
<h3 style=”color: #2e7d32; text-align: center; font-size: 24px;”>✍️ Zona de Práctica (Quiz del Video)</h3>
<p style=”text-align: center; color: #666; margin-bottom: 30px;”>¿Pusiste atención al video? ¡Demuéstralo aquí!</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> Ejercicio: 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: 50px; padding: 30px; border: 2px solid #ef5350; border-radius: 12px; background-color: #ffebee; text-align: center;”><span style=”font-size: 45px;”>🚀</span>
<h3 style=”color: #c62828; margin: 15px 0; font-size: 22px;”>¡No te detengas ahora!</h3>
<p style=”color: #b71c1c; font-size: 16px;”>¿Quieres el PDF con todas las conjugaciones y más audios de práctica? <strong>Únete a nuestra comunidad Premium.</strong></p>

<a style=”background-color: #c62828; color: white; padding: 15px 35px; border-radius: 50px; text-decoration: none; font-weight: bold; margin-top: 15px;” href=”#link-de-tu-pago”>¡Obtener Material Premium!</a></div>
</div>