<!DOCTYPE html>
<html lang="es">
<head>
  <style>
    body { font-family: Arial, sans-serif; padding: 25px; background: #f8fafc; }
    .caja-estilo {
      background: linear-gradient(135deg, #0284c7, #6366f1);
      color: white;
      padding: 24px;
      border-radius: 12px;
      text-align: center;
      max-width: 480px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
  </style>
</head>
<body>

  <div class="caja-estilo">
    <h2>¡Hola Mundo con CSS3!</h2>
    <p>Edita los colores y estilos en el panel izquierdo.</p>
  </div>

</body>
</html>