Códigos de autorrespuesta

Código CSS3

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

margin: 0;

padding: 0;

}

.container {

max-width: 600px;

margin: 20px auto;

background: #ffffff;

padding: 20px;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.header {

text-align: center;

padding: 20px;

background: #061A66;

color: #ffffff;

font-size: 22px;

font-weight: bold;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

}

.content {

padding: 20px;

color: #333333;

font-size: 16px;

line-height: 1.6;

}

.button-container {

text-align: center;

margin: 20px 0;

}

.button {

background: #4F8FCE;

color: #ffffff;

padding: 12px 24px;

text-decoration: none;

font-size: 16px;

font-weight: bold;

border-radius: 6px;

display: inline-block;

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

}

.button:hover {

background: rgba(26, 107, 188, 1); /* Hover más notorio */

box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);

}

.footer {

text-align: center;

font-size: 14px;

color: #666666;

padding: 15px;

border-top: 1px solid #dddddd;

}

.footer a {

color: #4F8FCE;

text-decoration: none;

font-weight: bold;

}

.footer a:hover {

text-decoration: underline;

}

</style>

1. Registro y activación de cuenta

Hola [Nombre],

Hemos recibido tu solicitud de registro en PrescriptIA. Para activar tu cuenta, por favor confirma tu dirección de correo electrónico y revisa que los datos que has introducido son correctos haciendo clic en el siguiente enlace:

Confirmar mi cuenta

Tu cuenta quedará activada una vez validemos tus datos con la organización colegial veterinaria. Te notificaremos en cuanto el proceso esté completo.

Si tienes cualquier duda o necesitas asistencia, no dudes en contactarnos en info@prescriptia.es.

CON LOGO

<!DOCTYPE html>
<html lang=»es»>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title>¡Bienvenido a PrescriptIA!</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 20px auto;
background: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
padding: 20px;
background: #061A66;
color: #ffffff;
font-size: 22px;
font-weight: bold;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.header img {
height: 30px;
}
.content {
padding: 20px;
color: #333333;
font-size: 16px;
line-height: 1.6;
}
.button-container {
text-align: center;
margin: 20px 0;
}
.button {
background: #4F8FCE;
color: #ffffff;
padding: 12px 24px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
border-radius: 6px;
display: inline-block;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.button:hover {
background: rgba(26, 107, 188, 1); /* Hover más notorio */
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}
.footer {
text-align: center;
font-size: 14px;
color: #666666;
padding: 15px;
border-top: 1px solid #dddddd;
}
.footer a {
color: #4F8FCE;
text-decoration: none;
font-weight: bold;
}
.footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>

<div class=»container»>
<div class=»header»>
<img src=»Logo_ala_blanco.webp» alt=»PrescriptIA Logo»>
¡Bienvenido a PrescriptIA!
</div>
<div class=»content»>
<p>Hola <strong>[Nombre]</strong>,</p>
<p>Hemos recibido tu solicitud de registro en <strong>PrescriptIA</strong>. Para activar tu cuenta, por favor confirma tu dirección de correo electrónico y revisa que los datos que has introducido son correctos haciendo clic en el siguiente enlace:</p>
<div class=»button-container»>
<a href=»#» class=»button»>Confirmar mi cuenta</a>
</div>
<p>Tu cuenta quedará activada una vez validemos tus datos con la organización colegial veterinaria. Te notificaremos en cuanto el proceso esté completo.</p>
<p>Si tienes cualquier duda o necesitas asistencia, no dudes en contactarnos en <a href=»mailto:info@prescriptia.es»>info@prescriptia.es</a>.</p>
<p>¡Gracias por confiar en <strong>PrescriptIA</strong>!</p>
</div>
<div class=»footer»>
Atentamente,<br>
<strong>El equipo de PrescriptIA</strong>
</div>
</div>

</body>
</html>

SIN LOGO

<!DOCTYPE html>
<html>
<head>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1.0″>
<title>Correo Automático – PrescriptIA</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 20px auto;
background: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.header {
background: #061A66;
color: #ffffff;
text-align: center;
padding: 20px;
font-size: 22px;
}
.content {
padding: 20px;
color: #333333;
font-size: 16px;
line-height: 1.6;
}
.button {
display: block;
width: 200px;
background: #4F8FCE;
color: #ffffff;
text-align: center;
padding: 12px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
margin: 20px auto;
transition: background 0.3s;
}
.button:hover {
background: rgba(26,107,188,0.92);
}
.footer {
background: #f4f4f4;
text-align: center;
padding: 15px;
font-size: 14px;
color: #666666;
}
</style>
</head>
<body>
<div class=»container»>
<div class=»header»>¡Bienvenido/a a PrescriptIA!</div>
<div class=»content»>
<p>Hola [Nombre],</p>
<p>Hemos recibido tu solicitud de registro en PrescriptIA. Para activar tu cuenta, por favor confirma tu dirección de correo electrónico y revisa que los datos que has introducido son correctos haciendo clic en el siguiente enlace:</p>
<a href=»#» class=»button»>Confirmar mi cuenta</a>
<p>Tu cuenta quedará activada una vez validemos tus datos con la organización colegial veterinaria. Te notificaremos en cuanto el proceso esté completo.</p>
<p>Si tienes cualquier duda o necesitas asistencia, no dudes en contactarnos en <a href=»mailto:info@prescriptia.es»>info@prescriptia.es</a>.</p>
</div>
<div class=»footer»>
© 2025 PrescriptIA. Todos los derechos reservados.
</div>
</div>
</body>
</html>

CON LOGO

</body>
</html>

2. Confirmación de activación de la cuenta

<!DOCTYPE html>

<head>

<title>¡Tu cuenta ha sido activada!</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

margin: 0;

padding: 0;

}

.container {

max-width: 600px;

margin: 20px auto;

background: #ffffff;

padding: 20px;

border-radius: 10px;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.header {

text-align: center;

padding: 20px;

background: #061A66;

color: #ffffff;

font-size: 22px;

font-weight: bold;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

}

.content {

padding: 20px;

color: #333333;

font-size: 16px;

line-height: 1.6;

}

.button-container {

text-align: center;

margin: 20px 0;

}

.button {

background: #4F8FCE;

color: #ffffff;

padding: 12px 24px;

text-decoration: none;

font-size: 16px;

font-weight: bold;

border-radius: 6px;

display: inline-block;

box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

}

.button:hover {

background: rgba(26, 107, 188, 1); /* Hover más notorio */

box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);

}

.footer {

text-align: center;

font-size: 14px;

color: #666666;

padding: 15px;

border-top: 1px solid #dddddd;

}

.footer a {

color: #4F8FCE;

text-decoration: none;

font-weight: bold;

}

.footer a:hover {

text-decoration: underline;

}

</style>

</head>

<body>

¡Tu cuenta ha sido activada!

</div>

<p>Hola <strong>[Nombre]</strong>,</p>

<p>Nos complace informarte de que tu cuenta en <strong>PrescriptIA</strong> ha sido validada y ya puedes empezar a utilizarla.</p>

<p>Accede ahora a tu perfil y descubre cómo simplificar la gestión de recetas veterinarias con nuestra plataforma.</p>

<a href=»#» class=»button»>🔗 Acceder a PrescriptIA</a>

</div>

<p>Si necesitas ayuda o tienes alguna consulta, estamos aquí para ti. Escríbenos a <a href=»mailto:info@prescriptia.es»>info@prescriptia.es</a> y te asistiremos encantados lo antes posible.</p>

<p>Bienvenido a <strong>PrescriptIA</strong>, la evolución en la prescripción veterinaria.</p>

</div>

Atentamente,<br>

<strong>El equipo de PrescriptIA</strong>

</div>

</body>

</html>