<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { margin: 0; padding: 0; background-color: #181611; font-family: 'Helvetica', Arial, sans-serif; -webkit-text-size-adjust: 100%; }
        .content-table { width: 100%; max-width: 600px; margin: 0 auto; background-color: #1A1A1A; border-collapse: collapse; }
        .btn { background-color: #eebd2b; color: #000000 !important; padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 8px; display: inline-block; text-transform: uppercase; font-size: 14px; }
    </style>
</head>
<body style="background-color: #181611; margin: 0; padding: 40px 0;">
    <table class="content-table" align="center" style="border: 1px solid #39282c;">
        <tr>
            <td align="center" style="padding: 30px; background-color: #000000; border-bottom: 2px solid #eebd2b;">
                <h1 style="color: #eebd2b; margin: 0; font-size: 28px; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;">CALIENTITAS</h1>
            </td>
        </tr>
        
        <tr>
            <td style="padding: 40px 30px; color: #ffffff; background-color: #1A1A1A;">
                <?= $this->renderSection('contenido') ?>
            </td>
        </tr>

        <tr>
            <td align="center" style="padding: 30px; background-color: #000000; border-top: 1px solid #333333;">
                <p style="color: #eebd2b; font-size: 10px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; border: 1px solid #eebd2b; padding: 5px 10px; display: inline-block; letter-spacing: 1px;">
                    Solo para mayores de 18 a&ntilde;os
                </p>
                <p style="color: #666666; font-size: 11px; margin: 0; line-height: 1.5;">
                    &copy; 2026 Calientitas.cl - Todos los derechos reservados.<br>
                    Este es un correo autom&aacute;tico, por favor no respondas.
                </p>
            </td>
        </tr>
    </table>
</body>
</html>