<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style> /* Estilos globales que algunos clientes de correo permiten */ body { background-color: #f4f4f4; /* Color de fondo */ color: #ffffff; /* Color del texto */ font-family: Arial, sans-serif; /* Tipo de fuente */ } a { color: #ffffff; /* Color del texto del enlace */ background-color: #007bff; /* Color de fondo del enlace */ padding: 10px 20px; /* Espaciado interno del enlace */ border-radius: 5px; /* Bordes redondeados del enlace */ } </style></head><body> <div style="background-color: #3b1f1c; margin: 0 auto; max-width: 600px; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; border-radius: 5px;"> <h1 style="color: #ffffff;">¡Hola {{ cabecera.nombrecliente }}!</h1> <h3 style="color: #ffffff;"> ¡GRACIAS POR ELEGIR CREPES & WAFFLES! </h3> <h5 style="color: #ffffff;"> En el siguiente enlace podrás culminar tu proceso de pago. </h5> <p style="color: #ffffff; padding-top: 20px;"> <a href="{{ cabecera.linkdepago }}" style="color: #ffffff; background-color: #ff6666; padding: 10px 20px; border-radius: 5px; font-size: 16px;">Click aquí</a> </p> <p style="color: #ffffff; padding-top: 20px;"> Este enlace es válido solo por {{ timeout }} minutos y no debe ser compartido. </p> </div> <p style="color: #000000; padding-top: 10px;"> <strong>Importante:</strong> Por razones de seguridad, no respondas a este correo. Si no realizaste ningún pedido o crees que este mensaje es un error, por favor ignóralo. </p> <p style="color: #000000; padding-top: 10px;"> Correo generado automáticamente por: <strong><a href="https://bitcubo.com" style="color: #000000;">Bitcubo</a></strong>. </p></body></html>