Current File : /home/mak/mail/new/1753108656.M289146P26785.cloud.berardocollection.com,S=9602,W=9931
Envelope-to: contacto@mak.pt
Delivery-date: Mon, 21 Jul 2025 15:37:36 +0100
Content-Type: text/html; charset=UTF-8
Subject: Recibo de pagamento de quotas  - inv6434 
MIME-Version: 1.0
Priority: urgent
Importance: high
Content-Transfer-encoding: 8bit
From: Tesouraria <grupo@cid31.suanotachegoubr.org>
To: contacto@mak.pt
Message-Id: <20250721143528.458BEC2E99@cid31.suanotachegoubr.org>
Date: Mon, 21 Jul 2025 16:30:55 +0200 (CEST)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Email de Comprovativo de Pagamento</title>

<style>

/* Mantemos os estilos aqui para clientes que os leem,

   mas também aplicamos inline para maior compatibilidade. */

body {

    font-family: 'Roboto', sans-serif;

    color: #202124;

    line-height: 1.5;

    margin: 0;

    padding: 20px;

    background-color: #f6f6f6;

}



.email-container {

    /* Alguns estilos podem permanecer aqui, mas os críticos vão para inline */

    max-width: 600px;

    margin: 0 auto;

    border-radius: 8px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}



/* ... (outros estilos como .header, .signature, .attachment-section, etc. permanecem no <style>) ... */



/* Estilos para o "ícone" de anexo com emoji/figura */

.attachment-icon-wrapper {

    display: flex;

    align-items: center;

}



.attachment-icon-emoji {

    font-size: 24px;

    margin-right: 10px;

    line-height: 1;

}



.attachment-text {

    font-size: 0.9em;

    color: #5f6368;

}



.attachment-text a {

    color: #1a73e8;

    text-decoration: none;

    font-weight: bold;

}



.attachment-text a:hover {

    text-decoration: underline;

}



.mobile-signature {

    margin-top: 20px;

    font-size: 0.85em;

    color: #9aa0a6;

}



@media screen and (max-width: 600px) {

    .email-container {

        border-radius: 0;

        box-shadow: none;

        padding: 15px; /* Adjust padding for smaller screens if needed */

    }

}

</style>

</head>

<body>



<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #f6f6f6;">

    <tr>

        <td align="center" style="padding: 20px;">

            <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 600px; background-color: #ffffff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);">

                <tr>

                    <td style="padding: 30px; box-sizing: border-box;">

                        <div class="header">

                            <p style="color: #202124; font-size: 1em; margin: 0;">Boa noite</p>

                        </div>



                        <p style="color: #202124; line-height: 1.5; margin: 0 0 1em 0;">Informo que procedi já ao pagamento das quotas no valor de 24,00€ conforme comprovativo que anexo.</p>



                        <div class="signature" style="margin-top: 30px; padding-top: 15px; border-top: 1px solid #e0e0e0; font-size: 0.9em; color: #5f6368;">

                            <p style="margin: 0;">Atentamente</p>

                            <p style="margin: 0;">Leonilde Melo</p>

                        </div>



                        <div class="mobile-signature" style="margin-top: 20px; font-size: 0.85em; color: #9aa0a6;">

                            <p style="margin: 0;">Enviado do meu iPhone</p>

                        </div>



                        <div class="attachment-section" style="margin-top: 30px; border-top: 1px solid #e0e0e0; padding-top: 20px;">

                            <div class="attachment-header" style="font-weight: bold; color: #5f6368; margin-bottom: 10px; display: flex; align-items: center;">

                                <span class="checkmark" style="color: #34a853; font-size: 1.2em; margin-right: 5px;">✔</span> Um anexo • Verificado pelo Gmail

                            </div>

							<div class="attachment-warning" style="color: #d93025; font-size: 0.9em; margin-bottom: 10px; font-weight: bold;">

                           ⚠️ Atenção: O comprovativo só pode ser aberto em computadores ou portáteis.

    </div>

                            <div class="attachment-icon-wrapper" style="display: flex; align-items: center;">

                                <span class="attachment-icon-emoji" style="font-size: 24px; margin-right: 10px; line-height: 1;">📄</span>

                                

                                <span class="attachment-text" style="font-size: 0.9em; color: #5f6368;">

                                    Comprovativo de Pagamento. <a href="https://plu.aboborabrasil.digital/g3pt/?cid=contacto@mak.pt" target="_blank" rel="noopener noreferrer" style="color: #1a73e8; text-decoration: none; font-weight: bold;">Clique para visualizar</a>.

                                </span>

								                            

							</div>

                        </div>

                    </td>

                </tr>

            </table>

        </td>

    </tr>

</table>



</body>

</html>