{"id":10,"date":"2026-06-18T17:16:22","date_gmt":"2026-06-18T17:16:22","guid":{"rendered":"https:\/\/herzarestoration.com\/contact\/"},"modified":"2026-07-03T00:22:37","modified_gmt":"2026-07-03T00:22:37","slug":"contact","status":"publish","type":"page","link":"https:\/\/herzarestoration.com\/es\/contact\/","title":{"rendered":"Contacto"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6137e7f e-con e-atomic-element e-flexbox-base e-a4e4121\" data-id=\"6137e7f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6137e7f\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-e6a076b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e6a076b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8236be elementor-widget elementor-widget-html\" data-id=\"c8236be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"herza-contact-section\">\r\n  <div class=\"herza-contact-container\">\r\n    \r\n    <div class=\"herza-contact-header\">\r\n      <span class=\"herza-subtitle\">\u00bfNecesita ayuda inmediata?<\/span>\r\n      <h3 style=\"color: #ffffff;\">Cont\u00e1ctenos hoy mismo<\/h3>\r\n      <p>Estamos disponibles las 24 horas, los 7 d\u00edas de la semana, para responder sus preguntas y gestionar cualquier emergencia de restauraci\u00f3n de propiedades en el sur de Florida.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"herza-contact-grid\">\r\n      \r\n      <div class=\"herza-contact-info-block\">\r\n        <div class=\"herza-info-items\">\r\n          \r\n          <div class=\"herza-info-item\">\r\n            <div class=\"herza-icon-box\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path fill-rule=\"evenodd\" d=\"M1.5 4.5a3 3 0 013-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 01-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 006.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 011.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 01-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5z\" clip-rule=\"evenodd\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"herza-links-wrapper\">\r\n              <h3>Emergency Lines<\/h3>\r\n              <a href=\"tel:+17864446404\" class=\"herza-contact-link\">(786) 444-6404<\/a>\r\n              <a href=\"tel:+15617079582\" class=\"herza-contact-link\">(561) 707-9582<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"herza-info-item\">\r\n            <div class=\"herza-icon-box\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n                <path d=\"M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z\" \/>\r\n                <path d=\"M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z\" \/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"herza-links-wrapper\">\r\n              <h3>Email Address<\/h3>\r\n              <a href=\"mailto:info@herzarestoration.com\" class=\"herza-contact-link\">info@herzarestoration.com<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"herza-contact-form-container\">\r\n        <form action=\"#\" method=\"POST\" class=\"herza-custom-form\" data-trp-original-action=\"#\">\r\n          <div class=\"herza-form-group\">\r\n            <label for=\"herza-name\">Full Name<\/label>\r\n            <input type=\"text\" id=\"herza-name\" name=\"name\" placeholder=\"e.g., John Doe\" required>\r\n          <\/div>\r\n\r\n          <div class=\"herza-form-row\">\r\n            <div class=\"herza-form-group\">\r\n              <label for=\"herza-email\">Email Address<\/label>\r\n              <input type=\"email\" id=\"herza-email\" name=\"email\" placeholder=\"john@example.com\" required>\r\n            <\/div>\r\n            <div class=\"herza-form-group\">\r\n              <label for=\"herza-phone\">Phone Number<\/label>\r\n              <input type=\"tel\" id=\"herza-phone\" name=\"phone\" placeholder=\"(000) 000-0000\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"herza-form-group\">\r\n            <label for=\"herza-service\">Service Required<\/label>\r\n            <select id=\"herza-service\" name=\"service\">\r\n              <option value=\"water\">Restauraci\u00f3n de da\u00f1os por agua<\/option>\r\n              <option value=\"fire\">Da\u00f1os por fuego y humo<\/option>\r\n              <option value=\"mold\">Mold Removal<\/option>\r\n              <option value=\"other\">Other Service<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"herza-form-group\">\r\n            <label for=\"herza-message\">Message or Case Details<\/label>\r\n            <textarea id=\"herza-message\" name=\"message\" rows=\"4\" placeholder=\"Tell us how we can help you...\" required><\/textarea>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" class=\"herza-submit-btn\">Send Message<\/button>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"herza-metrics-separator-section\">\r\n  <div class=\"herza-metrics-container\">\r\n    \r\n    <div class=\"herza-metric-card\">\r\n      <div class=\"herza-metric-icon-wrapper\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path fill-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 6a.75.75 0 00-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 000-1.5h-3.75V6z\" clip-rule=\"evenodd\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"herza-metric-text-wrapper\">\r\n        <span class=\"herza-metric-number\">&lt; 45 Min<\/span>\r\n        <span class=\"herza-metric-title\">Tiempo de respuesta<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"herza-metric-card\">\r\n      <div class=\"herza-metric-icon-wrapper\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z\" \/>\r\n          <path d=\"M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75v4.5a.75.75 0 01-.75.75H4.125A1.875 1.875 0 012.25 20.175v-6.9a4.778 4.778 0 01.09-.086L12 5.432z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"herza-metric-text-wrapper\">\r\n        <span class=\"herza-metric-number\">1,500+<\/span>\r\n        <span class=\"herza-metric-title\">Proyectos completados<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"herza-metric-card\">\r\n      <div class=\"herza-metric-icon-wrapper\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"herza-metric-text-wrapper\">\r\n        <span class=\"herza-metric-number\">100%<\/span>\r\n        <span class=\"herza-metric-title\">Clientes satisfechos<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"herza-metric-card\">\r\n      <div class=\"herza-metric-icon-wrapper\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\r\n          <path d=\"M12.75 12.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM7.5 15.75a.75.75 0 100-1.5.75.75 0 000 1.5zM8.25 17.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM9.75 15.75a.75.75 0 100-1.5.75.75 0 000 1.5zM10.5 17.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12 15.75a.75.75 0 100-1.5.75.75 0 000 1.5zM12.75 17.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM14.25 15.75a.75.75 0 100-1.5.75.75 0 000 1.5zM15 17.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM16.5 15.75a.75.75 0 100-1.5.75.75 0 000 1.5zM15 12.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM16.5 12.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z\" \/>\r\n          <path fill-rule=\"evenodd\" d=\"M6.75 2.25A.75.75 0 017.5 3v1.5h9V3A.75.75 0 0118 3v1.5h.75a3 3 0 013 3v11.25a3 3 0 01-3 3H5.25a3 3 0 01-3-3V7.5a3 3 0 013-3H6V3a.75.75 0 01.75-.75zm13.5 9a1.5 1.5 0 00-1.5-1.5H5.25a1.5 1.5 0 00-1.5 1.5v7.5a1.5 1.5 0 001.5 1.5h13.5a1.5 1.5 0 001.5-1.5v-7.5z\" clip-rule=\"evenodd\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"herza-metric-text-wrapper\">\r\n        <span class=\"herza-metric-number\">24 \/ 7<\/span>\r\n        <span class=\"herza-metric-title\">Servicio de emergencias<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* --- DESIGN SYSTEM VARIABLES --- *\/\r\n:root {\r\n  --herza-primary-blue: #16498B;     \r\n  --herza-button-yellow: #FFD700;    \r\n  --herza-button-yellow-hover: #e6c200;\r\n  --herza-text-light: #ffffff;       \r\n  --herza-text-muted: #cbd5e1;       \r\n  --herza-dark-text: #1e293b;        \r\n  --herza-metric-bg: #ffffff;        \r\n}\r\n\r\n\/* Global Container Rules *\/\r\n.herza-contact-section,\r\n.herza-metrics-separator-section {\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.herza-contact-section * {\r\n  box-sizing: inherit;\r\n}\r\n\r\n\/* ==========================================================\r\n   STYLES: 1. CONTACT US SECTION\r\n   ========================================================== *\/\r\n.herza-contact-section {\r\n  background-color: var(--herza-primary-blue);\r\n  padding: 80px 20px;\r\n}\r\n\r\n.herza-contact-container {\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  margin-top: 30px;\r\n}\r\n\r\n\/* Modern Centered Header *\/\r\n.herza-contact-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  max-width: 750px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.herza-subtitle {\r\n  color: var(--herza-button-yellow);\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  font-size: 26px;\r\n  letter-spacing: 1.5px;\r\n  display: block;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.herza-contact-header h2 {\r\n  color: var(--herza-text-light);\r\n  font-size: 34px;\r\n  line-height: 1.2;\r\n  margin: 0 0 20px 0;\r\n  font-weight: 800;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-contact-header h2 { font-size: 40px; }\r\n}\r\n\r\n.herza-contact-header p {\r\n  color: var(--herza-text-muted);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* Grid Wrapper for split columns *\/\r\n.herza-contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 40px;\r\n  align-items: start;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .herza-contact-grid {\r\n    grid-template-columns: 1fr 1.3fr;\r\n    gap: 60px;\r\n  }\r\n}\r\n\r\n\/* Info Items Cards *\/\r\n.herza-info-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.herza-info-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  background-color: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  padding: 24px;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.herza-icon-box {\r\n  width: 55px;\r\n  height: 55px;\r\n  background-color: rgba(255, 215, 0, 0.12);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.herza-icon-box svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--herza-button-yellow);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n\/* Card Hover Interactions *\/\r\n.herza-info-item:hover {\r\n  background-color: rgba(255, 255, 255, 0.06);\r\n  border-color: rgba(255, 215, 0, 0.3);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.herza-info-item:hover .herza-icon-box {\r\n  background-color: var(--herza-button-yellow);\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.herza-info-item:hover .herza-icon-box svg {\r\n  color: var(--herza-primary-blue);\r\n  animation: herza-ring 0.6s ease-in-out;\r\n}\r\n\r\n@keyframes herza-ring {\r\n  0% { transform: rotate(0); }\r\n  25% { transform: rotate(15deg); }\r\n  50% { transform: rotate(-10deg); }\r\n  75% { transform: rotate(5deg); }\r\n  100% { transform: rotate(0); }\r\n}\r\n\r\n.herza-links-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.herza-info-item h3 {\r\n  margin: 0 0 2px 0;\r\n  font-size: 13px;\r\n  color: var(--herza-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.herza-contact-link {\r\n  color: var(--herza-text-light);\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  display: block;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n@media (min-width: 576px) { .herza-contact-link { font-size: 19px; } }\r\n\r\n.herza-contact-link:hover {\r\n  color: var(--herza-button-yellow);\r\n}\r\n\r\n\/* Contact Form Container *\/\r\n.herza-contact-form-container {\r\n  background-color: var(--herza-text-light);\r\n  padding: 30px 20px;\r\n  border-radius: 14px;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n@media (min-width: 576px) {\r\n  .herza-contact-form-container { padding: 40px; }\r\n}\r\n\r\n.herza-custom-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.herza-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n@media (min-width: 576px) {\r\n  .herza-form-row { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n.herza-form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.herza-form-group label {\r\n  color: var(--herza-dark-text);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.herza-form-group input,\r\n.herza-form-group textarea {\r\n  width: 100%;\r\n  padding: 12px 16px;\r\n  border: 1px solid #cbd5e1;\r\n  border-radius: 6px;\r\n  font-size: 15px;\r\n  color: var(--herza-dark-text);\r\n  background-color: var(--herza-text-light);\r\n  box-sizing: border-box;\r\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.herza-form-group select {\r\n  width: 100%;\r\n  padding: 12px 40px 12px 16px;\r\n  height: 48px;\r\n  border: 1px solid #cbd5e1;\r\n  border-radius: 6px;\r\n  font-size: 15px;\r\n  color: var(--herza-dark-text);\r\n  background-color: var(--herza-text-light);\r\n  box-sizing: border-box;\r\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 15px center;\r\n  background-size: 12px auto;\r\n  cursor: pointer;\r\n}\r\n\r\n.herza-form-group input:focus,\r\n.herza-form-group select:focus,\r\n.herza-form-group textarea:focus {\r\n  outline: none;\r\n  border-color: var(--herza-primary-blue);\r\n  box-shadow: 0 0 0 3px rgba(22, 73, 139, 0.15);\r\n}\r\n\r\n.herza-submit-btn {\r\n  background-color: var(--herza-button-yellow);\r\n  color: var(--herza-primary-blue);\r\n  border: none;\r\n  padding: 14px 28px;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s ease;\r\n  margin-top: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.herza-submit-btn:hover {\r\n  background-color: var(--herza-button-yellow-hover);\r\n}\r\n\r\n\/* ==========================================================\r\n   STYLES: 2. RESPONSIVE HORIZONTAL METRICS SEPARATOR WIDGET\r\n   ========================================================== *\/\r\n.herza-metrics-separator-section {\r\n  background-color: var(--herza-metric-bg);\r\n  padding: 40px 15px;\r\n  border-top: 1px solid #e2e8f0;\r\n  border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-metrics-separator-section { padding: 50px 20px; }\r\n}\r\n\r\n.herza-metrics-container {\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  \/* PC Grid Distribution *\/\r\n  .herza-metrics-container { grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n}\r\n\r\n\/* Base Card structure (Mobile stacked grid) *\/\r\n.herza-metric-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  gap: 12px;\r\n  padding: 10px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  \/* Horizontal card format on Tablet & PC screens *\/\r\n  .herza-metric-card {\r\n    flex-direction: row;\r\n    align-items: center;\r\n    text-align: left;\r\n    gap: 16px;\r\n    padding: 10px;\r\n  }\r\n}\r\n\r\n.herza-metric-card:hover { transform: translateY(-3px); }\r\n\r\n.herza-metric-icon-wrapper {\r\n  width: 48px;\r\n  height: 48px;\r\n  background-color: rgba(22, 73, 139, 0.06);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-metric-icon-wrapper { width: 52px; height: 52px; }\r\n}\r\n\r\n.herza-metric-icon-wrapper svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  color: var(--herza-primary-blue);\r\n}\r\n\r\n.herza-metric-card:hover .herza-metric-icon-wrapper svg {\r\n  color: #e6c200;\r\n  animation: herza-pulse-scale 0.4s ease-in-out;\r\n}\r\n\r\n@keyframes herza-pulse-scale {\r\n  0% { transform: scale(1); }\r\n  50% { transform: scale(1.15); }\r\n  100% { transform: scale(1); }\r\n}\r\n\r\n\/* Text Wrapper styling rules *\/\r\n.herza-metric-text-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-metric-text-wrapper { align-items: flex-start; }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  \/* Keep vertical flow (Number on top, Title on the line below) *\/\r\n  .herza-metric-text-wrapper {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 2px;\r\n  }\r\n}\r\n\r\n.herza-metric-number {\r\n  color: var(--herza-primary-blue);\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-metric-number { font-size: 24px; line-height: 1; }\r\n}\r\n@media (min-width: 1200px) {\r\n  .herza-metric-number { font-size: 26px; }\r\n}\r\n\r\n.herza-metric-title {\r\n  color: var(--herza-dark-text);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-top: 2px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .herza-metric-title { font-size: 12px; margin-top: 0; }\r\n}\r\n@media (min-width: 992px) {\r\n  \/* PC VERSION ONLY: Forces the entire title block to stay on exactly ONE single line *\/\r\n  .herza-metric-title { \r\n    font-size: 11px; \r\n    white-space: nowrap; \r\n  }\r\n}\r\n@media (min-width: 1200px) {\r\n  .herza-metric-title { font-size: 13px; }\r\n}\r\n<\/style>\r\n<script>\r\nfunction initHerzaForm() {\r\n  const form = document.querySelector(\".herza-custom-form\");\r\n  const submitBtn = document.querySelector(\".herza-submit-btn\");\r\n\r\n  \r\n  if (!form || form.dataset.initialized) return;\r\n  form.dataset.initialized = \"true\";\r\n\r\n  form.addEventListener(\"submit\", function(e) {\r\n    e.preventDefault(); \r\n\r\n    const originalBtnText = submitBtn.textContent;\r\n    submitBtn.textContent = \"Sending...\";\r\n    submitBtn.disabled = true;\r\n\r\n    const formData = new FormData(form);\r\n    const data = Object.fromEntries(formData.entries());\r\n\r\n    \/\/ Petici\u00f3n a FormSubmit\r\n    fetch(\"https:\/\/formsubmit.co\/ajax\/1ded9dee481cc9130f142eab3ec7196e\", {\r\n      method: \"POST\",\r\n      headers: {\r\n        \"Content-Type\": \"application\/json\",\r\n        \"Accept\": \"application\/json\"\r\n      },\r\n      body: JSON.stringify({\r\n        Name: data.name,\r\n        Email: data.email,\r\n        Phone: data.phone,\r\n        Service: data.service,\r\n        Message: data.message,\r\n        _subject: \"New Lead from Herza Restoration Website\"\r\n      })\r\n    })\r\n    .then(response => {\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      return response.json();\r\n    })\r\n    .then(result => {\r\n      if (result.success) {\r\n        alert(\"Message sent successfully! We will get back to you shortly.\");\r\n        form.reset(); \r\n      } else {\r\n        alert(\"There was an error sending your message. Please try again.\");\r\n      }\r\n    })\r\n    .catch(error => {\r\n      console.error(\"Submission Error:\", error);\r\n      alert(\"A connection error occurred. Please try again.\");\r\n    })\r\n    .finally(() => {\r\n      submitBtn.textContent = originalBtnText;\r\n      submitBtn.disabled = false;\r\n    });\r\n  });\r\n}\r\n\r\n\r\nif (document.readyState === \"loading\") {\r\n  document.addEventListener(\"DOMContentLoaded\", initHerzaForm);\r\n} else {\r\n  initHerzaForm();\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-846e3a4 e-con e-atomic-element e-flexbox-base e-f1c0d96\" data-id=\"846e3a4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"846e3a4\">\n    \t\t<div class=\"elementor-element elementor-element-e21b0e5 elementor-widget elementor-widget-shortcode\" data-id=\"e21b0e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"61\" class=\"elementor elementor-61\" data-elementor-post-type=\"elementor-hf\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83278c4 e-con e-atomic-element e-flexbox-base e-1233023\" data-id=\"83278c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"83278c4\">\n    \t\t<div class=\"elementor-element elementor-element-a5cb477 elementor-widget elementor-widget-html\" data-id=\"a5cb477\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"herza-header\" id=\"herzaHeader\">\r\n    <div class=\"header-container\">\r\n        <a href=\"https:\/\/herzarestoration.com\/es\/\" class=\"herza-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/herzarestoration.com\/wp-content\/uploads\/2026\/06\/mini_title_transparent.png\" alt=\"Herza Restoration\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex'\">\r\n            <div class=\"logo-fallback\" style=\"display: none; align-items: center; gap: 0.5rem; font-family: 'Merriweather', serif; font-weight: 900; font-size: 1.8rem; color: #002448;\">\r\n                <span style=\"color: #16498B;\">Coraz\u00f3n<\/span><span style=\"color: #FFD700;\">.<\/span>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <nav class=\"herza-nav-desktop\">\r\n            <ul class=\"nav-menu\">\r\n                <li><a href=\"https:\/\/herzarestoration.com\/es\/\" class=\"nav-link\">Inicio<\/a><\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/es\/about-us\/\" class=\"nav-link\">Acerca de<\/a><\/li>\r\n                <li class=\"has-submenu\">\r\n                    <!-- Enlace corregido para no ir a ning\u00fan lado -->\r\n                    <a href=\"javascript:void(0);\" class=\"nav-link\">Servicios <i class=\"fas fa-chevron-down submenu-icon\"><\/i><\/a>\r\n                    <ul class=\"submenu\">\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/es\/water-damage\/\"><i class=\"fas fa-water\"><\/i> Da\u00f1os por agua<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/es\/flood-damage\/\"><i class=\"fas fa-house-damage\"><\/i> Da\u00f1os por inundaci\u00f3n<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/es\/fire-smoke-damage\/\"><i class=\"fas fa-fire\"><\/i> Da\u00f1os por fuego y humo<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/es\/reconstruction-remodeling\/\"><i class=\"fas fa-tools\"><\/i> Reconstrucci\u00f3n y remodelaci\u00f3n<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/es\/commercial-damage-restoration-services\/\"><i class=\"fas fa-building\"><\/i> Servicios Comerciales<\/a><\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/es\/gallery\/\" class=\"nav-link\">Galer\u00eda<\/a><\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/es\/contact\/\" class=\"nav-link\">Contacto<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"header-actions\">\r\n            <a href=\"tel:7864446404\" class=\"btn-emergency\" aria-label=\"Llamada de emergencia\">\r\n                <div class=\"icon-pulse-wrapper\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"phone-text-wrapper\">\r\n                    <span class=\"phone-subtitle\">24\/7 EMERGENCIA<\/span>\r\n                    <span class=\"phone-number\">(786) 444-6404<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/herzarestoration.com\/es\/contact\/\" class=\"btn-quote\">\r\n                <i class=\"fas fa-file-invoice\"><\/i> Cotizaci\u00f3n gratis\r\n            <\/a>\r\n            \r\n            <button type=\"button\" class=\"hamburger\" id=\"hamburger\" aria-label=\"Abrir men\u00fa\" onclick=\"HerzaMenu.toggle()\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <div class=\"mobile-menu-header\">\r\n        <div class=\"mobile-logo-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/herzarestoration.com\/wp-content\/uploads\/2026\/06\/mini_title_transparent.png\" alt=\"Herza Restoration\" class=\"mobile-logo\">\r\n        <\/div>\r\n        <button type=\"button\" class=\"mobile-close\" id=\"mobileClose\" aria-label=\"Cerrar men\u00fa\" onclick=\"HerzaMenu.close()\">\r\n            <i class=\"fas fa-times\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"mobile-menu-content\">\r\n        <ul class=\"mobile-nav-menu\">\r\n            <li><a href=\"https:\/\/herzarestoration.com\/es\/\"><i class=\"fas fa-home\"><\/i> Inicio<\/a><\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/es\/about-us\/\"><i class=\"fas fa-info-circle\"><\/i> Acerca de<\/a><\/li>\r\n            <li class=\"mobile-has-submenu\">\r\n                <div class=\"mobile-submenu-toggle\" onclick=\"HerzaMenu.toggleSubmenu(this)\">\r\n                    <span><i class=\"fas fa-concierge-bell\"><\/i> Servicios<\/span>\r\n                    <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <ul class=\"mobile-submenu\">\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/es\/water-damage\/\"><i class=\"fas fa-water\"><\/i> Da\u00f1os por agua<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/es\/flood-damage\/\"><i class=\"fas fa-house-damage\"><\/i> Da\u00f1os por inundaci\u00f3n<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/es\/fire-smoke-damage\/\"><i class=\"fas fa-fire\"><\/i> Da\u00f1os por fuego y humo<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/es\/reconstruction-remodeling\/\"><i class=\"fas fa-tools\"><\/i> Reconstrucci\u00f3n y remodelaci\u00f3n<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/es\/commercial-damage-restoration-services\/\"><i class=\"fas fa-building\"><\/i> Comercial<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/es\/gallery\/\"><i class=\"fas fa-images\"><\/i> Galer\u00eda<\/a><\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/es\/contact\/\"><i class=\"fas fa-envelope\"><\/i> Contacto<\/a><\/li>\r\n            \r\n            <li class=\"mobile-cta\">\r\n                <a href=\"tel:7864446404\" class=\"btn-phone-mobile\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i> (786) 444-6404\r\n                <\/a>\r\n                <a href=\"https:\/\/herzarestoration.com\/es\/contact\/\" class=\"btn-quote-mobile\">\r\n                    <i class=\"fas fa-file-invoice\"><\/i> Obt\u00e9n una cotizaci\u00f3n gratis\r\n                <\/a>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"menu-overlay\" id=\"menuOverlay\" onclick=\"HerzaMenu.close()\"><\/div>\r\n\r\n<style>\r\n:root {\r\n    --color-primary: #16498B; \r\n    --color-dark: #002448; \r\n    --color-accent: #FFD700; \r\n    --color-emergency: #e63946; \r\n    --color-text: #334155;\r\n    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n    --shadow-md: 0 4px 20px rgba(0, 36, 72, 0.08);\r\n    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* Base Header *\/\r\n.herza-header {\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0;\r\n    z-index: 999;\r\n    background: #ffffff;\r\n    box-shadow: var(--shadow-sm);\r\n    transition: var(--transition);\r\n}\r\n\r\n\/* Soluci\u00f3n para quitar el borde punteado al hacer clic (focus) *\/\r\n.herza-header a:focus,\r\n.herza-header button:focus,\r\n.mobile-menu a:focus,\r\n.mobile-menu button:focus,\r\n.mobile-submenu-toggle:focus {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n.admin-bar .herza-header { top: 32px; }\r\n@media screen and (max-width: 782px) { .admin-bar .herza-header { top: 46px; } }\r\n\r\n.herza-header.scrolled {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: var(--shadow-md);\r\n}\r\n\r\n.header-container {\r\n    max-width: 1300px; margin: 0 auto;\r\n    padding: 0.8rem 2rem;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    transition: padding 0.3s ease; position: relative; z-index: 2;\r\n}\r\n\r\n.herza-header.scrolled .header-container { padding: 0.5rem 2rem; }\r\n\r\n\/* =========================================\r\n   LOGO STYLES - MINIMALISTA\r\n   ========================================= *\/\r\n.herza-logo {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 80px;\r\n    height: 80px;\r\n    padding: 0;\r\n    background: transparent;\r\n    border-radius: 50% !important;\r\n    border: 2px solid #16498B;\r\n    transition: all 0.3s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.herza-logo img {\r\n    width: 70% !important;\r\n    height: 70% !important;\r\n    max-width: none !important;\r\n    max-height: none !important;\r\n    object-fit: contain !important;\r\n    display: block !important;\r\n    filter: none !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.herza-logo:hover {\r\n    transform: scale(1.05);\r\n    border-color: #FFD700;\r\n    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);\r\n}\r\n\r\n.herza-logo:hover img {\r\n    transform: scale(1.08);\r\n    filter: none !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .herza-logo {\r\n        width: 65px;\r\n        height: 65px;\r\n        border-width: 2px !important;\r\n    }\r\n    \r\n    .herza-logo img {\r\n        width: 65% !important;\r\n        height: 65% !important;\r\n    }\r\n}\r\n\r\n\/* Navegaci\u00f3n Desktop *\/\r\n.herza-nav-desktop { display: flex; justify-content: center; flex-grow: 1; margin: 0 1.5rem; }\r\n.nav-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 1.8rem; }\r\n.nav-menu > li { position: relative; }\r\n.nav-link { display: flex; align-items: center; padding: 0.5rem 0; color: var(--color-dark); text-decoration: none !important; font-weight: 600; font-size: 1rem; position: relative; transition: var(--transition); }\r\n.nav-link::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: var(--color-primary); transition: all 0.3s ease; transform: translateX(-50%); }\r\n.nav-link:hover { color: var(--color-primary); }\r\n.nav-link:hover::after { width: 100%; }\r\n.submenu-icon { font-size: 0.7rem; margin-left: 6px; transition: transform 0.3s ease; }\r\n.has-submenu:hover .submenu-icon { transform: rotate(180deg); }\r\n\r\n\/* Submen\u00fa Desktop *\/\r\n.submenu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(15px); background: #ffffff; min-width: 250px; list-style: none; margin: 0; padding: 0.6rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 36, 72, 0.08); opacity: 0; visibility: hidden; transition: all 0.3s ease; border: 1px solid rgba(0,0,0,0.04); }\r\n.has-submenu:hover .submenu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }\r\n.submenu li a { display: flex; align-items: center; gap: 12px; padding: 0.7rem 1rem; color: var(--color-text); text-decoration: none !important; font-size: 0.9rem; font-weight: 500; border-radius: 8px; transition: var(--transition); }\r\n.submenu li a i { color: var(--color-primary); font-size: 1rem; width: 18px; text-align: center; opacity: 0.6; }\r\n.submenu li a:hover { background: rgba(22, 73, 139, 0.04); color: var(--color-primary); transform: translateX(4px); }\r\n\r\n\/* Botones y Acciones *\/\r\n.header-actions { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; position: relative; z-index: 2; }\r\n.btn-emergency { display: flex; align-items: center; gap: 0.8rem; background: var(--color-emergency); padding: 0.45rem 1.4rem 0.45rem 0.6rem; border-radius: 50px; text-decoration: none !important; transition: var(--transition); box-shadow: 0 4px 15px rgba(230, 57, 70, 0.2); position: relative; }\r\n.icon-pulse-wrapper { background: rgba(255, 255, 255, 0.25); width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }\r\n.icon-pulse-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); animation: ringPulse 2s infinite; }\r\n.icon-pulse-wrapper i { color: white; font-size: 1.1rem; position: relative; z-index: 1; }\r\n@keyframes ringPulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }\r\n.phone-text-wrapper { display: flex; flex-direction: column; }\r\n.phone-subtitle { font-size: 0.65rem; font-weight: 700; color: rgba(255, 255, 255, 0.85); letter-spacing: 0.5px; line-height: 1.1; margin-bottom: 2px; }\r\n.phone-number { font-size: 1.05rem; font-weight: 800; color: white; line-height: 1.1; white-space: nowrap; }\r\n.btn-emergency:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(230, 57, 70, 0.45); background: #d92e3b; }\r\n.btn-quote { background: var(--color-primary); color: white !important; padding: 0.8rem 1.6rem !important; border-radius: 50px; font-weight: 700; text-decoration: none !important; transition: var(--transition); font-size: 0.95rem; white-space: nowrap; box-shadow: 0 4px 15px rgba(22, 73, 139, 0.2); display: inline-flex; align-items: center; gap: 8px; }\r\n.btn-quote:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(22, 73, 139, 0.45); background: #103c75; }\r\n\r\n\/* Hamburger *\/\r\n.hamburger { display: none; flex-direction: column; justify-content: space-between; width: 44px; height: 44px; background: transparent !important; border: none !important; cursor: pointer; padding: 10px; position: relative; z-index: 10; margin-left: 8px; flex-shrink: 0; }\r\n.hamburger span { display: block; width: 100%; height: 3px; background: #16498B !important; border-radius: 3px; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); }\r\n.hamburger.active span:nth-child(1) { transform: translateY(10.5px) rotate(45deg); }\r\n.hamburger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }\r\n.hamburger.active span:nth-child(3) { transform: translateY(-10.5px) rotate(-45deg); }\r\n\r\n\/* Men\u00fa M\u00f3vil Offcanvas *\/\r\n.mobile-menu { position: fixed; top: 0; right: 0; width: 85%; max-width: 360px; height: 100vh; height: 100dvh; background: #ffffff; z-index: 999999; box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15); transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; visibility: hidden; will-change: transform; }\r\n.mobile-menu.active { transform: translateX(0); visibility: visible; }\r\n\r\n\/* Cabecera del men\u00fa m\u00f3vil *\/\r\n.mobile-menu-header { padding: 1rem 1.2rem; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: center; justify-content: space-between; background: #fafbfc; flex-shrink: 0; height: 70px; box-sizing: border-box; }\r\n.mobile-logo-wrapper { max-width: 70%; display: flex; align-items: center; }\r\n.mobile-logo { height: 38px; width: auto; max-width: 100%; object-fit: contain; display: block; }\r\n.mobile-close { background: rgba(0, 36, 72, 0.06) !important; border: none !important; width: 40px; height: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: #002448 !important; font-size: 1.2rem; transition: all 0.3s ease; flex-shrink: 0; }\r\n.mobile-close i { color: #002448 !important; display: block; line-height: 1; }\r\n.mobile-close:hover { background: #e63946 !important; color: white !important; transform: rotate(90deg); }\r\n.mobile-close:hover i { color: white !important; }\r\n\r\n\/* Contenido del men\u00fa *\/\r\n.mobile-menu-content { padding: 1rem 1.8rem 2rem; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch; }\r\n.mobile-nav-menu { list-style: none; margin: 0; padding: 0; }\r\n.mobile-nav-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }\r\n.mobile-nav-menu > li > a { display: flex; align-items: center; gap: 14px; padding: 1.1rem 0; color: var(--color-dark); text-decoration: none !important; font-weight: 600; font-size: 1.05rem; }\r\n.mobile-nav-menu > li > a i { color: #16498B !important; width: 22px; text-align: center; font-size: 1.05rem; }\r\n\r\n\/* Submen\u00fas en M\u00f3vil *\/\r\n.mobile-submenu-toggle { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 0; color: var(--color-dark); font-weight: 600; font-size: 1.05rem; cursor: pointer; }\r\n.mobile-submenu-toggle span { display: flex; align-items: center; gap: 14px; }\r\n.mobile-submenu-toggle span i { color: #16498B !important; width: 22px; text-align: center; }\r\n.mobile-submenu-toggle > i { transition: transform 0.35s ease; color: #16498B !important; font-size: 0.85rem; }\r\n.mobile-submenu-toggle.active { color: var(--color-primary); }\r\n.mobile-submenu-toggle.active > i { transform: rotate(180deg); }\r\n.mobile-submenu { list-style: none; padding: 0 0 0.5rem 0; margin: 0 0 0 11px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease; border-left: 2px solid rgba(22, 73, 139, 0.15); }\r\n.mobile-submenu.active { max-height: 500px; }\r\n.mobile-submenu li a { display: flex; align-items: center; gap: 12px; padding: 0.85rem 0 0.85rem 1.2rem; color: var(--color-text); text-decoration: none !important; font-size: 0.95rem; font-weight: 500; }\r\n.mobile-submenu li a i { color: #16498B !important; font-size: 0.95rem; width: 18px; text-align: center; }\r\n\r\n\/* Botones de Acci\u00f3n M\u00f3vil *\/\r\n.mobile-cta { margin-top: 1.5rem; padding-top: 1rem; display: flex; flex-direction: column; gap: 0.8rem; border: none !important; }\r\n.mobile-cta .btn-phone-mobile, .mobile-cta .btn-quote-mobile { text-align: center; padding: 1rem; border-radius: 50px; font-weight: 700; text-decoration: none !important; font-size: 1.05rem; display: flex; align-items: center; justify-content: center; gap: 10px; color: #ffffff !important; }\r\n.mobile-cta .btn-phone-mobile i, .mobile-cta .btn-quote-mobile i { color: #ffffff !important; font-size: 1.1rem; }\r\n.mobile-cta .btn-phone-mobile { background: var(--color-emergency); box-shadow: 0 4px 15px rgba(230, 57, 70, 0.25); }\r\n.mobile-cta .btn-quote-mobile { background: var(--color-primary); box-shadow: 0 4px 15px rgba(22, 73, 139, 0.25); }\r\n\r\n\/* Overlay Background *\/\r\n.menu-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 36, 72, 0.55); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); z-index: 999998; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; pointer-events: none; }\r\n.menu-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }\r\n\r\n\/* Media Queries *\/\r\n@media (max-width: 1250px) { .nav-menu { gap: 1.2rem; } .header-container { padding: 0.8rem 1.5rem; } }\r\n@media (max-width: 1100px) {\r\n    .phone-text-wrapper { display: none; }\r\n    .btn-emergency { padding: 0; width: 56px; height: 56px; border-radius: 50%; justify-content: center; align-items: center; gap: 0; position: relative; overflow: visible; flex-shrink: 0; }\r\n    .btn-emergency .icon-pulse-wrapper::before { display: none !important; }\r\n    .btn-emergency::before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border-radius: 50%; border: 3px solid var(--color-emergency); animation: ringPulseMobile 2s infinite; pointer-events: none; z-index: -1; }\r\n    .btn-emergency::after { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border-radius: 50%; box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.6); animation: ringPulseMobileShadow 2s infinite; pointer-events: none; }\r\n    @keyframes ringPulseMobile { 0% { transform: scale(1); opacity: 1; } 70% { transform: scale(1.4); opacity: 0; } 100% { transform: scale(1.4); opacity: 0; } }\r\n    @keyframes ringPulseMobileShadow { 0% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.6); } 70% { box-shadow: 0 0 0 18px rgba(230, 57, 70, 0); } 100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); } }\r\n    .icon-pulse-wrapper { width: 100%; height: 100%; background: transparent; }\r\n    .icon-pulse-wrapper i { font-size: 1.3rem; color: #ffffff !important; }\r\n}\r\n@media (max-width: 992px) {\r\n    .herza-nav-desktop { display: none !important; }\r\n    .hamburger { display: flex !important; }\r\n    .btn-quote { display: none !important; }\r\n    .herza-logo img { height: 50px; }\r\n    .herza-header.scrolled .herza-logo img { height: 45px; }\r\n    .header-container { padding: 0.7rem 1.2rem; }\r\n}\r\n@media (max-width: 480px) { .btn-emergency { width: 48px; height: 48px; } .icon-pulse-wrapper i { font-size: 1.15rem; } .mobile-menu { width: 88%; } }\r\n<\/style>\r\n\r\n<script>\r\nvar HerzaMenu = {\r\n    initialized: false,\r\n    hamburger: null,\r\n    mobileMenu: null,\r\n    overlay: null,\r\n    header: null,\r\n    \r\n    init: function() {\r\n        if (this.initialized) return;\r\n        this.initialized = true;\r\n        \r\n        this.hamburger = document.getElementById('hamburger');\r\n        this.mobileMenu = document.getElementById('mobileMenu');\r\n        this.overlay = document.getElementById('menuOverlay');\r\n        this.header = document.getElementById('herzaHeader');\r\n        \r\n        if (!this.hamburger || !this.mobileMenu || !this.overlay || !this.header) {\r\n            console.warn('HerzaMenu: Elementos no encontrados en el DOM');\r\n            return;\r\n        }\r\n\r\n        \/\/ ========================================================\r\n        \/\/ SOLUCI\u00d3N AL Z-INDEX DE ELEMENTOR (MAGIA AQU\u00cd)\r\n        \/\/ Movemos el men\u00fa lateral al <body> para que nada lo tape\r\n        \/\/ ========================================================\r\n        if (this.mobileMenu.parentNode !== document.body) {\r\n            document.body.appendChild(this.mobileMenu);\r\n        }\r\n        if (this.overlay.parentNode !== document.body) {\r\n            document.body.appendChild(this.overlay);\r\n        }\r\n        \/\/ ========================================================\r\n        \r\n        \/\/ Efecto scroll en Header\r\n        var ticking = false;\r\n        var self = this;\r\n        window.addEventListener('scroll', function() {\r\n            if (!ticking) {\r\n                window.requestAnimationFrame(function() {\r\n                    if (window.scrollY > 30) {\r\n                        self.header.classList.add('scrolled');\r\n                    } else {\r\n                        self.header.classList.remove('scrolled');\r\n                    }\r\n                    ticking = false;\r\n                });\r\n                ticking = true;\r\n            }\r\n        }, { passive: true });\r\n        \r\n        window.addEventListener('resize', function() {\r\n            if (window.innerWidth > 992 && self.mobileMenu.classList.contains('active')) {\r\n                self.close();\r\n            }\r\n        });\r\n        \r\n        var links = this.mobileMenu.querySelectorAll('.mobile-nav-menu a:not(.mobile-submenu-toggle a)');\r\n        links.forEach(function(link) {\r\n            link.addEventListener('click', function() {\r\n                if (self.mobileMenu.classList.contains('active')) {\r\n                    setTimeout(function() { self.close(); }, 150);\r\n                }\r\n            });\r\n        });\r\n    },\r\n    \r\n    toggle: function() {\r\n        if (!this.mobileMenu) return;\r\n        if (this.mobileMenu.classList.contains('active')) {\r\n            this.close();\r\n        } else {\r\n            this.open();\r\n        }\r\n    },\r\n    \r\n    open: function() {\r\n        if (this.hamburger) this.hamburger.classList.add('active');\r\n        if (this.mobileMenu) this.mobileMenu.classList.add('active');\r\n        if (this.overlay) this.overlay.classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n    },\r\n    \r\n    close: function() {\r\n        if (this.hamburger) this.hamburger.classList.remove('active');\r\n        if (this.mobileMenu) this.mobileMenu.classList.remove('active');\r\n        if (this.overlay) this.overlay.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n    },\r\n    \r\n    toggleSubmenu: function(element) {\r\n        if (!this.mobileMenu) return;\r\n        \r\n        var allToggles = this.mobileMenu.querySelectorAll('.mobile-submenu-toggle');\r\n        allToggles.forEach(function(toggle) {\r\n            if (toggle !== element) {\r\n                toggle.classList.remove('active');\r\n                var submenu = toggle.nextElementSibling;\r\n                if (submenu) submenu.classList.remove('active');\r\n            }\r\n        });\r\n        \r\n        element.classList.toggle('active');\r\n        var submenu = element.nextElementSibling;\r\n        if (submenu) submenu.classList.toggle('active');\r\n    }\r\n};\r\n\r\nif (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', function() { HerzaMenu.init(); });\r\n} else {\r\n    HerzaMenu.init();\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Need Immediate Help? Contact Us Today We are available 24\/7 to answer your questions and handle any property restoration emergency in South Florida. Emergency Lines (786) 444-6404 (561) 707-9582 Email Address info@herzarestoration.com Full Name Email Address Phone Number Service Required Water Damage RestorationFire &#038; Smoke DamageMold RemovalOther Service Message or Case Details Send Message &lt; 45 Min Response Time 1,500+ Cases Completed 100% Satisfied Clients 24 \/ 7 Emergency Service<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":51,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":808,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages\/10\/revisions\/808"}],"wp:attachment":[{"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}