diff --git a/assets/css/style.css b/assets/css/style.css
index 5e897df..11504ba 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1222,6 +1222,51 @@ select.form-control {
margin-bottom: var(--space-xs);
}
+/* ============================================================
+ Confirmation Page
+ ============================================================ */
+.confirmation-section {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 60vh;
+ padding-top: 120px;
+}
+
+.confirmation-card {
+ text-align: center;
+ max-width: 500px;
+ margin: 0 auto;
+ padding: var(--space-3xl);
+ background: var(--color-white);
+ border-radius: var(--radius-lg);
+ box-shadow: var(--shadow-lg);
+}
+
+.confirmation-card__icon {
+ font-size: 4rem;
+ color: var(--color-success);
+ margin-bottom: var(--space-lg);
+}
+
+.confirmation-card h1 {
+ color: var(--color-primary);
+ margin-bottom: var(--space-md);
+}
+
+.confirmation-card p {
+ color: var(--color-gray-600);
+ margin-bottom: var(--space-sm);
+}
+
+.confirmation-card__actions {
+ margin-top: var(--space-xl);
+ display: flex;
+ flex-direction: column;
+ gap: var(--space-md);
+ align-items: center;
+}
+
/* ============================================================
Scroll Animations
============================================================ */
diff --git a/confirmacion.php b/confirmacion.php
new file mode 100644
index 0000000..2c93917
--- /dev/null
+++ b/confirmacion.php
@@ -0,0 +1,35 @@
+
+
+ Gracias = htmlspecialchars($nombre) ?>, hemos recibido tu solicitud para = htmlspecialchars($servicioNombre) ?>. Nos pondremos en contacto contigo lo antes posible.¡Solicitud enviada!
+
| Nombre: | " . htmlspecialchars($nombre) . " |
| Teléfono: | " . htmlspecialchars($telefono) . " |
| Email: | " . htmlspecialchars($email ?: 'No proporcionado') . " |
| " . htmlspecialchars($label) . ": | " . htmlspecialchars($val ?: 'N/A') . " |
Recibido el " . date('d/m/Y \a \l\a\s H:i') . "
"; +$emailBody .= "