{"id":6,"date":"2026-06-14T00:01:53","date_gmt":"2026-06-14T00:01:53","guid":{"rendered":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/?page_id=6"},"modified":"2026-06-15T03:02:15","modified_gmt":"2026-06-15T03:02:15","slug":"museu-da-familia","status":"publish","type":"page","link":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/","title":{"rendered":"Museu da Fam\u00edlia"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   MUSEU DA FAM\u00cdLIA ALMEIDA\n   CSS - RESPONSIVO + T\u00cdTULOS MENORES + BOT\u00c3O DOURADO\n================================================== *\/\n\n\/* DEFINI\u00c7\u00c3O DAS VARI\u00c1VEIS *\/\n:root {\n    --mfa-bg: #0f1115;\n    --mfa-bg-soft: #171c22;\n    --mfa-bg-dark: #090c10;\n    --mfa-gold: #c8a86b;\n    --mfa-gold-light: #d8bb83;\n    --mfa-white: #ffffff;\n    --mfa-text: #ffffff;\n    --mfa-border: rgba(255, 255, 255, .08);\n    --mfa-radius: 20px;\n    --mfa-shadow: 0 20px 50px rgba(0, 0, 0, .35);\n    --mfa-font: 'Inter', Arial, sans-serif;\n}\n\n\/* RESET GERAL *\/\nhtml,\nbody {\n    margin: 0;\n    padding: 0;\n    scroll-behavior: smooth;\n}\n\n.mfa-page,\n.mfa-page * {\n    box-sizing: border-box;\n}\n\n\/* CONTAINER PRINCIPAL *\/\n.mfa-page {\n    background: var(--mfa-bg);\n    color: var(--mfa-text);\n    font-family: var(--mfa-font);\n    overflow: hidden;\n}\n\n.mfa-page section {\n    margin: 0 !important;\n}\n\n.mfa-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding-left: 20px;\n    padding-right: 20px;\n}\n\n\/* ==================================================\n   CABE\u00c7ALHO\n================================================== *\/\n.mfa-header {\n    position: sticky;\n    top: 0;\n    z-index: 999;\n    background: rgba(10, 10, 10, .92);\n    backdrop-filter: blur(10px);\n    border-bottom: 1px solid rgba(200, 168, 107, .15);\n}\n\n.mfa-header-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 12px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 15px;\n    flex-wrap: wrap;\n}\n\n.mfa-header-brand {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.mfa-header-logo {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    background: var(--mfa-gold);\n    color: #111 !important;\n    font-weight: 700;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: .9rem;\n}\n\n.mfa-header-title span {\n    color: var(--mfa-gold);\n    font-size: .7rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.mfa-header-title strong {\n    color: #fff;\n    font-size: .9rem;\n}\n\n.mfa-header-btn {\n    color: #111111 !important;\n    background: var(--mfa-gold);\n    text-decoration: none;\n    padding: 10px 18px;\n    border-radius: 50px;\n    border: none;\n    transition: all .3s ease;\n    font-weight: 500;\n    font-size: .85rem;\n}\n\n.mfa-header-btn:hover {\n    background: var(--mfa-gold-light);\n    transform: translateY(-2px);\n    color: #111111 !important;\n}\n\n\/* ==================================================\n   HERO\n================================================== *\/\n.mfa-hero {\n    position: relative;\n    min-height: 85vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px 0;\n}\n\n.mfa-hero-image .mfa-image-placeholder {\n    position: absolute;\n    inset: 0;\n    min-height: 85vh;\n}\n\n.mfa-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, .60);\n    z-index: 2;\n}\n\n.mfa-hero-content {\n    position: relative;\n    z-index: 5;\n    max-width: 800px;\n    padding: 20px;\n}\n\n.mfa-badge {\n    display: inline-block;\n    background: rgba(200, 168, 107, .12);\n    border: 1px solid rgba(200, 168, 107, .25);\n    color: var(--mfa-gold);\n    padding: 10px 18px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n    font-size: .8rem;\n}\n\n\/* === T\u00cdTULOS MENORES === *\/\n.mfa-hero h1 {\n    color: #fff !important;\n    font-size: clamp(2rem, 5vw, 4rem);\n    line-height: 1.15;\n    margin-bottom: 15px;\n}\n\n.mfa-hero h2 {\n    color: var(--mfa-gold) !important;\n    font-size: clamp(1rem, 2.5vw, 1.6rem);\n    font-weight: 500;\n    margin-bottom: 20px;\n}\n\n.mfa-hero p {\n    color: #ffffff !important;\n    line-height: 1.7;\n    font-size: 1rem;\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   BOT\u00d5ES GERAIS \u2014 CORRIGIDO AQUI\n================================================== *\/\n.mfa-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 30px;\n}\n\n.mfa-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    padding: 12px 24px;\n    border-radius: 50px;\n    font-weight: 600;\n    transition: all .3s ease;\n    border: none;\n    cursor: pointer;\n    font-size: .9rem;\n}\n\n\/* \u2705 BOT\u00c3O PRINCIPAL: DOURADO COM LETRA PRETA *\/\n.mfa-btn-primary {\n    background: var(--mfa-gold) !important;\n    color: #000000 !important; \/* Preto *\/\n}\n\n.mfa-btn-primary:hover {\n    background: var(--mfa-gold-light) !important;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 16px rgba(200, 168, 107, .15);\n    color: #000000 !important;\n}\n\n.mfa-btn-secondary {\n    border: 1px solid rgba(255, 255, 255, .15);\n    color: #ffffff !important;\n    background: transparent;\n}\n\n.mfa-btn-secondary:hover {\n    background: rgba(255, 255, 255, .05);\n    border-color: var(--mfa-gold);\n    color: var(--mfa-gold) !important;\n}\n\n\/* ==================================================\n   T\u00cdTULOS E TEXTOS PADR\u00c3O\n================================================== *\/\n.mfa-section-heading {\n    margin-bottom: 40px;\n}\n\n.mfa-section-heading.center {\n    text-align: center;\n}\n\n.mfa-section-label {\n    display: inline-block;\n    color: var(--mfa-gold);\n    margin-bottom: 10px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    font-size: .75rem;\n}\n\n.mfa-section-heading h2 {\n    color: var(--mfa-gold) !important;\n    font-size: clamp(1.5rem, 3vw, 2.4rem);\n    line-height: 1.3;\n    margin-bottom: 15px;\n}\n\n.mfa-section-heading p {\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.7;\n    color: #ffffff !important;\n    font-size: .95rem;\n}\n\n\/* REGRAS GERAIS DE COR E TAMANHO *\/\n.mfa-page h1,\n.mfa-page h2,\n.mfa-page h3,\n.mfa-page h4,\n.mfa-page h5 {\n    color: var(--mfa-gold) !important;\n    margin-top: 0;\n    line-height: 1.2;\n}\n\n.mfa-page h3 {\n    font-size: clamp(1.1rem, 2vw, 1.5rem) !important;\n}\n\n.mfa-page p,\n.mfa-page li,\n.mfa-page span:not(.mfa-header-title span):not(.mfa-section-label):not(.mfa-stat-number):not(.mfa-timeline-year),\n.mfa-page div {\n    color: #ffffff !important;\n    line-height: 1.7;\n    font-size: .95rem;\n}\n\n\/* ==================================================\n   PLACEHOLDERS DE IMAGENS\n================================================== *\/\n.mfa-image-placeholder {\n    min-height: 220px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    border: 2px dashed rgba(200, 168, 107, .30);\n    border-radius: var(--mfa-radius);\n    background: rgba(255, 255, 255, .03);\n    color: var(--mfa-gold);\n    padding: 20px;\n    font-size: .9rem;\n}\n\n.mfa-image-placeholder.portrait {\n    min-height: 380px;\n}\n\n.mfa-image-placeholder.large {\n    min-height: 400px;\n}\n\n.mfa-image-placeholder.document {\n    min-height: 180px;\n}\n\n.mfa-image-placeholder.tree {\n    min-height: 300px;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: APRESENTA\u00c7\u00c3O\n================================================== *\/\n.mfa-about {\n    background: var(--mfa-bg);\n    padding: 60px 0;\n}\n\n.mfa-about-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n}\n\n.mfa-about-content h2 {\n    color: var(--mfa-gold) !important;\n    font-size: clamp(1.4rem, 3vw, 2rem);\n    margin-bottom: 15px;\n}\n\n.mfa-about-content p {\n    line-height: 1.7;\n    margin-bottom: 12px;\n    color: #ffffff !important;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: N\u00daMEROS \/ ESTAT\u00cdSTICAS\n================================================== *\/\n.mfa-stats {\n    background: var(--mfa-bg-soft);\n    padding: 60px 0;\n}\n\n.mfa-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n}\n\n.mfa-stat-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    padding: 25px 15px;\n    text-align: center;\n    transition: all .3s ease;\n}\n\n.mfa-stat-card:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--mfa-shadow);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-stat-number {\n    color: var(--mfa-gold);\n    font-size: 2rem;\n    font-weight: 800;\n    margin-bottom: 8px;\n    display: block;\n}\n\n.mfa-stat-title {\n    color: var(--mfa-gold) !important;\n    font-weight: 500;\n    font-size: .85rem;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: LINHA DO TEMPO\n================================================== *\/\n.mfa-timeline {\n    background: #14181e;\n    padding: 60px 0;\n}\n\n.mfa-timeline-wrapper {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}\n\n.mfa-timeline-item {\n    display: grid;\n    grid-template-columns: 100px 1fr;\n    gap: 20px;\n    align-items: flex-start;\n}\n\n.mfa-timeline-year {\n    color: var(--mfa-gold);\n    font-size: 1.6rem;\n    font-weight: 800;\n    line-height: 1;\n}\n\n.mfa-timeline-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    padding: 20px;\n    transition: all .3s ease;\n}\n\n.mfa-timeline-card:hover {\n    transform: translateX(5px);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-timeline-card h3 {\n    color: var(--mfa-gold) !important;\n    margin: 15px 0 8px;\n}\n\n.mfa-timeline-card p {\n    color: #ffffff !important;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: FUNDADORES\n================================================== *\/\n.mfa-founders {\n    background: var(--mfa-bg);\n    padding: 60px 0;\n}\n\n.mfa-founders-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n}\n\n.mfa-founder-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    overflow: hidden;\n    transition: all .3s ease;\n}\n\n.mfa-founder-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--mfa-shadow);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-founder-content {\n    padding: 20px;\n}\n\n.mfa-founder-content h3 {\n    margin-bottom: 8px;\n    color: var(--mfa-gold) !important;\n}\n\n.mfa-founder-years {\n    color: var(--mfa-gold);\n    display: block;\n    margin-bottom: 12px;\n    font-style: italic;\n    font-size: .85rem;\n}\n\n.mfa-founder-content p {\n    margin-bottom: 12px;\n    color: #ffffff !important;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: HIST\u00d3RIAS EM DESTAQUE\n================================================== *\/\n.mfa-stories {\n    background: var(--mfa-bg-soft);\n    padding: 60px 0;\n}\n\n.mfa-stories-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n}\n\n.mfa-story-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    overflow: hidden;\n    transition: all .3s ease;\n}\n\n.mfa-story-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--mfa-shadow);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-story-content {\n    padding: 15px;\n}\n\n.mfa-story-content h3 {\n    margin-bottom: 8px;\n    color: var(--mfa-gold) !important;\n}\n\n.mfa-story-content p {\n    line-height: 1.6;\n    color: #ffffff !important;\n    margin: 0;\n    font-size: .85rem;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: GALERIA\n================================================== *\/\n.mfa-gallery {\n    background: var(--mfa-bg);\n    padding: 60px 0;\n}\n\n.mfa-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n}\n\n.mfa-gallery-item {\n    text-decoration: none;\n    display: block;\n}\n\n.mfa-gallery-item .mfa-image-placeholder {\n    min-height: 200px;\n    transition: all .3s ease;\n}\n\n.mfa-gallery-item:hover .mfa-image-placeholder {\n    transform: scale(1.02);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-gallery-note {\n    text-align: center;\n    margin-top: 20px;\n    opacity: .8;\n    color: #ffffff !important;\n    font-size: .85rem;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: DOCUMENTOS\n================================================== *\/\n.mfa-documents {\n    background: #11151a;\n    padding: 60px 0;\n}\n\n.mfa-documents-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n}\n\n.mfa-document-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    overflow: hidden;\n    transition: all .3s ease;\n}\n\n.mfa-document-card:hover {\n    transform: translateY(-6px);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-document-card h3 {\n    padding: 15px 15px 8px;\n    color: var(--mfa-gold) !important;\n    font-size: 1rem;\n}\n\n.mfa-document-card p {\n    padding: 0 15px 15px;\n    color: #ffffff !important;\n    margin: 0;\n    font-size: .8rem;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: FRASE DO LEGADO\n================================================== *\/\n.mfa-legacy-quote {\n    background: #090c10;\n    padding: 80px 0;\n}\n\n.mfa-quote-wrapper {\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.mfa-quote-icon {\n    font-size: 3rem;\n    color: var(--mfa-gold);\n    margin-bottom: 15px;\n    line-height: 1;\n}\n\n.mfa-quote-wrapper blockquote {\n    color: var(--mfa-gold) !important;\n    font-size: clamp(1.4rem, 3vw, 2rem);\n    line-height: 1.4;\n    font-style: normal;\n    margin: 0;\n}\n\n.mfa-quote-divider {\n    width: 80px;\n    height: 2px;\n    background: var(--mfa-gold);\n    margin: 20px auto;\n}\n\n.mfa-quote-subtitle {\n    color: #ffffff !important;\n    font-size: .95rem;\n    max-width: 500px;\n    margin: 0 auto;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: \u00c1RVORE GENEAL\u00d3GICA\n================================================== *\/\n.mfa-tree {\n    background: var(--mfa-bg);\n    padding: 60px 0;\n}\n\n.mfa-tree-wrapper {\n    max-width: 900px;\n    margin: 0 auto 25px;\n}\n\n.mfa-tree-button {\n    text-align: center;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: V\u00cdDEOS\n================================================== *\/\n.mfa-videos {\n    background: var(--mfa-bg-soft);\n    padding: 60px 0;\n}\n\n.mfa-videos-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n.mfa-video-card {\n    background: rgba(255, 255, 255, .03);\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    overflow: hidden;\n    transition: all .3s ease;\n}\n\n.mfa-video-card:hover {\n    transform: translateY(-6px);\n    border-color: var(--mfa-gold);\n}\n\n.mfa-video-placeholder {\n    height: 180px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 3rem;\n    color: var(--mfa-gold);\n    border-bottom: 1px solid var(--mfa-border);\n    background: rgba(0, 0, 0, .2);\n}\n\n.mfa-video-card h3 {\n    padding: 15px 15px 8px;\n    color: var(--mfa-gold) !important;\n    font-size: 1rem;\n}\n\n.mfa-video-card p {\n    padding: 0 15px 15px;\n    color: #ffffff !important;\n    margin: 0;\n    font-size: .85rem;\n}\n\n\/* ==================================================\n   SE\u00c7\u00c3O: ENCERRAMENTO\n================================================== *\/\n.mfa-closing {\n    position: relative;\n    min-height: 70vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    background: #0b0d10;\n    overflow: hidden;\n    padding: 40px 0;\n}\n\n.mfa-closing-image .mfa-image-placeholder {\n    position: absolute;\n    inset: 0;\n    min-height: 70vh;\n}\n\n.mfa-closing-content {\n    position: relative;\n    z-index: 10;\n    max-width: 700px;\n    padding: 20px;\n}\n\n.mfa-closing-content h2 {\n    font-size: clamp(1.6rem, 3.5vw, 2.5rem);\n    margin-bottom: 15px;\n    color: var(--mfa-gold) !important;\n}\n\n.mfa-closing-content p {\n    margin-bottom: 12px;\n    line-height: 1.7;\n    color: #ffffff !important;\n    font-size: .95rem;\n}\n\n.mfa-closing-content .mfa-btn {\n    margin-top: 15px;\n}\n\n\/* ==================================================\n   FOOTER\n================================================== *\/\n.mfa-footer {\n    background: #050607;\n    padding: 40px 0;\n}\n\n.mfa-footer-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n    text-align: center;\n}\n\n.mfa-footer-brand h3 {\n    margin-bottom: 8px;\n    color: var(--mfa-gold) !important;\n}\n\n.mfa-footer-brand p {\n    max-width: 250px;\n    color: #ffffff !important;\n    opacity: .8;\n    font-size: .85rem;\n}\n\n.mfa-footer-menu {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    justify-content: center;\n}\n\n.mfa-footer-menu a {\n    color: #ffffff !important;\n    text-decoration: none;\n    transition: all .3s ease;\n    opacity: .8;\n    font-size: .85rem;\n}\n\n.mfa-footer-menu a:hover {\n    color: var(--mfa-gold);\n    opacity: 1;\n}\n\n.mfa-footer-divider {\n    height: 1px;\n    background: var(--mfa-border);\n    margin: 20px 0;\n}\n\n.mfa-footer-bottom {\n    text-align: center;\n    opacity: .8;\n    color: #ffffff !important;\n    font-size: .8rem;\n}\n\n\/* ==================================================\n   NOTA DE DEMONSTRA\u00c7\u00c3O\n================================================== *\/\n.mfa-demo-note {\n    background: #020304;\n    padding: 30px 0;\n}\n\n.mfa-demo-box {\n    max-width: 700px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 20px;\n    border: 1px solid var(--mfa-border);\n    border-radius: var(--mfa-radius);\n    background: rgba(255, 255, 255, .01);\n}\n\n.mfa-demo-box p {\n    margin-bottom: 15px;\n    color: #ffffff !important;\n    font-size: .85rem;\n}\n\n\/* ==================================================\n   \ud83d\udcf1 RESPONSIVIDADE COMPLETA\n================================================== *\/\n\n\/* TABLET (at\u00e9 1024px) *\/\n@media (max-width: 1024px) {\n    .mfa-stories-grid,\n    .mfa-documents-grid,\n    .mfa-videos-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .mfa-about-grid {\n        gap: 25px;\n    }\n    .mfa-timeline-item {\n        grid-template-columns: 80px 1fr;\n    }\n}\n\n\/* CELULAR GRANDE \/ PEQUENO TABLET (at\u00e9 768px) *\/\n@media (max-width: 768px) {\n    .mfa-header-container,\n    .mfa-footer-top {\n        flex-direction: column;\n        text-align: center;\n    }\n    .mfa-about-grid,\n    .mfa-founders-grid,\n    .mfa-gallery-grid,\n    .mfa-stories-grid,\n    .mfa-documents-grid,\n    .mfa-videos-grid {\n        grid-template-columns: 1fr;\n    }\n    .mfa-stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    .mfa-timeline-item {\n        grid-template-columns: 1fr;\n    }\n    .mfa-timeline-year {\n        margin-bottom: 10px;\n    }\n    .mfa-container {\n        padding-left: 15px;\n        padding-right: 15px;\n    }\n    .mfa-buttons {\n        flex-direction: column;\n        width: 100%;\n        max-width: 280px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    .mfa-btn {\n        width: 100%;\n    }\n}\n\n\/* CELULAR PEQUENO (at\u00e9 480px) *\/\n@media (max-width: 480px) {\n    .mfa-stats-grid {\n        grid-template-columns: 1fr;\n    }\n    .mfa-hero {\n        min-height: 70vh;\n    }\n    .mfa-image-placeholder {\n        min-height: 180px;\n    }\n    .mfa-image-placeholder.portrait {\n        min-height: 300px;\n    }\n}\n<\/style>\n\n<!-- CABE\u00c7ALHO DO MUSEU -->\n\n<header class=\"mfa-header\">\n\n    <div class=\"mfa-header-container\">\n\n        <div class=\"mfa-header-brand\">\n\n            <div class=\"mfa-header-logo\">\n                CPM\n            <\/div>\n\n            <div class=\"mfa-header-title\">\n\n                <span>Museu Digital Familiar<\/span>\n\n                <strong>Museu da Fam\u00edlia Almeida<\/strong>\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mfa-header-actions\">\n\n            <a href=\"https:\/\/cpmwebmaster.com.br\/\" class=\"mfa-header-btn\">\n\n                \u2190 Voltar para CPM Webmaster\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n<!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 1 -->\n<!-- HERO + APRESENTA\u00c7\u00c3O + N\u00daMEROS DO LEGADO -->\n<!-- ========================================= -->\n\n<div class=\"mfa-page\">\n\n    <!-- ========================================= -->\n    <!-- HERO -->\n    <!-- ========================================= -->\n\n    <section class=\"mfa-hero\">\n\n        <!-- IMAGEM HERO DA FAM\u00cdLIA ALMEIDA -->\n        <div class=\"mfa-hero-image\">\n            <div class=\"mfa-image-placeholder\">\n                [ IMAGEM HERO DA FAM\u00cdLIA ALMEIDA ]\n            <\/div>\n        <\/div>\n\n        <div class=\"mfa-overlay\"><\/div>\n\n        <div class=\"mfa-hero-content\">\n\n            <div class=\"mfa-badge\">\n                \ud83c\udfdb\ufe0f Museu Digital Familiar\n            <\/div>\n\n            <h1>\n                Museu da Fam\u00edlia Almeida\n            <\/h1>\n\n            <h2>\n                Preservando hist\u00f3rias, mem\u00f3rias e legados atrav\u00e9s das gera\u00e7\u00f5es.\n            <\/h2>\n\n            <p>\n                Uma jornada que atravessa d\u00e9cadas, conecta gera\u00e7\u00f5es e mant\u00e9m viva a hist\u00f3ria de uma fam\u00edlia constru\u00edda com amor, trabalho e tradi\u00e7\u00e3o.\n            <\/p>\n\n            <div class=\"mfa-buttons\">\n\n                <a href=\"#acervo\" class=\"mfa-btn mfa-btn-primary\">\n                    Explorar o Acervo\n                <\/a>\n\n                <a href=\"#historia\" class=\"mfa-btn mfa-btn-secondary\">\n                    Conhecer a Hist\u00f3ria\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- ========================================= -->\n    <!-- APRESENTA\u00c7\u00c3O -->\n    <!-- ========================================= -->\n\n    <section id=\"historia\" class=\"mfa-about\">\n\n        <div class=\"mfa-container\">\n\n            <div class=\"mfa-about-grid\">\n\n                <div class=\"mfa-about-content\">\n\n                    <span class=\"mfa-section-label\">\n                        Nossa Hist\u00f3ria\n                    <\/span>\n\n                    <h2>\n                        Uma trajet\u00f3ria constru\u00edda atrav\u00e9s das gera\u00e7\u00f5es\n                    <\/h2>\n\n                    <p>\n                        A Fam\u00edlia Almeida iniciou sua trajet\u00f3ria no interior de Minas Gerais na d\u00e9cada de 1940.\n                    <\/p>\n\n                    <p>\n                        Entre fazendas, mudan\u00e7as, desafios e conquistas, construiu um legado transmitido de gera\u00e7\u00e3o em gera\u00e7\u00e3o.\n                    <\/p>\n\n                    <p>\n                        Hist\u00f3rias de trabalho, uni\u00e3o, coragem e perseveran\u00e7a moldaram a identidade familiar e ajudaram a construir valores que permanecem vivos at\u00e9 hoje.\n                    <\/p>\n\n                    <p>\n                        Agora, toda essa trajet\u00f3ria est\u00e1 preservada neste museu digital, criado para garantir que as futuras gera\u00e7\u00f5es conhe\u00e7am suas origens e mantenham viva a mem\u00f3ria daqueles que vieram antes.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"mfa-about-image\">\n\n                    <div class=\"mfa-image-placeholder large\">\n\n                        [ IMAGEM DA FAM\u00cdLIA REUNIDA ]\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- ========================================= -->\n    <!-- N\u00daMEROS DO LEGADO -->\n    <!-- ========================================= -->\n\n    <section class=\"mfa-stats\">\n\n        <div class=\"mfa-container\">\n\n            <div class=\"mfa-section-heading\">\n\n                <span class=\"mfa-section-label\">\n                    Legado Familiar\n                <\/span>\n\n                <h2>\n                    Uma hist\u00f3ria preservada para o futuro\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"mfa-stats-grid\">\n\n                <!-- CARD 1 -->\n\n                <div class=\"mfa-stat-card\">\n\n                    <div class=\"mfa-stat-number\">\n                        80+\n                    <\/div>\n\n                    <div class=\"mfa-stat-title\">\n                        Anos de Hist\u00f3ria\n                    <\/div>\n\n                <\/div>\n\n                <!-- CARD 2 -->\n\n                <div class=\"mfa-stat-card\">\n\n                    <div class=\"mfa-stat-number\">\n                        4\n                    <\/div>\n\n                    <div class=\"mfa-stat-title\">\n                        Gera\u00e7\u00f5es\n                    <\/div>\n\n                <\/div>\n\n                <!-- CARD 3 -->\n\n                <div class=\"mfa-stat-card\">\n\n                    <div class=\"mfa-stat-number\">\n                        500+\n                    <\/div>\n\n                    <div class=\"mfa-stat-title\">\n                        Mem\u00f3rias Preservadas\n                    <\/div>\n\n                <\/div>\n\n                <!-- CARD 4 -->\n\n                <div class=\"mfa-stat-card\">\n\n                    <div class=\"mfa-stat-number\">\n                        100+\n                    <\/div>\n\n                    <div class=\"mfa-stat-title\">\n                        Fotografias Hist\u00f3ricas\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n<!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 2 -->\n<!-- LINHA DO TEMPO + FUNDADORES + HIST\u00d3RIAS -->\n<!-- ========================================= -->\n\n\n<!-- ========================================= -->\n<!-- LINHA DO TEMPO -->\n<!-- ========================================= -->\n\n<section id=\"timeline\" class=\"mfa-timeline\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Nossa Jornada\n            <\/span>\n\n            <h2>\n                Linha do Tempo Familiar\n            <\/h2>\n\n            <p>\n                Marcos que ajudaram a construir o legado da Fam\u00edlia Almeida ao longo das gera\u00e7\u00f5es.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-timeline-wrapper\">\n\n            <!-- ITEM 1 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1945\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; PRIMEIRA FAZENDA ]\n                    <\/div>\n\n                    <h3>\n                        A Primeira Propriedade\n                    <\/h3>\n\n                    <p>\n                        Jos\u00e9 Almeida adquire a primeira propriedade rural da fam\u00edlia em Minas Gerais, dando in\u00edcio a uma nova etapa de prosperidade e crescimento.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 2 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1946\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; CASAMENTO ]\n                    <\/div>\n\n                    <h3>\n                        Uni\u00e3o de Jos\u00e9 e Maria\n                    <\/h3>\n\n                    <p>\n                        O casamento dos fundadores marca o in\u00edcio da constru\u00e7\u00e3o da fam\u00edlia e dos valores que seriam transmitidos por gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 3 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1965\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUDAN\u00c7A PARA S\u00c3O PAULO ]\n                    <\/div>\n\n                    <h3>\n                        Novos Caminhos\n                    <\/h3>\n\n                    <p>\n                        Parte da fam\u00edlia muda-se para S\u00e3o Paulo em busca de novas oportunidades, ampliando horizontes e construindo novas hist\u00f3rias.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 4 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1978\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                    <\/div>\n\n                    <h3>\n                        Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        Jo\u00e3o Almeida funda a Almeida Constru\u00e7\u00f5es, transformando dedica\u00e7\u00e3o e vis\u00e3o empreendedora em um legado empresarial.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 5 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1985\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ENCONTRO FAMILIAR ]\n                    <\/div>\n\n                    <h3>\n                        Primeiro Grande Encontro\n                    <\/h3>\n\n                    <p>\n                        A fam\u00edlia realiza seu primeiro encontro oficial, fortalecendo la\u00e7os e criando uma tradi\u00e7\u00e3o que permanece viva.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 6 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    2025\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUSEU DA FAM\u00cdLIA ]\n                    <\/div>\n\n                    <h3>\n                        Cria\u00e7\u00e3o do Museu Digital\n                    <\/h3>\n\n                    <p>\n                        Nasce o Museu da Fam\u00edlia Almeida, reunindo fotografias, documentos e hist\u00f3rias para preservar o legado familiar.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- FUNDADORES -->\n<!-- ========================================= -->\n\n<section id=\"fundadores\" class=\"mfa-founders\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Os Fundadores\n            <\/span>\n\n            <h2>\n                Os Pilares do Nosso Legado\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-founders-grid\">\n\n            <!-- JOS\u00c9 -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE JOS\u00c9 ALMEIDA ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Jos\u00e9 Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1920 \u2013 1998\n                    <\/span>\n\n                    <p>\n                        Patriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Agricultor dedicado, conhecido pela honestidade, disciplina e esp\u00edrito empreendedor.\n                    <\/p>\n\n                    <p>\n                        Foi respons\u00e1vel pela aquisi\u00e7\u00e3o da primeira propriedade rural da fam\u00edlia e ajudou a construir as bases do legado familiar.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- MARIA -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE MARIA DAS DORES ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Maria das Dores Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1923 \u2013 2005\n                    <\/span>\n\n                    <p>\n                        Matriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Guardi\u00e3 das tradi\u00e7\u00f5es familiares e respons\u00e1vel por fortalecer os la\u00e7os entre filhos, netos e futuras gera\u00e7\u00f5es.\n                    <\/p>\n\n                    <p>\n                        Seu carinho e dedica\u00e7\u00e3o ajudaram a preservar valores que continuam vivos at\u00e9 hoje.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- HIST\u00d3RIAS EM DESTAQUE -->\n<!-- ========================================= -->\n\n<section id=\"acervo\" class=\"mfa-stories\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Mem\u00f3rias Especiais\n            <\/span>\n\n            <h2>\n                Hist\u00f3rias que Marcaram Gera\u00e7\u00f5es\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-stories-grid\">\n\n            <!-- CARD 1 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; A VIAGEM QUE MUDOU TUDO ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Viagem que Mudou Tudo\n                    <\/h3>\n\n                    <p>\n                        A mudan\u00e7a de Minas Gerais para S\u00e3o Paulo abriu novos caminhos e transformou o futuro da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 2 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; RECEITA DA VOV\u00d3 MARIA ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Receita da Vov\u00f3 Maria\n                    <\/h3>\n\n                    <p>\n                        O tradicional bolo de fub\u00e1 tornou-se s\u00edmbolo dos encontros familiares e das mem\u00f3rias afetivas.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 3 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        A trajet\u00f3ria empreendedora que deu origem \u00e0 Almeida Constru\u00e7\u00f5es e fortaleceu o legado da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 4 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ENCONTRO ANUAL ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        O Encontro Anual da Fam\u00edlia\n                    <\/h3>\n\n                    <p>\n                        Uma tradi\u00e7\u00e3o criada para celebrar a uni\u00e3o, fortalecer v\u00ednculos e compartilhar hist\u00f3rias entre gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 2 -->\n<!-- LINHA DO TEMPO + FUNDADORES + HIST\u00d3RIAS -->\n<!-- ========================================= -->\n\n\n<!-- ========================================= -->\n<!-- LINHA DO TEMPO -->\n<!-- ========================================= -->\n\n<section id=\"timeline\" class=\"mfa-timeline\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Nossa Jornada\n            <\/span>\n\n            <h2>\n                Linha do Tempo Familiar\n            <\/h2>\n\n            <p>\n                Marcos que ajudaram a construir o legado da Fam\u00edlia Almeida ao longo das gera\u00e7\u00f5es.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-timeline-wrapper\">\n\n            <!-- ITEM 1 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1945\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; PRIMEIRA FAZENDA ]\n                    <\/div>\n\n                    <h3>\n                        A Primeira Propriedade\n                    <\/h3>\n\n                    <p>\n                        Jos\u00e9 Almeida adquire a primeira propriedade rural da fam\u00edlia em Minas Gerais, dando in\u00edcio a uma nova etapa de prosperidade e crescimento.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 2 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1946\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; CASAMENTO ]\n                    <\/div>\n\n                    <h3>\n                        Uni\u00e3o de Jos\u00e9 e Maria\n                    <\/h3>\n\n                    <p>\n                        O casamento dos fundadores marca o in\u00edcio da constru\u00e7\u00e3o da fam\u00edlia e dos valores que seriam transmitidos por gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 3 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1965\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUDAN\u00c7A PARA S\u00c3O PAULO ]\n                    <\/div>\n\n                    <h3>\n                        Novos Caminhos\n                    <\/h3>\n\n                    <p>\n                        Parte da fam\u00edlia muda-se para S\u00e3o Paulo em busca de novas oportunidades, ampliando horizontes e construindo novas hist\u00f3rias.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 4 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1978\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                    <\/div>\n\n                    <h3>\n                        Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        Jo\u00e3o Almeida funda a Almeida Constru\u00e7\u00f5es, transformando dedica\u00e7\u00e3o e vis\u00e3o empreendedora em um legado empresarial.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 5 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1985\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ENCONTRO FAMILIAR ]\n                    <\/div>\n\n                    <h3>\n                        Primeiro Grande Encontro\n                    <\/h3>\n\n                    <p>\n                        A fam\u00edlia realiza seu primeiro encontro oficial, fortalecendo la\u00e7os e criando uma tradi\u00e7\u00e3o que permanece viva.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 6 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    2025\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUSEU DA FAM\u00cdLIA ]\n                    <\/div>\n\n                    <h3>\n                        Cria\u00e7\u00e3o do Museu Digital\n                    <\/h3>\n\n                    <p>\n                        Nasce o Museu da Fam\u00edlia Almeida, reunindo fotografias, documentos e hist\u00f3rias para preservar o legado familiar.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- FUNDADORES -->\n<!-- ========================================= -->\n\n<section id=\"fundadores\" class=\"mfa-founders\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Os Fundadores\n            <\/span>\n\n            <h2>\n                Os Pilares do Nosso Legado\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-founders-grid\">\n\n            <!-- JOS\u00c9 -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE JOS\u00c9 ALMEIDA ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Jos\u00e9 Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1920 \u2013 1998\n                    <\/span>\n\n                    <p>\n                        Patriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Agricultor dedicado, conhecido pela honestidade, disciplina e esp\u00edrito empreendedor.\n                    <\/p>\n\n                    <p>\n                        Foi respons\u00e1vel pela aquisi\u00e7\u00e3o da primeira propriedade rural da fam\u00edlia e ajudou a construir as bases do legado familiar.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- MARIA -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE MARIA DAS DORES ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Maria das Dores Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1923 \u2013 2005\n                    <\/span>\n\n                    <p>\n                        Matriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Guardi\u00e3 das tradi\u00e7\u00f5es familiares e respons\u00e1vel por fortalecer os la\u00e7os entre filhos, netos e futuras gera\u00e7\u00f5es.\n                    <\/p>\n\n                    <p>\n                        Seu carinho e dedica\u00e7\u00e3o ajudaram a preservar valores que continuam vivos at\u00e9 hoje.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- HIST\u00d3RIAS EM DESTAQUE -->\n<!-- ========================================= -->\n\n<section id=\"acervo\" class=\"mfa-stories\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Mem\u00f3rias Especiais\n            <\/span>\n\n            <h2>\n                Hist\u00f3rias que Marcaram Gera\u00e7\u00f5es\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-stories-grid\">\n\n            <!-- CARD 1 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; A VIAGEM QUE MUDOU TUDO ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Viagem que Mudou Tudo\n                    <\/h3>\n\n                    <p>\n                        A mudan\u00e7a de Minas Gerais para S\u00e3o Paulo abriu novos caminhos e transformou o futuro da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 2 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; RECEITA DA VOV\u00d3 MARIA ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Receita da Vov\u00f3 Maria\n                    <\/h3>\n\n                    <p>\n                        O tradicional bolo de fub\u00e1 tornou-se s\u00edmbolo dos encontros familiares e das mem\u00f3rias afetivas.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 3 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        A trajet\u00f3ria empreendedora que deu origem \u00e0 Almeida Constru\u00e7\u00f5es e fortaleceu o legado da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 4 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ENCONTRO ANUAL ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        O Encontro Anual da Fam\u00edlia\n                    <\/h3>\n\n                    <p>\n                        Uma tradi\u00e7\u00e3o criada para celebrar a uni\u00e3o, fortalecer v\u00ednculos e compartilhar hist\u00f3rias entre gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section><!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 2 -->\n<!-- LINHA DO TEMPO + FUNDADORES + HIST\u00d3RIAS -->\n<!-- ========================================= -->\n\n\n<!-- ========================================= -->\n<!-- LINHA DO TEMPO -->\n<!-- ========================================= -->\n\n<section id=\"timeline\" class=\"mfa-timeline\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Nossa Jornada\n            <\/span>\n\n            <h2>\n                Linha do Tempo Familiar\n            <\/h2>\n\n            <p>\n                Marcos que ajudaram a construir o legado da Fam\u00edlia Almeida ao longo das gera\u00e7\u00f5es.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-timeline-wrapper\">\n\n            <!-- ITEM 1 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1945\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; PRIMEIRA FAZENDA ]\n                    <\/div>\n\n                    <h3>\n                        A Primeira Propriedade\n                    <\/h3>\n\n                    <p>\n                        Jos\u00e9 Almeida adquire a primeira propriedade rural da fam\u00edlia em Minas Gerais, dando in\u00edcio a uma nova etapa de prosperidade e crescimento.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 2 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1946\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; CASAMENTO ]\n                    <\/div>\n\n                    <h3>\n                        Uni\u00e3o de Jos\u00e9 e Maria\n                    <\/h3>\n\n                    <p>\n                        O casamento dos fundadores marca o in\u00edcio da constru\u00e7\u00e3o da fam\u00edlia e dos valores que seriam transmitidos por gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 3 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1965\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUDAN\u00c7A PARA S\u00c3O PAULO ]\n                    <\/div>\n\n                    <h3>\n                        Novos Caminhos\n                    <\/h3>\n\n                    <p>\n                        Parte da fam\u00edlia muda-se para S\u00e3o Paulo em busca de novas oportunidades, ampliando horizontes e construindo novas hist\u00f3rias.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 4 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1978\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                    <\/div>\n\n                    <h3>\n                        Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        Jo\u00e3o Almeida funda a Almeida Constru\u00e7\u00f5es, transformando dedica\u00e7\u00e3o e vis\u00e3o empreendedora em um legado empresarial.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 5 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    1985\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; ENCONTRO FAMILIAR ]\n                    <\/div>\n\n                    <h3>\n                        Primeiro Grande Encontro\n                    <\/h3>\n\n                    <p>\n                        A fam\u00edlia realiza seu primeiro encontro oficial, fortalecendo la\u00e7os e criando uma tradi\u00e7\u00e3o que permanece viva.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- ITEM 6 -->\n\n            <div class=\"mfa-timeline-item\">\n\n                <div class=\"mfa-timeline-year\">\n                    2025\n                <\/div>\n\n                <div class=\"mfa-timeline-card\">\n\n                    <div class=\"mfa-image-placeholder\">\n                        [ IMAGEM &#8211; MUSEU DA FAM\u00cdLIA ]\n                    <\/div>\n\n                    <h3>\n                        Cria\u00e7\u00e3o do Museu Digital\n                    <\/h3>\n\n                    <p>\n                        Nasce o Museu da Fam\u00edlia Almeida, reunindo fotografias, documentos e hist\u00f3rias para preservar o legado familiar.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- FUNDADORES -->\n<!-- ========================================= -->\n\n<section id=\"fundadores\" class=\"mfa-founders\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Os Fundadores\n            <\/span>\n\n            <h2>\n                Os Pilares do Nosso Legado\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-founders-grid\">\n\n            <!-- JOS\u00c9 -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE JOS\u00c9 ALMEIDA ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Jos\u00e9 Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1920 \u2013 1998\n                    <\/span>\n\n                    <p>\n                        Patriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Agricultor dedicado, conhecido pela honestidade, disciplina e esp\u00edrito empreendedor.\n                    <\/p>\n\n                    <p>\n                        Foi respons\u00e1vel pela aquisi\u00e7\u00e3o da primeira propriedade rural da fam\u00edlia e ajudou a construir as bases do legado familiar.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- MARIA -->\n\n            <div class=\"mfa-founder-card\">\n\n                <div class=\"mfa-image-placeholder portrait\">\n                    [ RETRATO DE MARIA DAS DORES ]\n                <\/div>\n\n                <div class=\"mfa-founder-content\">\n\n                    <h3>\n                        Maria das Dores Almeida\n                    <\/h3>\n\n                    <span class=\"mfa-founder-years\">\n                        1923 \u2013 2005\n                    <\/span>\n\n                    <p>\n                        Matriarca da fam\u00edlia.\n                    <\/p>\n\n                    <p>\n                        Guardi\u00e3 das tradi\u00e7\u00f5es familiares e respons\u00e1vel por fortalecer os la\u00e7os entre filhos, netos e futuras gera\u00e7\u00f5es.\n                    <\/p>\n\n                    <p>\n                        Seu carinho e dedica\u00e7\u00e3o ajudaram a preservar valores que continuam vivos at\u00e9 hoje.\n                    <\/p>\n\n                    <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                        Conhecer sua Hist\u00f3ria\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- HIST\u00d3RIAS EM DESTAQUE -->\n<!-- ========================================= -->\n\n<section id=\"acervo\" class=\"mfa-stories\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Mem\u00f3rias Especiais\n            <\/span>\n\n            <h2>\n                Hist\u00f3rias que Marcaram Gera\u00e7\u00f5es\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"mfa-stories-grid\">\n\n            <!-- CARD 1 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; A VIAGEM QUE MUDOU TUDO ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Viagem que Mudou Tudo\n                    <\/h3>\n\n                    <p>\n                        A mudan\u00e7a de Minas Gerais para S\u00e3o Paulo abriu novos caminhos e transformou o futuro da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 2 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; RECEITA DA VOV\u00d3 MARIA ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Receita da Vov\u00f3 Maria\n                    <\/h3>\n\n                    <p>\n                        O tradicional bolo de fub\u00e1 tornou-se s\u00edmbolo dos encontros familiares e das mem\u00f3rias afetivas.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 3 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ALMEIDA CONSTRU\u00c7\u00d5ES ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        A Funda\u00e7\u00e3o da Empresa Familiar\n                    <\/h3>\n\n                    <p>\n                        A trajet\u00f3ria empreendedora que deu origem \u00e0 Almeida Constru\u00e7\u00f5es e fortaleceu o legado da fam\u00edlia.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n            <!-- CARD 4 -->\n\n            <article class=\"mfa-story-card\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ IMAGEM &#8211; ENCONTRO ANUAL ]\n                <\/div>\n\n                <div class=\"mfa-story-content\">\n\n                    <h3>\n                        O Encontro Anual da Fam\u00edlia\n                    <\/h3>\n\n                    <p>\n                        Uma tradi\u00e7\u00e3o criada para celebrar a uni\u00e3o, fortalecer v\u00ednculos e compartilhar hist\u00f3rias entre gera\u00e7\u00f5es.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<\/div>\n<!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 3 -->\n<!-- GALERIA + DOCUMENTOS + FRASE DO LEGADO -->\n<!-- ========================================= -->\n\n\n\n<!-- ========================================= -->\n<!-- GALERIA HIST\u00d3RICA -->\n<!-- ========================================= -->\n\n<section id=\"galeria\" class=\"mfa-gallery\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Acervo Fotogr\u00e1fico\n            <\/span>\n\n            <h2>\n                Galeria Hist\u00f3rica\n            <\/h2>\n\n            <p>\n                Fotografias que preservam momentos especiais e ajudam a contar a trajet\u00f3ria da Fam\u00edlia Almeida ao longo das gera\u00e7\u00f5es.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-gallery-grid\">\n\n            <!-- FOTO 01 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 01 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 02 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 02 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 03 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 03 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 04 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 04 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 05 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 05 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 06 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 06 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 07 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 07 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 08 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 08 ]\n                <\/div>\n\n            <\/a>\n\n            <!-- FOTO 09 -->\n\n            <a href=\"#\" class=\"mfa-gallery-item\">\n\n                <div class=\"mfa-image-placeholder\">\n                    [ FOTO 09 ]\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n        <div class=\"mfa-gallery-note\">\n\n            <p>\n                Clique em qualquer imagem para visualizar em tamanho ampliado.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- DOCUMENTOS HIST\u00d3RICOS -->\n<!-- ========================================= -->\n\n<section id=\"documentos\" class=\"mfa-documents\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Arquivos Preservados\n            <\/span>\n\n            <h2>\n                Documentos que Contam Nossa Hist\u00f3ria\n            <\/h2>\n\n            <p>\n                Registros que ajudam a preservar acontecimentos importantes e revelam cap\u00edtulos fundamentais da trajet\u00f3ria familiar.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-documents-grid\">\n\n            <!-- DOCUMENTO 1 -->\n\n            <div class=\"mfa-document-card\">\n\n                <div class=\"mfa-image-placeholder document\">\n\n                    [ CERTID\u00c3O DE CASAMENTO ]\n\n                <\/div>\n\n                <h3>\n                    Certid\u00e3o de Casamento dos Fundadores\n                <\/h3>\n\n                <p>\n                    Documento hist\u00f3rico que registra a uni\u00e3o de Jos\u00e9 Almeida e Maria das Dores em 1946.\n                <\/p>\n\n            <\/div>\n\n            <!-- DOCUMENTO 2 -->\n\n            <div class=\"mfa-document-card\">\n\n                <div class=\"mfa-image-placeholder document\">\n\n                    [ ESCRITURA DA PRIMEIRA FAZENDA ]\n\n                <\/div>\n\n                <h3>\n                    Escritura da Primeira Fazenda\n                <\/h3>\n\n                <p>\n                    Registro oficial da propriedade adquirida por Jos\u00e9 Almeida em Minas Gerais.\n                <\/p>\n\n            <\/div>\n\n            <!-- DOCUMENTO 3 -->\n\n            <div class=\"mfa-document-card\">\n\n                <div class=\"mfa-image-placeholder document\">\n\n                    [ CARTA ANTIGA ]\n\n                <\/div>\n\n                <h3>\n                    Cartas Familiares da D\u00e9cada de 1950\n                <\/h3>\n\n                <p>\n                    Correspond\u00eancias que retratam o cotidiano e os la\u00e7os familiares da \u00e9poca.\n                <\/p>\n\n            <\/div>\n\n            <!-- DOCUMENTO 4 -->\n\n            <div class=\"mfa-document-card\">\n\n                <div class=\"mfa-image-placeholder document\">\n\n                    [ REGISTRO DA EMPRESA ]\n\n                <\/div>\n\n                <h3>\n                    Funda\u00e7\u00e3o da Almeida Constru\u00e7\u00f5es\n                <\/h3>\n\n                <p>\n                    Documenta\u00e7\u00e3o hist\u00f3rica que marca o in\u00edcio da trajet\u00f3ria empresarial da fam\u00edlia.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- FRASE DO LEGADO -->\n<!-- ========================================= -->\n\n<section class=\"mfa-legacy-quote\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-quote-wrapper\">\n\n            <div class=\"mfa-quote-icon\">\n                \u275d\n            <\/div>\n\n            <blockquote>\n\n                A riqueza de uma fam\u00edlia n\u00e3o est\u00e1 no que ela possui,\n                mas no que ela transmite.\n\n            <\/blockquote>\n\n            <div class=\"mfa-quote-divider\"><\/div>\n\n            <p class=\"mfa-quote-subtitle\">\n\n                Um legado constru\u00eddo atrav\u00e9s de hist\u00f3rias, valores,\n                mem\u00f3rias e gera\u00e7\u00f5es.\n\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<div class=\"mfa-page\"><!-- ========================================= -->\n<!-- MUSEU DA FAM\u00cdLIA ALMEIDA - PARTE 4 -->\n<!-- \u00c1RVORE GENEAL\u00d3GICA + V\u00cdDEOS + ENCERRAMENTO -->\n<!-- FOOTER -->\n<!-- ========================================= -->\n\n\n\n<!-- ========================================= -->\n<!-- \u00c1RVORE GENEAL\u00d3GICA -->\n<!-- ========================================= -->\n\n<section id=\"familia\" class=\"mfa-tree\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Nossas Ra\u00edzes\n            <\/span>\n\n            <h2>\n                Nossa Fam\u00edlia\n            <\/h2>\n\n            <p>\n                Uma representa\u00e7\u00e3o das gera\u00e7\u00f5es que constru\u00edram e continuam fortalecendo o legado da Fam\u00edlia Almeida.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-tree-wrapper\">\n\n            <div class=\"mfa-image-placeholder tree\">\n\n                [ IMAGEM DA \u00c1RVORE GENEAL\u00d3GICA ]\n\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mfa-tree-button\">\n\n            <a href=\"#\" class=\"mfa-btn mfa-btn-primary\">\n                Ver \u00c1rvore Completa\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- MEM\u00d3RIAS EM V\u00cdDEO -->\n<!-- ========================================= -->\n\n<section id=\"videos\" class=\"mfa-videos\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-section-heading center\">\n\n            <span class=\"mfa-section-label\">\n                Hist\u00f3rias em Movimento\n            <\/span>\n\n            <h2>\n                Hist\u00f3rias Contadas por Quem Viveu\n            <\/h2>\n\n            <p>\n                Relatos, mem\u00f3rias e momentos especiais registrados para preservar a voz e as experi\u00eancias de cada gera\u00e7\u00e3o.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"mfa-videos-grid\">\n\n            <!-- V\u00cdDEO 1 -->\n\n            <div class=\"mfa-video-card\">\n\n                <div class=\"mfa-video-placeholder\">\n\n                    \u25b6\n\n                <\/div>\n\n                <h3>\n                    Entrevista com Ant\u00f4nio Almeida\n                <\/h3>\n\n                <p>\n                    Recorda\u00e7\u00f5es sobre a inf\u00e2ncia, a fazenda e as mudan\u00e7as que marcaram a trajet\u00f3ria da fam\u00edlia.\n                <\/p>\n\n            <\/div>\n\n            <!-- V\u00cdDEO 2 -->\n\n            <div class=\"mfa-video-card\">\n\n                <div class=\"mfa-video-placeholder\">\n\n                    \u25b6\n\n                <\/div>\n\n                <h3>\n                    Hist\u00f3rias da Dona Maria\n                <\/h3>\n\n                <p>\n                    Relatos emocionantes sobre tradi\u00e7\u00f5es, encontros familiares e momentos inesquec\u00edveis.\n                <\/p>\n\n            <\/div>\n\n            <!-- V\u00cdDEO 3 -->\n\n            <div class=\"mfa-video-card\">\n\n                <div class=\"mfa-video-placeholder\">\n\n                    \u25b6\n\n                <\/div>\n\n                <h3>\n                    Encontro Familiar 2025\n                <\/h3>\n\n                <p>\n                    Celebra\u00e7\u00e3o que reuniu diferentes gera\u00e7\u00f5es para homenagear a hist\u00f3ria da Fam\u00edlia Almeida.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- ENCERRAMENTO -->\n<!-- ========================================= -->\n\n<section id=\"encerramento\" class=\"mfa-closing\">\n\n    <!-- IMAGEM DE ENCERRAMENTO -->\n\n    <div class=\"mfa-closing-image\">\n\n        <div class=\"mfa-image-placeholder\">\n\n            [ IMAGEM DE ENCERRAMENTO ]\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"mfa-overlay\"><\/div>\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-closing-content\">\n\n            <span class=\"mfa-section-label\">\n                O Legado Continua\n            <\/span>\n\n            <h2>\n                Um Legado Que Continua Vivo\n            <\/h2>\n\n            <p>\n                O Museu da Fam\u00edlia Almeida foi criado para preservar o passado, celebrar o presente e inspirar as futuras gera\u00e7\u00f5es.\n            <\/p>\n\n            <p>\n                Porque toda fam\u00edlia tem uma hist\u00f3ria.\n            <\/p>\n\n            <p>\n                E toda hist\u00f3ria merece ser lembrada.\n            <\/p>\n\n            <a href=\"#historia\" class=\"mfa-btn mfa-btn-primary\">\n                Explorar Todo o Acervo\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ========================================= -->\n<!-- FOOTER -->\n<!-- ========================================= -->\n\n<footer id=\"contato\" class=\"mfa-footer\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-footer-top\">\n\n            <div class=\"mfa-footer-brand\">\n\n                <h3>\n                    Museu da Fam\u00edlia Almeida\n                <\/h3>\n\n                <p>\n                    Preservando hist\u00f3rias, mem\u00f3rias e legados atrav\u00e9s das gera\u00e7\u00f5es.\n                <\/p>\n\n            <\/div>\n\n            <nav class=\"mfa-footer-menu\">\n\n                <a href=\"#historia\">\n                    Hist\u00f3ria\n                <\/a>\n\n                <a href=\"#acervo\">\n                    Acervo\n                <\/a>\n\n                <a href=\"#galeria\">\n                    Galeria\n                <\/a>\n\n                <a href=\"#timeline\">\n                    Linha do Tempo\n                <\/a>\n\n                <a href=\"#contato\">\n                    Contato\n                <\/a>\n\n            <\/nav>\n\n        <\/div>\n\n        <div class=\"mfa-footer-divider\"><\/div>\n\n        <div class=\"mfa-footer-bottom\">\n\n            <p>\n                \u00a9 2025 Museu da Fam\u00edlia Almeida. Todos os direitos reservados.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/footer>\n\n\n\n<!-- ========================================= -->\n<!-- OBSERVA\u00c7\u00c3O DISCRETA DA DEMONSTRA\u00c7\u00c3O -->\n<!-- ========================================= -->\n\n<section class=\"mfa-demo-note\">\n\n    <div class=\"mfa-container\">\n\n        <div class=\"mfa-demo-box\">\n\n            <p>\n                Este museu \u00e9 uma demonstra\u00e7\u00e3o do projeto Museu da Fam\u00edlia, desenvolvido pela CPM Webmaster.\n            <\/p>\n\n            <a href=\"#\" class=\"mfa-btn mfa-btn-secondary\">\n                Criar o Museu da Minha Fam\u00edlia\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CPM Museu Digital Familiar Museu da Fam\u00edlia Almeida \u2190 Voltar para CPM Webmaster [ IMAGEM HERO DA FAM\u00cdLIA ALMEIDA ] \ud83c\udfdb\ufe0f Museu Digital Familiar Museu da Fam\u00edlia Almeida Preservando hist\u00f3rias, mem\u00f3rias e legados atrav\u00e9s das gera\u00e7\u00f5es. Uma jornada que atravessa d\u00e9cadas, conecta gera\u00e7\u00f5es e mant\u00e9m viva a hist\u00f3ria de uma fam\u00edlia constru\u00edda com amor, trabalho [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"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:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/pages\/6\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/cpmwebmaster.com.br\/museudafamilia\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}