blog+contacto php listo

contacto.html

@@ -4,8 +4,11 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Contactá a Amor y Roma. Contanos sobre tu proyecto y coordinemos un diagnóstico estratégico sin compromiso.">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css">
   <title>Contacto | Amor y Roma — Agencia Boutique</title>
   <link rel="stylesheet" href="style/main.css">
+  <link rel="stylesheet" href="style/contacto.css">
+  <link rel="stylesheet" href="style/modal.css">
 </head>
 <body>
   <div id="menu-container"></div>
@@ -174,6 +177,11 @@
               Acepto que mis datos sean utilizados para contactarme respecto a mi consulta. <span class="form-required">*</span>
             </label>
           </div>
+          <!-- Honeypot anti-spam: invisible para humanos -->
+          <div class="form-honeypot" aria-hidden="true">
+            <label for="website">No completar este campo</label>
+            <input type="text" id="website" name="website" tabindex="-1" autocomplete="off">
+          </div>
 
           <button type="submit" class="btn btn-primary btn-form-enviar">
             Enviar consulta
@@ -243,14 +251,20 @@
         </div>
       </div>
     </section>
+    <!-- MODAL DE ÉXITO -->
+    <div id="modal-contacto" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="modal-titulo">
+      <div class="modal-card">
+        <div class="modal-icono" aria-hidden="true">✓</div>
+        <h2 id="modal-titulo" class="modal-titulo">¡Mensaje enviado!</h2>
+        <p class="modal-mensaje">Gracias por escribirnos. Te contactaremos en menos de 48 horas hábiles.</p>
+        <button type="button" class="modal-cerrar">Volver al inicio</button>
+      </div>
+    </div>
   </main>
 
   <div id="footer-container"></div>
 
   <script src="scripts/main.js"></script>
-  <script src="scripts/efecto.js"></script>
   <script src="scripts/contacto.js"></script>
-
-  <link rel="stylesheet" href="style/contacto.css">
 </body>
 </html>