{"id":6,"date":"2026-06-18T17:16:22","date_gmt":"2026-06-18T17:16:22","guid":{"rendered":"https:\/\/herzarestoration.com\/home\/"},"modified":"2026-07-03T00:50:10","modified_gmt":"2026-07-03T00:50:10","slug":"home","status":"publish","type":"page","link":"https:\/\/herzarestoration.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79356ed e-con e-atomic-element e-flexbox-base e-ac95ba9 \" data-id=\"79356ed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"79356ed\">\n    \t\t<div class=\"elementor-element elementor-element-133ab92 elementor-widget elementor-widget-html\" data-id=\"133ab92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Variables de Dise\u00f1o Moderno --- *\/\r\n    :root {\r\n        --herza-primary-blue: #16498B;\r\n        --color-primary: #16498B;   \r\n        --color-dark: #002448ff;      \r\n        --color-light: #f4f6f9;       \r\n        --color-accent: #FFD700;    \r\n        --color-secondary: #324864ff; \r\n        --color-emergency: #e63946;   \r\n        --color-warning: #fbc02d;     \r\n        --herza-body-text: #475569;\r\n        --herza-muted-text: #64748b;\r\n        --herza-bg-gray: #f5f7fa;\r\n        --herza-border: #e2e8f0;\r\n        --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n        --border-radius: 8px;\r\n        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* --- Reset y Tipograf\u00eda --- *\/\r\n    .herza-modern-wrap {\r\n        font-family: 'Roboto', sans-serif;\r\n        color: var(--color-dark);\r\n        line-height: 1.6; margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden;\r\n    }\r\n    .herza-modern-wrap *, .herza-modern-wrap *::before, .herza-modern-wrap *::after { box-sizing: inherit; }\r\n    \r\n    \/* Jerarqu\u00eda de encabezados - tama\u00f1os diferenciados *\/\r\n    .herza-modern-wrap h1, .herza-modern-wrap h2, .herza-modern-wrap h3, .herza-modern-wrap h4 {\r\n        font-family: 'Roboto', sans-serif;\r\n        color: #16498B;\r\n        margin-top: 0;\r\n    }\r\n    .herza-modern-wrap h1 { font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 900; line-height: 1.1; }\r\n    .herza-modern-wrap h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; line-height: 1.2; }\r\n    .herza-modern-wrap h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); font-weight: 700; line-height: 1.3; }\r\n    .herza-modern-wrap h4 { font-size: clamp(1rem, 1.8vw, 1.2rem); font-weight: 700; line-height: 1.3; }\r\n    \r\n    .herza-modern-wrap img { max-width: 100%; height: auto; display: block; }\r\n\r\n    \/* =========================================\r\n       SUBTITLE SPAN - A\u00d1ADIDO A CADA SECCI\u00d3N\r\n       ========================================= *\/\r\n    .herza-subtitle {\r\n        display: inline-block;\r\n        width: fit-content;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        letter-spacing: 2.5px;\r\n        text-transform: uppercase;\r\n        background-color: rgba(22, 73, 139, 0.08);\r\n        padding: 6px 14px;\r\n        border-radius: 4px;\r\n        margin-bottom: 14px;\r\n        color: #16498B !important;\r\n    }\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       1. HERO SECTION\r\n       ========================================= *\/\r\n    .hero-modern {\r\n        position: relative;\r\n        background-image: linear-gradient(to right, rgba(22, 73, 139, 0.95) 0%, rgba(0, 36, 72, 0.85) 100%), \r\n                          url('https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?q=80&w=1920&auto=format&fit=crop');\r\n        background-size: cover; background-position: center; background-attachment: fixed;\r\n        color: white; padding: 120px 5%; display: flex; align-items: center; min-height: 75vh;\r\n    }\r\n    .hero-content { max-width: 850px; position: relative; z-index: 2; }\r\n    .hero-modern h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 900; line-height: 1.1; margin-bottom: 25px; color: white; }\r\n    .hero-modern p { font-size: clamp(1.1rem, 2vw, 1.3rem); margin-bottom: 40px; color: rgba(255, 255, 255, 0.9); font-weight: 300; }\r\n    \r\n    .btn-group { display: flex; gap: 15px; flex-wrap: wrap; }\r\n    \r\n    .btn-modern {\r\n        padding: 16px 36px; font-size: 1.1rem; font-weight: 600; \r\n        text-decoration: none !important; \r\n        border-radius: 50px; transition: var(--transition); display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n    }\r\n    .btn-modern:hover { text-decoration: none !important; }\r\n    \r\n    .btn-red { background-color: var(--color-emergency); color: white; border: none; box-shadow: 0 4px 15px rgba(230,57,70,0.4); }\r\n    .btn-red:hover {\r\n    background-color: #FFD700;\r\n    color: #16498B;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6);\r\n}\r\n    \r\n    .btn-ghost { background-color: white; color: var(--color-primary); border: 2px solid white; }\r\n    .btn-ghost:hover { background-color: transparent; color: white; backdrop-filter: blur(5px); }\r\n\r\n    \/* =========================================\r\n       2. TRUST BANNER\r\n       ========================================= *\/\r\n    .trust-banner {\r\n        background-color: var(--color-dark); color: white; padding: 25px 5%; display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; border-bottom: 5px solid var(--color-accent); text-align: center;\r\n    }\r\n    .trust-item { display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 600; font-size: 1.05rem; }\r\n    .trust-item svg { width: 28px; height: 28px; fill: var(--color-accent); }\r\n\r\n    \/* --- CLASES COMUNES --- *\/\r\n    .section-spacing { padding: 100px 5%; }\r\n    .bg-light-gray { background-color: var(--color-light); }\r\n    .container { max-width: 1200px; margin: 0 auto; }\r\n    .section-title-wrap { text-align: center; margin-bottom: 60px; }\r\n    .section-title-wrap h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); margin-bottom: 15px; }\r\n    .section-title-wrap p { font-size: 1.1rem; color: var(--color-secondary); max-width: 600px; margin: 0 auto; }\r\n    .section-title-wrap h2::after { content: ''; display: block; width: 60px; height: 4px; background-color: var(--color-accent); margin: 15px auto 0; border-radius: 2px; }\r\n\r\n    \/* =========================================\r\n       3. ABOUT US\r\n       ========================================= *\/\r\n    .about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n    \r\n    \/* ABOUT IMAGE -  *\/\r\n    .about-image {\r\n        position: relative !important;\r\n        border-radius: 28px !important;\r\n        overflow: hidden !important;\r\n        border: 2px solid #16498B !important;\r\n        box-shadow: 0 15px 35px rgba(22, 73, 139, 0.12),\r\n                    0 5px 15px rgba(0, 0, 0, 0.04) !important;\r\n        aspect-ratio: 4 \/ 3 !important;\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n    \r\n    .about-image img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        display: block !important;\r\n        filter: contrast(0.95) saturate(1.05) !important;\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n    \r\n    \/* Efecto hover *\/\r\n    .about-image:hover {\r\n        transform: translateY(-12px) scale(1.02) !important;\r\n        box-shadow: 0 30px 50px rgba(22, 73, 139, 0.25),\r\n                    0 0 20px rgba(255, 215, 0, 0.3) !important;\r\n        border-color: #FFD700 !important;\r\n    }\r\n    \r\n    .about-image:hover img {\r\n        filter: contrast(1.05) saturate(1.2) !important;\r\n        transform: scale(1.05) !important;\r\n    }\r\n    \r\n    .about-text h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); text-align: left; margin-bottom: 25px; }\r\n    .about-text h2::after { margin: 15px 0 0; }\r\n    .about-text p { font-size: 1.1rem; color: var(--color-secondary); margin-bottom: 20px; }\r\n\r\n    \/* =========================================\r\n       4. SERVICES SECTION\r\n       ========================================= *\/\r\n    .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n    .service-card {\r\n        background: white; padding: 40px 30px; border-radius: var(--border-radius); box-shadow: var(--shadow-sm);\r\n        transition: var(--transition); border: 1px solid rgba(0,0,0,0.05); position: relative; overflow: hidden; z-index: 1;\r\n    }\r\n    .service-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: var(--color-primary); transition: var(--transition); z-index: -1; }\r\n    .service-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-lg); }\r\n    .service-card:hover::before { height: 100%; opacity: 0.03; }\r\n    .service-card svg { width: 50px; height: 50px; stroke: #16498B; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 25px; }\r\n    .service-card h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); color: #16498B; margin-bottom: 15px; font-weight: 700; }\r\n    .service-card p { color: var(--color-secondary); margin: 0; font-size: 1rem; }\r\n\r\n    \/* =========================================\r\n       5. PROCESS SECTION (How We Restore)\r\n       ========================================= *\/\r\n    .process-header { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-bottom: 50px; }\r\n    .process-header h2 { flex: 1; min-width: 300px; margin: 0; font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: #16498B; }\r\n    .process-header p { flex: 1.5; min-width: 300px; margin: 0; font-size: 1.1rem; color: var(--color-secondary); line-height: 1.7; }\r\n    \r\n    .process-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; }\r\n    .process-card {\r\n        flex: 1 1 calc(33.333% - 25px); min-width: 300px; background: white; padding: 35px 30px;\r\n        border-radius: var(--border-radius); box-shadow: var(--shadow-sm);\r\n        display: flex; justify-content: space-between; align-items: flex-start;\r\n        border: 1px solid rgba(0,0,0,0.03); transition: var(--transition);\r\n    }\r\n    .process-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-5px); }\r\n    .process-content { max-width: 75%; }\r\n    .process-content h4 { font-family: 'Roboto', sans-serif; font-weight: 700; color: #16498B; font-size: clamp(1rem, 1.8vw, 1.2rem); margin-bottom: 10px; }\r\n    .process-content p { font-size: 0.95rem; color: var(--color-secondary); margin: 0; }\r\n    .process-number { font-family: 'Roboto', sans-serif; font-size: 3.5rem; font-weight: 800; color: var(--color-emergency); line-height: 1; opacity: 0.9; margin-top: -10px; }\r\n\r\n    \/* =========================================\r\n       6. WHY CHOOSE US - ACTUALIZADO\r\n       ========================================= *\/\r\n    .why-us-layout { \r\n        display: grid; \r\n        grid-template-columns: 1fr 1.2fr; \r\n        gap: 80px; \r\n        align-items: start;\r\n        padding: 40px 0;\r\n    }\r\n    \r\n    \/* Imagen a la derecha *\/\r\n    .why-us-image {\r\n        border-radius: 28px !important;\r\n        overflow: hidden !important;\r\n        border: 2px solid #16498B !important;\r\n        box-shadow: 0 15px 35px rgba(22, 73, 139, 0.12),\r\n                    0 5px 15px rgba(0, 0, 0, 0.04) !important;\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n    \r\n    .why-us-image img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        display: block !important;\r\n        filter: contrast(0.95) saturate(1.05) !important;\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n    \r\n    .why-us-image:hover {\r\n        transform: translateY(-8px) scale(1.01) !important;\r\n        box-shadow: 0 30px 50px rgba(22, 73, 139, 0.25),\r\n                    0 0 20px rgba(255, 215, 0, 0.3) !important;\r\n        border-color: #FFD700 !important;\r\n    }\r\n    \r\n    .why-us-image:hover img {\r\n        filter: contrast(1.05) saturate(1.2) !important;\r\n    }\r\n    \r\n    \/* Contenido a la izquierda *\/\r\n    .why-us-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 35px;\r\n    }\r\n    \r\n    \/* Header de la secci\u00f3n *\/\r\n    .why-us-header {\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .why-us-header .herza-subtitle {\r\n        display: inline-block;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .why-us-header h2 {\r\n        font-size: clamp(1.75rem, 3.5vw, 2.5rem);\r\n        font-weight: 800;\r\n        color: #16498B;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .why-us-header h2::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background-color: #FFD700;\r\n        margin: 15px 0 0;\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .why-us-header > p {\r\n        font-size: 1.1rem;\r\n        color: var(--color-secondary);\r\n        line-height: 1.7;\r\n        margin: 0;\r\n        max-width: 90%;\r\n    }\r\n    \r\n    \/* Lista de caracter\u00edsticas mejorada *\/\r\n    .why-us-features {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n    \r\n    .why-us-features li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        background: white;\r\n        padding: 28px 25px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.04);\r\n        border-left: 4px solid var(--color-primary);\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    .why-us-features li:hover {\r\n        transform: translateX(8px);\r\n        box-shadow: 0 8px 25px rgba(22, 73, 139, 0.12);\r\n        border-left-color: var(--color-accent);\r\n    }\r\n    \r\n    .why-us-features svg {\r\n        width: 32px;\r\n        height: 32px;\r\n        fill: var(--color-primary);\r\n        flex-shrink: 0;\r\n        margin-top: 3px;\r\n    }\r\n    \r\n    .why-us-features .feature-content {\r\n        flex: 1;\r\n    }\r\n    \r\n    .why-us-features h4 {\r\n        margin: 0 0 8px 0;\r\n        color: #16498B;\r\n        font-size: clamp(1.1rem, 2vw, 1.25rem);\r\n        font-weight: 700;\r\n        line-height: 1.3;\r\n    }\r\n    \r\n    .why-us-features p {\r\n        margin: 0;\r\n        color: var(--color-secondary);\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n    }\r\n    \r\n    \/* Widget horizontal debajo *\/\r\n    .why-us-widget {\r\n        grid-column: 1 \/ -1;\r\n        background: linear-gradient(135deg, #16498B 0%, #0d2c54 100%);\r\n        border-radius: 16px;\r\n        padding: 35px 40px;\r\n        margin-top: 30px;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 25px;\r\n        box-shadow: 0 10px 30px rgba(22, 73, 139, 0.2);\r\n    }\r\n    \r\n    .why-us-widget-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        color: white;\r\n        text-align: center;\r\n    }\r\n    \r\n    .why-us-widget-item svg {\r\n        width: 40px;\r\n        height: 40px;\r\n        fill: #FFD700;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .why-us-widget-item h4 {\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        margin: 0 0 5px 0;\r\n        color: white;\r\n    }\r\n    \r\n    .why-us-widget-item p {\r\n        font-size: 0.9rem;\r\n        margin: 0;\r\n        color: rgba(255, 255, 255, 0.85);\r\n    }\r\n\r\n    \/* =========================================\r\n       7. TESTIMONIALS SECTION\r\n       ========================================= *\/\r\n    .herza-testimonials-section {\r\n        background-color: var(--herza-bg-gray);\r\n        padding: 90px 20px;\r\n        border-top: 1px solid var(--herza-border);\r\n    }\r\n\r\n    .herza-testimonials-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .herza-section-header-center {\r\n        text-align: center;\r\n        max-width: 680px;\r\n        margin: 0 auto 55px;\r\n    }\r\n\r\n    .herza-section-header-center h2 {\r\n        font-size: clamp(1.75rem, 3.5vw, 2.5rem);\r\n        font-weight: 800;\r\n        margin: 10px 0 14px;\r\n        line-height: 1.2;\r\n        letter-spacing: -0.5px;\r\n        font-family: 'Roboto', sans-serif;\r\n        color: #16498B;\r\n    }\r\n\r\n    .herza-section-header-center p {\r\n        color: var(--herza-muted-text);\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    .herza-testimonials-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .herza-testimonials-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    .herza-testimonial-card {\r\n        background-color: white;\r\n        padding: 36px 30px;\r\n        border-radius: 14px;\r\n        box-shadow: 0 6px 20px rgba(22, 73, 139, 0.04);\r\n        border: 1px solid var(--herza-border);\r\n        border-top: 4px solid var(--color-accent);\r\n        transition: all 0.35s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n    }\r\n\r\n    .herza-testimonial-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 45px rgba(22, 73, 139, 0.12);\r\n        border-color: var(--herza-primary-blue);\r\n        border-top-color: var(--color-accent);\r\n    }\r\n\r\n    .herza-stars {\r\n        color: var(--color-accent);\r\n        font-size: 20px;\r\n        letter-spacing: 3px;\r\n        margin-bottom: 18px;\r\n        text-shadow: 0 1px 2px rgba(255, 215, 0, 0.3);\r\n    }\r\n\r\n    .herza-testimonial-text {\r\n        font-style: italic;\r\n        color: var(--herza-body-text);\r\n        font-size: 15px;\r\n        line-height: 1.75;\r\n        margin: 0 0 28px;\r\n        flex-grow: 1;\r\n        position: relative;\r\n        padding-left: 18px;\r\n    }\r\n\r\n    .herza-testimonial-text::before {\r\n        content: '\"';\r\n        position: absolute;\r\n        left: -4px;\r\n        top: -12px;\r\n        font-size: 48px;\r\n        color: var(--color-accent);\r\n        font-family: Georgia, serif;\r\n        line-height: 1;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .herza-client-info {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid var(--herza-border);\r\n    }\r\n\r\n    .herza-client-avatar {\r\n        width: 48px;\r\n        height: 48px;\r\n        background: linear-gradient(135deg, var(--herza-primary-blue), var(--color-dark));\r\n        color: var(--color-accent);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 4px 10px rgba(22, 73, 139, 0.25);\r\n    }\r\n\r\n    .herza-client-info h4 {\r\n        margin: 0 0 3px 0;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        color: var(--color-dark);\r\n    }\r\n\r\n    .herza-client-info span {\r\n        font-size: 13px;\r\n        color: var(--herza-muted-text);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n    }\r\n\r\n    .herza-client-info span::before {\r\n        content: '\ud83d\udccd';\r\n        font-size: 11px;\r\n    }\r\n\r\n    \/* =========================================\r\n       8. CTA \/ CONTACT FORM BANNER\r\n       ========================================= *\/\r\n    .cta-banner-wrapper { padding: 80px 5%; background-color: #16498B; }\r\n    .cta-banner-inner {\r\n        max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap;\r\n        background: white; border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n    }\r\n    .cta-form-area { flex: 2; min-width: 320px; padding: 40px; }\r\n    .cta-form-area h3 { color: #16498B; font-size: clamp(1.5rem, 2.5vw, 1.8rem); margin-bottom: 25px; font-weight: 800; }\r\n    .cta-inline-form { display: flex; gap: 15px; flex-wrap: wrap; }\r\n    .form-group { flex: 1; min-width: 150px; }\r\n    .cta-inline-form input, .cta-inline-form select {\r\n        width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ddd; border-radius: 4px;\r\n        font-family: 'Roboto', sans-serif; font-size: 1rem; color: var(--color-dark); background-color: var(--color-light);\r\n        box-sizing: border-box; -webkit-appearance: auto; appearance: auto;\r\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\r\n    }\r\n    .cta-inline-form input:focus, .cta-inline-form select:focus { outline: none; border-color: var(--color-primary); }\r\n    .btn-submit {\r\n        background-color: var(--color-emergency); color: white; border: none; height: 50px; padding: 0 30px;\r\n        border-radius: 4px; cursor: pointer; font-weight: 700; font-size: 1rem; transition: var(--transition);\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .btn-submit:hover { background-color: #c02b37; }\r\n\r\n    .cta-emergency-area {\r\n        flex: 1; min-width: 300px;\r\n        background: repeating-linear-gradient( -45deg, var(--color-warning), var(--color-warning) 15px, var(--color-emergency) 15px, var(--color-emergency) 30px );\r\n        padding: 12px; display: flex;\r\n    }\r\n    .cta-emergency-inner {\r\n        background-color: var(--color-emergency); color: white; width: 100%;\r\n        display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n        padding: 30px 20px; text-align: center; border-radius: 2px;\r\n    }\r\n    .cta-emergency-inner h4 { color: rgba(255,255,255,0.9); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-weight: 600; }\r\n    .cta-emergency-inner .phone { font-size: clamp(1.2rem, 2.5vw, 1.5rem); font-weight: 900; margin: 0; display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; }\r\n    .cta-emergency-inner svg { width: 22px; height: 22px; fill: white; flex-shrink: 0; }\r\n\r\n    \/* =========================================\r\n       9. FAQ SECTION\r\n       ========================================= *\/\r\n    .faq-container { max-width: 800px; margin: 0 auto; }\r\n    .faq-item { background-color: white; border-radius: var(--border-radius); margin-bottom: 15px; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.05); }\r\n    .faq-item summary { padding: 22px 25px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #16498B; font-size: 1.15rem; transition: var(--transition); }\r\n    .faq-item summary:hover { background-color: rgba(22, 73, 139, 0.03); }\r\n    .faq-item summary::-webkit-details-marker { display: none; }\r\n    .faq-item summary::after { content: '+'; font-size: 1.8rem; font-weight: 300; transition: transform 0.3s; }\r\n    .faq-item[open] summary::after { transform: rotate(45deg); color: var(--color-emergency); }\r\n    .faq-item p { padding: 0 25px 25px; color: var(--color-secondary); margin: 0; line-height: 1.7; border-top: 1px solid var(--color-light); padding-top: 20px; }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE DESIGN\r\n       ========================================= *\/\r\n    @media (max-width: 992px) {\r\n        .about-layout, .why-us-layout { grid-template-columns: 1fr; }\r\n        .why-us-layout .why-us-image { order: -1; }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .hero-modern { padding: 100px 5% 60px; text-align: center; min-height: 60vh; }\r\n        .btn-group { justify-content: center; }\r\n        .section-spacing { padding: 70px 5%; }\r\n        .process-header { text-align: center; flex-direction: column; }\r\n        .process-header h2 { text-align: center; }\r\n        .process-header .herza-subtitle { display: inline-block; margin: 0 auto 14px; }\r\n        .cta-inline-form { flex-direction: column; }\r\n        .cta-inline-form .form-group { width: 100%; }\r\n        .btn-submit { width: 100%; }\r\n        \r\n        \/* Centrar encabezados y spans en m\u00f3vil *\/\r\n        .section-title-wrap { text-align: center; }\r\n        .section-title-wrap h2 { text-align: center; }\r\n        .section-title-wrap .herza-subtitle { display: inline-block; margin: 0 auto 14px; }\r\n        \r\n        .about-text h2 { text-align: center; }\r\n        .about-text .herza-subtitle { display: inline-block; margin: 0 auto 14px; }\r\n        .about-text { text-align: center; }\r\n        \r\n        .why-us-layout .section-title-wrap { text-align: center !important; }\r\n        .why-us-layout .section-title-wrap h2 { text-align: center !important; }\r\n        .why-us-layout .section-title-wrap p { text-align: center !important; margin: 0 auto !important; }\r\n        .why-us-layout .section-title-wrap .herza-subtitle { display: inline-block; margin: 0 auto 14px; }\r\n        \r\n        .cta-form-area { text-align: center; }\r\n        .cta-form-area .herza-subtitle { display: inline-block; margin: 0 auto 14px; }\r\n        .cta-form-area h3 { text-align: center; }\r\n        \r\n        \/* Ajustes de tama\u00f1o en m\u00f3vil *\/\r\n        .process-card { min-width: 100%; }\r\n        .service-card { padding: 30px 25px; }\r\n        .process-card { padding: 25px 20px; }\r\n        \r\n        \/* Imagen About en m\u00f3vil *\/\r\n        .about-image {\r\n            border-radius: 20px !important;\r\n            border-width: 2px !important;\r\n            aspect-ratio: 4 \/ 3 !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n        \r\n        .about-image:hover {\r\n            transform: translateY(-6px) scale(1.01) !important;\r\n        }\r\n        \r\n        \/* Logo en m\u00f3vil *\/\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        \/* Widget en m\u00f3vil *\/\r\n        .why-us-widget {\r\n            flex-direction: column;\r\n            padding: 25px 20px;\r\n        }\r\n        \r\n        .why-us-widget-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"herza-modern-wrap\">\r\n\r\n    <header class=\"hero-modern\">\r\n        <div class=\"hero-content\">\r\n            <h1>Restore your property with South Florida's trusted experts<\/h1>\r\n            <p>When disaster strikes, every minute counts. Our certified specialists provide rapid 24\/7 emergency response, helping you recover from water, fire, and flood damage.<\/p>\r\n            <div class=\"btn-group\">\r\n                <a href=\"tel:7864446404\" class=\"btn-modern btn-red\">\r\n                    <svg style=\"width:20px;height:20px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/><\/svg>\r\n                     Emergency Service\r\n                <\/a>\r\n                <a href=\"#services\" class=\"btn-modern btn-ghost\">View Our Services<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"trust-banner\">\r\n        <div class=\"trust-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg> 24\/7 Rapid Response<\/div>\r\n        <div class=\"trust-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg> Licensed & Insured<\/div>\r\n        <div class=\"trust-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg> Direct Insurance Billing<\/div>\r\n    <\/div>\r\n\r\n    <section class=\"section-spacing container\">\r\n        <div class=\"about-layout\">\r\n            <div class=\"about-text\">\r\n                <span class=\"herza-subtitle\">Who We Are<\/span>\r\n                <h2>About Herza Restoration<\/h2>\r\n                <p>Located in the heart of South Florida, Herza Restoration and Recovery LLC was founded on a simple principle: helping our community recover quickly and safely after the unexpected happens.<\/p>\r\n                <p>Whether you are facing a minor pipe leak or devastating storm damage, our team of highly trained professionals treats your property as if it were our own. We utilize commercial-grade equipment and proven mitigation techniques to restore your home or business efficiently.<\/p>\r\n            <\/div>\r\n            <div class=\"about-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/herzarestoration.com\/wp-content\/uploads\/2026\/06\/IMG_2077.JPG.jpeg\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"services\" class=\"section-spacing bg-light-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title-wrap\">\r\n                <span class=\"herza-subtitle\">What We Do<\/span>\r\n                <h2>Our Restoration Services<\/h2>\r\n                <p>Comprehensive recovery solutions for residential and commercial properties.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"services-grid\">\r\n\r\n  <!-- Water Damage -->\r\n  <a href=\"https:\/\/herzarestoration.com\/water-damage\/\" class=\"service-link\">\r\n    <div class=\"service-card\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 2.5C12 2.5 6 10 6 14.5C6 17.81 8.69 20.5 12 20.5C15.31 20.5 18 17.81 18 14.5C18 10 12 2.5 12 2.5Z\"\/>\r\n        <path d=\"M9.5 15C9.5 16.38 10.62 17.5 12 17.5\"\/>\r\n      <\/svg>\r\n      <h3>Water Damage<\/h3>\r\n      <p>Fast water extraction, structural drying, and advanced dehumidification to prevent mold.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Flood Damage -->\r\n  <a href=\"https:\/\/herzarestoration.com\/flood-damage\/\" class=\"service-link\">\r\n    <div class=\"service-card\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M2 16C4 14 6 14 8 16C10 18 12 18 14 16C16 14 18 14 20 16C22 18 22 18 22 18\"\/>\r\n        <path d=\"M2 20C4 18 6 18 8 20C10 22 12 22 14 20C16 18 18 18 20 20\"\/>\r\n        <path d=\"M12 3L12 12\"\/>\r\n        <path d=\"M8 7L12 3L16 7\"\/>\r\n      <\/svg>\r\n      <h3>Flood Damage<\/h3>\r\n      <p>Complete clean-up, category 3 water removal, and sanitation after severe weather.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Fire & Smoke Damage -->\r\n  <a href=\"https:\/\/herzarestoration.com\/fire-smoke-damage\/\" class=\"service-link\">\r\n    <div class=\"service-card\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 2C12 2 7 8 7 13C7 16.31 9.24 19 12 19C14.76 19 17 16.31 17 13C17 8 12 2 12 2Z\"\/>\r\n        <path d=\"M12 19C10.9 19 10 17.66 10 16C10 14 12 11 12 11C12 11 14 14 14 16C14 17.66 13.1 19 12 19Z\"\/>\r\n      <\/svg>\r\n      <h3>Fire & Smoke Damage<\/h3>\r\n      <p>Soot removal, thermal fogging for deep odor neutralization, and structural cleaning.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Reconstruction & Remodeling -->\r\n  <a href=\"https:\/\/herzarestoration.com\/reconstruction-remodeling\/\" class=\"service-link\">\r\n    <div class=\"service-card\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M3 10.5L12 3L21 10.5V20C21 20.55 20.55 21 20 21H4C3.45 21 3 20.55 3 20V10.5Z\"\/>\r\n        <path d=\"M9 21V14H15V21\"\/>\r\n        <path d=\"M10 8L14 12\"\/>\r\n        <path d=\"M14 8L10 12\"\/>\r\n      <\/svg>\r\n      <h3>Reconstruction & Remodeling<\/h3>\r\n      <p>From minor drywall repairs to full remodeling, returning your space to pre-loss condition.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- Commercial Damage Restoration Services -->\r\n  <a href=\"https:\/\/herzarestoration.com\/commercial-damage-restoration-services\/\" class=\"service-link\">\r\n    <div class=\"service-card\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1\"\/>\r\n        <path d=\"M8 7H10\"\/>\r\n        <path d=\"M14 7H16\"\/>\r\n        <path d=\"M8 11H10\"\/>\r\n        <path d=\"M14 11H16\"\/>\r\n        <path d=\"M8 15H10\"\/>\r\n        <path d=\"M14 15H16\"\/>\r\n        <path d=\"M10 21V18H14V21\"\/>\r\n      <\/svg>\r\n      <h3>Commercial Damage Restoration Services<\/h3>\r\n      <p>Minimizing business downtime with large-scale commercial recovery operations.<\/p>\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacing bg-light-gray\" style=\"padding-top: 0;\">\r\n        <div class=\"container\">\r\n            <div class=\"process-header\">\r\n                <div>\r\n                    <span class=\"herza-subtitle\">Our Process<\/span>\r\n                    <h2>How We Restore<br>Your Property<\/h2>\r\n                <\/div>\r\n                <p>Herza Restoration makes recovery simple and stress-free. From your first call to the final walkthrough, our process is built for clarity, speed, and quality. We assess the damage, explain the next steps, and handle all cleanup and repairs.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"process-grid\">\r\n                <div class=\"process-card\">\r\n                    <div class=\"process-content\">\r\n                        <h4>Call Us Anytime<\/h4>\r\n                        <p>We're available 24\/7 and ready to respond immediately to your emergency.<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-number\">1<\/div>\r\n                <\/div>\r\n                <div class=\"process-card\">\r\n                    <div class=\"process-content\">\r\n                        <h4>Get a Free Assessment<\/h4>\r\n                        <p>Our team inspects the damage, explains what's needed, and provides a clear estimate.<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-number\">2<\/div>\r\n                <\/div>\r\n                <div class=\"process-card\">\r\n                    <div class=\"process-content\">\r\n                        <h4>We Handle the Work<\/h4>\r\n                        <p>From water removal to cleanup and repairs, we restore everything from start to finish.<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-number\">3<\/div>\r\n                <\/div>\r\n                <div class=\"process-card\">\r\n                    <div class=\"process-content\">\r\n                        <h4>Insurance Guarantee<\/h4>\r\n                        <p>As part of our damage restoration services, we negotiate and settle directly with your insurance company.<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-number\">4<\/div>\r\n                <\/div>\r\n                <div class=\"process-card\">\r\n                    <div class=\"process-content\">\r\n                        <h4>Final Walkthrough<\/h4>\r\n                        <p>We review every detail with you to ensure your space is fully restored.<\/p>\r\n                    <\/div>\r\n                    <div class=\"process-number\">5<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacing container\">\r\n    <div class=\"why-us-layout\">\r\n        <!-- Contenido a la IZQUIERDA -->\r\n        <div class=\"why-us-content\">\r\n            <div class=\"why-us-header\">\r\n                <span class=\"herza-subtitle\">Why Choose Us<\/span>\r\n                <h2>Why Choose Us?<\/h2>\r\n                <p>Dealing with property damage is stressful. We make the recovery process as smooth and transparent as possible.<\/p>\r\n            <\/div>\r\n            \r\n            <ul class=\"why-us-features\">\r\n                <li>\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/>\r\n                    <\/svg>\r\n                    <div class=\"feature-content\">\r\n                        <h4>Rapid Response Time<\/h4>\r\n                        <p>We arrive rapidly to mitigate damage, saving your property and reducing overall costs.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li>\r\n                    <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/>\r\n                    <\/svg>\r\n                    <div class=\"feature-content\">\r\n                        <h4>Advanced Technology<\/h4>\r\n                        <p>Utilizing commercial-grade thermal imaging, drying, and HEPA filtration equipment.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                \r\n            <\/ul>\r\n        <\/div>\r\n        \r\n        <!-- Imagen a la DERECHA -->\r\n        <div class=\"why-us-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/herzarestoration.com\/wp-content\/uploads\/2026\/06\/IMG_2079.JPG.jpeg\" \r\n                 alt=\"Herza Restoration Team Working\">\r\n        <\/div>\r\n        \r\n        <!-- Widget horizontal ABAJO -->\r\n        <div class=\"why-us-widget\">\r\n            <div class=\"why-us-widget-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                <div>\r\n                    <h4>Licensed & Insured<\/h4>\r\n                    <p>Fully certified professionals<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"why-us-widget-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n                <div>\r\n                    <h4>24\/7 Available<\/h4>\r\n                    <p>Round the clock service<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"why-us-widget-item\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n                <div>\r\n                    <h4>Guaranteed Work<\/h4>\r\n                    <p>100% satisfaction guarantee<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <!-- TESTIMONIALS SECTION -->\r\n    <section class=\"herza-testimonials-section\">\r\n        <div class=\"herza-testimonials-container\">\r\n            <div class=\"herza-section-header-center\">\r\n                <span class=\"herza-subtitle\">Client Success Stories<\/span>\r\n                <h2>Trusted by South Florida Residents<\/h2>\r\n                <p>Real experiences from homeowners and businesses we've helped recover.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"herza-testimonials-grid\">\r\n                <div class=\"herza-testimonial-card\">\r\n                    <div class=\"herza-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p class=\"herza-testimonial-text\">\r\n                        \"When our kitchen flooded at 2 AM, Herza Restoration was there within\r\n                        40 minutes. They handled the water extraction and even dealt directly\r\n                        with our insurance. Truly a lifesaver.\"\r\n                    <\/p>\r\n                    <div class=\"herza-client-info\">\r\n                        <div class=\"herza-client-avatar\">M<\/div>\r\n                        <div>\r\n                            <h4>Michael T.<\/h4>\r\n                            <span>Miami, FL<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"herza-testimonial-card\">\r\n                    <div class=\"herza-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p class=\"herza-testimonial-text\">\r\n                        \"We discovered black mold in our AC closet. The Herza team came in,\r\n                        contained the area perfectly, and completely removed the hazard\r\n                        without spreading it. Highly professional crew.\"\r\n                    <\/p>\r\n                    <div class=\"herza-client-info\">\r\n                        <div class=\"herza-client-avatar\">S<\/div>\r\n                        <div>\r\n                            <h4>Sarah Jenkins<\/h4>\r\n                            <span>Fort Lauderdale, FL<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"herza-testimonial-card\">\r\n                    <div class=\"herza-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p class=\"herza-testimonial-text\">\r\n                        \"After a small fire in our garage, the smoke smell was unbearable\r\n                        inside the house. Herza restored the garage and used their equipment\r\n                        to completely deodorize our home. 10\/10 service.\"\r\n                    <\/p>\r\n                    <div class=\"herza-client-info\">\r\n                        <div class=\"herza-client-avatar\">D<\/div>\r\n                        <div>\r\n                            <h4>David R.<\/h4>\r\n                            <span>Boca Raton, FL<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cta-banner-wrapper\">\r\n    <div class=\"cta-banner-inner\">\r\n        <div class=\"cta-form-area\">\r\n            <span class=\"herza-subtitle\">Get Started Today<\/span>\r\n            <h3>Request a Free Inspection<\/h3>\r\n            \r\n            <!-- Formulario con atributos 'name' a\u00f1adidos -->\r\n            <form action=\"#\" method=\"POST\" class=\"cta-inline-form\">\r\n                <div class=\"form-group\">\r\n                    <input type=\"text\" name=\"name\" placeholder=\"Name\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <input type=\"tel\" name=\"phone\" placeholder=\"Phone\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <select name=\"service\" required>\r\n                        <option value=\"\" disabled selected>Select Service<\/option>\r\n                        <option value=\"water\">Water Damage<\/option>\r\n                        <option value=\"flood\">Flood Damage<\/option>\r\n                        <option value=\"fire\">Fire & Smoke Damage<\/option>\r\n                        <option value=\"reconstruction\">Reconstruction & Remodeling<\/option>\r\n                        <option value=\"commercial\">Commercial Damage Restoration Services<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"btn-submit\">Submit<\/button>\r\n            <\/form>\r\n            \r\n        <\/div>\r\n        \r\n        <div class=\"cta-emergency-area\">\r\n            <div class=\"cta-emergency-inner\">\r\n                <h4>Emergency? Call Us 24\/7<\/h4>\r\n                <div class=\"phone\" style=\"margin-bottom: 12px;\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/><\/svg>\r\n                    (786) 444-6404\r\n                <\/div>\r\n                <div class=\"phone\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z\"\/><\/svg>\r\n                    (561) 707-9582\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <section class=\"section-spacing bg-light-gray\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title-wrap\">\r\n                <span class=\"herza-subtitle\">FAQ<\/span>\r\n                <h2>Frequently Asked Questions<\/h2>\r\n                <p>Clear answers to help you navigate through an emergency.<\/p>\r\n            <\/div>\r\n            <div class=\"faq-container\">\r\n                <details class=\"faq-item\" open>\r\n                    <summary>How quickly can you respond to an emergency?<\/summary>\r\n                    <p>We are available 24\/7. Because we are locally based in South Florida, our emergency response team can typically arrive at your residential or commercial property within 60 minutes or less to begin mitigating the damage.<\/p>\r\n                <\/details>\r\n                <details class=\"faq-item\">\r\n                    <summary>Do you work directly with my insurance company?<\/summary>\r\n                    <p>Yes! We have extensive experience working with all major insurance carriers. We will document the damage thoroughly, submit the necessary estimates using industry-standard software, and bill your insurance directly to minimize your out-of-pocket expenses.<\/p>\r\n                <\/details>\r\n                <details class=\"faq-item\">\r\n                    <summary>Are your technicians certified?<\/summary>\r\n                    <p>Absolutely. All of our restoration specialists are fully licensed, insured, and certified by industry-leading organizations (such as the IICRC). We undergo continuous training to ensure we are using the most advanced techniques available.<\/p>\r\n                <\/details>\r\n                <details class=\"faq-item\">\r\n                    <summary>Do you handle the reconstruction after the cleanup?<\/summary>\r\n                    <p>Yes, we are a true full-service restoration and recovery company. Once the water, fire, or smoke damage is completely mitigated and sanitized, our reconstruction team can handle everything from drywall repair to full-scale remodeling.<\/p>\r\n                <\/details>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n<script>\r\nfunction initHomeCtaForm() {\r\n  \/\/ Seleccionamos el formulario usando su clase\r\n  const form = document.querySelector(\".cta-inline-form\");\r\n  \r\n  \r\n  if (!form || form.dataset.initialized) return;\r\n  form.dataset.initialized = \"true\";\r\n\r\n  \r\n  const submitBtn = form.querySelector(\".btn-submit\");\r\n\r\n  form.addEventListener(\"submit\", function(e) {\r\n    e.preventDefault(); \r\n\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    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        Phone: data.phone,\r\n        Service: data.service,\r\n        _subject: \"New Free Inspection Request (Home Page)\" \/\/ Asunto diferenciado\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(\"Request sent successfully! We will contact you soon.\");\r\n        form.reset(); \r\n      } else {\r\n        alert(\"There was an error sending your request. 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 later.\");\r\n    })\r\n    .finally(() => {\r\n      \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\", initHomeCtaForm);\r\n} else {\r\n  initHomeCtaForm();\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a4c1ae5 e-con e-atomic-element e-flexbox-base e-bfd3e06 \" data-id=\"a4c1ae5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4c1ae5\">\n    \t\t<div class=\"elementor-element elementor-element-33c96e7 elementor-widget elementor-widget-shortcode\" data-id=\"33c96e7\" 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\/\" 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;\">Herza<\/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\/\" class=\"nav-link\">Home<\/a><\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/about-us\/\" class=\"nav-link\">About<\/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\">Services <i class=\"fas fa-chevron-down submenu-icon\"><\/i><\/a>\r\n                    <ul class=\"submenu\">\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/water-damage\/\"><i class=\"fas fa-water\"><\/i> Water Damage<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/flood-damage\/\"><i class=\"fas fa-house-damage\"><\/i> Flood Damage<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/fire-smoke-damage\/\"><i class=\"fas fa-fire\"><\/i> Fire & Smoke Damage<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/reconstruction-remodeling\/\"><i class=\"fas fa-tools\"><\/i> Reconstruction<\/a><\/li>\r\n                        <li><a href=\"https:\/\/herzarestoration.com\/commercial-damage-restoration-services\/\"><i class=\"fas fa-building\"><\/i> Commercial Services<\/a><\/li>\r\n                    <\/ul>\r\n                <\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/gallery\/\" class=\"nav-link\">Gallery<\/a><\/li>\r\n                <li><a href=\"https:\/\/herzarestoration.com\/contact\/\" class=\"nav-link\">Contact<\/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=\"Emergency Call\">\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 EMERGENCY<\/span>\r\n                    <span class=\"phone-number\">(786) 444-6404<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/herzarestoration.com\/contact\/\" class=\"btn-quote\">\r\n                <i class=\"fas fa-file-invoice\"><\/i> Free Quote\r\n            <\/a>\r\n            \r\n            <button type=\"button\" class=\"hamburger\" id=\"hamburger\" aria-label=\"Open Menu\" 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=\"Close Menu\" 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\/\"><i class=\"fas fa-home\"><\/i> Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/about-us\/\"><i class=\"fas fa-info-circle\"><\/i> About<\/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> Services<\/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\/water-damage\/\"><i class=\"fas fa-water\"><\/i> Water Damage<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/flood-damage\/\"><i class=\"fas fa-house-damage\"><\/i> Flood Damage<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/fire-smoke-damage\/\"><i class=\"fas fa-fire\"><\/i> Fire & Smoke Damage<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/reconstruction-remodeling\/\"><i class=\"fas fa-tools\"><\/i> Reconstruction<\/a><\/li>\r\n                    <li><a href=\"https:\/\/herzarestoration.com\/commercial-damage-restoration-services\/\"><i class=\"fas fa-building\"><\/i> Commercial<\/a><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/gallery\/\"><i class=\"fas fa-images\"><\/i> Gallery<\/a><\/li>\r\n            <li><a href=\"https:\/\/herzarestoration.com\/contact\/\"><i class=\"fas fa-envelope\"><\/i> Contact<\/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\/contact\/\" class=\"btn-quote-mobile\">\r\n                    <i class=\"fas fa-file-invoice\"><\/i> Get a Free Quote\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restore your property with South Florida&#8217;s trusted experts When disaster strikes, every minute counts. Our certified specialists provide rapid 24\/7 emergency response, helping you recover from water, fire, and flood damage. Emergency Service View Our Services 24\/7 Rapid Response Licensed &#038; Insured Direct Insurance Billing Who We Are About Herza Restoration Located in the heart of South Florida, Herza Restoration and Recovery LLC was founded on a simple principle: helping our community recover quickly and safely after the unexpected happens. Whether you are facing a minor pipe leak or devastating storm damage, our team of highly trained professionals treats your property as if it were our own. We utilize commercial-grade equipment and proven mitigation techniques to restore your home or business efficiently. What We Do Our Restoration Services Comprehensive recovery solutions for residential and commercial properties. Water Damage Fast water extraction, structural drying, and advanced dehumidification to prevent mold. Flood Damage Complete clean-up, category 3 water removal, and sanitation after severe weather. Fire &#038; Smoke Damage Soot removal, thermal fogging for deep odor neutralization, and structural cleaning. Reconstruction &#038; Remodeling From minor drywall repairs to full remodeling, returning your space to pre-loss condition. Commercial Damage Restoration Services Minimizing business downtime with large-scale commercial recovery operations. Our Process How We RestoreYour Property Herza Restoration makes recovery simple and stress-free. From your first call to the final walkthrough, our process is built for clarity, speed, and quality. We assess the damage, explain the next steps, and handle all cleanup and repairs. Call Us Anytime We&#8217;re available 24\/7 and ready to respond immediately to your emergency. 1 Get a Free Assessment Our team inspects the damage, explains what&#8217;s needed, and provides a clear estimate. 2 We Handle the Work From water removal to cleanup and repairs, we restore everything from start to finish. 3 Insurance Guarantee As part of our damage restoration services, we negotiate and settle directly with your insurance company. 4 Final Walkthrough We review every detail with you to ensure your space is fully restored. 5 Why Choose Us Why Choose Us? Dealing with property damage is stressful. We make the recovery process as smooth and transparent as possible. Rapid Response Time We arrive rapidly to mitigate damage, saving your property and reducing overall costs. Advanced Technology Utilizing commercial-grade thermal imaging, drying, and HEPA filtration equipment. Licensed &#038; Insured Fully certified professionals 24\/7 Available Round the clock service Guaranteed Work 100% satisfaction guarantee Client Success Stories Trusted by South Florida Residents Real experiences from homeowners and businesses we&#8217;ve helped recover. \u2605\u2605\u2605\u2605\u2605 &#8220;When our kitchen flooded at 2 AM, Herza Restoration was there within 40 minutes. They handled the water extraction and even dealt directly with our insurance. Truly a lifesaver.&#8221; M Michael T. Miami, FL \u2605\u2605\u2605\u2605\u2605 &#8220;We discovered black mold in our AC closet. The Herza team came in, contained the area perfectly, and completely removed the hazard without spreading it. Highly professional crew.&#8221; S Sarah Jenkins Fort Lauderdale, FL \u2605\u2605\u2605\u2605\u2605 &#8220;After a small fire in our garage, the smoke smell was unbearable inside the house. Herza restored the garage and used their equipment to completely deodorize our home. 10\/10 service.&#8221; D David R. Boca Raton, FL Get Started Today Request a Free Inspection Select ServiceWater DamageFlood DamageFire &#038; Smoke DamageReconstruction &#038; RemodelingCommercial Damage Restoration Services Submit Emergency? Call Us 24\/7 (786) 444-6404 (561) 707-9582 FAQ Frequently Asked Questions Clear answers to help you navigate through an emergency. How quickly can you respond to an emergency? We are available 24\/7. Because we are locally based in South Florida, our emergency response team can typically arrive at your residential or commercial property within 60 minutes or less to begin mitigating the damage. Do you work directly with my insurance company? Yes! We have extensive experience working with all major insurance carriers. We will document the damage thoroughly, submit the necessary estimates using industry-standard software, and bill your insurance directly to minimize your out-of-pocket expenses. Are your technicians certified? Absolutely. All of our restoration specialists are fully licensed, insured, and certified by industry-leading organizations (such as the IICRC). We undergo continuous training to ensure we are using the most advanced techniques available. Do you handle the reconstruction after the cleanup? Yes, we are a true full-service restoration and recovery company. Once the water, fire, or smoke damage is completely mitigated and sanitized, our reconstruction team can handle everything from drywall repair to full-scale remodeling.<\/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-6","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\/6","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=6"}],"version-history":[{"count":48,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/pages\/6\/revisions\/812"}],"wp:attachment":[{"href":"https:\/\/herzarestoration.com\/es\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}