Descripción
Producto con certificación ecológica.
<div class=»nutrition-and-chart» style=»text-align: center;»>
<!– Información Nutricional –>
<section class=»nutrition-info»>
<h3>Información nutricional de las espinacas</h3>
<table style=»width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: 0 auto;»>
<thead>
<tr style=»background-color: #42A103; color: white;»>
<th style=»border: 1px solid #ddd; padding: 8px; text-align: left;»>Componente</th>
<th style=»border: 1px solid #ddd; padding: 8px; text-align: left;»>Cantidad por 100 g</th>
</tr>
</thead>
<tbody>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Energía</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>23 kcal</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Grasas totales</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>0.4 g</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Grasas saturadas</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>0.1 g</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Hidratos de carbono</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>3.6 g</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Azúcares</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>0.4 g</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Fibra alimentaria</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>2.2 g</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Proteínas</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>2.9 g</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Sodio</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>79 mg</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Potasio</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>558 mg</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Agua</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>91.4%</td>
</tr>
<!– Vitaminas –>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Vitamina A</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>4696 IU</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Vitamina C</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>28.1 mg</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Vitamina E</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>2.0 mg</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Vitamina K</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>483 µg</td>
</tr>
<!– Minerales –>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Calcio</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>99 mg</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Hierro</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>2.7 mg</td>
</tr>
<tr style=»background-color: #fdfdfd;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Magnesio</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>79 mg</td>
</tr>
<tr style=»background-color: #f9f9f9;»>
<td style=»border: 1px solid #ddd; padding: 8px;»>Fósforo</td>
<td style=»border: 1px solid #ddd; padding: 8px;»>49 mg</td>
</tr>
</tbody>
</table>
</section>
<!– Gráfico de Barras Verticales: Distribución Nutricional –>
<div style=»max-width: 400px; margin: 30px auto; text-align: center;»>
<h3>Distribución nutricional (por 100 g)</h3>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 0.4%; height: 100%; background-color: #1f77b4; text-align: center; line-height: 30px; color: white;»>0.4%</div> <!– Grasas –>
</div>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 3.6%; height: 100%; background-color: #2ca02c; text-align: center; line-height: 30px; color: white;»>3.6%</div> <!– Hidratos de carbono –>
</div>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 0.4%; height: 100%; background-color: #ff7f0e; text-align: center; line-height: 30px; color: white;»>0.4%</div> <!– Azúcares –>
</div>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 2.9%; height: 100%; background-color: #d62728; text-align: center; line-height: 30px; color: white;»>2.9%</div> <!– Proteínas –>
</div>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 2.2%; height: 100%; background-color: #e0e0e0; text-align: center; line-height: 30px; color: white;»>2.2%</div> <!– Fibra –>
</div>
<div style=»width: 100%; height: 30px; background-color: #f2f2f2; border-radius: 5px; margin-bottom: 5px;»>
<div style=»width: 91.4%; height: 100%; background-color: #3498db; text-align: center; line-height: 30px; color: white;»>91.4%</div> <!– Agua –>
</div>
</div>
<!– Leyenda –>
<div style=»text-align: center; margin: 20px;»>
<ul style=»list-style: none; padding: 0; font-size: 14px; text-align: left;»>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #1f77b4; margin-right: 6px;»></span><strong>Grasas</strong>: 0.4 g (0.4%)</li>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #2ca02c; margin-right: 6px;»></span><strong>Hidratos de carbono</strong>: 3.6 g (3.6%)</li>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #ff7f0e; margin-right: 6px;»></span><strong>Azúcares</strong>: 0.4 g (0.4%)</li>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #d62728; margin-right: 6px;»></span><strong>Proteínas</strong>: 2.9 g (2.9%)</li>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #e0e0e0; margin-right: 6px;»></span><strong>Fibra alimentaria</strong>: 2.2 g (2.2%)</li>
<li><span style=»display: inline-block; width: 12px; height: 12px; background: #3498db; margin-right: 6px;»></span><strong>Agua</strong>: 91.4% (91.4%)</li>
</ul>
</div>
<!– Fuentes de Información (alineadas a la izquierda) –>
<div style=»margin-top: 20px; font-style: italic; text-align: left; margin-left: 20px;»>
<p><em>Fuente 1: Ministerio de Agricultura, Pesca y Alimentación (España).</em></p>
<p><em>Fuente 2: Fundación Española de la Nutrición (FEN).</em></p>
</div>
</div>
