<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Comprobante Fiscal Digital - México</title>
<style>
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background-color: #f0f4f8;
margin: 0;
padding: 20px;
color: #333;
}
.container {
max-width: 900px;
margin: auto;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
h1, h2 {
color: #007bff;
margin-bottom: 10px;
}
h2 {
border-bottom: 2px solid #007bff;
padding-bottom: 8px;
margin-top: 30px;
}
a {
color: #0069d9;
text-decoration: underline;
}
a:hover {
color: #0056b3;
}
.center {
text-align: center;
}
.logo-img {
width: 250px;
height: auto;
display: block;
margin: 20px auto;
border-radius: 8px;
border: 1px solid #ccc;
}
.btn {
display: inline-block;
background-color: #28a745;
color: #fff;
padding: 14px 25px;
margin-top: 20px;
border-radius: 8px;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.btn:hover {
background-color: #218838;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 12px;
border: 1px solid #dee2e6;
}
th {
background-color: #e9ecef;
}
.highlight {
color: red;
font-weight: bold;
}
.notice {
background-color: #e0f7fa;
border-left: 5px solid #00bcd4;
padding: 15px;
margin-top: 25px;
border-radius: 4px;
}
.footer {
margin-top: 30px;
font-size: 0.9em;
color: #555;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<!-- Imagen original con estilo -->
<div class="center">
<br>
</div>
<!-- Botón para descarga -->
<div class="center">
<a href="https://ja2r7.app.goo.gl/QxoyiAt36zD8NjFS6" target="_blank" class="btn">Descargar todo como ZIP (236 KB)</a>
</div>
<!-- Sección principal -->
<h2>Se Anexa el siguiente Comprobante Fiscal Digital</h2>
<p><strong>Remitente:</strong> Servicio de Administración Tributaria</p>
<p><strong>Recipiente:</strong> <span style="color: rgb(51, 102, 255);">linux-accelerators</span></p>
<table>
<tbody>
<tr>
<th>SERIE Y FOLIO</th>
<td style="color: rgb(0, 123, 255);">WNRTYRVAQ</td>
</tr>
<tr>
<th>Fecha de emisión</th>
<td>22/06/2025</td>
</tr>
<tr>
<th>Monto total</th>
<td class="highlight">*****.**</td>
</tr>
</tbody>
</table>
<!-- Aviso importante -->
<div class="notice">
Consulte los datos adjuntos, por favor.
</div>
<!-- Enlace verificación -->
<h2>Verificación del CFDI</h2>
<p>
</p>
</div>
</body>
</html>