{"id":50,"date":"2025-12-04T10:41:55","date_gmt":"2025-12-04T10:41:55","guid":{"rendered":"https:\/\/floresceramorvalor.ao\/?page_id=50"},"modified":"2026-04-08T13:45:13","modified_gmt":"2026-04-08T13:45:13","slug":"homepage","status":"publish","type":"page","link":"https:\/\/floresceramorvalor.ao\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"pt\">\n<head>\n   <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- SEO Optimizado -->\n    <title>Centro Florescer | Terapia para Autismo, PHDA e NEES em Luanda, Angola<\/title>\n    <meta name=\"description\" content=\"Centro especializado em neurodesenvolvimento em Luanda. Terapia da fala, ABA, terapia ocupacional para crian\u00e7as com autismo, PHDA e NEES. Triagem gratuita. \u260e\ufe0f +244 930 743 863\">\n    <meta name=\"keywords\" content=\"autismo Luanda, terapia ABA Angola, terapia da fala Luanda, PHDA Angola, NEES Luanda, centro autismo Angola, terapia ocupacional crian\u00e7as, psicologia infantil Luanda, desenvolvimento infantil Angola\">\n    <meta name=\"author\" content=\"Centro Florescer em Amor e Valor\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <link rel=\"canonical\" href=\"https:\/\/floresceramorvalor.ao\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/floresceramorvalor.ao\">\n    <meta property=\"og:title\" content=\"Centro Florescer | Terapias para Autismo e NEES em Luanda\">\n    <meta property=\"og:description\" content=\"Centro especializado em neurodesenvolvimento. Terapia da fala, ABA, terapia ocupacional. Triagem gratuita em Luanda, Angola.\">\n    <meta property=\"og:image\" content=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\">\n    \n    <!-- Twitter -->\n    <meta property=\"twitter:card\" content=\"summary_large_image\">\n    <meta property=\"twitter:url\" content=\"https:\/\/floresceramorvalor.ao\">\n    <meta property=\"twitter:title\" content=\"Centro Florescer | Terapias para Autismo e NEES em Luanda\">\n    <meta property=\"twitter:description\" content=\"Centro especializado em neurodesenvolvimento. Terapia da fala, ABA, terapia ocupacional. Triagem gratuita.\">\n    <meta property=\"twitter:image\" content=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\">\n    \n    <!-- Schema.org Markup for Google -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"MedicalBusiness\",\n      \"name\": \"Centro Florescer em Amor e Valor\",\n      \"description\": \"Centro especializado em neurodesenvolvimento e necessidades educativas especiais (NEES) em Luanda, Angola\",\n      \"url\": \"https:\/\/floresceramorvalor.ao\",\n      \"logo\": \"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\",\n      \"image\": \"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\",\n      \"telephone\": \"+244930743863\",\n      \"email\": \"info@floresceramorvalor.ao\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"streetAddress\": \"Urbaniza\u00e7\u00e3o do Nova Vida, Rua N\u00ba10 Casa N\u00ba 220\",\n        \"addressLocality\": \"Luanda\",\n        \"addressRegion\": \"Luanda\",\n        \"postalCode\": \"\",\n        \"addressCountry\": \"AO\"\n      },\n      \"geo\": {\n        \"@type\": \"GeoCoordinates\",\n        \"latitude\": \"-8.8383\",\n        \"longitude\": \"13.2344\"\n      },\n      \"openingHoursSpecification\": [\n        {\n          \"@type\": \"OpeningHoursSpecification\",\n          \"dayOfWeek\": [\n            \"Monday\",\n            \"Tuesday\",\n            \"Wednesday\",\n            \"Thursday\",\n            \"Friday\"\n          ],\n          \"opens\": \"08:00\",\n          \"closes\": \"17:00\"\n        },\n        {\n          \"@type\": \"OpeningHoursSpecification\",\n          \"dayOfWeek\": \"Saturday\",\n          \"opens\": \"08:00\",\n          \"closes\": \"12:00\"\n        }\n      ],\n      \"priceRange\": \"$$\",\n      \"paymentAccepted\": \"Cash, Bank Transfer\",\n      \"currenciesAccepted\": \"AOA\",\n      \"areaServed\": {\n        \"@type\": \"City\",\n        \"name\": \"Luanda\"\n      },\n      \"medicalSpecialty\": [\n        \"Speech Therapy\",\n        \"Occupational Therapy\",\n        \"Applied Behavior Analysis\",\n        \"Clinical Psychology\",\n        \"Psychopedagogy\",\n        \"Psychomotricity\"\n      ],\n      \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Servi\u00e7os Terap\u00eauticos\",\n        \"itemListElement\": [\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Terapia da Fala\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Terapia Comportamental ABA\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Terapia Ocupacional\"\n            }\n          },\n          {\n            \"@type\": \"Offer\",\n            \"itemOffered\": {\n              \"@type\": \"Service\",\n              \"name\": \"Psicologia Cl\u00ednica\"\n            }\n          }\n        ]\n      },\n      \"sameAs\": [\n        \"https:\/\/www.instagram.com\/centrofloresceramorvalor\",\n        \"https:\/\/www.facebook.com\/centrofloresceramorvalor\"\n      ]\n    }\n    <\/script>\n    \n    <!-- Google Analytics -->\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-E3NXJK4ZLJ\"><\/script>\n    <script>\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n      gtag('config', 'G-E3NXJK4ZLJ');\n    <\/script>\n    \n    <style>\n         \/* ============================================\n   CENTRO FLORESCER EM AMOR E VALOR\n   Complete CSS - Rewritten for Mobile Menu Fix\n   ============================================ *\/\n\n\/* ============================================\n   RESET AND BASE STYLES\n   ============================================ *\/\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    line-height: 1.6;\n    color: #171717;\n    background: linear-gradient(to bottom, #E8F5F4, #ffffff, #FFF5F2);\n    min-height: 100vh;\n}\n\n\/* ============================================\n   COLOR VARIABLES\n   ============================================ *\/\n\n:root {\n    --teal-50: #E8F5F4;\n    --teal-100: #C4E7E4;\n    --teal-600: #5BA19E;\n    --teal-700: #4A8D89;\n    --teal-800: #3d7a77;\n    --orange-50: #FFF5F2;\n    --orange-100: #FFE4DC;\n    --orange-400: #FFB499;\n    --orange-500: #FF9C7A;\n    --orange-600: #f67e5f;\n}\n\n\/* ============================================\n   CONTAINER\n   ============================================ *\/\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n}\n\n\/* ============================================\n   HEADER - Z-INDEX: 40\n   ============================================ *\/\n\n.header {\n    position: sticky;\n    top: 0;\n    z-index: 40;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid var(--teal-100);\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n}\n\n.header-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.header-left {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n}\n\n.logo {\n    height: 3rem;\n    width: auto;\n    object-fit: contain;\n}\n\n.badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    border-radius: 9999px;\n    border: 1px solid var(--teal-100);\n    padding: 0.25rem 0.75rem;\n    font-size: 0.75rem;\n    font-weight: 500;\n    background: var(--teal-50);\n    color: var(--teal-700);\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n}\n\n\/* ============================================\n   NAVIGATION - DESKTOP\n   ============================================ *\/\n\n.nav {\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.nav a {\n    color: #171717;\n    text-decoration: none;\n    transition: color 0.2s;\n}\n\n.nav a:hover {\n    color: var(--teal-600);\n}\n\n\/* ============================================\n   MOBILE MENU - Z-INDEX: 99999\n   CRITICAL: This must be on top of everything\n   ============================================ *\/\n\n.nav-mobile {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100vw;\n    height: 100vh;\n    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.98), rgba(232, 245, 244, 0.98));\n    backdrop-filter: blur(15px);\n    -webkit-backdrop-filter: blur(15px);\n    z-index: 99999 !important;\n    padding: 5rem 2rem 2rem;\n    flex-direction: column;\n    gap: 1.5rem;\n    animation: slideInFromTop 0.3s ease-out;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n}\n\n.nav-mobile.active {\n    display: flex !important;\n}\n\n.nav-mobile a {\n    color: #171717;\n    font-size: 1.5rem;\n    font-weight: 600;\n    text-align: center;\n    padding: 1.25rem 1rem;\n    border-radius: 0.75rem;\n    background: white;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.08);\n    transition: all 0.2s;\n    text-decoration: none;\n    border: 2px solid transparent;\n    position: relative;\n    z-index: 1;\n}\n\n.nav-mobile a:hover,\n.nav-mobile a:active {\n    color: var(--teal-700);\n    background: var(--teal-50);\n    border-color: var(--teal-600);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 8px rgba(91, 161, 158, 0.2);\n}\n\n.nav-mobile a:last-child {\n    background: linear-gradient(135deg, var(--teal-600), var(--teal-700));\n    color: white;\n    font-weight: 700;\n    margin-top: 1rem;\n    box-shadow: 0 4px 12px rgba(91, 161, 158, 0.4);\n}\n\n.nav-mobile a:last-child:hover {\n    background: linear-gradient(135deg, var(--teal-700), var(--teal-800));\n    border-color: transparent;\n    transform: translateY(-2px) scale(1.02);\n}\n\n.menu-close {\n    position: absolute;\n    top: 1.5rem;\n    right: 1.5rem;\n    background: var(--teal-600);\n    border: none;\n    color: white;\n    font-size: 1.75rem;\n    cursor: pointer;\n    width: 3.5rem;\n    height: 3.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(91, 161, 158, 0.4);\n    transition: all 0.3s;\n    font-weight: 300;\n    line-height: 1;\n    z-index: 100000 !important;\n}\n\n.menu-close:hover,\n.menu-close:active {\n    background: var(--teal-700);\n    transform: rotate(90deg) scale(1.1);\n    box-shadow: 0 6px 16px rgba(91, 161, 158, 0.5);\n}\n\n.menu-close:active {\n    transform: rotate(90deg) scale(0.95);\n}\n\n@keyframes slideInFromTop {\n    from { \n        opacity: 0;\n        transform: translateY(-20px);\n    }\n    to { \n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\nbody.menu-open {\n    overflow: hidden !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n}\n\n\/* ============================================\n   BUTTONS\n   ============================================ *\/\n\n.btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0.5rem 1.25rem;\n    border-radius: 9999px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: all 0.2s;\n    cursor: pointer;\n    border: none;\n    font-size: 0.875rem;\n}\n\n.btn-primary {\n    background: var(--teal-600);\n    color: white;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.btn-primary:hover {\n    background: var(--teal-700);\n    box-shadow: 0 10px 15px rgba(0,0,0,0.15);\n}\n\n.btn-outline {\n    border: 2px solid var(--teal-600);\n    color: var(--teal-700);\n    background: transparent;\n}\n\n.btn-outline:hover {\n    background: var(--teal-50);\n}\n\n.btn-menu {\n    background: var(--teal-600);\n    color: white;\n    padding: 0.5rem 1rem;\n    border-radius: 0.75rem;\n}\n\n.btn-white {\n    background: white;\n    color: var(--teal-700);\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.btn-white:hover {\n    background: var(--teal-50);\n}\n\n.btn-outline-white {\n    border: 2px solid white;\n    color: white;\n    background: transparent;\n}\n\n.btn-outline-white:hover {\n    background: rgba(255,255,255,0.1);\n}\n\n.btn-submit {\n    padding: 0.75rem;\n    background: linear-gradient(to right, var(--teal-600), var(--teal-700));\n    color: white;\n    border-radius: 9999px;\n    font-weight: 500;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.btn-submit:hover {\n    box-shadow: 0 10px 15px rgba(0,0,0,0.15);\n}\n\n\/* ============================================\n   HERO SECTION\n   ============================================ *\/\n\n.hero {\n    position: relative;\n    overflow: hidden;\n    padding: 4rem 1rem;\n    z-index: 1;\n}\n\n.hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at top, var(--teal-100), var(--orange-50), white);\n    z-index: -1;\n}\n\n.hero-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    align-items: center;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n@media (min-width: 768px) {\n    .hero-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n    .hero {\n        padding: 6rem 1rem;\n    }\n}\n\n.hero-badge {\n    background: var(--teal-100);\n    color: var(--teal-800);\n    padding: 0.375rem 1rem;\n    border-radius: 9999px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    margin-bottom: 1rem;\n}\n\n.hero h1 {\n    font-size: 1.875rem;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: -0.025em;\n}\n\n@media (min-width: 768px) {\n    .hero h1 {\n        font-size: 3rem;\n    }\n}\n\n.hero h1 .highlight {\n    color: var(--teal-600);\n}\n\n.hero p {\n    margin-top: 1.25rem;\n    color: #404040;\n    font-size: 1rem;\n    line-height: 1.75;\n}\n\n@media (min-width: 768px) {\n    .hero p {\n        font-size: 1.125rem;\n    }\n}\n\n.hero-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-top: 1.5rem;\n}\n\n.hero-buttons .btn {\n    padding: 0.75rem 1.5rem;\n    font-size: 1rem;\n}\n\n.hero-stats {\n    margin-top: 2rem;\n    padding: 1.5rem;\n    background: rgba(255,255,255,0.6);\n    backdrop-filter: blur(8px);\n    border-radius: 1rem;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n}\n\n.stats-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    font-size: 0.875rem;\n    color: #404040;\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 500;\n}\n\n\/* ============================================\n   FORM CARD\n   ============================================ *\/\n\n.form-card {\n    border-radius: 1.5rem;\n    box-shadow: 0 20px 25px rgba(0,0,0,0.15);\n    border: 2px solid var(--teal-100);\n    background: rgba(255,255,255,0.9);\n    backdrop-filter: blur(8px);\n    padding: 2rem;\n}\n\n.form-badge {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.form-badge-text {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--orange-600);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.form-card h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #171717;\n}\n\n.form-card p {\n    color: #525252;\n    font-size: 0.875rem;\n    margin-top: 0.25rem;\n}\n\n.form {\n    display: grid;\n    gap: 0.75rem;\n    margin-top: 1.5rem;\n}\n\n.input, .select {\n    border: 2px solid #e5e5e5;\n    border-radius: 0.75rem;\n    padding: 0.75rem 1rem;\n    font-size: 1rem;\n    transition: all 0.2s;\n    width: 100%;\n    font-family: inherit;\n}\n\n.input:focus, .select:focus {\n    outline: none;\n    border-color: var(--teal-600);\n    box-shadow: 0 0 0 3px rgba(91, 161, 158, 0.1);\n}\n\n.form-note {\n    font-size: 0.75rem;\n    color: #737373;\n    text-align: center;\n}\n\n\/* ============================================\n   SECTION STYLES\n   ============================================ *\/\n\n.section {\n    padding: 5rem 1rem;\n    position: relative;\n    z-index: 1;\n}\n\n.section-white {\n    background: white;\n}\n\n.section-teal {\n    background: linear-gradient(to bottom, var(--teal-50), white);\n}\n\n.section-orange {\n    background: linear-gradient(to bottom, var(--orange-50), white);\n}\n\n.section-header {\n    text-align: center;\n    max-width: 48rem;\n    margin: 0 auto 3rem;\n}\n\n.section-title {\n    font-size: 1.875rem;\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    color: #171717;\n}\n\n@media (min-width: 768px) {\n    .section-title {\n        font-size: 2.25rem;\n    }\n}\n\n.section-title .highlight {\n    color: var(--teal-600);\n}\n\n.section-desc {\n    color: #525252;\n    margin-top: 1rem;\n    font-size: 1.125rem;\n    line-height: 1.75;\n}\n\n\/* ============================================\n   GRID LAYOUTS\n   ============================================ *\/\n\n.grid {\n    display: grid;\n    gap: 2rem;\n}\n\n.grid-3 {\n    grid-template-columns: 1fr;\n}\n\n@media (min-width: 768px) {\n    .grid-3 {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n.grid-2 {\n    grid-template-columns: 1fr;\n}\n\n@media (min-width: 768px) {\n    .grid-2 {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* ============================================\n   CARD STYLES\n   ============================================ *\/\n\n.card {\n    border-radius: 1rem;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    border: 2px solid;\n    padding: 2rem;\n    transition: all 0.3s;\n}\n\n.card-teal {\n    border-color: var(--teal-100);\n}\n\n.card-teal:hover {\n    border-color: var(--teal-600);\n    box-shadow: 0 10px 15px rgba(0,0,0,0.15);\n}\n\n.card-orange {\n    border-color: var(--orange-100);\n}\n\n.card-orange:hover {\n    border-color: var(--orange-400);\n    box-shadow: 0 10px 15px rgba(0,0,0,0.15);\n}\n\n.card-center {\n    text-align: center;\n}\n\n.icon-circle {\n    width: 4rem;\n    height: 4rem;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2rem;\n    margin-bottom: 1rem;\n}\n\n.icon-circle-teal {\n    background: var(--teal-100);\n}\n\n.icon-circle-orange {\n    background: var(--orange-100);\n}\n\n.icon-circle-sm {\n    width: 3rem;\n    height: 3rem;\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n}\n\n.card h3 {\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: #171717;\n    margin-bottom: 0.75rem;\n}\n\n.card p {\n    color: #525252;\n    line-height: 1.75;\n}\n\n\/* ============================================\n   SERVICE CARDS\n   ============================================ *\/\n\n.service-card {\n    border-radius: 1rem;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    border: 2px solid;\n    padding: 1.5rem;\n    transition: all 0.3s;\n}\n\n.service-card:hover {\n    box-shadow: 0 10px 15px rgba(0,0,0,0.15);\n}\n\n\/* ============================================\n   DIFFERENTIALS\n   ============================================ *\/\n\n.diff-item {\n    display: flex;\n    gap: 1rem;\n}\n\n.diff-icon {\n    width: 3rem;\n    height: 3rem;\n    border-radius: 50%;\n    background: var(--teal-100);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 1.5rem;\n}\n\n.diff-content h4 {\n    font-weight: 700;\n    color: #171717;\n    margin-bottom: 0.5rem;\n}\n\n.diff-content p {\n    font-size: 0.875rem;\n    color: #525252;\n    line-height: 1.75;\n}\n\n\/* ============================================\n   TEAM SECTION\n   ============================================ *\/\n\n.team-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n    align-items: center;\n}\n\n@media (min-width: 768px) {\n    .team-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n\n.contact-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n}\n\n.contact-item {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    color: #404040;\n}\n\n.contact-icon {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    background: var(--teal-100);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n\/* ============================================\n   CTA SECTION\n   ============================================ *\/\n\n.cta-section {\n    padding: 5rem 1rem;\n    position: relative;\n    background: linear-gradient(to bottom right, var(--teal-600), var(--teal-700));\n    overflow: hidden;\n}\n\n.cta-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.cta-section h3 {\n    font-size: 1.875rem;\n    font-weight: 800;\n    color: white;\n    margin-bottom: 1rem;\n}\n\n@media (min-width: 768px) {\n    .cta-section h3 {\n        font-size: 2.25rem;\n    }\n}\n\n.cta-section p {\n    color: rgba(255,255,255,0.9);\n    font-size: 1.125rem;\n    max-width: 42rem;\n    margin: 0 auto 2rem;\n}\n\n.cta-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1rem;\n}\n\n\/* ============================================\n   FAQ SECTION\n   ============================================ *\/\n\n.faq-container {\n    background: linear-gradient(to bottom right, var(--teal-50), var(--orange-50));\n    border-radius: 1.5rem;\n    padding: 2rem;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.faq-item {\n    border-bottom: 1px solid #e5e5e5;\n    padding: 1rem 0;\n}\n\n.faq-item:last-child {\n    border-bottom: none;\n}\n\n.faq-question {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: left;\n    background: none;\n    border: none;\n    font-size: 1rem;\n    font-weight: 600;\n    color: #171717;\n    cursor: pointer;\n    padding: 0;\n}\n\n.faq-chevron {\n    color: var(--teal-600);\n    font-size: 1.25rem;\n    transition: transform 0.3s;\n}\n\n.faq-chevron.active {\n    transform: rotate(180deg);\n}\n\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-out;\n    color: #525252;\n    line-height: 1.75;\n}\n\n.faq-answer.active {\n    max-height: 500px;\n    margin-top: 0.75rem;\n}\n\n\/* ============================================\n   FOOTER\n   ============================================ *\/\n\n.footer {\n    padding: 4rem 1rem;\n    background: linear-gradient(to bottom, #fafafa, white);\n}\n\n.footer-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2.5rem;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n@media (min-width: 768px) {\n    .footer-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n.footer h4 {\n    font-weight: 700;\n    color: #171717;\n    margin-bottom: 1rem;\n}\n\n.footer p {\n    color: #404040;\n    line-height: 1.75;\n}\n\n.footer-bottom {\n    margin-top: 3rem;\n    padding-top: 2rem;\n    border-top: 1px solid #e5e5e5;\n    text-align: center;\n}\n\n.footer-bottom p {\n    font-size: 0.75rem;\n    color: #737373;\n}\n\n\/* ============================================\n   CAROUSEL STYLES\n   ============================================ *\/\n\n.carousel-container {\n    width: 100%;\n}\n\n.carousel {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 1.5rem;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n    background: #f5f5f5;\n}\n\n.carousel-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n}\n\n.carousel-slide {\n    min-width: 100%;\n    position: relative;\n    display: none;\n}\n\n.carousel-slide.active {\n    display: block;\n}\n\n.carousel-slide img {\n    width: 100%;\n    height: auto;\n    max-height: 600px;\n    object-fit: cover;\n    display: block;\n}\n\n.carousel-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n    color: white;\n    padding: 2rem;\n    text-align: center;\n}\n\n.carousel-caption h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 0.5rem;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n}\n\n.carousel-caption p {\n    font-size: 1rem;\n    margin: 0;\n    text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n}\n\n.carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255,255,255,0.9);\n    border: none;\n    width: 3rem;\n    height: 3rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s;\n    z-index: 10;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.carousel-btn:hover {\n    background: white;\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15);\n    transform: translateY(-50%) scale(1.1);\n}\n\n.carousel-btn svg {\n    color: var(--teal-600);\n}\n\n.carousel-btn-prev {\n    left: 1rem;\n}\n\n.carousel-btn-next {\n    right: 1rem;\n}\n\n.carousel-indicators {\n    position: absolute;\n    bottom: 1rem;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 0.5rem;\n    z-index: 10;\n}\n\n.indicator {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    border: 2px solid white;\n    background: rgba(255,255,255,0.5);\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0;\n}\n\n.indicator:hover {\n    background: rgba(255,255,255,0.8);\n    transform: scale(1.2);\n}\n\n.indicator.active {\n    background: white;\n    width: 32px;\n    border-radius: 6px;\n}\n\n@media (max-width: 768px) {\n    .carousel-caption h3 {\n        font-size: 1.25rem;\n    }\n    \n    .carousel-caption p {\n        font-size: 0.875rem;\n    }\n    \n    .carousel-btn {\n        width: 2.5rem;\n        height: 2.5rem;\n    }\n    \n    .carousel-btn-prev {\n        left: 0.5rem;\n    }\n    \n    .carousel-btn-next {\n        right: 0.5rem;\n    }\n}\n\n\/* ============================================\n   WHATSAPP FLOATING BUTTON - Z-INDEX: 9999\n   ============================================ *\/\n\n.whatsapp-float {\n    position: fixed !important;\n    bottom: 20px !important;\n    right: 20px !important;\n    background: #25D366 !important;\n    color: white !important;\n    width: 60px !important;\n    height: 60px !important;\n    border-radius: 50% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-size: 30px !important;\n    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.5), 0 2px 4px rgba(0,0,0,0.2) !important;\n    z-index: 9999 !important;\n    transition: all 0.3s ease !important;\n    animation: whatsappPulse 2s infinite !important;\n    text-decoration: none !important;\n    cursor: pointer !important;\n}\n\n.whatsapp-float:hover {\n    transform: scale(1.1) !important;\n    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.7), 0 4px 8px rgba(0,0,0,0.3) !important;\n}\n\n.whatsapp-float:active {\n    transform: scale(0.95) !important;\n}\n\n.whatsapp-float svg {\n    width: 35px;\n    height: 35px;\n    fill: currentColor;\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\n}\n\n@keyframes whatsappPulse {\n    0% {\n        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.5), 0 2px 4px rgba(0,0,0,0.2);\n    }\n    50% {\n        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.5), 0 2px 4px rgba(0,0,0,0.2), 0 0 0 10px rgba(37, 211, 102, 0.2);\n    }\n    100% {\n        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.5), 0 2px 4px rgba(0,0,0,0.2);\n    }\n}\n\n@media (max-width: 768px) {\n    .whatsapp-float {\n        bottom: 15px !important;\n        right: 15px !important;\n        width: 56px !important;\n        height: 56px !important;\n    }\n    \n    .whatsapp-float svg {\n        width: 32px !important;\n        height: 32px !important;\n    }\n}\n\n\/* ============================================\n   UTILITIES\n   ============================================ *\/\n\n.hidden-mobile {\n    display: none;\n}\n\n@media (min-width: 768px) {\n    .hidden-mobile {\n        display: flex;\n    }\n}\n\n.show-mobile {\n    display: block;\n}\n\n@media (min-width: 768px) {\n    .show-mobile {\n        display: none;\n    }\n}\n\n\/* ============================================\n   ANIMATIONS\n   ============================================ *\/\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes slideUp {\n    from { transform: translateY(20px); opacity: 0; }\n    to { transform: translateY(0); opacity: 1; }\n}\n\n\/* ============================================\n   Z-INDEX HIERARCHY SUMMARY\n   ============================================\n   \n   100000 - Menu Close Button\n   99999  - Mobile Menu\n   9999   - WhatsApp Float\n   40     - Header (sticky)\n   10     - Carousel buttons\/indicators\n   1      - Default sections\/content\n   -1     - Background gradients\n   \n   ============================================ *\/\n    <\/style>\n<\/head>\n<body>\n    \n    <!-- Header -->\n    <header class=\"header\">\n       <div class=\"header-content\">\n        <div class=\"header-left\">\n            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\" alt=\"Centro Florescer em Amor e Valor - Terapias para Autismo e NEES em Luanda\" class=\"logo\">\n        <\/div>\n        <nav class=\"nav hidden-mobile\">\n            <a href=\"#servicos\">Servi\u00e7os<\/a>\n            <a href=\"#diferenciais\">Diferenciais<\/a>\n            <a href=\"#equipa\">Equipa<\/a>\n            <a href=\"#faq\">FAQ<\/a>\n            <a href=\"#contacto\">Contacto<\/a>\n        <\/nav>\n        <button class=\"btn btn-menu show-mobile\" id=\"menu-toggle\" aria-label=\"Abrir menu\">Menu<\/button>\n      <\/div>\n    \n    <!-- Mobile Menu -->\n     <nav class=\"nav-mobile\" id=\"mobile-menu\">\n        <button class=\"menu-close\" id=\"menu-close\" aria-label=\"Fechar menu\">\u2715<\/button>\n        <a href=\"#servicos\" onclick=\"closeMobileMenu()\">Servi\u00e7os<\/a>\n        <a href=\"#diferenciais\" onclick=\"closeMobileMenu()\">Diferenciais<\/a>\n        <a href=\"#equipa\" onclick=\"closeMobileMenu()\">Equipa<\/a>\n        <a href=\"#faq\" onclick=\"closeMobileMenu()\">FAQ<\/a>\n        <a href=\"#contacto\" onclick=\"closeMobileMenu()\">Contacto<\/a>\n        <a href=\"#triagem-form\" onclick=\"closeMobileMenu()\" style=\"background: var(--teal-600); border-radius: 9999px; margin-top: 1rem;\">Triagem Gratuita<\/a>\n     <\/nav>\n   <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\" style=\"max-width: 56rem; text-align: center;\">\n            <div class=\"hero-badge\" style=\"display: inline-flex;\">\n                \ud83e\udde0 Centro Especializado em Neurodesenvolvimento\n            <\/div>\n            <h1>\n                Desenvolvimento integral para crian\u00e7as, jovens e adultos com <span class=\"highlight\">NEES<\/span>\n            <\/h1>\n            <p>\n                Espa\u00e7o dedicado ao desenvolvimento integral de crian\u00e7as, jovens e adultos com dificuldades de \n                neurodesenvolvimento e necessidades educativas especiais. Com afeto, ci\u00eancia e f\u00e9 no potencial \n                de florescer de cada indiv\u00edduo.\n            <\/p>\n            <div class=\"hero-buttons\" style=\"justify-content: center;\">\n                <a href=\"#triagem-form\" class=\"btn btn-primary\" style=\"font-size: 1rem; padding: 0.75rem 1.5rem;\">\n                    Triagem Gratuita \u2192\n                <\/a>\n                <a href=\"#servicos\" class=\"btn btn-outline\" style=\"font-size: 1rem; padding: 0.75rem 1.5rem;\">\n                    Conhecer Servi\u00e7os\n                <\/a>\n            <\/div>\n            <div class=\"hero-stats\">\n                <div class=\"stats-grid\" style=\"justify-content: center;\">\n                    <div class=\"stat-item\">\n                        <span>\ud83d\udee1\ufe0f<\/span>\n                        <span>Equipa Multidisciplinar<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span>\u2764\ufe0f<\/span>\n                        <span>Atendimento Humanizado<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span>\ud83c\udfaf<\/span>\n                        <span>Resultados Reais<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n       <!-- Instagram Video Section -->\n<section class=\"section section-white\" style=\"padding: 3rem 1rem;\">\n    <div class=\"container\" style=\"max-width: 56rem;\">\n        <div class=\"section-header\" style=\"margin-bottom: 2rem;\">\n            <h2 class=\"section-title\">\n                Conhe\u00e7a o nosso <span class=\"highlight\">trabalho<\/span>\n            <\/h2>\n            <p class=\"section-desc\">\n                Veja como ajudamos fam\u00edlias e crian\u00e7as a florescerem com amor e profissionalismo.\n            <\/p>\n        <\/div>\n        \n        <div style=\"background: white; border-radius: 1.5rem; padding: 1.5rem; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border: 2px solid var(--teal-100);\">\n            <!-- Instagram Iframe Embed - Mobile Friendly -->\n            <div style=\"position: relative; width: 100%; padding-bottom: 125%; height: 0; overflow: hidden; border-radius: 1rem;\">\n                <iframe \n                    src=\"https:\/\/www.instagram.com\/reel\/DQouvVAkalR\/embed\" \n                    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;\"\n                    frameborder=\"0\"\n                    scrolling=\"no\"\n                    allowtransparency=\"true\"\n                    allow=\"encrypted-media\">\n                <\/iframe>\n            <\/div>\n            \n            <div style=\"margin-top: 1.5rem; text-align: center;\">\n                <p style=\"color: #525252; margin-bottom: 1rem;\">Siga-nos no Instagram para mais conte\u00fados e hist\u00f3rias inspiradoras<\/p>\n                <a href=\"https:\/\/www.instagram.com\/centrofloresceramorvalor\" target=\"_blank\" rel=\"noopener noreferrer\" \n                   style=\"display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color: white; padding: 0.75rem 1.5rem; border-radius: 9999px; text-decoration: none; font-weight: 600; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.2s;\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                        <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/>\n                    <\/svg>\n                    Seguir @centrofloresceramorvalor\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n    <!-- Image Carousel -->\n    <section class=\"section section-white\" style=\"padding: 3rem 1rem;\">\n        <div class=\"container\" style=\"max-width: 1000px;\">\n            <div class=\"section-header\" style=\"margin-bottom: 2rem;\">\n                <h2 class=\"section-title\">\n                    Conhe\u00e7a as nossas <span class=\"highlight\">instala\u00e7\u00f5es<\/span>\n                <\/h2>\n                <p class=\"section-desc\">\n                    Espa\u00e7os preparados com carinho para acolher e desenvolver cada pessoa.\n                <\/p>\n            <\/div>\n\n            <div class=\"carousel-container\">\n                <div class=\"carousel\">\n                    <div class=\"carousel-track\" id=\"carousel-track\">\n                        <!-- Slide 1 -->\n                        <div class=\"carousel-slide active\">\n                            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/12\/Consultorio-1-scaled.jpg\">\n                            <div class=\"carousel-caption\">\n                                <h3>Salas de Terapia Especializadas<\/h3>\n                                <p>Espa\u00e7os equipados para cada tipo de interven\u00e7\u00e3o<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Slide 2 -->\n                        <div class=\"carousel-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/12\/Espaco-social-1-scaled.jpg\">\n                            <div class=\"carousel-caption\">\n                                <h3>\u00c1rea de Actividades<\/h3>\n                                <p>Espa\u00e7o amplo para desenvolvimento motor e social<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Slide 3 -->\n                        <div class=\"carousel-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/12\/recepcao-scaled.jpg\">\n                            <div class=\"carousel-caption\">\n                                <h3>Recep\u00e7\u00e3o Acolhedora<\/h3>\n                                <p>Um ambiente confort\u00e1vel para fam\u00edlias<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Slide 4 -->\n                        <div class=\"carousel-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/12\/Consultorio-2-scaled.jpg\">\n                            <div class=\"carousel-caption\">\n                                <h3>Sala ABA<\/h3>\n                                <p>Equipada para terapia comportamental especializada<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Slide 5 -->\n                        <div class=\"carousel-slide\">\n                            <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/12\/Espaco-social-2-scaled.jpg\">\n                            <div class=\"carousel-caption\">\n                                <h3>Salas de intera\u00e7\u00e3o social<\/h3>\n                                <p>Espa\u00e7os dedicados e especializados<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Navigation Arrows -->\n                    <button class=\"carousel-btn carousel-btn-prev\" onclick=\"moveCarousel(-1)\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"carousel-btn carousel-btn-next\" onclick=\"moveCarousel(1)\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n                        <\/svg>\n                    <\/button>\n\n                    <!-- Indicators -->\n                    <div class=\"carousel-indicators\" id=\"carousel-indicators\">\n                        <button class=\"indicator active\" onclick=\"goToSlide(0)\"><\/button>\n                        <button class=\"indicator\" onclick=\"goToSlide(1)\"><\/button>\n                        <button class=\"indicator\" onclick=\"goToSlide(2)\"><\/button>\n                        <button class=\"indicator\" onclick=\"goToSlide(3)\"><\/button>\n                        <button class=\"indicator\" onclick=\"goToSlide(4)\"><\/button>\n                    <\/div>\n                <\/div>\n\n                <div style=\"margin-top: 1.5rem; text-align: center;\">\n                    <p style=\"color: #737373; font-size: 0.875rem;\">\n                        <!-- \ud83d\udcf8 Para substituir as imagens, substitua os links das fotos no c\u00f3digo HTML -->\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Mission & Values -->\n    <section class=\"section section-white\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">\n                    Quem <span class=\"highlight\">Somos<\/span>\n                <\/h2>\n                <p class=\"section-desc\">\n                    Sabemos o quanto \u00e9 desafiador para uma fam\u00edlia identificar que h\u00e1 algo diferente no comportamento \n                    ou aprendizagem de um filho. No Florescer, cada indiv\u00edduo \u00e9 visto em sua singularidade, \n                    com afeto, ci\u00eancia e f\u00e9 no seu potencial de florescer.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-3\">\n                <div class=\"card card-teal card-center\">\n                    <div class=\"icon-circle icon-circle-teal\">\ud83c\udfaf<\/div>\n                    <h3>Miss\u00e3o<\/h3>\n                    <p>\n                        Promover o desenvolvimento integral por meio de terapias especializadas, fortalecendo a \n                        autoestima, a autonomia e o bem-estar emocional, com amor, empatia e respeito.\n                    <\/p>\n                <\/div>\n\n                <div class=\"card card-orange card-center\">\n                    <div class=\"icon-circle icon-circle-orange\">\u2728<\/div>\n                    <h3>Vis\u00e3o<\/h3>\n                    <p>\n                        Ser um centro de refer\u00eancia nacional em cuidado psicol\u00f3gico e inclus\u00e3o, \n                        inspirando pessoas a florescerem em amor, valor e prop\u00f3sito.\n                    <\/p>\n                <\/div>\n\n                <div class=\"card card-teal card-center\">\n                    <div class=\"icon-circle icon-circle-teal\">\u2764\ufe0f<\/div>\n                    <h3>Valores<\/h3>\n                    <p>\n                        Amor e empatia, inclus\u00e3o, excel\u00eancia, colabora\u00e7\u00e3o, respeito, esperan\u00e7a e cuidado integral.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section id=\"servicos\" class=\"section section-teal\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">\n                    Os Nossos <span class=\"highlight\">Servi\u00e7os<\/span>\n                <\/h2>\n                <p class=\"section-desc\">\n                    Acompanhamento multidisciplinar especializado para o desenvolvimento emocional, comportamental, \n                    cognitivo e motor de cada cliente.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-3\">\n                <div class=\"service-card card-teal\">\n                    <div class=\"icon-circle-sm icon-circle-teal\">\ud83d\udcac<\/div>\n                    <h3>Terapia da Fala<\/h3>\n                    <p>Avalia\u00e7\u00e3o e interven\u00e7\u00e3o em perturba\u00e7\u00f5es da comunica\u00e7\u00e3o, linguagem e degluti\u00e7\u00e3o<\/p>\n                <\/div>\n\n                <div class=\"service-card card-orange\">\n                    <div class=\"icon-circle-sm icon-circle-orange\">\ud83d\ude0a<\/div>\n                    <h3>Terapia Comportamental (ABA)<\/h3>\n                    <p>An\u00e1lise aplicada do comportamento para desenvolvimento de compet\u00eancias<\/p>\n                <\/div>\n\n                <div class=\"service-card card-teal\">\n                    <div class=\"icon-circle-sm icon-circle-teal\">\ud83e\udd32<\/div>\n                    <h3>Terapia Ocupacional<\/h3>\n                    <p>Promo\u00e7\u00e3o de independ\u00eancia nas atividades di\u00e1rias e integra\u00e7\u00e3o sensorial<\/p>\n                <\/div>\n\n                <div class=\"service-card card-orange\">\n                    <div class=\"icon-circle-sm icon-circle-orange\">\ud83d\udcda<\/div>\n                    <h3>Psicopedagogia<\/h3>\n                    <p>Apoio em dificuldades de aprendizagem e estrat\u00e9gias educacionais personalizadas<\/p>\n                <\/div>\n\n                <div class=\"service-card card-teal\">\n                    <div class=\"icon-circle-sm icon-circle-teal\">\ud83c\udfaf<\/div>\n                    <h3>Psicomotricidade<\/h3>\n                    <p>Desenvolvimento motor, coordena\u00e7\u00e3o e consci\u00eancia corporal<\/p>\n                <\/div>\n\n                <div class=\"service-card card-orange\">\n                    <div class=\"icon-circle-sm icon-circle-orange\">\ud83e\udde0<\/div>\n                    <h3>Psicologia Cl\u00ednica<\/h3>\n                    <p>Avalia\u00e7\u00e3o e acompanhamento psicol\u00f3gico individual e familiar<\/p>\n                <\/div>\n\n                <div class=\"service-card card-teal\">\n                    <div class=\"icon-circle-sm icon-circle-teal\">\ud83d\udc65<\/div>\n                    <h3>ATL Inclusivo<\/h3>\n                    <p>Atividades de tempos livres adaptadas com acompanhamento especializado<\/p>\n                <\/div>\n\n                <div class=\"service-card card-orange\">\n                    <div class=\"icon-circle-sm icon-circle-orange\">\ud83d\udc9d<\/div>\n                    <h3>Orienta\u00e7\u00e3o Parental<\/h3>\n                    <p>Apoio e capacita\u00e7\u00e3o para pais e cuidadores<\/p>\n                <\/div>\n\n                <div class=\"service-card card-teal\">\n                    <div class=\"icon-circle-sm icon-circle-teal\">\ud83c\udfc6<\/div>\n                    <h3>Workshops e Palestras<\/h3>\n                    <p>Forma\u00e7\u00e3o para profissionais, escolas e comunidade<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section (Between Services and Differentials) -->\n    <section class=\"section section-white\" style=\"padding: 4rem 1rem;\">\n        <div class=\"container\" style=\"max-width: 56rem;\">\n            <div style=\"text-align: center; background: linear-gradient(135deg, var(--teal-600), var(--teal-700)); padding: 3rem 2rem; border-radius: 1.5rem; box-shadow: 0 10px 25px rgba(0,0,0,0.15);\">\n                <h3 style=\"font-size: 1.875rem; font-weight: 800; color: white; margin-bottom: 1rem;\">\n                    Pronto para come\u00e7ar?\n                <\/h3>\n                <p style=\"color: rgba(255,255,255,0.95); font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.75;\">\n                    Agende a sua triagem inicial gratuita e descubra como podemos ajudar no desenvolvimento do seu filho, familiar ou aluno.\n                <\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;\">\n                    <a href=\"#triagem-form\" class=\"btn\" style=\"background: white; color: var(--teal-700); padding: 0.875rem 2rem; font-size: 1.125rem; font-weight: 600; box-shadow: 0 4px 6px rgba(0,0,0,0.1);\">\n                        \ud83d\udcc5 Agendar Triagem Gratuita\n                    <\/a>\n                    <a href=\"https:\/\/wa.me\/244930743863\" target=\"_blank\" class=\"btn\" style=\"background: transparent; border: 2px solid white; color: white; padding: 0.875rem 2rem; font-size: 1.125rem; font-weight: 600;\">\n                        \ud83d\udcde Ligar Agora\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Differentials -->\n    <section id=\"diferenciais\" class=\"section section-white\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">\n                    Nosso <span class=\"highlight\">Diferencial<\/span>\n                <\/h2>\n                <p class=\"section-desc\">\n                    O que nos torna \u00fanicos no acompanhamento especializado em neurodesenvolvimento\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-3\">\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\u2728<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Triagem Inicial Gratuita<\/h4>\n                        <p>Com orienta\u00e7\u00e3o cl\u00ednica profissional para avaliar as necessidades espec\u00edficas<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\ud83d\udccb<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Protocolos Completos<\/h4>\n                        <p>Avalia\u00e7\u00e3o detalhada mais plano terap\u00eautico personalizado<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\ud83d\udcb3<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Facilidades de Pagamento<\/h4>\n                        <p>Pacotes com parcelamento em at\u00e9 5 presta\u00e7\u00f5es<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\ud83d\udcac<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Comunica\u00e7\u00e3o Ativa<\/h4>\n                        <p>Contacto constante com pais e escolas para acompanhamento conjunto<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\u2764\ufe0f<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Atendimento Humanizado<\/h4>\n                        <p>Focado em resultados reais com respeito e carinho<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"diff-item\">\n                    <div class=\"diff-icon\">\ud83d\udc65<\/div>\n                    <div class=\"diff-content\">\n                        <h4>Equipa Multidisciplinar<\/h4>\n                        <p>Profissionais especializados trabalhando de forma integrada<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Team & Location -->\n    <section id=\"equipa\" class=\"section section-orange\">\n        <div class=\"container\">\n            <div class=\"team-grid\">\n                <div>\n                    <h2 class=\"section-title\" style=\"text-align: left; margin-bottom: 1rem;\">\n                        Nossa <span class=\"highlight\">Equipa<\/span>\n                    <\/h2>\n                    <p style=\"font-size: 1.125rem; color: #404040; margin-bottom: 1.5rem;\">\n                        Estamos localizados em Luanda, Urbaniza\u00e7\u00e3o do Nova Vida, Rua N\u00ba10 Casa N\u00ba 220, \n                        no Munic\u00edpio de KilambaKiaxi.\n                    <\/p>\n                    <p style=\"color: #404040; margin-bottom: 1.5rem;\">\n                        Atuamos com uma equipa multidisciplinar especializada que acompanha o desenvolvimento \n                        emocional, comportamental, cognitivo e motor de cada cliente.\n                    <\/p>\n                    <div class=\"contact-list\">\n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\ud83d\udccd<\/div>\n                            <div>\n                                <p style=\"font-weight: 500;\">Urbaniza\u00e7\u00e3o do Nova Vida<\/p>\n                                <p style=\"font-size: 0.875rem; color: #525252;\">Rua N\u00ba10 Casa N\u00ba 220, KilambaKiaxi, Luanda<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\ud83d\udcde<\/div>\n                            <div>\n                                <p style=\"font-weight: 500;\">+244 930 743 863<\/p>\n                                <p style=\"font-size: 0.875rem; color: #525252;\">+244 933 295 670<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"contact-item\">\n                            <div class=\"contact-icon\">\u2709\ufe0f<\/div>\n                            <p style=\"font-weight: 500;\">info@floresceramorvalor.ao<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-card\">\n                    <h3>Parcerias e Convites<\/h3>\n                    <p style=\"margin-top: 0.5rem; margin-bottom: 1.5rem;\">\n                        Estamos abertos a construir parcerias com Escolas, Cl\u00ednicas, Empresas e Institui\u00e7\u00f5es, \n                        para levar conhecimento, apoio t\u00e9cnico e servi\u00e7os especializados.\n                    <\/p>\n                    <a href=\"mailto:info@floresceramorvalor.ao\" class=\"btn btn-primary\" style=\"width: 100%; margin-bottom: 1rem; padding: 0.75rem;\">\n                        Solicitar Apresenta\u00e7\u00e3o Institucional\n                    <\/a>\n                    <p style=\"font-size: 0.875rem; color: #525252; text-align: center;\">\n                        Queremos ser vossos parceiros no florescimento de cada hist\u00f3ria\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"cta-section\">\n        <div class=\"cta-content\">\n            <h3>Pronto para Agendar a Triagem Gratuita?<\/h3>\n            <p>\n                Entre em contacto connosco. Estamos aqui para ajudar o seu filho, familiar ou aluno a florescer \n                com todo o apoio especializado necess\u00e1rio.\n            <\/p>\n            <div class=\"cta-buttons\">\n                <a href=\"https:\/\/wa.me\/244930743863\" target=\"_blank\" class=\"btn btn-white\" style=\"padding: 0.75rem 2rem; font-size: 1.125rem;\">\n                    \ud83d\udcde Ligar Agora\n                <\/a>\n                <a href=\"mailto:info@floresceramorvalor.ao\" class=\"btn btn-outline-white\" style=\"padding: 0.75rem 2rem; font-size: 1.125rem;\">\n                    \u2709\ufe0f Enviar Email\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section id=\"faq\" class=\"section section-white\">\n        <div class=\"container\" style=\"max-width: 56rem;\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\">\n                    Perguntas <span class=\"highlight\">Frequentes<\/span>\n                <\/h2>\n            <\/div>\n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>O que \u00e9 a triagem inicial gratuita?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        \u00c9 uma primeira avalia\u00e7\u00e3o sem custos, realizada por profissionais especializados, para identificar as necessidades espec\u00edficas e orientar sobre o melhor plano de interven\u00e7\u00e3o.\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>Quais as idades atendidas no Centro Florescer?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        Atendemos crian\u00e7as, jovens e adultos com dificuldades de neurodesenvolvimento e necessidades educativas especiais (NEES).\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>Como funciona o acompanhamento multidisciplinar?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        Nossa equipa trabalha de forma integrada, com comunica\u00e7\u00e3o constante entre terapeutas, fam\u00edlia e escola, garantindo um plano terap\u00eautico completo e personalizado.\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>T\u00eam facilidades de pagamento?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        Sim! Oferecemos pacotes com parcelamento em at\u00e9 5 presta\u00e7\u00f5es para facilitar o acesso aos nossos servi\u00e7os.\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>Fazem parcerias com escolas?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        Sim! Estamos abertos a parcerias com institui\u00e7\u00f5es escolares para rastreio, interven\u00e7\u00e3o e forma\u00e7\u00e3o de professores.\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">\n                        <span>Como \u00e9 feita a comunica\u00e7\u00e3o com os pais?<\/span>\n                        <span class=\"faq-chevron\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer\">\n                        Mantemos comunica\u00e7\u00e3o ativa e regular com pais e escolas, com feedback sobre progressos, estrat\u00e9gias e orienta\u00e7\u00f5es pr\u00e1ticas para aplicar em casa.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n   <!-- Contact Form Section - TALLY VERSION -->\n<section id=\"triagem-form\" class=\"section section-teal\">\n    <div class=\"container\" style=\"max-width: 56rem;\">\n        <div class=\"section-header\">\n            <h2 class=\"section-title\">\n                Agende a sua <span class=\"highlight\">Triagem Gratuita<\/span>\n            <\/h2>\n            <p class=\"section-desc\">\n                Preencha o formul\u00e1rio abaixo e a nossa equipa entrar\u00e1 em contacto em menos de 24 horas \n                para agendar a sua triagem inicial com orienta\u00e7\u00e3o cl\u00ednica profissional.\n            <\/p>\n        <\/div>\n\n        <div style=\"background: white; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 10px 25px rgba(0,0,0,0.1); border: 2px solid var(--teal-100);\">\n            <div class=\"form-badge\" style=\"margin-bottom: 1.5rem;\">\n                <span>\u2728<\/span>\n                <span class=\"form-badge-text\">Oferta Gratuita<\/span>\n            <\/div>\n            \n            <!-- TALLY FORM EMBED -->\n           <iframe \n             data-tally-src=\"https:\/\/tally.so\/embed\/EkqPW2?alignLeft=1&#038;hideTitle=1&#038;transparentBackground=1&#038;dynamicHeight=1&#038;formEventsForwarding=1\" \n             loading=\"lazy\" \n             width=\"100%\" \n             height=\"800\" \n             frameborder=\"0\" \n             marginheight=\"0\" \n             marginwidth=\"0\" \n             title=\"Triagem Inicial - Centro Florescer\">\n             style=&#8221;border: none;&#8221;>\n           <\/iframe>\n            \n            <!-- Contactos Alternativos -->\n            <div style=\"margin-top: 2rem; padding-top: 2rem; border-top: 2px solid var(--teal-100); text-align: center;\">\n                <p style=\"font-size: 0.875rem; color: #737373; margin-bottom: 1rem;\">\n                    Prefere contactar-nos diretamente?\n                <\/p>\n                <div style=\"display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\">\n                    <a href=\"https:\/\/wa.me\/244930743863?text=Ol\u00e1!%20Gostaria%20de%20agendar%20uma%20triagem%20gratuita\" \n                       target=\"_blank\"\n                       class=\"btn\"\n                       style=\"background: #25D366; color: white; padding: 0.75rem 1.5rem;\">\n                        \ud83d\udcf1 WhatsApp\n                    <\/a>\n                    <a href=\"tel:+244930743863\" \n                       class=\"btn btn-outline\"\n                       style=\"padding: 0.75rem 1.5rem;\">\n                        \ud83d\udcde Ligar Agora\n                    <\/a>\n                    <a href=\"mailto:info@floresceramorvalor.ao\" \n                       class=\"btn btn-outline\"\n                       style=\"padding: 0.75rem 1.5rem;\">\n                        \u2709\ufe0f Email\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n    <!-- Footer -->\n    <footer id=\"contacto\" class=\"footer\">\n        <div class=\"footer-grid\">\n            <div>\n                <img decoding=\"async\" src=\"https:\/\/floresceramorvalor.ao\/wp-content\/uploads\/2025\/11\/logo.png\" alt=\"Centro Florescer em Amor e Valor\" style=\"height: 3rem; margin-bottom: 1rem;\">\n                <p style=\"max-width: 24rem; margin-bottom: 1.5rem;\">\n                    Um centro dedicado ao desenvolvimento integral de pessoas com NEES \u2014 com amor, ci\u00eancia e f\u00e9 \n                    no potencial de cada um florescer.\n                <\/p>\n            <\/div>\n            <div>\n                <h4>Contactos<\/h4>\n                <div style=\"display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.875rem;\">\n                    <div style=\"display: flex; gap: 0.5rem; color: #404040;\">\n                        <span>\ud83d\udcde<\/span>\n                        <div>\n                            <p>+244 930 743 863<\/p>\n                            <p>+244 933 295 670<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"display: flex; gap: 0.5rem; color: #404040;\">\n                        <span>\u2709\ufe0f<\/span>\n                        <p>info@floresceramorvalor.ao<\/p>\n                    <\/div>\n                    <div style=\"display: flex; gap: 0.5rem; color: #404040;\">\n                        <span>\ud83d\udccd<\/span>\n                        <p>Urbaniza\u00e7\u00e3o do Nova Vida, Rua N\u00ba10 Casa N\u00ba 220<br>KilambaKiaxi, Luanda, Angola<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div>\n                <h4>Hor\u00e1rio de Atendimento<\/h4>\n                <p style=\"font-size: 0.875rem;\">\n                    Segunda a Sexta: 8h00 &#8211; 17h00<br>\n                    S\u00e1bado: 8h00 &#8211; 12h00\n                <\/p>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            <p>\u00a9 <span id=\"year\"><\/span> Centro Florescer em Amor e Valor. 2026 Todos os direitos reservados.<\/p>\n            <p style=\"margin-top: 0.5rem; color: #a3a3a3;\">\n                Com carinho e profissionalismo de <a href=\"https:\/\/www.sietedigitalagency.com\" target=\"_blank\" style=\"color: inherit; text-decoration: underline;\">\n    Siete Digital\n  <\/a> para cada hist\u00f3ria florescer \u2764\ufe0f\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- JavaScript -->\n   <script>\n    \/\/ ============================================\n    \/\/ CONFIGURA\u00c7\u00c3O INICIAL\n    \/\/ ============================================\n    \n    \/\/ Set current year in footer\n    document.getElementById('year').textContent = new Date().getFullYear();\n\n    \/\/ ============================================\n    \/\/ MOBILE MENU FUNCTIONALITY\n    \/\/ ============================================\n    const menuToggle = document.getElementById('menu-toggle');\n    const mobileMenu = document.getElementById('mobile-menu');\n    const menuClose = document.getElementById('menu-close');\n\n   function openMobileMenu() {\n    if (mobileMenu) {\n        mobileMenu.classList.add('active');\n        document.body.style.overflow = 'hidden';\n        document.body.classList.add('menu-open'); \/\/ Nova linha\n        \n        \/\/ Track menu open event in Google Analytics\n        if (typeof gtag !== 'undefined') {\n            gtag('event', 'menu_open', {\n                'event_category': 'Navigation',\n                'event_label': 'Mobile Menu Opened'\n            });\n        }\n    }\n}\n\nfunction closeMobileMenu() {\n    if (mobileMenu) {\n        mobileMenu.classList.remove('active');\n        document.body.style.overflow = '';\n        document.body.classList.remove('menu-open'); \/\/ Nova linha\n    }\n}\n\n    \/\/ Attach event listeners\n    if (menuToggle) {\n        menuToggle.addEventListener('click', openMobileMenu);\n    }\n\n    if (menuClose) {\n        menuClose.addEventListener('click', closeMobileMenu);\n    }\n\n    \/\/ Close menu when clicking outside\n    if (mobileMenu) {\n        mobileMenu.addEventListener('click', function(e) {\n            if (e.target === mobileMenu) {\n                closeMobileMenu();\n            }\n        });\n    }\n\n    \/\/ Close menu on ESC key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && mobileMenu && mobileMenu.classList.contains('active')) {\n            closeMobileMenu();\n        }\n    });\n\n    \/\/ Make closeMobileMenu available globally\n    window.closeMobileMenu = closeMobileMenu;\n\n    \/\/ ============================================\n    \/\/ FAQ ACCORDION FUNCTIONALITY\n    \/\/ ============================================\n    const faqItems = document.querySelectorAll('.faq-item');\n    \n    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const chevron = item.querySelector('.faq-chevron');\n        \n        if (question && answer && chevron) {\n            question.addEventListener('click', () => {\n                const isActive = answer.classList.contains('active');\n                \n                \/\/ Close all other FAQs\n                faqItems.forEach(otherItem => {\n                    if (otherItem !== item) {\n                        const otherAnswer = otherItem.querySelector('.faq-answer');\n                        const otherChevron = otherItem.querySelector('.faq-chevron');\n                        if (otherAnswer) otherAnswer.classList.remove('active');\n                        if (otherChevron) otherChevron.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Toggle current FAQ\n                answer.classList.toggle('active');\n                chevron.classList.toggle('active');\n                \n                \/\/ Track FAQ interaction\n                if (!isActive && typeof gtag !== 'undefined') {\n                    gtag('event', 'faq_click', {\n                        'event_category': 'Engagement',\n                        'event_label': question.textContent.trim().substring(0, 100)\n                    });\n                }\n            });\n        }\n    });\n\n    \/\/ ============================================\n    \/\/ IMAGE CAROUSEL FUNCTIONALITY - FIXED\n    \/\/ ============================================\n    \n    let currentSlide = 0;\n    const slides = document.querySelectorAll('.carousel-slide');\n    const indicators = document.querySelectorAll('.indicator');\n    const carousel = document.querySelector('.carousel');\n    let autoplayInterval;\n\n    \/\/ Debug: Log carousel elements found\n    console.log('\ud83c\udfa0 Carousel Debug:', {\n        carousel: carousel ? 'Found' : 'NOT FOUND',\n        slides: slides.length,\n        indicators: indicators.length\n    });\n\n    function showSlide(index) {\n        if (slides.length === 0) {\n            console.warn('\u26a0\ufe0f No carousel slides found');\n            return;\n        }\n\n        \/\/ Wrap around\n        if (index >= slides.length) {\n            currentSlide = 0;\n        } else if (index < 0) {\n            currentSlide = slides.length - 1;\n        } else {\n            currentSlide = index;\n        }\n\n        \/\/ Hide all slides\n        slides.forEach(slide => slide.classList.remove('active'));\n        indicators.forEach(indicator => indicator.classList.remove('active'));\n\n        \/\/ Show current slide\n        if (slides[currentSlide]) {\n            slides[currentSlide].classList.add('active');\n        }\n        if (indicators[currentSlide]) {\n            indicators[currentSlide].classList.add('active');\n        }\n\n        console.log('\ud83d\udccd Showing slide:', currentSlide + 1, '\/', slides.length);\n    }\n\n    function moveCarousel(direction) {\n        console.log('\ud83c\udfa0 moveCarousel called with direction:', direction);\n        showSlide(currentSlide + direction);\n        resetAutoplay();\n        \n        \/\/ Track in analytics\n        if (typeof gtag !== 'undefined') {\n            gtag('event', 'carousel_navigate', {\n                'event_category': 'Engagement',\n                'event_label': direction > 0 ? 'Next' : 'Previous'\n            });\n        }\n    }\n\n    function goToSlide(index) {\n        console.log('\ud83c\udfaf goToSlide called with index:', index);\n        showSlide(index);\n        resetAutoplay();\n        \n        \/\/ Track in analytics\n        if (typeof gtag !== 'undefined') {\n            gtag('event', 'carousel_indicator', {\n                'event_category': 'Engagement',\n                'event_label': 'Slide ' + (index + 1)\n            });\n        }\n    }\n\n    function nextSlide() {\n        moveCarousel(1);\n    }\n\n    function resetAutoplay() {\n        clearInterval(autoplayInterval);\n        startAutoplay();\n    }\n\n    function startAutoplay() {\n        if (slides.length > 0) {\n            autoplayInterval = setInterval(nextSlide, 5000); \/\/ Change slide every 5 seconds\n        }\n    }\n\n    \/\/ Expose functions globally for onclick handlers\n    window.moveCarousel = moveCarousel;\n    window.goToSlide = goToSlide;\n\n    \/\/ Touch\/Swipe support for mobile\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    if (carousel) {\n        carousel.addEventListener('touchstart', e => {\n            touchStartX = e.changedTouches[0].screenX;\n        }, { passive: true });\n\n        carousel.addEventListener('touchend', e => {\n            touchEndX = e.changedTouches[0].screenX;\n            handleSwipe();\n        }, { passive: true });\n\n        function handleSwipe() {\n            const swipeThreshold = 50;\n            if (touchEndX < touchStartX - swipeThreshold) {\n                \/\/ Swipe left - next slide\n                moveCarousel(1);\n            }\n            if (touchEndX > touchStartX + swipeThreshold) {\n                \/\/ Swipe right - previous slide\n                moveCarousel(-1);\n            }\n        }\n\n        \/\/ Start autoplay\n        if (slides.length > 0) {\n            startAutoplay();\n            console.log('\u2705 Carousel autoplay started');\n        }\n\n        \/\/ Pause autoplay on hover (desktop)\n        carousel.addEventListener('mouseenter', () => {\n            clearInterval(autoplayInterval);\n        });\n\n        carousel.addEventListener('mouseleave', () => {\n            startAutoplay();\n        });\n    }\n\n    \/\/ Initialize first slide\n    if (slides.length > 0) {\n        showSlide(0);\n    }\n\n    \/\/ ============================================\n    \/\/ SMOOTH SCROLL WITH ANALYTICS\n    \/\/ ============================================\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            const href = this.getAttribute('href');\n            \n            if (href === '#' || !href) {\n                return;\n            }\n            \n            e.preventDefault();\n            const target = document.querySelector(href);\n            \n            if (target) {\n                target.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n                \n                \/\/ Track navigation clicks\n                if (typeof gtag !== 'undefined') {\n                    gtag('event', 'navigation_click', {\n                        'event_category': 'Navigation',\n                        'event_label': href\n                    });\n                }\n                \n                \/\/ Close mobile menu if open\n                closeMobileMenu();\n            }\n        });\n    });\n\n    \/\/ ============================================\n    \/\/ TRACK WHATSAPP BUTTON CLICKS\n    \/\/ ============================================\n    const whatsappButtons = document.querySelectorAll('a[href*=\"wa.me\"], .whatsapp-float');\n    \n    whatsappButtons.forEach(button => {\n        button.addEventListener('click', function() {\n            if (typeof gtag !== 'undefined') {\n                gtag('event', 'whatsapp_click', {\n                    'event_category': 'Contact',\n                    'event_label': 'WhatsApp Button',\n                    'value': 1\n                });\n            }\n        });\n    });\n\n    \/\/ ============================================\n    \/\/ TRACK CONTACT INTERACTIONS\n    \/\/ ============================================\n    \n    \/\/ Track phone calls\n    document.querySelectorAll('a[href^=\"tel:\"]').forEach(link => {\n        link.addEventListener('click', function() {\n            const phoneNumber = this.href.replace('tel:', '');\n            if (typeof gtag !== 'undefined') {\n                gtag('event', 'phone_click', {\n                    'event_category': 'Contact',\n                    'event_label': phoneNumber\n                });\n            }\n        });\n    });\n\n    \/\/ Track email clicks\n    document.querySelectorAll('a[href^=\"mailto:\"]').forEach(link => {\n        link.addEventListener('click', function() {\n            const email = this.href.replace('mailto:', '').split('?')[0];\n            if (typeof gtag !== 'undefined') {\n                gtag('event', 'email_click', {\n                    'event_category': 'Contact',\n                    'event_label': email\n                });\n            }\n        });\n    });\n\n    \/\/ ============================================\n    \/\/ TRACK FORM IFRAME VIEWS\n    \/\/ ============================================\n    const formIframes = document.querySelectorAll('iframe[data-tally-src], iframe[src*=\"forms.google.com\"]');\n    \n    formIframes.forEach(iframe => {\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting && typeof gtag !== 'undefined') {\n                    gtag('event', 'form_view', {\n                        'event_category': 'Lead Generation',\n                        'event_label': 'Form Viewed'\n                    });\n                    observer.unobserve(iframe);\n                }\n            });\n        }, { threshold: 0.5 });\n        \n        observer.observe(iframe);\n    });\n\n    \/\/ ============================================\n    \/\/ ADD ANIMATION STYLES\n    \/\/ ============================================\n    const animationStyles = document.createElement('style');\n    animationStyles.textContent = `\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        @keyframes slideUp {\n            from { transform: translateY(20px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n        }\n    `;\n    document.head.appendChild(animationStyles);\n\n    \/\/ ============================================\n    \/\/ INITIALIZATION LOG\n    \/\/ ============================================\n    console.log('\u2705 Centro Florescer - Script loaded successfully');\n    console.log('\ud83d\udcca Analytics:', typeof gtag !== 'undefined' ? 'Active' : 'Not configured');\n    console.log('\ud83d\udcf1 Mobile menu:', menuToggle ? 'Ready' : 'Not found');\n    console.log('\ud83c\udfa0 Carousel:', slides.length + ' slides found');\n    console.log('\u2753 FAQ items:', faqItems.length + ' found');\n    <\/script>\n    <script>\n        var d=document,w=\"https:\/\/tally.so\/widgets\/embed.js\",\n        v=function(){\"undefined\"!=typeof Tally?Tally.loadEmbeds():\n        d.querySelectorAll(\"iframe[data-tally-src]:not([src])\").forEach((function(e){e.src=e.dataset.tallySrc}))};\n        if(\"undefined\"!=typeof Tally)v();\n        else if(d.querySelector('script[src=\"'+w+'\"]')==null){\n        var s=d.createElement(\"script\");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);\n       }\n    <\/script>\n     <!-- WhatsApp Floating Button -->\n<a href=\"https:\/\/wa.me\/244930743863?text=Ol\u00e1!%20Gostaria%20de%20saber%20mais%20sobre%20os%20servi\u00e7os%20do%20Centro%20Florescer%20e%20agendar%20a%20triagem%20gratuita.\" \n   class=\"whatsapp-float\" \n   target=\"_blank\"\n   rel=\"noopener noreferrer\"\n   aria-label=\"Contactar via WhatsApp\"\n   title=\"Fale connosco no WhatsApp\">\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n    <\/svg>\n<\/a>\n    <!-- Instagram Embed Script -->\n    <script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Centro Florescer | Terapia para Autismo, PHDA e NEES em Luanda, Angola Servi\u00e7os Diferenciais Equipa FAQ Contacto Menu \u2715 Servi\u00e7os Diferenciais Equipa FAQ Contacto Triagem Gratuita \ud83e\udde0 Centro Especializado em Neurodesenvolvimento Desenvolvimento integral para crian\u00e7as, jovens e adultos com NEES Espa\u00e7o dedicado ao desenvolvimento integral de crian\u00e7as, jovens e adultos com dificuldades de neurodesenvolvimento e [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":22,"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/floresceramorvalor.ao\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}