From: Sistema Alfatech <noreply@alfatech.soutions>
To: clac.revisor@empresa.com
Subject: =?utf-8?Q?=F0=9F=94=94?= NUEVO CLAC: CLAC1567 - Manualidades
MIME-Version: 1.0
Date: Sat, 10 Jan 2026 20:00:35 +0000
Message-ID: <ee08829d6a5a198519c8b71fd1cb592b@alfatech.soutions>
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable


        <html>
        <head>
            <style>
                =
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
 =
               .header { background: linear-gradient(135deg, #667eea 0%, #7=
64ba2 100%); color: white; padding: 30px; text-align: center; border-radius=
: 8px 8px 0 0; }
                .content { padding: 30px; background-col=
or: #ffffff; }
                .info-box {=20
                    backgro=
und-color: #f8f9fa;=20
                    border-left: 4px solid #667eea; =

                    padding: 20px;=20
                    margin: 20px 0=
;=20
                    border-radius: 4px;
                }
        =
        .info-row {=20
                    display: flex;=20
              =
      padding: 8px 0;=20
                    border-bottom: 1px solid #e9ec=
ef;=20
                }
                .info-label {=20
               =
     font-weight: bold;=20
                    width: 180px;=20
           =
         color: #667eea;=20
                }
                .info-value=
 {=20
                    flex: 1;=20
                    color: #495057; =

                }
                .button {=20
                    dis=
play: inline-block;=20
                    background: linear-gradient(135d=
eg, #667eea 0%, #764ba2 100%);
                    color: white;=20
     =
               padding: 15px 30px;=20
                    text-decoration: =
none;=20
                    border-radius: 6px;
                    marg=
in: 20px 0;
                    font-weight: bold;
                    =
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
                }
              =
  .footer {=20
                    background-color: #f8f9fa;=20
          =
          padding: 20px;=20
                    text-align: center;=20
    =
                font-size: 12px;=20
                    color: #6c757d;
 =
                   border-radius: 0 0 8px 8px;
                }
      =
          .badge {
                    display: inline-block;
         =
           padding: 4px 12px;
                    border-radius: 12px;
=
                    font-size: 12px;
                    font-weight: bol=
d;
                }
                .badge-success { background-color:=
 #28a745; color: white; }
                .badge-info { background-color:=
 #17a2b8; color: white; }
            </style>
        </head>
      =
  <body>
            <div class=3D'header'>
                <h1 style=
=3D'margin: 0; font-size: 28px;'>=F0=9F=93=8B Nuevo Documento CLAC</h1>
 =
               <p style=3D'margin: 10px 0 0 0; opacity: 0.9;'>Revisi=C3=
=B3n requerida</p>
            </div>
           =20
            <div c=
lass=3D'content'>
                <p style=3D'font-size: 16px;'>Hola <str=
ong>Equipo de Revisi=C3=B3n</strong>,</p>
               =20
            =
   =20
                <p>Se ha generado un nuevo documento <strong>CLAC</s=
trong> asignado a tu l=C3=ADnea de producto que requiere tu revisi=C3=B3n:<=
/p>
               =20
                <div class=3D'info-box'>
       =
             <div class=3D'info-row'>
                        <div class=
=3D'info-label'>=F0=9F=93=84 N=C3=BAmero Documento:</div>
               =
         <div class=3D'info-value'><strong>CLAC1567</strong></div>
      =
              </div>
                    <div class=3D'info-row'>
     =
                   <div class=3D'info-label'>=F0=9F=91=A4 Cliente:</div>
=
                        <div class=3D'info-value'>TaiLoy S.A.</div>
     =
               </div>
                    <div class=3D'info-row'>
    =
                    <div class=3D'info-label'>=F0=9F=93=A6 L=C3=ADnea de Pr=
oducto:</div>
                        <div class=3D'info-value'><span cla=
ss=3D'badge badge-info'>Manualidades</span></div>
                    </d=
iv>
                    <div class=3D'info-row'>
                      =
  <div class=3D'info-label'>=F0=9F=93=8A Estado:</div>
                  =
      <div class=3D'info-value'><span class=3D'badge badge-success'>CLAC GE=
NERADA</span></div>
                    </div>
                    <div=
 class=3D'info-row'>
                        <div class=3D'info-label'>=
=F0=9F=93=9D Cantidad de =C3=8Dtems:</div>
                        <div c=
lass=3D'info-value'>1 productos</div>
                    </div>
      =
              <div class=3D'info-row'>
                        <div class=
=3D'info-label'>=F0=9F=93=85 Fecha de Generaci=C3=B3n:</div>
            =
            <div class=3D'info-value'>10/01/2026 20:00</div>
            =
        </div>
                </div>
               =20
              =
  <p style=3D'text-align: center; margin: 30px 0;'>
                    <=
a href=3D'http://localhost:8082/cotizaciones/184' class=3D'button'>
     =
                   =F0=9F=94=8D VER DOCUMENTO COMPLETO
                  =
  </a>
                </p>
               =20
                <div sty=
le=3D'background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 1=
5px; margin: 20px 0; border-radius: 4px;'>
                    <p style=
=3D'margin: 0; color: #856404;'>
                        <strong>=
=F0=9F=93=8C Recordatorio:</strong> Este documento ha sido asignado autom=
=C3=A1ticamente seg=C3=BAn tu l=C3=ADnea de producto. Por favor rev=C3=
=ADsalo a la brevedad posible.
                    </p>
               =
 </div>
            </div>
           =20
            <div class=3D'foo=
ter'>
                <p style=3D'margin: 5px 0;'><strong>Sistema de Gest=
i=C3=B3n Alfatech</strong></p>
                <p style=3D'margin: 5px 0;=
'>Este es un email autom=C3=A1tico. Por favor no respondas a este correo.</=
p>
            </div>
        </body>
        </html>
       =20