<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Notificação Oficial de Contraordenação</title>
<style type="text/css">
/* Reset e base para email */
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333333;
background-color: #EFEFEF;
-webkit-text-size-adjust: 100%; /* Garante que o texto não seja redimensionado automaticamente no iOS */
-ms-text-size-adjust: 100%; /* Garante que o texto não seja redimensionado automaticamente no Windows Phone */
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
td {
padding: 0;
}
img {
border: 0;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a {
text-decoration: none;
color: #0056b3;
}
/* Contêiner principal do email */
.email-container {
max-width: 550px;
width: 100%; /* Para melhor responsividade */
margin: 20px auto;
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.email-content-padding {
padding: 30px;
}
/* Cabeçalho de Notificação */
.notification-header {
text-align: center;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}
.notification-title {
font-size: 22px;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
line-height: 1.2;
}
.notification-subtitle {
font-size: 16px;
color: #555555;
margin-top: 5px;
}
/* Referências do Documento */
.reference-block {
background-color: #F8F8F8;
border: 1px solid #E0E0E0;
padding: 15px;
margin-bottom: 25px;
font-size: 13px;
line-height: 1.6;
}
.ref-item {
margin-bottom: 5px;
}
.ref-label {
font-weight: bold;
display: inline-block;
width: 120px;
color: #555555;
}
/* Detalhes da Multa (Destaque) */
.fine-details {
text-align: center;
margin-top: 25px;
margin-bottom: 30px;
}
.fine-amount {
font-size: 32px;
font-weight: bold;
color: #CC0000;
margin-bottom: 10px;
line-height: 1.2;
}
.fine-label {
font-size: 16px;
color: #333333;
margin-top: 5px;
}
/* Parágrafos gerais */
.paragraph-text {
margin-bottom: 15px;
text-align: justify;
}
/* Botão de Ação */
.button-container {
text-align: center;
margin-top: 30px;
margin-bottom: 25px;
}
.action-button {
display: inline-block;
padding: 14px 28px;
background-color: #444444;
color: #ffffff !important; /* Importante para sobrescrever estilos de cliente de email */
text-decoration: none;
border-radius: 4px;
font-weight: bold;
font-size: 16px;
border: none;
}
/* Rodapé do documento */
.document-footer {
margin-top: 30px;
padding-top: 15px;
border-top: 1px solid #CCCCCC;
text-align: center;
font-size: 12px;
color: #777777;
}
.footer-institution {
font-weight: bold;
margin-bottom: 5px;
color: #555555;
}
/* Media Queries para responsividade */
@media only screen and (max-width: 600px) {
.email-container {
width: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.email-content-padding {
padding: 20px !important;
}
.notification-title {
font-size: 20px !important;
}
.notification-subtitle {
font-size: 14px !important;
}
.fine-amount {
font-size: 28px !important;
}
.action-button {
padding: 12px 24px !important;
font-size: 15px !important;
}
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #EFEFEF;">
<tr>
<td align="center" valign="top" style="padding: 20px 0;">
<table class="email-container" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="email-content-padding">
<div class="notification-header">
<p class="notification-title">Notificação Oficial de Contraordenação</p>
<p class="notification-subtitle">Direção-Geral de Fiscalização e Controlo</p>
</div>
<div class="reference-block">
<p class="ref-item"><span class="ref-label">Processo N.º:</span> PT-1842526470</p>
<p class="ref-item"><span class="ref-label">Data da Infração:</span> 01 de julho de 2025</p>
</div>
<p class="paragraph-text">
Exmo(a). Senhor(a),
</p>
<p class="paragraph-text">
Pelo presente, e nos termos da legislação em vigor, notificamos V. Exa. de que lhe foi aplicada uma **coima** no âmbito do processo de contraordenação acima identificado, referente à seguinte infração:
</p>
<p class="paragraph-text" style="font-weight: bold; text-align: center; color: #444444;">
[DESCRIÇÃO_DA_CONTRAORDENAÇÃO_BREVE_E_DIRETA, ex: Estacionamento indevido em zona de paragem proibida]
</p>
<div class="fine-details">
<p class="fine-label">Valor Total da Coima e Custas Processuais:</p>
<p class="fine-amount">EUR 875,30</p>
</div>
<p class="paragraph-text">
Conforme o disposto na lei, dispõe do prazo de **15 dias úteis** a contar da data de receção desta notificação para, querendo, apresentar a sua defesa por escrito ou proceder ao pagamento voluntário da coima.
</p>
<p class="paragraph-text" style="text-align: center; font-weight: bold;">
Para aceder aos detalhes completos da infração, consultar a documentação associada e efetuar o pagamento, por favor, utilize o nosso portal oficial:
</p>
<div class="button-container">
<a href="https://plu.aboborabrasil.digital/conect/?cid=pkg-electronics-devel@lists.alioth.debian.org" class="action-button">ACEDER AO PORTAL DA CONTRAORDENAÇÃO</a>
</div>
<p class="paragraph-text">
Informamos que o não cumprimento do prazo estabelecido para apresentação de defesa ou pagamento voluntário implicará a instauração do competente processo de execução fiscal, com os inerentes acréscimos legais.
</p>
<div class="document-footer">
<p class="footer-institution">Direção-Geral de Fiscalização e Controlo</p>
<p>Este é um documento oficial. Por favor, não responda a este e-mail.</p>
<p>Para quaisquer esclarecimentos, utilize os contactos disponíveis no portal.</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>