<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Ejemplos de Formato de Texto</title>
  <style>
    body { font-family: Arial, Helvetica, sans-serif; padding: 25px; line-height: 1.7; background: #fdfdfd; }
    .articulo { max-width: 550px; background: #ffffff; padding: 25px; border-radius: 10px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
    .precio-oferta { font-size: 1.25rem; font-weight: bold; color: #16a34a; }
  </style>
</head>
<body>

  <article class="articulo">
    <h2 style="margin-top: 0; color: #0f172a;">Oferta Especial de Servidores</h2>
    
    <p>
      <strong>¡Atención desarrolladores!</strong> Solo por hoy, adquiere tu máquina virtual con procesadores de <em>última generación</em>.
    </p>

    <p>
      El paquete incluye una velocidad de <mark>10 Gbps garantizados</mark> en fibra óptica.
    </p>

    <p>
      Precio anterior: <del>$99 USD/mes</del><br>
      Precio con descuento: <ins class="precio-oferta">$49 USD/mes</ins>
    </p>

    <hr style="border: 0; border-top: 1px solid #e2e8f0;">

    <p>
      Fórmula de consumo de enfriamiento: H<sub>2</sub>O a 4<sup>&deg;</sup>C.<br>
      Capacidad de direccionamiento: 2<sup>32</sup> direcciones IPv4.
    </p>

    <p>
      <small>&copy; 2026 Kilopolis Cloud. Aplican términos y condiciones de servicio.</small>
    </p>
  </article>

</body>
</html>