1<!doctype html> 2<html lang="pt-BR" prefix="og: https://ogp.me/ns#"> 3<head> 4 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover"> 7 <link rel="profile" href="https://gmpg.org/xfn/11"> 8 9 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 10 11<!-- Otimização para mecanismos de pesquisa pelo Rank Math - https://rankmath.com/ --> 12<title>sobreomuf2 | MUSEU DE FAVELA</title> 13<meta name="description" content="âUma morada de sonhos do coletivoâ"/> 14<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> 15<link rel="canonical" href="https://museudefavela.org/sobreomuf/" /> 16<meta property="og:locale" content="pt_BR" /> 17<meta property="og:type" content="article" /> 18<meta property="og:title" content="sobreomuf2 | MUSEU DE FAVELA" /> 19<meta property="og:description" content="âUma morada de sonhos do coletivoâ" /> 20<meta property="og:url" content="https://museudefavela.org/sobreomuf/" /> 21<meta property="og:site_name" content="MUSEU DE FAVELA" /> 22<meta property="og:updated_time" content="2026-05-19T23:33:36+00:00" /> 23<meta property="og:image" content="https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg" /> 24<meta property="og:image:secure_url" content="https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg" /> 25<meta property="og:image:width" content="1600" /> 26<meta property="og:image:height" content="1047" /> 27<meta property="og:image:alt" content="sobreomuf2" /> 28<meta property="og:image:type" content="image/jpeg" /> 29<meta property="article:published_time" content="2026-01-19T18:58:26+00:00" /> 30<meta property="article:modified_time" content="2026-05-19T23:33:36+00:00" /> 31<meta name="twitter:card" content="summary_large_image" /> 32<meta name="twitter:title" content="sobreomuf2 | MUSEU DE FAVELA" /> 33<meta name="twitter:description" content="âUma morada de sonhos do coletivoâ" /> 34<meta name="twitter:image" content="https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg" /> 35<meta name="twitter:label1" content="Tempo para leitura" /> 36<meta name="twitter:data1" content="6 minutos" />
37<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://museudefavela.org/#organization","name":"MUSEU DE FAVELA","url":"https://museudefavela.org","logo":{"@type":"ImageObject","@id":"https://museudefavela.org/#logo","url":"https://museudefavela.org/wp-content/uploads/2024/06/muf-logo-120_a-1.png","contentUrl":"https://museudefavela.org/wp-content/uploads/2024/06/muf-logo-120_a-1.png","caption":"MUSEU DE FAVELA","inLanguage":"pt-BR"}},{"@type":"WebSite","@id":"https://museudefavela.org/#website","url":"https://museudefavela.org","name":"MUSEU DE FAVELA","alternateName":"MUF","publisher":{"@id":"https://museudefavela.org/#organization"},"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg","url":"https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg","width":"200","height":"200","inLanguage":"pt-BR"},{"@type":"BreadcrumbList","@id":"https://museudefavela.org/sobreomuf/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://museudefavela.org","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://museudefavela.org/sobreomuf/","name":"sobreomuf2"}}]},{"@type":"WebPage","@id":"https://museudefavela.org/sobreomuf/#webpage","url":"https://museudefavela.org/sobreomuf/","name":"sobreomuf2 | MUSEU DE FAVELA","datePublished":"2026-01-19T18:58:26+00:00","dateModified":"2026-05-19T23:33:36+00:00","isPartOf":{"@id":"https://museudefavela.org/#website"},"primaryImageOfPage":{"@id":"https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg"},"inLanguage":"pt-BR","breadcrumb":{"@id":"https://museudefavela.org/sobreomuf/#breadcrumb"}},{"@type":"Person","@id":"https://af3acabf9a65b7f3.org/author/af3acabf9a65b7f3/","name":"MUF","url":"https://af3acabf9a65b7f3.org/author/af3acabf9a65b7f3/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/cf132a33fc5b3c677b801ad3695e5d788c28f56cff7490221e3b6a10a2645e6e?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/cf132a33fc5b3c677b801ad3695e5d788c28f56cff7490221e3b6a10a2645e6e?s=96&d=mm&r=g","caption":"MUF","inLanguage":"pt-BR"},"sameAs":["https://museudefavela.org"],"worksFor":{"@id":"https://museudefavela.org/#organization"}},{"@type":"Article","headline":"sobreomuf2 | MUSEU DE FAVELA","datePublished":"2026-01-19T18:58:26+00:00","dateModified":"2026-05-19T23:33:36+00:00","author":{"@id":"https://af3acabf9a65b7f3.org/author/af3acabf9a65b7f3/","name":"MUF"},"publisher":{"@id":"https://museudefavela.org/#organization"},"description":"\u201cUma morada de sonhos do coletivo\u201d","name":"sobreomuf2 | MUSEU DE FAVELA","@id":"https://museudefavela.org/sobreomuf/#richSnippet","isPartOf":{"@id":"https://museudefavela.org/sobreomuf/#webpage"},"image":{"@id":"https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg"},"inLanguage":"pt-BR","mainEntityOfPage":{"@id":"https://museudefavela.org/sobreomuf/#webpage"}}]}</script>
37 38<!-- /Plugin de SEO Rank Math para WordPress --> 39 40<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 41<link rel="alternate" type="application/rss+xml" title="Feed para MUSEU DE FAVELA »" href="https://museudefavela.org/feed/" /> 42 43<link rel='stylesheet' id='blocksy-dynamic-global-css' href='https://museudefavela.org/wp-content/uploads/blocksy/css/global.css' media='all' /> 44<link rel='stylesheet' id='fluentform-elementor-widget-css' href='https://museudefavela.org/wp-content/plugins/fluentform/assets/css/fluent-forms-elementor-widget.css' media='all' /> 45<link rel='stylesheet' id='wp-components-css' href='https://museudefavela.org/wp-includes/css/dist/components/style.min.css' media='all' /> 46<link rel='stylesheet' id='wp-preferences-css' href='https://museudefavela.org/wp-includes/css/dist/preferences/style.min.css' media='all' /> 47<link rel='stylesheet' id='wp-block-editor-css' href='https://museudefavela.org/wp-includes/css/dist/block-editor/style.min.css' media='all' /> 48<link rel='stylesheet' id='popup-maker-block-library-style-css' href='https://museudefavela.org/wp-content/plugins/popup-maker/dist/packages/block-library-style.css' media='all' /> 49<style id='global-styles-inline-css'> 50:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--palette-color-1: var(--theme-palette-color-1, #2E75B4);--wp--preset--color--palette-color-2: var(--theme-palette-color-2, #029300);--wp--preset--color--palette-color-3: var(--theme-palette-color-3, #364c46);--wp--preset--color--palette-color-4: var(--theme-palette-color-4, #192c27);--wp--preset--color--palette-color-5: var(--theme-palette-color-5, #E6F0EE);--wp--preset--color--palette-color-6: var(--theme-palette-color-6, #F8D019);--wp--preset--color--palette-color-7: var(--theme-palette-color-7, #FBFCFC);--wp--preset--color--palette-color-8: var(--theme-palette-color-8, #ffffff);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
50--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--juicy-peach: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);--wp--preset--gradient--young-passion: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);--wp--preset--gradient--true-sunset: linear-gradient(to right, #fa709a 0%, #fee140 100%);--wp--preset--gradient--morpheus-den: linear-gradient(to top, #30cfd0 0%, #330867 100%);--wp--preset--gradient--plum-plate: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--wp--preset--gradient--aqua-splash: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);--wp--preset--gradient--love-kiss: linear-gradient(to top, #ff0844 0%, #ffb199 100%);--wp--preset--gradient--new-retrowave: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);--wp--preset--gradient--plum-bath: linear-gradient(to top, #cc208e 0%, #6713d2 100%);--wp--preset--gradient--high-flight: linear-gradient(to right, #0acffe 0%, #495aff 100%);--wp--preset--gradient--teen-party: linear-gradient(135deg, #FF057C 0%, #8D0B93 50%, #321575 100%);--wp--preset--gradient--fabled-sunset: linear-gradient(135deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);--wp--preset--gradient--arielle-smile: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);--wp--preset--gradient--itmeo-branding: linear-gradient(180deg, #2af598 0%, #009efd 100%);--wp--preset--gradient--deep-blue: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);--wp--preset--gradient--strong-bliss: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);--wp--preset--gradient--sweet-period: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);--wp--preset--gradient--purple-division: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);--wp--preset--gradient--cold-evening: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);--wp--preset--gradient--mountain-rock: linear-gradient(to right, #868f96 0%, #596164 100%);--wp--preset--gradient--desert-hump: linear-gradient(to top, #c79081 0%, #dfa579 100%);--wp--preset--gradient--ethernal-constance: linear-gradient(to top, #09203f 0%, #537895 100%);--wp--preset--gradient--happy-memories: linear-gradient(300deg, #ff5858 0%, #f09819 100%);--wp--preset--gradient--grown-early: linear-gradient(to top, #0ba360 0%, #3cba92 100%);--wp--preset--gradient--morning-salad: linear-gradient(135deg, #B7F8DB 0%, #50A7C2 100%);--wp--preset--gradient--night-call: linear-gradient(135deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);--wp--preset--gradient--mind-crawl: linear-gradient(135deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);--wp--preset--gradient--angel-care: linear-gradient(135deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);--wp--preset--gradient--juicy-cake: linear-gradient(to top, #e14fad 0%, #f9d423 100%);--wp--preset--gradient--rich-metal: linear-gradient(to right, #d7d2cc 0%, #304352 100%);--wp--preset--gradient--mole-hall: linear-gradient(340deg, #616161 0%, #9bc5c3 100%);--wp--preset--gradient--cloudy-knoxville: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);--wp--preset--gradient--soft-grass: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);--wp--preset--gradient--saint-petersburg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--wp--preset--gradient--everlasting-sky: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);--wp--preset--gradient--kind-steel: linear-gradient(340deg, #e9defa 0%, #fbfcdb 100%);--wp--preset--gradient--over-sun: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);--wp--preset--gradient--premium-white: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);--wp--preset--gradient--clean-mirror: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);--wp--preset--gradient--wild-apple: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);--wp--preset--gradient--snow-again: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);--wp--preset--gradient--confident-cloud: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
50--wp--preset--gradient--glass-water: linear-gradient(to top, #dfe9f3 0%, white 100%);--wp--preset--gradient--perfect-white: linear-gradient(135deg, #E3FDF5 0%, #FFE6FA 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: clamp(22px, 1.375rem + ((1vw - 3.2px) * 0.625), 30px);--wp--preset--font-size--x-large: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.563), 50px);--wp--preset--font-size--xx-large: clamp(45px, 2.813rem + ((1vw - 3.2px) * 2.734), 80px);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: var(--theme-block-max-width);--wp--style--global--wide-size: var(--theme-block-wide-max-width); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--theme-content-spacing); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--theme-content-spacing); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--theme-content-spacing);}:root :where(.is-layout-grid){gap: var(--theme-content-spacing);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-color{color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-color{color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-color{color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-color{color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-color{color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-color{color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-color{color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-color{color: var(--wp--preset--color--palette-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-background-color{background-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-background-color{background-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-background-color{background-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-background-color{background-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-background-color{background-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-background-color{background-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-background-color{background-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-background-color{background-color: var(--wp--preset--color--palette-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-border-color{border-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-border-color{border-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-border-color{border-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-border-color{border-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-border-color{border-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-border-color{border-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-border-color{border-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-border-color{border-color: var(--wp--preset--color--palette-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
50.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-juicy-peach-gradient-background{background: var(--wp--preset--gradient--juicy-peach) !important;}.has-young-passion-gradient-background{background: var(--wp--preset--gradient--young-passion) !important;}.has-true-sunset-gradient-background{background: var(--wp--preset--gradient--true-sunset) !important;}.has-morpheus-den-gradient-background{background: var(--wp--preset--gradient--morpheus-den) !important;}.has-plum-plate-gradient-background{background: var(--wp--preset--gradient--plum-plate) !important;}.has-aqua-splash-gradient-background{background: var(--wp--preset--gradient--aqua-splash) !important;}.has-love-kiss-gradient-background{background: var(--wp--preset--gradient--love-kiss) !important;}.has-new-retrowave-gradient-background{background: var(--wp--preset--gradient--new-retrowave) !important;}.has-plum-bath-gradient-background{background: var(--wp--preset--gradient--plum-bath) !important;}.has-high-flight-gradient-background{background: var(--wp--preset--gradient--high-flight) !important;}
50.has-teen-party-gradient-background{background: var(--wp--preset--gradient--teen-party) !important;}.has-fabled-sunset-gradient-background{background: var(--wp--preset--gradient--fabled-sunset) !important;}.has-arielle-smile-gradient-background{background: var(--wp--preset--gradient--arielle-smile) !important;}.has-itmeo-branding-gradient-background{background: var(--wp--preset--gradient--itmeo-branding) !important;}.has-deep-blue-gradient-background{background: var(--wp--preset--gradient--deep-blue) !important;}.has-strong-bliss-gradient-background{background: var(--wp--preset--gradient--strong-bliss) !important;}.has-sweet-period-gradient-background{background: var(--wp--preset--gradient--sweet-period) !important;}.has-purple-division-gradient-background{background: var(--wp--preset--gradient--purple-division) !important;}.has-cold-evening-gradient-background{background: var(--wp--preset--gradient--cold-evening) !important;}.has-mountain-rock-gradient-background{background: var(--wp--preset--gradient--mountain-rock) !important;}.has-desert-hump-gradient-background{background: var(--wp--preset--gradient--desert-hump) !important;}.has-ethernal-constance-gradient-background{background: var(--wp--preset--gradient--ethernal-constance) !important;}.has-happy-memories-gradient-background{background: var(--wp--preset--gradient--happy-memories) !important;}.has-grown-early-gradient-background{background: var(--wp--preset--gradient--grown-early) !important;}.has-morning-salad-gradient-background{background: var(--wp--preset--gradient--morning-salad) !important;}.has-night-call-gradient-background{background: var(--wp--preset--gradient--night-call) !important;}.has-mind-crawl-gradient-background{background: var(--wp--preset--gradient--mind-crawl) !important;}.has-angel-care-gradient-background{background: var(--wp--preset--gradient--angel-care) !important;}.has-juicy-cake-gradient-background{background: var(--wp--preset--gradient--juicy-cake) !important;}.has-rich-metal-gradient-background{background: var(--wp--preset--gradient--rich-metal) !important;}.has-mole-hall-gradient-background{background: var(--wp--preset--gradient--mole-hall) !important;}.has-cloudy-knoxville-gradient-background{background: var(--wp--preset--gradient--cloudy-knoxville) !important;}.has-soft-grass-gradient-background{background: var(--wp--preset--gradient--soft-grass) !important;}.has-saint-petersburg-gradient-background{background: var(--wp--preset--gradient--saint-petersburg) !important;}.has-everlasting-sky-gradient-background{background: var(--wp--preset--gradient--everlasting-sky) !important;}.has-kind-steel-gradient-background{background: var(--wp--preset--gradient--kind-steel) !important;}.has-over-sun-gradient-background{background: var(--wp--preset--gradient--over-sun) !important;}.has-premium-white-gradient-background{background: var(--wp--preset--gradient--premium-white) !important;}.has-clean-mirror-gradient-background{background: var(--wp--preset--gradient--clean-mirror) !important;}.has-wild-apple-gradient-background{background: var(--wp--preset--gradient--wild-apple) !important;}.has-snow-again-gradient-background{background: var(--wp--preset--gradient--snow-again) !important;}.has-confident-cloud-gradient-background{background: var(--wp--preset--gradient--confident-cloud) !important;}.has-glass-water-gradient-background{background: var(--wp--preset--gradient--glass-water) !important;}.has-perfect-white-gradient-background{background: var(--wp--preset--gradient--perfect-white) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;} 51:root :where(.wp-block-pullquote){font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 0.645), 1.5em);line-height: 1.6;} 52</style> 53<link rel='stylesheet' id='parent-style-css' href='https://museudefavela.org/wp-content/themes/blocksy/style.css' media='all' /> 54<link rel='stylesheet' id='ct-main-styles-css' href='https://museudefavela.org/wp-content/themes/blocksy/static/bundle/main.min.css' media='all' /> 55<link rel='stylesheet' id='ct-page-title-styles-css' href='https://museudefavela.org/wp-content/themes/blocksy/static/bundle/p
55age-title.min.css' media='all' /> 56<link rel='stylesheet' id='ct-elementor-styles-css' href='https://museudefavela.org/wp-content/themes/blocksy/static/bundle/elementor-frontend.min.css' media='all' /> 57<link rel='stylesheet' id='mufa-acervo-v56-css' href='https://museudefavela.org/wp-content/plugins/mufa-acervo-v53/assets/css/mufa-acervo.css' media='all' /> 58<link rel='stylesheet' id='elementor-frontend-css' href='https://museudefavela.org/wp-content/plugins/elementor/assets/css/frontend.min.css' media='all' /> 59<link rel='stylesheet' id='elementor-post-451-css' href='https://museudefavela.org/wp-content/uploads/elementor/css/post-451.css' media='all' /> 60<link rel='stylesheet' id='pp-extensions-css' href='https://museudefavela.org/wp-content/plugins/powerpack-lite-for-elementor/assets/css/min/extensions.min.css' media='all' /> 61<link rel='stylesheet' id='elementor-post-4250-css' href='https://museudefavela.org/wp-content/uploads/elementor/css/post-4250.css' media='all' /> 62<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://museudefavela.org/wp-content/uploads/elementor/google-fonts/css/roboto.css' media='all' /> 63<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://museudefavela.org/wp-content/uploads/elementor/google-fonts/css/robotoslab.css' media='all' />
64<script id="asenha-external-permalinks-js-after"> 65(function () { 66 'use strict'; 67 68 document.addEventListener( 'DOMContentLoaded', function () { 69 70 var links = document.getElementsByTagName( 'a' ); 71 72 for ( var i = 0; i < links.length; i++ ) { 73 var url = links[i].getAttribute( 'href' ); 74 75 if ( url == null ) { 76 continue; 77 } 78 79 var hasAsenhaEp = url.indexOf( '#asenha_ep' ) >= 0; 80 81 if ( ! hasAsenhaEp ) { 82 continue; 83 } 84 85 url = url.replace( '#asenha_ep', '' ); 86 links[i].setAttribute( 'href', url ); 87 links[i].setAttribute( 'rel', 'noopener noreferrer nofollow' ); 88 } 89 90 } ); 91 92} )(); 93</script>
vendor: 1 bytes, line 93
93
94<script id="jquery-core-js-extra"> 95var pp = {"ajax_url":"https:\/\/museudefavela.org\/wp-admin\/admin-ajax.php"}; 96</script>
vendor: 1 bytes, line 96
96
97<script src="https://museudefavela.org/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script>
vendor: 1 bytes, line 97
97
98<script src="https://museudefavela.org/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
98 99 100<!-- Snippet da tag do Google (gtag.js) adicionado pelo Site Kit --> 101<!-- Snippet do Google Analytics adicionado pelo Site Kit -->
vendor: 58 bytes, lines 101-102
101 102<script src="https://www.googletagmanager.com/gtag/js?id=
102GT-WF7SBR8F
vendor: 40 bytes, line 102
102" id="google_gtagjs-js" async></script>
103<script id="google_gtagjs-js-after"> 104window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 105gtag("set","linker",{"domains":["museudefavela.org"]}); 106gtag("js", new Date()); 107gtag("set", "developer_id.dZTNiMT", true); 108gtag("config", "GT-WF7SBR8F"); 109</script>
109 110<link rel="https://api.w.org/" href="https://museudefavela.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://museudefavela.org/wp-json/wp/v2/pages/4250" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://museudefavela.org/xmlrpc.php?rsd" /> 111<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://museudefavela.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmuseudefavela.org%2Fsobreomuf%2F" /> 112<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://museudefavela.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmuseudefavela.org%2Fsobreomuf%2F&format=xml" /> 113
113<script data-accessible-account-id="wp_vFtGhKjLm" 114 id="allAccessibleWidget" 115 src="https://museudefavela.org/wp-content/plugins/allaccessible/assets/widget.js" 116 defer></script>
116 117 <!-- start Simple Custom CSS and JS --> 118<style> 119@media (max-width: 900px){ 120 footer nav.footer-menu ul.menu{ 121 display: flex !important; 122 justify-content: center !important; 123 flex-wrap: wrap !important; 124 gap: 12px !important; 125 } 126 127 footer nav.footer-menu ul.menu > li{ 128 margin: 0 !important; 129 } 130} 131@media (max-width: 900px){ 132 133 /* Centraliza a coluna do menu no footer */ 134 footer .ct-container[data-columns-divider]{ 135 display: flex !important; 136 flex-direction: column !important; 137 align-items: center !important; 138 } 139 140 /* Centraliza o menu */ 141 footer nav.footer-menu{ 142 width: 100% !important; 143 display: flex !important; 144 justify-content: center !important; 145 } 146 147 footer nav.footer-menu ul.menu{ 148 justify-content: center !important; 149 flex-wrap: wrap !important; 150 } 151 152} 153</style> 154<!-- end Simple Custom CSS and JS --> 155<meta name="generator" content="Site Kit by Google 1.187.0" /> <style> .ppw-ppf-input-container { background-color: !important; padding: px!important; border-radius: px!important; } .ppw-ppf-input-container div.ppw-ppf-headline { font-size: px!important; font-weight: !important; color: !important; } .ppw-ppf-input-container div.ppw-ppf-desc { font-size: px!important; font-weight: !important; color: !important; } .ppw-ppf-input-container label.ppw-pwd-label { font-size: px!important; font-weight: !important; color: !important; } div.ppwp-wrong-pw-error { font-size: px!important; font-weight: !important; color: #dc3232!important; background: !important; } .ppw-ppf-input-container input[type='submit'] { color: !important; background: !important; } .ppw-ppf-input-container input[type='submit']:hover { color: !important; background: !important; } .ppw-ppf-desc-below { font-size: 0px!important; font-weight: 0!important; color: !important; } </style> <style> .ppw-form { background-color: !important; padding: px!important; border-radius: px!important; } .ppw-headline.ppw-pcp-pf-headline { font-size: px!important; font-weight: !important; color: !important; } .ppw-description.ppw-pcp-pf-desc { font-size: px!important; font-weight: !important; color: !important; } .ppw-pcp-pf-desc-above-btn { display: block; } .ppw-pcp-pf-desc-below-form { font-size: px!important; font-weight: !important; color: !important; } .ppw-input label.ppw-pcp-password-label { font-size: px!important; font-weight: !important; color: !important; } .ppw-form input[type='submit'] { color: !important; background: !important; } .ppw-form input[type='submit']:hover { color: !important; background: !important; } div.ppw-error.ppw-pcp-pf-error-msg { font-size: px!important; font-weight: !important; color: #dc3232!important; background: !important; } </style> <noscript><link rel='stylesheet' href='https://museudefavela.org/wp-content/themes/blocksy/static/bundle/no-scripts.min.css' type='text/css'></noscript> 156<meta name="generator" content="Elementor 4.1.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto"> 157 <style> 158 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 159 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 160 background-image: none !important; 161 } 162 @media screen and (max-height: 1024px) { 163 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 164 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 165 background-image: none !important; 166 } 167 } 168 @media screen and (max-height: 640px) { 169 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 170 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 171 background-image: none !important; 172 } 173 } 174 </style> 175 <link rel="icon" href="https://museudefavela.org/wp-content/uploads/2024/06/cropped-muf-logo-120_a-1-32x32.png" sizes="32x32" /> 176<link rel="icon" href="https://museudefavela.org/wp-content/uploads/2024/06/cropped-muf-logo-120_a-1-192x192.png" sizes="192x192" /> 177<link rel="apple-touch-icon" href="https://museudefavela.org/wp-content/uploads/2024/06/cropped-muf-logo-120_a-1-180x180.png" /> 178<meta name="msapplication-TileImage" content="https://museudefavela.org/wp-content/uploads/2024/06/cropped-muf-logo-120_a-1-270x270.png" /> 179 <style id="wp-custom-css"> 180 181@media (max-width: 768px) { 182 .pum-container { 183 width: 300px !important; 184 height: 533px !important; 185 } 186} 187 188/* ===== ACERVO MUF â THEME MATCH ===== */ 189#mufa-acervo { 190 --mufa-bg: #ffffff; 191 --mufa-text: #111827; /* quase preto */ 192 --mufa-muted: #6b7280; /* cinza */ 193 --mufa-border: #e5e7eb; /* cinza claro */ 194 --mufa-pill-bg: #fff7ed; /* pêssego claro (filtros) */ 195 --mufa-pill-border: #ffd8b5; /* borda pêssego */ 196 --mufa-pill-active: #ff8a00; /* laranja MUF */ 197 --mufa-badge-bg: #fff3e6; /* fundo selo */ 198 --mufa-badge-text: #b45309; /* texto selo */ 199 --mufa-btn: #ff8a00; /* laranja principal */ 200 --mufa-btn-hover: #e57800; /* laranja hover */ 201 --mufa-radius-lg: 18px; /* arredondamento */ 202 --mufa-shadow: 0 8px 24px rgba(17, 24, 39, .06); 203 --mufa-shadow-hover: 0 14px 32px rgba(17, 24, 39, .10); 204 --mufa-title: 1.05rem; /* ~16.8px */ 205 --mufa-meta: 0.85rem; /* ~13.6px */ 206 --mufa-btn-size: 0.85rem; 207} 208 209/* Toolbar (busca + filtros) */ 210#mufa-acervo .mufa-toolbar { 211 margin: 18px 0 22px; 212} 213#mufa-acervo .mufa-search { 214 width: 100%; 215 max-width: 640px; 216 margin: 0 auto 14px; 217 position: relative; 218} 219#mufa-acervo .mufa-search input[type="search"], 220#mufa-acervo .mufa-search input[type="text"]{ 221 width: 100%; 222 padding: 14px 18px 14px 48px; 223 border: 1px solid var(--mufa-border); 224 border-radius: 9999px; 225 background: #fff; 226 font-size: 0.95rem; 227 color: var(--mufa-text); 228 box-shadow: var(--mufa-shadow); 229 outline: none; 230} 231#mufa-acervo .mufa-search .mufa-search-icon{ 232 position: absolute; left: 16px; top: 50%; 233 transform: translateY(-50%); 234 font-size: 16px; color: var(--mufa-muted); 235} 236 237#mufa-acervo .mufa-filters{ 238 display: flex; flex-wrap: wrap; gap: 8px; 239 justify-content: center; 240} 241#mufa-acervo .mufa-filter{ 242 appearance: none; border: 1px solid var(--mufa-pill-border); 243 background: var(--mufa-pill-bg); 244 color: #7c2d12; 245 padding: 6px 12px; 246 border-radius: 9999px; 247 font-weight: 600; 248 font-size: 249@media (max-width: 768px) { 250 .pum-container { 251 width: 300px !important; 252 height: 533px !important; 253 } 254} 255 256/* ===== ACERVO MUF â THEME MATCH ===== */ 257#mufa-acervo { 258 --mufa-bg: #ffffff; 259 --mufa-text: #111827; /* quase preto */ 260 --mufa-muted: #6b7280; /* cinza */ 261 --mufa-border: #e5e7eb; /* cinza claro */ 262 --mufa-pill-bg: #fff7ed; /* pêssego claro (filtros) */ 263 --mufa-pill-border: #ffd8b5; /* borda pêssego */ 264 --mufa-pill-active: #ff8a00; /* laranja MUF */ 265 --mufa-badge-bg: #fff3e6; /* fundo selo */ 266 --mufa-badge-text: #b45309; /* texto selo */ 267 --mufa-btn: #ff8a00; /* laranja principal */ 268 --mufa-btn-hover: #e57800; /* laranja hover */ 269 --mufa-radius-lg: 18px; /* arredondamento */ 270 --mufa-shadow: 0 8px 24px rgba(17, 24, 39, .06); 271 --mufa-shadow-hover: 0 14px 32px rgba(17, 24, 39, .10); 272 --mufa-title: 1.05rem; /* ~16.8px */ 273 --mufa-meta: 0.85rem; /* ~13.6px */ 274 --mufa-btn-size: 0.85rem; 275} 276 277/* Toolbar (busca + filtros) */ 278#mufa-acervo .mufa-toolbar { 279 margin: 18px 0 22px; 280} 281#mufa-acervo .mufa-search { 282 width: 100%; 283 max-width: 640px; 284 margin: 0 auto 14px; 285 position: relative; 286} 287#mufa-acervo .mufa-search input[type="search"], 288#mufa-acervo .mufa-search input[type="text"]{ 289 width: 100%; 290 padding: 14px 18px 14px 48px; 291 border: 1px solid var(--mufa-border); 292 border-radius: 9999px; 293 background: #fff; 294 font-size: 0.95rem; 295 color: var(--mufa-text); 296 box-shadow: var(--mufa-shadow); 297 outline: none; 298} 299#mufa-acervo .mufa-search .mufa-search-icon{ 300 position: absolute; left: 16px; top: 50%; 301 transform: translateY(-50%); 302 font-size: 16px; color: var(--mufa-muted); 303} 304 305#mufa-acervo .mufa-filters{ 306 display: flex; flex-wrap: wrap; gap: 8px; 307 justify-content: center; 308} 309#mufa-acervo .mufa-filter{ 310 appearance: none; border: 1px solid var(--mufa-pill-border); 311 background: var(--mufa-pill-bg); 312 color: #7c2d12; 313 padding: 6px 12px; 314 border-radius: 9999px; 315 font-weight: 600; 316 font-size: 0.85rem; 317 cursor: pointer; 318 transition: all .2s ease; 319} 320#mufa-acervo .mufa-filter:hover{ transform: translateY(-1px); } 321#mufa-acervo .mufa-filter.is-active{ 322 background: var(--mufa-pill-active); 323 border-color: var(--mufa-pill-active); 324 color: #fff; 325 box-shadow: 0 6px 18px rgba(255,138,0,.25); 326} 327 328/* Grid */ 329#mufa-acervo .mufa-grid{ 330 display: grid; 331 grid-template-columns: repeat(3, minmax(0, 1fr)); 332 gap: 18px; 333} 334@media (max-width: 1024px){ 335 #mufa-acervo .mufa-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } 336} 337@media (max-width: 640px){ 338 #mufa-acervo .mufa-grid{ grid-template-columns: 1fr; } 339} 340 341/* Card */ 342#mufa-acervo .mufa-card{ 343 position: relative; 344 background: var(--mufa-bg); 345 border: 1px solid var(--mufa-border); 346 border-radius: var(--mufa-radius-lg); 347 padding: 18px; 348 box-shadow: var(--mufa-shadow); 349 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; 350} 351#mufa-acervo .mufa-card:hover{ 352 transform: translateY(-3px); 353 border-color: #f0f0f0; 354 box-shadow: var(--mufa-shadow-hover); 355} 356 357/* Badge (Mestrado, Pós-graduação etc.) */ 358#mufa-acervo .mufa-badge{ 359 display: inline-block; 360 margin-bottom: 8px; 361 padding: 4px 10px; 362 border-radius: 9999px; 363 background: var(--mufa-badge-bg); 364 color: var(--mufa-badge-text); 365 font-weight: 700; 366 font-size: 0.75rem; 367 letter-spacing: .2px; 368} 369 370/* TÃtulo */ 371#mufa-acervo .mufa-title{ 372 font-size: var(--mufa-title); 373 line-height: 1.35; 374 font-weight: 800; 375 color: var(--mufa-text); 376 margin: 6px 0 10px; 377} 378 379/* Meta (autor, instituição, editora, suporte) */ 380#mufa-acervo .mufa-meta{ 381 display: grid; gap: 8px; margin-bottom: 12px; 382 color: var(--mufa-muted); 383 font-size: var(--mufa-meta); 384} 385#mufa-acervo .mufa-meta .mufa-row{ 386 display: flex; align-items: flex-start; gap: 8px; 387} 388#mufa-acervo .mufa-meta .mufa-icon{ 389 width: 18px; flex: none; opacity: .75;
389 margin-top: 1px; 390} 391 392/* Ações do card */ 393#mufa-acervo .mufa-actions{ 394 display: flex; gap: 8px; flex-wrap: wrap; 395} 396#mufa-acervo .mufa-btn{ 397 display: inline-flex; align-items: center; gap: 8px; 398 border-radius: 10px; padding: 9px 12px; 399 font-weight: 700; font-size: var(--mufa-btn-size); 400 border: 1px solid transparent; cursor: pointer; 401 transition: transform .16s ease, box-shadow .16s ease, background .16s ease; 402} 403 404/* Botão principal (laranja) */ 405#mufa-acervo .mufa-btn.primary{ 406 background: var(--mufa-btn); color: #fff; 407 box-shadow: 0 6px 16px rgba(255,138,0,.25); 408} 409#mufa-acervo .mufa-btn.primary:hover{ 410 background: var(--mufa-btn-hover); 411 transform: translateY(-1px); 412} 413 414/* Botões neutros (Editar/Deletar/Sem link) */ 415#mufa-acervo .mufa-btn.neutral{ 416 background: #fff; color: var(--mufa-text); 417 border-color: var(--mufa-border); 418} 419#mufa-acervo .mufa-btn.neutral:hover{ 420 transform: translateY(-1px); 421 box-shadow: var(--mufa-shadow); 422} 423 424/* Estado âSem linkâ */ 425#mufa-acervo .mufa-btn.is-disabled{ 426 opacity: .55; cursor: not-allowed; 427} 428 429/* Estado vazio / mensagens */ 430#mufa-acervo .mufa-empty{ 431 text-align: center; color: var(--mufa-muted); 432 padding: 28px 12px; font-size: .95rem; 433} 434 435/* Espaçamentos entre os blocos internos do card */ 436#mufa-acervo .mufa-card .mufa-footer{ 437 margin-top: 12px; 438 border-top: 1px dashed var(--mufa-border); 439 padding-top: 12px; 440} 441 442/* Ajuste de foco (acessibilidade) */ 443#mufa-acervo .mufa-filter:focus, 444#mufa-acervo .mufa-btn:focus, 445#mufa-acervo .mufa-card:focus-within{ 446 outline: 2px solid #ffd39e; 447 outline-offset: 2px; 448} 449 450/* Opcional: micro-efeito nos Ãcones dentro dos botões */ 451#mufa-acervo .mufa-btn .mufa-icon{ transition: transform .16s ease; } 452#mufa-acervo .mufa-btn:hover .mufa-icon{ transform: translateY(-1px); } 453 454 455.mufa-acervo-heading{ display:none !important; } 456 457 458/* --- GRID EQUIPE (funciona no Elementor FREE) --- */ 459.equipe-muf { 460 display: flex; 461 flex-wrap: wrap; 462 justify-content: center; 463 gap: 40px; /* espaço entre os cards */ 464 text-align: center; /* centraliza textos */ 465 margin-bottom: 30px; 466} 467 468/* Colunas/card */ 469.equipe-muf .elementor-column { 470 max-width: 420px; /* limite para não ficar gigante */ 471 padding: 0 10px; 472} 473 474/* Imagem centralizada e do MESMO tamanho */ 475.equipe-muf img { 476 display: block; 477 margin: 0 auto 14px auto; 478 width: 100%; 479 max-width: 320px; /* controle de largura */ 480 height: 360px; /* força altura igual */ 481 object-fit: cover; /* corta com enquadramento bonito */ 482 object-position: center; 483 border-radius: 12px; 484 box-shadow: 0 4px 14px rgba(0,0,0,.12); 485 transition: transform .25s ease; 486} 487 488.equipe-muf img:hover { transform: scale(1.02); } 489 490/* TÃtulos e subtÃtulos */ 491.equipe-muf h3 { 492 margin: 8px 0 0; 493 font-weight: 700; 494} 495.equipe-muf h4, 496.equipe-muf .funcao { 497 margin: 4px 0 8px; 498 font-weight: 600; 499 color: #1f4026; /* verde MUF */ 500} 501 502/* E-mail */ 503.equipe-muf a { text-decoration: none; } 504 505/* Responsivo */ 506@media (max-width: 768px) { 507 .equipe-muf { gap: 28px; } 508 .equipe-muf img { 509 max-width: 260px; 510 height: 300px; 511 } 512} 513 514/* Centralizar cabeçalho apenas nas peças (CPT muf_peca) */ 515.single-muf_peca .mufea-head{ 516 display: flex; 517 flex-direction: column; 518 align-items: center; /* centraliza horizontalmente */ 519 text-align: center; /* centraliza textos */ 520} 521 522.single-muf_peca .mufea-head__kicker{ 523 margin: 0 0 6px 0; /* remove deslocamentos laterais */ 524} 525 526.single-muf_peca .mufea-head__title{ 527 margin: 8px 0 4px; 528 line-height: 1.15; 529} 530 531.single-muf_peca .mufea-head__author{ 532 margin-bottom: 8px; 533} 534 535/* ============================================================ 536 MUF â Badge do menu "Visite o MUF" 537 Versão acessÃvel: mantém o destaque amarelo, remove o piscar, 538 melhora o contraste e respeita prefers-reduced-motion. 539 ============================================================ */ 540 541.muf-badge-novo2 { 542 position: relative; 543 display: inline-block; 544 font-weight: 800; 545 color: #16130F !important; /* quase preto: 11:1 sobre o amarelo (AAA) */ 546 padding: 2px 4px; 547 z-index: 1; 548 /* sem animation: o destaque agora é o fundo, não o piscar */ 549} 550 551/* FUNDO amarelo somente atrás do texto */ 552.muf-badge-novo2::before { 553 content: ""; 554 position: absolute; 555 left: -6px; 556 right: -6px; 557 top: 50%; 558 height: 1.4em; 559 transform: translateY(-50%); 560 background: #F9C308; /* amarelo da identidade MUF */ 561 border-radius: 6px; 562 z-index: -1; 563 transition: transform .15s ease; 564} 565 566/* Micro-interação no hover: cresce de leve em vez de piscar. 567 Chama atenção sem cansar e sem excluir ninguém. */ 568.muf-badge-novo2:hover::before { 569 transform: translateY(-50%) scale(1.06); 570} 571 572 573/* ------------------------------------------------------------ 574 OPÃÃO ALTERNATIVA â se quiser MESMO um chamariz de "novo" 575 sem piscar: uma pulsação suave e lenta (respira em vez de 576 piscar). Descomente este bloco e remova o transition acima. 577 ------------------------------------------------------------ */ 578/* 579.muf-badge-novo2::before { 580 animation: mufPulse 2.4s ease-in-out infinite; 581} 582@keyframes mufPulse { 583 0%, 100% { transform: translateY(-50%) scale(1); } 584 50% { transform: translateY(-50%) scale(1.05); } 585} 586*/ 587 588 589/* ------------------------------------------------------------ 590 ACESSIBILIDADE â respeita quem pediu menos movimento 591 no sistema operacional (essencial para WCAG 2.3.3). 592 Qualquer animação é desligada para essas pessoas. 593 ------------------------------------------------------------ */ 594@media (prefers-reduced-motion: reduce) { 595 .muf-badge-novo2, 596 .muf-badge-novo2::before { 597 animation: none !important; 598 transition: none !important; 599 } 600} 601 602/* ANIMAÃÃO */ 603@keyframes mufBlink { 604 0% { opacity: 1; } 605 50% { opacity: 0.60; } 606 100% { opacity: 1; } 607} 608 0.85rem; 609 cursor: pointer; 610 transition: all .2s ease; 611} 612#mufa-acervo .mufa-filter:hover{ transform: translateY(-1px); } 613#mufa-acervo .mufa-filter.is-active{ 614 background: var(--mufa-pill-active); 615 border-color: var(--mufa-pill-active); 616 color: #fff; 617 box-shadow: 0 6px 18px rgba(255,138,0,.25); 618} 619 620/* Grid */ 621#mufa-acervo .mufa-grid{ 622 display: grid; 623 grid-template-columns: repeat(3, minmax(0, 1fr)); 624 gap: 18px; 625} 626@media (max-width: 1024px){ 627 #mufa-acervo .mufa-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } 628} 629@media (max-width: 640px){ 630 #mufa-acervo .mufa-grid{ grid-template-columns: 1fr; } 631} 632 633/* Card */ 634#mufa-acervo .mufa-card{ 635 position: relative; 636 background: var(--mufa-bg); 637 border: 1px solid var(--mufa-border); 638 border-radius: var(--mufa-radius-lg); 639 padding: 18px; 640 box-shadow: var(--mufa-shadow); 641 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; 642} 643#mufa-acervo .mufa-card:hover{ 644 transform: translateY(-3px); 645 border-color: #f0f0f0; 646 box-shadow: var(--mufa-shadow-hover); 647} 648 649/* Badge (Mestrado, Pós-graduação etc.) */ 650#mufa-acervo .mufa-badge{ 651 display: inline-block; 652 margin-bottom: 8px; 653 padding: 4px 10px; 654 border-radius: 9999px; 655 background: var(--mufa-badge-bg); 656 color: var(--mufa-badge-text); 657 font-weight: 700; 658 font-size: 0.75rem; 659 letter-spacing: .2px; 660} 661 662/* TÃtulo */ 663#mufa-acervo .mufa-title{ 664 font-size: var(--mufa-title); 665 line-height: 1.35; 666 font-weight: 800; 667 color: var(--mufa-text); 668 margin: 6px 0 10px; 669} 670 671/* Meta (autor, instituição, editora, suporte) */ 672#mufa-acervo .mufa-meta{ 673 display: grid; gap: 8px; margin-bottom: 12px; 674 color: var(--mufa-muted); 675 font-size: var(--mufa-meta); 676} 677#mufa-acervo .mufa-meta .mufa-row{ 678 display: flex; align-items: flex-start; gap: 8px; 679} 680#mufa-acervo .mufa-meta .mufa-icon{ 681 width: 18px; flex: none; opacity: .75;
681 margin-top: 1px; 682} 683 684/* Ações do card */ 685#mufa-acervo .mufa-actions{ 686 display: flex; gap: 8px; flex-wrap: wrap; 687} 688#mufa-acervo .mufa-btn{ 689 display: inline-flex; align-items: center; gap: 8px; 690 border-radius: 10px; padding: 9px 12px; 691 font-weight: 700; font-size: var(--mufa-btn-size); 692 border: 1px solid transparent; cursor: pointer; 693 transition: transform .16s ease, box-shadow .16s ease, background .16s ease; 694} 695 696/* Botão principal (laranja) */ 697#mufa-acervo .mufa-btn.primary{ 698 background: var(--mufa-btn); color: #fff; 699 box-shadow: 0 6px 16px rgba(255,138,0,.25); 700} 701#mufa-acervo .mufa-btn.primary:hover{ 702 background: var(--mufa-btn-hover); 703 transform: translateY(-1px); 704} 705 706/* Botões neutros (Editar/Deletar/Sem link) */ 707#mufa-acervo .mufa-btn.neutral{ 708 background: #fff; color: var(--mufa-text); 709 border-color: var(--mufa-border); 710} 711#mufa-acervo .mufa-btn.neutral:hover{ 712 transform: translateY(-1px); 713 box-shadow: var(--mufa-shadow); 714} 715 716/* Estado âSem linkâ */ 717#mufa-acervo .mufa-btn.is-disabled{ 718 opacity: .55; cursor: not-allowed; 719} 720 721/* Estado vazio / mensagens */ 722#mufa-acervo .mufa-empty{ 723 text-align: center; color: var(--mufa-muted); 724 padding: 28px 12px; font-size: .95rem; 725} 726 727/* Espaçamentos entre os blocos internos do card */ 728#mufa-acervo .mufa-card .mufa-footer{ 729 margin-top: 12px; 730 border-top: 1px dashed var(--mufa-border); 731 padding-top: 12px; 732} 733 734/* Ajuste de foco (acessibilidade) */ 735#mufa-acervo .mufa-filter:focus, 736#mufa-acervo .mufa-btn:focus, 737#mufa-acervo .mufa-card:focus-within{ 738 outline: 2px solid #ffd39e; 739 outline-offset: 2px; 740} 741 742/* Opcional: micro-efeito nos Ãcones dentro dos botões */ 743#mufa-acervo .mufa-btn .mufa-icon{ transition: transform .16s ease; } 744#mufa-acervo .mufa-btn:hover .mufa-icon{ transform: translateY(-1px); } 745 746 747.mufa-acervo-heading{ display:none !important; } 748 749 750/* --- GRID EQUIPE (funciona no Elementor FREE) --- */ 751.equipe-muf { 752 display: flex; 753 flex-wrap: wrap; 754 justify-content: center; 755 gap: 40px; /* espaço entre os cards */ 756 text-align: center; /* centraliza textos */ 757 margin-bottom: 30px; 758} 759 760/* Colunas/card */ 761.equipe-muf .elementor-column { 762 max-width: 420px; /* limite para não ficar gigante */ 763 padding: 0 10px; 764} 765 766/* Imagem centralizada e do MESMO tamanho */ 767.equipe-muf img { 768 display: block; 769 margin: 0 auto 14px auto; 770 width: 100%; 771 max-width: 320px; /* controle de largura */ 772 height: 360px; /* força altura igual */ 773 object-fit: cover; /* corta com enquadramento bonito */ 774 object-position: center; 775 border-radius: 12px; 776 box-shadow: 0 4px 14px rgba(0,0,0,.12); 777 transition: transform .25s ease; 778} 779 780.equipe-muf img:hover { transform: scale(1.02); } 781 782/* TÃtulos e subtÃtulos */ 783.equipe-muf h3 { 784 margin: 8px 0 0; 785 font-weight: 700; 786} 787.equipe-muf h4, 788.equipe-muf .funcao { 789 margin: 4px 0 8px; 790 font-weight: 600; 791 color: #1f4026; /* verde MUF */ 792} 793 794/* E-mail */ 795.equipe-muf a { text-decoration: none; } 796 797/* Responsivo */ 798@media (max-width: 768px) { 799 .equipe-muf { gap: 28px; } 800 .equipe-muf img { 801 max-width: 260px; 802 height: 300px; 803 } 804} 805 806/* Centralizar cabeçalho apenas nas peças (CPT muf_peca) */ 807.single-muf_peca .mufea-head{ 808 display: flex; 809 flex-direction: column; 810 align-items: center; /* centraliza horizontalmente */ 811 text-align: center; /* centraliza textos */ 812} 813 814.single-muf_peca .mufea-head__kicker{ 815 margin: 0 0 6px 0; /* remove deslocamentos laterais */ 816} 817 818.single-muf_peca .mufea-head__title{ 819 margin: 8px 0 4px; 820 line-height: 1.15; 821} 822 823.single-muf_peca .mufea-head__author{ 824 margin-bottom: 8px; 825} 826 827.muf-badge-novo { 828 background: #fde047; 829 color: #111827; 830 padding: 2px 6px; 831 border-radius: 6px; 832 font-size: 10px; 833 font-weight: 600; 834 margin-right: 6px; 835 text-transform: uppercase; 836 display: inline-block; 837 line-height: 1; 838} 839 840/* TEXTO: verde forte + piscar */ 841.muf-badge-novo2 { 842 position: relative; 843 display: inline-block; 844 font-weight: 800; 845 color: #004d24 !important; /* verde bem forte */ 846 animation: mufBlink 0.9s infinite; 847 z-index: 1; 848} 849 850/* FUNDO: somente atrás do texto */ 851.muf-badge-novo2::before { 852 content: ""; 853 position: absolute; 854 left: -6px; 855 right: -6px; 856 top: 50%; 857 height: 1.3em; /* controla altura exata do fundo */ 858 transform: translateY(-50%); 859 background: #fde047; /* amarelo */ 860 border-radius: 6px; 861 z-index: -1; 862} 863 864/* ANIMAÃÃO */ 865@keyframes mufBlink { 866 0% { opacity: 1; } 867 50% { opacity: 0.60; } 868 100% { opacity: 1; } 869} 870@font-face { 871 font-family: 'Agrandir'; 872 src: url('https://museudefavela.org/wp-content/uploads/fonts/Agrandir-GrandHeavy.otf') format('opentype'); 873 font-weight: 900; 874 font-style: normal; 875 font-display: swap; 876} 877 878@font-face { 879 font-family: 'Agrandir'; 880 src: url('https://museudefavela.org/wp-content/uploads/fonts/Agrandir-TextBold.otf') format('opentype'); 881 font-weight: 800; 882 font-style: normal; 883 font-display: swap; 884} 885 886 887body, 888p, 889li, 890input, 891textarea,
892select, 893figcaption, 894.elementor-widget-text-editor, 895.elementor-widget-theme-post-content { 896 font-family: Arial, Helvetica, sans-serif !important; 897} 898 899 900h1, 901h2, 902h3, 903h4, 904h5, 905h6, 906.elementor-heading-title, 907.entry-title, 908.page-title, 909.post-title { 910 font-family: 'Agrandir', Arial, sans-serif !important; 911 font-weight: 900 !important; 912 letter-spacing: -0.04em; 913 line-height: 0.98; 914} 915 916 917nav a, 918.menu a, 919.elementor-nav-menu a, 920.elementor-button, 921button, 922input[type="submit"], 923.wp-block-button__link { 924 font-family: 'Agrandir', Arial, sans-serif !important; 925 font-weight: 900 !important; 926} 927 928 929.tag, 930.category, 931.post-categories a, 932.elementor-post__badge, 933.elementor-widget-post-info, 934.muf-eyebrow, 935.muf-tag { 936 font-family: 'Agrandir', Arial, sans-serif !important; 937 font-weight: 900 !important; 938 text-transform: uppercase; 939 letter-spacing: 0.08em; 940} 941 942 943.elementor-post__title, 944.elementor-post__title a, 945.elementor-icon-box-title, 946.elementor-image-box-title, 947.card-title, 948.wp-block-post-title { 949 font-family: 'Agrandir', Arial, sans-serif !important; 950 font-weight: 900 !important; 951 letter-spacing: -0.04em; 952 line-height: 1.05; 953} 954 955 956@media (max-width: 680px) { 957 h1, 958 h2, 959 h3, 960 .elementor-heading-title, 961 .entry-title, 962 .page-title { 963 letter-spacing: -0.03em; 964 line-height: 1; 965 } 966 967 p, 968 li, 969 .elementor-widget-text-editor { 970 font-size: 15px; 971 line-height: 1.6; 972 } 973} 974 975@font-face { 976 font-family: 'Agrandir'; 977 src: url('https://museudefavela.org/wp-content/uploads/fonts/Agrandir-GrandHeavy.otf') format('opentype'); 978 font-weight: 900; 979 font-style: normal; 980 font-display: swap; 981} 982 983@font-face { 984 font-family: 'Agrandir'; 985 src: url('https://museudefavela.org/wp-content/uploads/fonts/Agrandir-TextBold.otf') format('opentype'); 986 font-weight: 800; 987 font-style: normal; 988 font-display: swap; 989} 990 991/* Base do site: mantém leitura limpa */ 992body, 993p, 994li, 995input, 996textarea, 997select, 998figcaption, 999.elementor-widget-text-editor, 1000.elementor-widget-theme-post-content { 1001 font-family: Arial, Helvetica, sans-serif !important; 1002} 1003 1004/* Menu do topo */ 1005nav a, 1006.menu a, 1007.elementor-nav-menu a, 1008.main-navigation a, 1009.site-header a { 1010 font-family: 'Agrandir', Arial, sans-serif !important; 1011 font-weight: 900 !important; 1012 letter-spacing: -0.01em; 1013} 1014 1015/* TÃtulos grandes de página e seções */ 1016h1, 1017h2, 1018.elementor-heading-title, 1019.page-title, 1020.entry-title { 1021 font-family: 'Agrandir', Arial, sans-serif !important; 1022 font-weight: 900 !important; 1023 letter-spacing: -0.035em; 1024 line-height: 1.02; 1025} 1026 1027/* TÃtulos menores: menos agressivos */ 1028h3, 1029h4, 1030h5, 1031h6 { 1032 font-family: 'Agrandir', Arial, sans-serif !important; 1033 font-weight: 800 !important; 1034 letter-spacing: -0.02em; 1035 line-height: 1.12; 1036} 1037 1038/* Botões */ 1039.elementor-button, 1040button, 1041input[type="submit"], 1042.wp-block-button__link { 1043 font-family: 'Agrandir', Arial, sans-serif !important; 1044 font-weight: 900 !important; 1045} 1046 1047/* Etiquetas, categorias e chamadas pequenas */ 1048.tag, 1049.category, 1050.post-categories a, 1051.elementor-post__badge, 1052.elementor-widget-post-info { 1053 font-family: 'Agrandir', Arial, sans-serif !important; 1054 font-weight: 900 !important; 1055 text-transform: uppercase; 1056 letter-spacing: 0.06em; 1057} 1058 1059/* CORREÃÃO PRINCIPAL: 1060 cards de posts, publicações, arquivos e listagens não podem usar fonte gigante/pesada */ 1061.elementor-post__title, 1062.elementor-post__title a, 1063.elementor-posts .elementor-post__title, 1064.elementor-posts .elementor-post__title a, 1065.elementor-post h3, 1066.elementor-post h3 a, 1067.wp-block-post-title, 1068.wp-block-post-title a, 1069.card-title, 1070.card-title a, 1071.post-title, 1072.post-title a, 1073.entry-card-title, 1074.entry-card-title a, 1075article .entry-title, 1076article .entry-title a { 1077 font-family: Arial, Helvetica, sans-serif !important; 1078 font-weight: 700 !important; 1079 letter-spacing: 0 !important; 1080 line-height: 1.25 !important; 1081 text-transform: none !important; 1082} 1083 1084/* Tamanho mais seguro para listagens tipo Publicações Acadêmicas */ 1085.elementor-posts .elementor-post__title, 1086.elementor-posts .elementor-post__title a, 1087.wp-block-post-title, 1088.wp-block-post-title a, 1089.card-title, 1090.card-title a { 1091 font-size: 16px !important; 1092} 1093 1094/* Textos dentro de cards */ 1095.elementor-post__excerpt, 1096.elementor-post__excerpt p, 1097.elementor-post p,
1098.card-text, 1099.card-text p, 1100article p { 1101 font-family: Arial, Helvetica, sans-serif !important; 1102 font-size: 14px; 1103 line-height: 1.55; 1104 letter-spacing: 0; 1105} 1106 1107/* Evita palavra/tÃtulo estourando em cards estreitos */ 1108.elementor-post__title, 1109.elementor-post__title a, 1110.card-title, 1111.card-title a, 1112.wp-block-post-title, 1113.wp-block-post-title a { 1114 overflow-wrap: break-word; 1115 word-break: normal; 1116 hyphens: auto; 1117} 1118 1119/* Mobile */ 1120@media (max-width: 680px) { 1121 h1, 1122 h2, 1123 .elementor-heading-title, 1124 .page-title, 1125 .entry-title { 1126 letter-spacing: -0.025em; 1127 line-height: 1.05; 1128 } 1129 1130 .elementor-posts .elementor-post__title, 1131 .elementor-posts .elementor-post__title a, 1132 .wp-block-post-title, 1133 .wp-block-post-title a, 1134 .card-title, 1135 .card-title a { 1136 font-size: 15px !important; 1137 line-height: 1.3 !important; 1138 } 1139 1140 p, 1141 li, 1142 .elementor-widget-text-editor { 1143 font-size: 15px; 1144 line-height: 1.6; 1145 } 1146} 1147 1148#muf-org-v2 .muf-accordion-title, 1149#muf-org-v2 .muf-sector-title, 1150#muf-org-v2 .muf-team-toggle, 1151#muf-org-v2 button[class*="fiscal"], 1152#muf-org-v2 .muf-fiscal-title { 1153 font-family: 'Agrandir', Arial, sans-serif !important; 1154 font-size: clamp(22px, 2.2vw, 28px) !important; 1155 line-height: 1.12 !important; 1156 letter-spacing: -0.025em !important; 1157 word-break: normal !important; 1158 overflow-wrap: normal !important; 1159 hyphens: none !important; 1160} 1161/* ===================================================== 1162 AJUSTE FINAL MUF - CABEÃALHO / MENU / RODAPà 1163 Colado no final para não apagar CSS antigo 1164 ===================================================== */ 1165 1166:root { 1167 --muf-verde: #102f2b; 1168 --muf-verde-vivo: #118c2f; 1169 --muf-amarelo: #f4dc58; 1170 --muf-amarelo-hover: #ffe96a; 1171 --muf-cinza: #eef0ef; 1172 --muf-branco: #ffffff; 1173} 1174 1175/* CABEÃALHO */ 1176.site-header, 1177#masthead, 1178header[role="banner"], 1179.main-header-bar, 1180.ast-primary-header-bar { 1181 background: var(--muf-branco) !important; 1182 border-bottom: none !important; 1183 box-shadow: 0 10px 28px rgba(16, 47, 43, 0.06) !important; 1184} 1185 1186/* LOGO */ 1187.site-header img, 1188#masthead img, 1189.custom-logo { 1190 max-height: 76px !important; 1191 width: auto !important; 1192} 1193 1194/* MENU PRINCIPAL */ 1195.site-header nav a, 1196#masthead nav a, 1197.main-navigation a, 1198.main-header-menu a { 1199 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 1200 font-weight: 800 !important; 1201 text-transform: uppercase !important; 1202 letter-spacing: -0.02em !important; 1203 color: var(--muf-verde) !important; 1204 text-decoration: none !important; 1205} 1206 1207/* HOVER E ITEM ATIVO */ 1208.site-header nav a:hover, 1209#masthead nav a:hover, 1210.main-navigation a:hover, 1211.main-header-menu a:hover, 1212.current-menu-item > a, 1213.current_page_item > a { 1214 color: var(--muf-verde-vivo) !important; 1215} 1216 1217/* REMOVE LINHA/SUBLINHADO AZUL */ 1218.site-header nav a::after, 1219#masthead nav a::after, 1220.main-navigation a::after, 1221.main-header-menu a::after { 1222 display: none !important; 1223} 1224 1225/* DESTAQUE VISITE O MUF */ 1226.site-header a[href*="visite"], 1227#masthead a[href*="visite"], 1228.main-navigation a[href*="visite"], 1229.main-header-menu a[href*="visite"], 1230.menu-cta-visite > a { 1231 background: var(--muf-amarelo) !important; 1232 color: var(--muf-verde) !important; 1233 border-radius: 999px !important; 1234 padding: 5px 13px !important; 1235 font-weight: 900 !important; 1236 line-height: 1.1 !important; 1237 box-shadow: 0 4px 10px rgba(244, 220, 88, 0.25) !important; 1238} 1239 1240.site-header a[href*="visite"]:hover, 1241#masthead a[href*="visite"]:hover, 1242.main-navigation a[href*="visite"]:hover, 1243.main-header-menu a[href*="visite"]:hover, 1244.menu-cta-visite > a:hover { 1245 background: var(--muf-amarelo-hover) !important; 1246 color: var(--muf-verde) !important; 1247} 1248 1249/* BOTÃO CONTATO */ 1250.site-header a[href*="contato"], 1251#masthead a[href*="contato"], 1252.main-navigation a[href*="contato"], 1253.main-header-menu a[href*="contato"] { 1254 border: 1.5px solid var(--muf-verde-vivo) !important; 1255 border-radius: 4px !important; 1256 padding: 9px 16px !important; 1257 color: var(--muf-verde-vivo) !important; 1258 background: transparent !important; 1259} 1260 1261.site-header a[href*="contato"]:hover, 1262#masthead a[href*="contato"]:hover, 1263.main-navigation a[href*="contato"]:hover, 1264.main-header-menu a[href*="contato"]:hover { 1265 background: var(--muf-verde-vivo) !important; 1266 color: #ffffff !important; 1267} 1268 1269/* DROPDOWN DESKTOP */ 1270.site-header .sub-menu, 1271#masthead .sub-menu, 1272.main-navigation .sub-menu, 1273.main-header-menu .sub-menu { 1274 background: var(--muf-verde) !important; 1275 border-radius: 10px !important; 1276 overflow: hidden !important; 1277 padding: 8px 0 !important; 1278 border: none !important; 1279 box-shadow: 0 22px 45px rgba(16, 47, 43, 0.25) !important; 1280 min-width: 230px !important; 1281} 1282 1283.site-header .sub-menu a, 1284#masthead .sub-menu a, 1285.main-navigation .sub-menu a, 1286.main-header-menu .sub-menu a { 1287 color: #ffffff !important; 1288 background: transparent !important; 1289 font-size: 14px !important; 1290 font-weight: 750 !important; 1291 padding: 13px 20px !important; 1292 text-transform: none !important; 1293 border-bottom: 1px solid rgba(255,255,255,0.08) !important; 1294 line-height: 1.25 !important; 1295 box-shadow: none !important; 1296} 1297 1298.site-header .sub-menu a:hover, 1299#masthead .sub-menu a:hover, 1300.main-navigation .sub-menu a:hover, 1301.main-header-menu .sub-menu a:hover { 1302 background: rgba(255,255,255,0.08) !important; 1303 color: var(--muf-amarelo) !important; 1304} 1305 1306/* RODAPà */ 1307.site-footer, 1308#colophon, 1309footer[role="contentinfo"], 1310.site-primary-footer-wrap, 1311.site-above-footer-wrap, 1312.site-below-footer-wrap { 1313 background: var(--muf-cinza) !important; 1314 border-top: 1px solid rgba(16, 47, 43, 0.08) !important; 1315 color: var(--muf-verde) !important; 1316} 1317 1318.site-footer a, 1319#colophon a, 1320footer[role="contentinfo"] a { 1321 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 1322 font-size: 14px !important; 1323 font-weight: 800 !important; 1324 text-transform: uppercase !important; 1325 color: var(--muf-verde) !important; 1326 text-decoration: none !important; 1327} 1328 1329.site-footer a:hover, 1330#colophon a:hover, 1331footer[role="contentinfo"] a:hover {
1332 color: var(--muf-verde-vivo) !important; 1333} 1334 1335/* MOBILE */ 1336@media (max-width: 768px) { 1337 .site-header, 1338 #masthead, 1339 header[role="banner"], 1340 .main-header-bar, 1341 .ast-primary-header-bar { 1342 min-height: 68px !important; 1343 box-shadow: none !important; 1344 } 1345 1346 .site-header img, 1347 #masthead img, 1348 .custom-logo { 1349 max-height: 44px !important; 1350 } 1351 1352 .menu-toggle, 1353 button.menu-toggle, 1354 .ast-mobile-menu-trigger-minimal { 1355 color: var(--muf-verde) !important; 1356 background: transparent !important; 1357 border: none !important; 1358 } 1359 1360 .ast-mobile-popup-drawer, 1361 .ast-mobile-popup-inner, 1362 .ast-mobile-header-content, 1363 .main-header-menu.toggled, 1364 .main-navigation.toggled { 1365 background: rgba(16, 47, 43, 0.97) !important; 1366 } 1367 1368 .ast-mobile-popup-drawer a, 1369 .ast-mobile-header-content a, 1370 .main-header-menu.toggled a, 1371 .main-navigation.toggled a { 1372 color: #ffffff !important; 1373 font-size: 21px !important; 1374 font-weight: 850 !important; 1375 line-height: 1.2 !important; 1376 text-transform: none !important; 1377 background: transparent !important; 1378 border-bottom: none !important; 1379 } 1380 1381 .ast-mobile-popup-drawer a[href*="visite"], 1382 .ast-mobile-header-content a[href*="visite"], 1383 .main-header-menu.toggled a[href*="visite"], 1384 .main-navigation.toggled a[href*="visite"], 1385 .menu-cta-visite > a { 1386 display: inline-block !important; 1387 width: fit-content !important; 1388 background: var(--muf-amarelo) !important; 1389 color: var(--muf-verde) !important; 1390 border-radius: 7px !important; 1391 padding: 5px 11px !important; 1392 margin: 6px 0 !important; 1393 font-weight: 900 !important; 1394 } 1395 1396 .site-footer, 1397 #colophon, 1398 footer[role="contentinfo"] { 1399 text-align: center !important; 1400 padding-left: 18px !important; 1401 padding-right: 18px !important; 1402 } 1403 1404 .site-footer nav ul, 1405 #colophon nav ul, 1406 .site-footer .menu, 1407 #colophon .menu { 1408 display: flex !important; 1409 flex-wrap: wrap !important; 1410 justify-content: center !important; 1411 gap: 10px 16px !important; 1412 padding: 0 !important; 1413 margin: 0 auto !important; 1414 } 1415 1416 .site-footer a, 1417 #colophon a { 1418 font-size: 13px !important; 1419 } 1420} 1421/* ===================================================== 1422 MUF - RODAPà INSTITUCIONAL + AJUSTES FINOS 1423 Cole no final do CSS adicional 1424 ===================================================== */ 1425 1426:root { 1427 --muf-verde: #102f2b; 1428 --muf-verde-vivo: #118c2f; 1429 --muf-amarelo: #f4dc58; 1430 --muf-amarelo-hover: #ffe96a; 1431 --muf-cinza: #eef0ef; 1432 --muf-branco: #ffffff; 1433} 1434 1435/* RODAPà GERAL */ 1436.site-footer, 1437#colophon, 1438footer[role="contentinfo"], 1439.site-primary-footer-wrap, 1440.site-above-footer-wrap, 1441.site-below-footer-wrap { 1442 background: var(--muf-cinza) !important; 1443 color: var(--muf-verde) !important; 1444 border-top: 1px solid rgba(16, 47, 43, 0.08) !important; 1445} 1446 1447/* Ãrea principal do rodapé */ 1448.site-primary-footer-wrap, 1449.site-above-footer-wrap { 1450 padding-top: 44px !important; 1451 padding-bottom: 36px !important; 1452} 1453 1454/* TÃtulos do rodapé */ 1455.site-footer h2, 1456.site-footer h3, 1457.site-footer h4, 1458.site-footer .widget-title, 1459#colophon h2, 1460#colophon h3, 1461#colophon h4, 1462#colophon .widget-title { 1463 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 1464 font-size: 20px !important; 1465 font-weight: 900 !important; 1466 line-height: 1.1 !important; 1467 color: var(--muf-verde) !important; 1468 margin-bottom: 16px !important; 1469} 1470 1471/* Texto do rodapé */ 1472.site-footer p, 1473.site-footer li, 1474.site-footer span, 1475#colophon p, 1476#colophon li, 1477#colophon span { 1478 color: var(--muf-verde) !important; 1479 font-size: 15px !important; 1480 line-height: 1.55 !important; 1481} 1482 1483/* Links do rodapé */ 1484.site-footer a, 1485#colophon a, 1486footer[role="contentinfo"] a { 1487 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 1488 font-weight: 800 !important; 1489 color: var(--muf-verde) !important; 1490 text-decoration: none !important; 1491} 1492 1493.site-footer a:hover, 1494#colophon a:hover, 1495footer[role="contentinfo"] a:hover { 1496 color: var(--muf-verde-vivo) !important; 1497} 1498 1499/* Menu do rodapé desktop */ 1500.site-footer nav ul, 1501#colophon nav ul, 1502.site-footer .menu, 1503#colophon .menu { 1504 display: flex !important; 1505 flex-wrap: wrap !important; 1506 gap: 18px 30px !important; 1507 align-items: center !important; 1508 padding: 0 !important; 1509 margin: 0 !important; 1510} 1511 1512.site-footer nav ul li, 1513#colophon nav ul li, 1514.site-footer .menu li, 1515#colophon .menu li { 1516 list-style: none !important; 1517 margin: 0 !important; 1518} 1519 1520/* Links do menu do rodapé */ 1521.site-footer nav a, 1522#colophon nav a, 1523.site-footer .menu a, 1524#colophon .menu a { 1525 font-size: 14px !important; 1526 font-weight: 900 !important; 1527 text-transform: uppercase !important; 1528 letter-spacing: -0.02em !important; 1529} 1530 1531/* Destaque Visite o MUF no rodapé */ 1532.site-footer a[href*="visite"], 1533#colophon a[href*="visite"], 1534.site-footer .menu-cta-visite > a, 1535#colophon .menu-cta-visite > a { 1536 background: var(--muf-amarelo) !important; 1537 color: var(--muf-verde) !important; 1538 border-radius: 999px !important; 1539 padding: 4px 11px !important; 1540 line-height: 1.1 !important; 1541 display: inline-block !important; 1542} 1543 1544.site-footer a[href*="visite"]:hover, 1545#colophon a[href*="visite"]:hover { 1546 background: var(--muf-amarelo-hover) !important; 1547 color: var(--muf-verde) !important; 1548} 1549 1550/* Botões secundários no rodapé: Doar e Contato */ 1551.site-footer a[href*="doar"], 1552#colophon a[href*="doar"], 1553.site-footer a[href*="contato"], 1554#colophon a[href*="contato"] { 1555 font-weight: 900 !important; 1556} 1557 1558/* Ãcones sociais */ 1559.site-footer svg, 1560#colophon svg, 1561.site-footer i, 1562#colophon i { 1563 color: var(--muf-verde) !important; 1564 fill: var(--muf-verde) !important; 1565} 1566 1567/* Copyright */ 1568.site-below-footer-wrap, 1569.ast-footer-copyright, 1570.site-footer .copyright, 1571#colophon .copyright { 1572 background: transparent !important; 1573 color: var(--muf-verde) !important; 1574 font-size: 13px !important; 1575} 1576 1577/* MOBILE */ 1578@media (max-width: 768px) { 1579 1580 .site-primary-footer-wrap, 1581 .site-above-footer-wrap, 1582 .site-below-footer-wrap, 1583 .site-footer, 1584 #colophon { 1585 text-align: center !important; 1586 } 1587 1588 .site-primary-footer-wrap, 1589 .site-above-footer-wrap { 1590 padding: 34px 22px 28px !important; 1591 } 1592 1593 .site-footer h2, 1594 .site-footer h3, 1595 .site-footer h4, 1596 .site-footer .widget-title, 1597 #colophon h2, 1598 #colophon h3, 1599 #colophon h4, 1600 #colophon .widget-title { 1601 font-size: 18px !important; 1602 margin-bottom: 12px !important; 1603 } 1604 1605 .site-footer p, 1606 .site-footer li, 1607 .site-footer span, 1608 #colophon p, 1609 #colophon li, 1610 #colophon span { 1611 font-size: 14px !important; 1612 line-height: 1.5 !important; 1613 } 1614 1615 /* Menu do rodapé mobile mais organizado */ 1616 .site-footer nav ul, 1617 #colophon nav ul, 1618 .site-footer .menu, 1619 #colophon .menu { 1620 justify-content: center !important; 1621 gap: 10px 16px !important; 1622 margin-top: 18px !important; 1623 } 1624 1625 .site-footer nav a, 1626 #colophon nav a, 1627 .site-footer .menu a, 1628 #colophon .menu a { 1629 font-size: 13px !important; 1630 } 1631 1632 /* Visite no mobile menor e limpo */ 1633 .site-footer a[href*="visite"], 1634 #colophon a[href*="visite"], 1635 .site-footer .menu-cta-visite > a, 1636 #colophon .menu-cta-visite > a { 1637 font-size: 13px !important; 1638 padding: 4px 10px !important; 1639 } 1640 1641 /* Redes sociais centralizadas */
1642 .site-footer .ast-builder-social-element, 1643 #colophon .ast-builder-social-element, 1644 .site-footer .social-icons, 1645 #colophon .social-icons { 1646 justify-content: center !important; 1647 } 1648} 1649/* ===================================================== 1650 MUF - LIMPEZA DO RODAPà MOBILE 1651 Cole no final do CSS adicional 1652 ===================================================== */ 1653 1654@media (max-width: 768px) { 1655 1656 /* Esconde a faixa de menu repetido no topo do rodapé */ 1657 .site-footer nav, 1658 #colophon nav, 1659 .site-footer .menu, 1660 #colophon .menu { 1661 display: none !important; 1662 } 1663 1664 /* Rodapé mais compacto no celular */ 1665 .site-footer, 1666 #colophon, 1667 footer[role="contentinfo"], 1668 .site-primary-footer-wrap, 1669 .site-above-footer-wrap, 1670 .site-below-footer-wrap { 1671 text-align: center !important; 1672 padding-left: 22px !important; 1673 padding-right: 22px !important; 1674 } 1675 1676 /* Reduz espaçamento do bloco principal */ 1677 .site-primary-footer-wrap, 1678 .site-above-footer-wrap { 1679 padding-top: 30px !important; 1680 padding-bottom: 24px !important; 1681 } 1682 1683 /* TÃtulo do rodapé */ 1684 .site-footer h2, 1685 .site-footer h3, 1686 .site-footer h4, 1687 .site-footer .widget-title, 1688 #colophon h2, 1689 #colophon h3, 1690 #colophon h4, 1691 #colophon .widget-title { 1692 font-size: 18px !important; 1693 line-height: 1.15 !important; 1694 margin-bottom: 12px !important; 1695 text-align: center !important; 1696 } 1697 1698 /* Texto do rodapé */ 1699 .site-footer p, 1700 .site-footer li, 1701 .site-footer span, 1702 #colophon p, 1703 #colophon li, 1704 #colophon span { 1705 font-size: 13px !important; 1706 line-height: 1.45 !important; 1707 text-align: center !important; 1708 } 1709 1710 /* Limita largura dos textos para não ficar espalhado */ 1711 .site-footer .widget, 1712 #colophon .widget, 1713 .site-footer section, 1714 #colophon section { 1715 max-width: 330px !important; 1716 margin-left: auto !important; 1717 margin-right: auto !important; 1718 } 1719 1720 /* Contatos mais organizados */ 1721 .site-footer .wp-block-columns, 1722 #colophon .wp-block-columns { 1723 display: block !important; 1724 } 1725 1726 /* Redes sociais centralizadas */ 1727 .site-footer .ast-builder-social-element, 1728 #colophon .ast-builder-social-element, 1729 .site-footer .social-icons, 1730 #colophon .social-icons { 1731 justify-content: center !important; 1732 margin-top: 16px !important; 1733 } 1734 1735 /* Copyright */ 1736 .ast-footer-copyright, 1737 .site-below-footer-wrap, 1738 .site-footer .copyright, 1739 #colophon .copyright { 1740 font-size: 12px !important; 1741 text-align: center !important; 1742 padding-top: 12px !important; 1743 padding-bottom: 18px !important; 1744 } 1745} 1746/* Desktop: mostra texto completo e esconde texto curto */ 1747.muf-footer-mobile { 1748 display: none !important; 1749} 1750 1751.muf-footer-desktop { 1752 display: block !important; 1753} 1754 1755/* Mobile: mostra texto curto e esconde texto completo */ 1756@media (max-width: 768px) { 1757 .muf-footer-desktop { 1758 display: none !important; 1759 } 1760 1761 .muf-footer-mobile { 1762 display: block !important; 1763 } 1764} 1765 1766/* ===================================================== 1767 MUF - MELHORIA DO MENU DO RODAPà MOBILE 1768 ===================================================== */ 1769 1770@media (max-width: 768px) { 1771 1772 /* Ãrea do menu do rodapé */ 1773 .site-footer nav, 1774 #colophon nav { 1775 width: 100% !important; 1776 max-width: 360px !important; 1777 margin: 0 auto 26px !important; 1778 padding: 0 24px !important; 1779 } 1780 1781 /* Organiza os links em grade */ 1782 .site-footer nav ul, 1783 #colophon nav ul, 1784 .site-footer .menu, 1785 #colophon .menu { 1786 display: grid !important; 1787 grid-template-columns: 1fr 1fr !important; 1788 gap: 10px 12px !important; 1789 padding: 0 !important; 1790 margin: 0 auto !important; 1791 list-style: none !important; 1792 } 1793 1794 .site-footer nav li, 1795 #colophon nav li, 1796 .site-footer .menu li, 1797 #colophon .menu li { 1798 margin: 0 !important; 1799 padding: 0 !important; 1800 list-style: none !important; 1801 } 1802 1803 /* Links como botões leves */ 1804 .site-footer nav a, 1805 #colophon nav a, 1806 .site-footer .menu a, 1807 #colophon .menu a { 1808 display: flex !important; 1809 align-items: center !important; 1810 justify-content: center !important; 1811 min-height: 38px !important; 1812 padding: 8px 10px !important; 1813 border-radius: 999px !important; 1814 background: rgba(255,255,255,0.55) !important; 1815 border: 1px solid rgba(16,47,43,0.10) !important; 1816 color: #102f2b !important; 1817 font-size: 12px !important; 1818 font-weight: 900 !important; 1819 line-height: 1.1 !important; 1820 text-align: center !important; 1821 text-transform: uppercase !important; 1822 letter-spacing: -0.02em !important; 1823 } 1824 1825 /* Visite o MUF com mais destaque */ 1826 .site-footer nav a[href*="visite"], 1827 #colophon nav a[href*="visite"], 1828 .site-footer .menu a[href*="visite"], 1829 #colophon .menu a[href*="visite"] { 1830 background: #f4dc58 !important; 1831 color: #102f2b !important; 1832 border-color: #f4dc58 !important; 1833 box-shadow: 0 6px 14px rgba(244, 220, 88, 0.25) !important; 1834 } 1835 1836 /* Lojinha ocupa a linha inteira para não ficar espremida */ 1837 .site-footer nav a[href*="lojinha"], 1838 #colophon nav a[href*="lojinha"], 1839 .site-footer .menu a[href*="lojinha"], 1840 #colophon .menu a[href*="lojinha"] { 1841 grid-column: span 2 !important; 1842 } 1843 1844 /* Espaço entre menu e redes sociais */ 1845 .site-above-footer-wrap { 1846 padding-top: 26px !important; 1847 padding-bottom: 24px !important; 1848 } 1849 1850 /* Redes sociais um pouco mais elegantes */
1851 .site-footer .ast-builder-social-element, 1852 #colophon .ast-builder-social-element, 1853 .site-footer .social-icons a, 1854 #colophon .social-icons a { 1855 margin: 0 7px !important; 1856 } 1857} 1858/* RODAPÃ MOBILE - MENU UM LINK EMBAIXO DO OUTRO */ 1859@media (max-width: 768px) { 1860 1861 .site-footer nav, 1862 #colophon nav { 1863 width: 100% !important; 1864 margin: 0 auto 24px !important; 1865 padding: 0 !important; 1866 } 1867 1868 .site-footer nav ul, 1869 #colophon nav ul, 1870 .site-footer .menu, 1871 #colophon .menu, 1872 .ast-footer-menu { 1873 display: flex !important; 1874 flex-direction: column !important; 1875 flex-wrap: nowrap !important; 1876 align-items: center !important; 1877 justify-content: center !important; 1878 gap: 10px !important; 1879 width: 100% !important; 1880 padding: 0 !important; 1881 margin: 0 auto !important; 1882 list-style: none !important; 1883 } 1884 1885 .site-footer nav li, 1886 #colophon nav li, 1887 .site-footer .menu li, 1888 #colophon .menu li, 1889 .ast-footer-menu li { 1890 display: block !important; 1891 width: 100% !important; 1892 margin: 0 !important; 1893 padding: 0 !important; 1894 text-align: center !important; 1895 list-style: none !important; 1896 } 1897 1898 .site-footer nav a, 1899 #colophon nav a, 1900 .site-footer .menu a, 1901 #colophon .menu a, 1902 .ast-footer-menu a { 1903 display: inline-flex !important; 1904 justify-content: center !important; 1905 align-items: center !important; 1906 width: auto !important; 1907 min-width: 160px !important; 1908 padding: 6px 12px !important; 1909 text-align: center !important; 1910 color: #102f2b !important; 1911 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 1912 font-size: 13px !important; 1913 font-weight: 900 !important; 1914 text-transform: uppercase !important; 1915 text-decoration: none !important; 1916 line-height: 1.1 !important; 1917 } 1918 1919 .site-footer nav a[href*="visite"], 1920 #colophon nav a[href*="visite"], 1921 .site-footer .menu a[href*="visite"], 1922 #colophon .menu a[href*="visite"], 1923 .ast-footer-menu a[href*="visite"] { 1924 background: #f4dc58 !important; 1925 color: #102f2b !important; 1926 border-radius: 999px !important; 1927 padding: 5px 12px !important; 1928 } 1929} 1930/* RODAPÃ MOBILE - MENU EM COLUNA */ 1931@media (max-width: 768px) { 1932 1933 #colophon .ast-footer-menu, 1934 #colophon .footer-nav-wrap, 1935 #colophon .footer-navigation, 1936 #colophon #astra-footer-menu, 1937 #colophon .astra-footer-horizontal-menu, 1938 #colophon .astra-footer-mobile-horizontal-menu, 1939 .site-footer #astra-footer-menu, 1940 .site-footer .footer-menu { 1941 display: flex !important; 1942 flex-direction: column !important; 1943 align-items: center !important; 1944 justify-content: center !important; 1945 flex-wrap: nowrap !important; 1946 width: 100% !important; 1947 gap: 10px !important; 1948 padding: 0 !important; 1949 margin: 0 auto !important; 1950 } 1951 1952 #colophon #astra-footer-menu li, 1953 #colophon .footer-menu li, 1954 .site-footer #astra-footer-menu li, 1955 .site-footer .footer-menu li { 1956 display: block !important; 1957 width: 100% !important; 1958 text-align: center !important; 1959 margin: 0 !important; 1960 padding: 0 !important; 1961 } 1962 1963 #colophon #astra-footer-menu a, 1964 #colophon .footer-menu a, 1965 .site-footer #astra-footer-menu a, 1966 .site-footer .footer-menu a { 1967 display: inline-block !important; 1968 text-align: center !important; 1969 font-size: 13px !important; 1970 font-weight: 900 !important; 1971 line-height: 1.2 !important; 1972 padding: 5px 10px !important; 1973 color: #102f2b !important; 1974 text-transform: uppercase !important; 1975 text-decoration: none !important; 1976 } 1977/* MENU DO RODAPÃ CRIADO MANUALMENTE */ 1978.muf-footer-links-mobile { 1979 display: flex; 1980 flex-wrap: wrap; 1981 justify-content: center; 1982 gap: 14px 28px; 1983 width: 100%; 1984 max-width: 520px; 1985 margin: 0 auto; 1986 padding: 0; 1987} 1988 1989.muf-footer-links-mobile a { 1990 font-family: "Agrandir", "Montserrat", Arial, sans-serif; 1991 font-size: 13px; 1992 font-weight: 900; 1993 text-transform: uppercase; 1994 text-decoration: none; 1995 color: #102f2b; 1996 line-height: 1.1; 1997} 1998 1999.muf-footer-links-mobile .muf-footer-visite { 2000 background: #f4dc58; 2001 color: #102f2b; 2002 border-radius: 999px; 2003 padding: 4px 10px; 2004} 2005 2006/* NO MOBILE: UM EMBAIXO DO OUTRO */ 2007@media (max-width: 768px) { 2008 .muf-footer-links-mobile { 2009 flex-direction: column; 2010 align-items: center; 2011 gap: 10px; 2012 } 2013 2014 .muf-footer-links-mobile a { 2015 font-size: 13px; 2016 } 2017 2018 .muf-footer-links-mobile .muf-footer-visite { 2019 padding: 5px 12px; 2020 } 2021} 2022 #colophon #astra-footer-menu a[href*="visite"], 2023 #colophon .footer-menu a[href*="visite"], 2024 .site-footer #astra-footer-menu a[href*="visite"], 2025 .site-footer .footer-menu a[href*="visite"] { 2026 background: #f4dc58 !important; 2027 color: #102f2b !important; 2028 border-radius: 999px !important; 2029 padding: 5px 12px !important; 2030 } 2031} 2032@media (max-width: 768px) { 2033 .muf-footer-links-mobile { 2034 gap: 8px !important; 2035 margin-bottom: 22px !important; 2036 } 2037 2038 .muf-footer-links-mobile a { 2039 font-size: 13px !important; 2040 line-height: 1.1 !important; 2041 letter-spacing: -0.02em !important; 2042 } 2043 2044 .muf-footer-links-mobile .muf-footer-visite { 2045 padding: 5px 16px !important; 2046 border-radius: 999px !important; 2047 box-shadow: 0 5px 12px rgba(244, 220, 88, 0.25) !important; 2048 } 2049 2050 .site-above-footer-wrap { 2051 padding-top: 28px !important; 2052 padding-bottom: 26px !important; 2053 } 2054
2055 .site-above-footer-wrap .ast-builder-social-element, 2056 .site-above-footer-wrap a { 2057 margin-top: 4px !important; 2058 } 2059} 2060/* AJUSTE FINAL DO RODAPà MOBILE MUF */ 2061@media (max-width: 768px) { 2062 2063 .muf-footer-links-mobile { 2064 gap: 6px !important; 2065 margin-bottom: 18px !important; 2066 } 2067 2068 .muf-footer-links-mobile a { 2069 font-size: 13px !important; 2070 line-height: 1.05 !important; 2071 } 2072 2073 .muf-footer-links-mobile .muf-footer-visite { 2074 padding: 5px 18px !important; 2075 font-size: 13px !important; 2076 border-radius: 999px !important; 2077 box-shadow: 0 5px 12px rgba(244, 220, 88, 0.24) !important; 2078 } 2079 2080 .site-above-footer-wrap { 2081 padding-top: 26px !important; 2082 padding-bottom: 24px !important; 2083 } 2084 2085 .site-above-footer-wrap .ast-builder-social-element { 2086 margin-top: 2px !important; 2087 } 2088 2089 .site-primary-footer-wrap { 2090 padding-top: 34px !important; 2091 } 2092 2093 .site-below-footer-wrap, 2094 .ast-footer-copyright { 2095 padding-bottom: 54px !important; 2096 } 2097} 2098/* Ajuste final do rodapé mobile MUF */ 2099@media (max-width: 768px) { 2100 2101 .site-above-footer-wrap { 2102 padding-top: 26px !important; 2103 padding-bottom: 24px !important; 2104 } 2105 2106 .muf-footer-links-mobile { 2107 gap: 5px !important; 2108 margin-bottom: 20px !important; 2109 } 2110 2111 .muf-footer-links-mobile a { 2112 font-size: 13px !important; 2113 line-height: 1.05 !important; 2114 } 2115 2116 .muf-footer-links-mobile .muf-footer-visite { 2117 padding: 5px 18px !important; 2118 font-size: 13px !important; 2119 } 2120 2121 .site-primary-footer-wrap { 2122 padding-top: 34px !important; 2123 padding-bottom: 28px !important; 2124 } 2125 2126 .site-below-footer-wrap, 2127 .ast-footer-copyright { 2128 padding-bottom: 62px !important; 2129 } 2130} 2131/* ===================================================== 2132 MUF - RODAPà MOBILE FINAL 2133 Ajustes apenas no rodapé 2134 ===================================================== */ 2135 2136@media (max-width: 768px) { 2137 2138 /* Ãrea cinza do menu + redes */ 2139 .site-above-footer-wrap { 2140 background: #eef0ef !important; 2141 padding-top: 28px !important; 2142 padding-bottom: 28px !important; 2143 } 2144 2145 /* Menu manual do rodapé */ 2146 .muf-footer-links-mobile { 2147 display: flex !important; 2148 flex-direction: column !important; 2149 align-items: center !important; 2150 justify-content: center !important; 2151 gap: 6px !important; 2152 margin: 0 auto 28px !important; 2153 padding: 0 !important; 2154 width: 100% !important; 2155 } 2156 2157 .muf-footer-links-mobile a { 2158 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2159 font-size: 13px !important; 2160 font-weight: 900 !important; 2161 line-height: 1.05 !important; 2162 letter-spacing: -0.02em !important; 2163 text-transform: uppercase !important; 2164 text-decoration: none !important; 2165 color: #102f2b !important; 2166 } 2167 2168 .muf-footer-links-mobile .muf-footer-visite { 2169 background: #f4dc58 !important; 2170 color: #102f2b !important; 2171 border-radius: 999px !important; 2172 padding: 5px 18px !important; 2173 box-shadow: 0 5px 12px rgba(244, 220, 88, 0.24) !important; 2174 } 2175 2176 /* Redes sociais */ 2177 .site-above-footer-wrap .ast-builder-social-element, 2178 .site-above-footer-wrap .ast-builder-social-element a { 2179 margin-top: 0 !important; 2180 } 2181 2182 .site-above-footer-wrap svg, 2183 .site-above-footer-wrap i { 2184 color: #102f2b !important; 2185 fill: #102f2b !important; 2186 } 2187 2188 /* Ãrea institucional MUF + contatos */ 2189 .site-primary-footer-wrap { 2190 padding: 38px 28px 30px !important; 2191 } 2192 2193 .site-primary-footer-wrap h2, 2194 .site-primary-footer-wrap h3, 2195 .site-primary-footer-wrap h4, 2196 .site-primary-footer-wrap .widget-title { 2197 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2198 color: #102f2b !important; 2199 font-size: 36px !important; 2200 font-weight: 900 !important; 2201 line-height: 1.05 !important; 2202 margin-bottom: 20px !important; 2203 } 2204 2205 .site-primary-footer-wrap p, 2206 .site-primary-footer-wrap li, 2207 .site-primary-footer-wrap span { 2208 color: #314a45 !important; 2209 font-size: 18px !important; 2210 line-height: 1.55 !important; 2211 } 2212 2213 /* TÃtulo Contatos menor que o tÃtulo MUF */ 2214 .site-primary-footer-wrap .widget-title, 2215 .site-primary-footer-wrap h4 { 2216 font-size: 18px !important; 2217 line-height: 1.2 !important; 2218 } 2219 2220 /* Copyright */ 2221 .site-below-footer-wrap, 2222 .ast-footer-copyright { 2223 padding: 18px 28px 68px !important; 2224 text-align: left !important; 2225 } 2226 2227 .ast-footer-copyright, 2228 .ast-footer-copyright p, 2229 .site-below-footer-wrap, 2230 .site-below-footer-wrap p { 2231 color: #314a45 !important; 2232 font-size: 14px !important; 2233 line-height: 1.4 !important; 2234 } 2235} 2236/* AJUSTE FINO FINAL - RODAPà MOBILE MUF */ 2237@media (max-width: 768px) { 2238 2239 .site-above-footer-wrap { 2240 padding-top: 24px !important; 2241 padding-bottom: 24px !important; 2242 } 2243 2244 .muf-footer-links-mobile { 2245 gap: 5px !important; 2246 margin-bottom: 24px !important; 2247 } 2248 2249 .muf-footer-links-mobile a { 2250 font-size: 13px !important; 2251 line-height: 1.05 !important; 2252 } 2253 2254 .muf-footer-links-mobile .muf-footer-visite { 2255 padding: 5px 18px !important; 2256 border-radius: 999px !important; 2257 box-shadow: 0 5px 12px rgba(244, 220, 88, 0.25) !important; 2258 } 2259 2260 .site-primary-footer-wrap { 2261 padding-top: 38px !important; 2262 padding-bottom: 26px !important; 2263 } 2264 2265 .site-primary-footer-wrap h2, 2266 .site-primary-footer-wrap h3, 2267 .site-primary-footer-wrap h4 { 2268 margin-bottom: 18px !important; 2269 } 2270 2271 .site-below-footer-wrap, 2272 .ast-footer-copyright { 2273 padding-bottom: 68px !important; 2274 } 2275} 2276@media (max-width: 768px) { 2277 .site-below-footer-wrap, 2278 .ast-footer-copyright { 2279 padding-bottom: 72px !important; 2280 } 2281} 2282@media (max-width: 768px) { 2283 .site-below-footer-wrap, 2284 .ast-footer-copyright { 2285 padding-bottom: 72px !important; 2286 } 2287} 2288/* MENU MOBILE DO CABEÃALHO - AJUSTE FINAL MUF */ 2289@media (max-width: 768px) { 2290 2291 /* Fundo do menu aberto */ 2292 .ast-mobile-popup-drawer, 2293 .ast-mobile-popup-inner, 2294 .ast-mobile-header-content { 2295 background: rgba(16, 24, 27, 0.97) !important; 2296 } 2297 2298 /* Ãrea interna */ 2299 .ast-mobile-popup-content, 2300 .ast-mobile-popup-inner { 2301 padding-top: 28px !important; 2302 } 2303 2304 /* Remove bolinhas dos submenus */ 2305 .ast-mobile-popup-drawer ul, 2306 .ast-mobile-popup-drawer li { 2307 list-style: none !important; 2308 } 2309 2310 /* Links principais */ 2311 .ast-mobile-popup-drawer .menu-item > a, 2312 .ast-mobile-header-content .menu-item > a { 2313 color: #ffffff !important; 2314 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2315 font-size: 23px !important; 2316 font-weight: 900 !important; 2317 line-height: 1.15 !important; 2318 padding-top: 8px !important; 2319 padding-bottom: 8px !important; 2320 text-transform: none !important; 2321 } 2322 2323 /* Hover */ 2324 .ast-mobile-popup-drawer .menu-item > a:hover, 2325 .ast-mobile-header-content .menu-item > a:hover { 2326 color: #f4dc58 !important; 2327 } 2328 2329 /* Item MUF ativo */ 2330 .ast-mobile-popup-drawer .current-menu-ancestor > a, 2331 .ast-mobile-popup-drawer .current-menu-item > a { 2332 color: #00a51e !important; 2333 } 2334 2335 /* Submenu do MUF */ 2336 .ast-mobile-popup-drawer .sub-menu { 2337 background: transparent !important; 2338 margin-top: 4px !important; 2339 margin-bottom: 8px !important; 2340 padding-left: 20px !important; 2341 } 2342 2343 .ast-mobile-popup-drawer .sub-menu a { 2344 font-size: 18px !important; 2345 line-height: 1.15 !important; 2346 font-weight: 800 !important; 2347 padding-top: 5px !important; 2348 padding-bottom: 5px !important; 2349 color: #ffffff !important; 2350 } 2351 2352 /* Botão Visite o MUF */ 2353 .ast-mobile-popup-drawer a[href*="visite"], 2354 .ast-mobile-header-content a[href*="visite"] { 2355 display: inline-block !important; 2356 width: fit-content !important; 2357 background: #f4dc58 !important; 2358 color: #102f2b !important; 2359 border-radius: 7px !important; 2360 padding: 5px 11px !important; 2361 margin: 8px 0 !important; 2362 font-size: 20px !important; 2363 font-weight: 900 !important; 2364 line-height: 1.1 !important; 2365 } 2366 2367 /* Botão Contato */ 2368 .ast-mobile-popup-drawer a[href*="contato"], 2369 .ast-mobile-header-content a[href*="contato"] { 2370 display: inline-block !important; 2371 width: fit-content !important; 2372 border: 1.5px solid #00a51e !important; 2373 color: #00a51e !important; 2374 border-radius: 4px !important; 2375 padding: 8px 18px !important; 2376 margin-top: 14px !important; 2377 font-size: 14px !important; 2378 text-transform: uppercase !important; 2379 } 2380 2381 /* Botão fechar */ 2382 .ast-mobile-popup-drawer .menu-toggle-close, 2383 .ast-mobile-popup-drawer .ast-mobile-popup-drawer-close, 2384 .ast-mobile-popup-drawer button { 2385 color: #ffffff !important; 2386 } 2387 2388 /* Ãcones sociais */
2389 .ast-mobile-popup-drawer .ast-builder-social-element { 2390 margin-top: 16px !important; 2391 } 2392} 2393/* MENU MOBILE DO CABEÃALHO - AJUSTE FINAL MUF */ 2394@media (max-width: 768px) { 2395 2396 /* Fundo do menu aberto */ 2397 .ast-mobile-popup-drawer, 2398 .ast-mobile-popup-inner, 2399 .ast-mobile-header-content { 2400 background: rgba(16, 24, 27, 0.97) !important; 2401 } 2402 2403 /* Ãrea interna */ 2404 .ast-mobile-popup-content, 2405 .ast-mobile-popup-inner { 2406 padding-top: 28px !important; 2407 } 2408 2409 /* Remove bolinhas dos submenus */ 2410 .ast-mobile-popup-drawer ul, 2411 .ast-mobile-popup-drawer li { 2412 list-style: none !important; 2413 } 2414 2415 /* Links principais */ 2416 .ast-mobile-popup-drawer .menu-item > a, 2417 .ast-mobile-header-content .menu-item > a { 2418 color: #ffffff !important; 2419 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2420 font-size: 23px !important; 2421 font-weight: 900 !important; 2422 line-height: 1.15 !important; 2423 padding-top: 8px !important; 2424 padding-bottom: 8px !important; 2425 text-transform: none !important; 2426 } 2427 2428 /* Hover */ 2429 .ast-mobile-popup-drawer .menu-item > a:hover, 2430 .ast-mobile-header-content .menu-item > a:hover { 2431 color: #f4dc58 !important; 2432 } 2433 2434 /* Item MUF ativo */ 2435 .ast-mobile-popup-drawer .current-menu-ancestor > a, 2436 .ast-mobile-popup-drawer .current-menu-item > a { 2437 color: #00a51e !important; 2438 } 2439 2440 /* Submenu do MUF */ 2441 .ast-mobile-popup-drawer .sub-menu { 2442 background: transparent !important; 2443 margin-top: 4px !important; 2444 margin-bottom: 8px !important; 2445 padding-left: 20px !important; 2446 } 2447 2448 .ast-mobile-popup-drawer .sub-menu a { 2449 font-size: 18px !important; 2450 line-height: 1.15 !important; 2451 font-weight: 800 !important; 2452 padding-top: 5px !important; 2453 padding-bottom: 5px !important; 2454 color: #ffffff !important; 2455 } 2456 2457 /* Botão Visite o MUF */ 2458 .ast-mobile-popup-drawer a[href*="visite"], 2459 .ast-mobile-header-content a[href*="visite"] { 2460 display: inline-block !important; 2461 width: fit-content !important; 2462 background: #f4dc58 !important; 2463 color: #102f2b !important; 2464 border-radius: 7px !important; 2465 padding: 5px 11px !important; 2466 margin: 8px 0 !important; 2467 font-size: 20px !important; 2468 font-weight: 900 !important; 2469 line-height: 1.1 !important; 2470 } 2471 2472 /* Botão Contato */ 2473 .ast-mobile-popup-drawer a[href*="contato"], 2474 .ast-mobile-header-content a[href*="contato"] { 2475 display: inline-block !important; 2476 width: fit-content !important; 2477 border: 1.5px solid #00a51e !important; 2478 color: #00a51e !important; 2479 border-radius: 4px !important; 2480 padding: 8px 18px !important; 2481 margin-top: 14px !important; 2482 font-size: 14px !important; 2483 text-transform: uppercase !important; 2484 } 2485 2486 /* Botão fechar */ 2487 .ast-mobile-popup-drawer .menu-toggle-close, 2488 .ast-mobile-popup-drawer .ast-mobile-popup-drawer-close, 2489 .ast-mobile-popup-drawer button { 2490 color: #ffffff !important; 2491 } 2492 2493 /* Ãcones sociais */ 2494 .ast-mobile-popup-drawer .ast-builder-social-element { 2495 margin-top: 16px !important; 2496 } 2497} 2498@media (max-width: 768px) { 2499 .site-above-footer-wrap { 2500 padding-top: 22px !important; 2501 padding-bottom: 24px !important; 2502 } 2503 2504 .muf-footer-links-mobile { 2505 gap: 4px !important; 2506 margin-bottom: 24px !important; 2507 } 2508 2509 .muf-footer-links-mobile a { 2510 font-size: 13px !important; 2511 line-height: 1.05 !important; 2512 } 2513 2514 .muf-footer-links-mobile .muf-footer-visite { 2515 padding: 5px 18px !important; 2516 } 2517 2518 .site-below-footer-wrap, 2519 .ast-footer-copyright { 2520 padding-bottom: 76px !important; 2521 } 2522} 2523/* AJUSTE FINO DO MENU MOBILE DO CABEÃALHO */ 2524@media (max-width: 768px) { 2525 2526 /* Painel do menu mobile */ 2527 .ast-mobile-popup-drawer .ast-mobile-popup-inner { 2528 background: rgba(16, 24, 27, 0.98) !important; 2529 width: 86vw !important; 2530 max-width: 360px !important; 2531 box-shadow: 0 24px 60px rgba(0,0,0,0.35) !important; 2532 } 2533 2534 /* Ãrea interna do menu */ 2535 .ast-mobile-popup-drawer .ast-mobile-popup-content { 2536 padding: 34px 28px 30px !important; 2537 } 2538 2539 /* Links principais */ 2540 .ast-mobile-popup-drawer .menu-item > a, 2541 .ast-mobile-popup-drawer .menu-link { 2542 font-size: 26px !important; 2543 line-height: 1.15 !important; 2544 font-weight: 900 !important; 2545 padding-top: 7px !important; 2546 padding-bottom: 7px !important; 2547 color: #ffffff !important; 2548 } 2549 2550 /* Destaque Visite o MUF */ 2551 .ast-mobile-popup-drawer a[href*="visite"] { 2552 display: inline-block !important; 2553 width: fit-content !important; 2554 background: #f4dc58 !important; 2555 color: #102f2b !important; 2556 border-radius: 7px !important; 2557 padding: 5px 12px !important; 2558 margin: 8px 0 !important; 2559 font-size: 23px !important; 2560 font-weight: 900 !important; 2561 line-height: 1.1 !important; 2562 } 2563 2564 /* Botão Contato */ 2565 .ast-mobile-popup-drawer a[href*="contato"] { 2566 display: inline-block !important; 2567 width: fit-content !important; 2568 border: 1.5px solid #00a51e !important; 2569 color: #00a51e !important; 2570 border-radius: 4px !important; 2571 padding: 8px 18px !important; 2572 margin-top: 16px !important; 2573 font-size: 14px !important; 2574 text-transform: uppercase !important; 2575 } 2576 2577 /* Redes sociais */
2578 .ast-mobile-popup-drawer .ast-builder-social-element, 2579 .ast-mobile-popup-drawer .ast-header-social-wrap { 2580 margin-top: 18px !important; 2581 } 2582 2583 /* Botão fechar */ 2584 .ast-mobile-popup-drawer .ast-mobile-popup-drawer-close, 2585 .ast-mobile-popup-drawer .menu-toggle-close { 2586 color: #ffffff !important; 2587 } 2588 2589 /* Esconde botão flutuante enquanto o menu mobile está aberto */ 2590 .ast-mobile-popup-drawer.active ~ .joinchat, 2591 body.ast-main-header-nav-open .joinchat, 2592 body.ast-popup-nav-open .joinchat { 2593 display: none !important; 2594 } 2595} 2596 2597/* ===================================================== 2598 MUF - AJUSTE FINAL MENU MOBILE DO CABEÃALHO 2599 ===================================================== */ 2600 2601@media (max-width: 768px) { 2602 2603 /* Painel do menu mobile */ 2604 .ast-mobile-popup-drawer .ast-mobile-popup-inner { 2605 background: rgba(16, 24, 27, 0.985) !important; 2606 width: 86vw !important; 2607 max-width: 360px !important; 2608 box-shadow: 0 24px 60px rgba(0,0,0,0.38) !important; 2609 overflow-y: auto !important; 2610 } 2611 2612 /* Espaçamento interno */ 2613 .ast-mobile-popup-drawer .ast-mobile-popup-content { 2614 padding: 30px 28px 34px !important; 2615 } 2616 2617 /* Remove bolinhas/marcadores */ 2618 .ast-mobile-popup-drawer ul, 2619 .ast-mobile-popup-drawer li { 2620 list-style: none !important; 2621 margin-left: 0 !important; 2622 padding-left: 0 !important; 2623 } 2624 2625 /* Links principais */ 2626 .ast-mobile-popup-drawer .main-header-menu > .menu-item > a, 2627 .ast-mobile-popup-drawer .menu-item > .menu-link { 2628 color: #ffffff !important; 2629 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2630 font-size: 25px !important; 2631 font-weight: 900 !important; 2632 line-height: 1.12 !important; 2633 padding-top: 7px !important; 2634 padding-bottom: 7px !important; 2635 text-transform: none !important; 2636 background: transparent !important; 2637 } 2638 2639 /* MUF ativo */ 2640 .ast-mobile-popup-drawer .current-menu-ancestor > a, 2641 .ast-mobile-popup-drawer .current-menu-item > a { 2642 color: #00a51e !important; 2643 } 2644 2645 /* Submenu do MUF */ 2646 .ast-mobile-popup-drawer .sub-menu { 2647 background: transparent !important; 2648 margin: 4px 0 8px 18px !important; 2649 padding: 0 !important; 2650 } 2651 2652 .ast-mobile-popup-drawer .sub-menu .menu-item > a, 2653 .ast-mobile-popup-drawer .sub-menu .menu-link { 2654 color: #ffffff !important; 2655 font-size: 18px !important; 2656 font-weight: 850 !important; 2657 line-height: 1.12 !important; 2658 padding-top: 4px !important; 2659 padding-bottom: 4px !important; 2660 } 2661 2662 /* Hover */ 2663 .ast-mobile-popup-drawer .menu-item > a:hover, 2664 .ast-mobile-popup-drawer .menu-link:hover { 2665 color: #f4dc58 !important; 2666 } 2667 2668 /* Botão Visite o MUF */ 2669 .ast-mobile-popup-drawer a[href*="visite"] { 2670 display: inline-block !important; 2671 width: fit-content !important; 2672 background: #f4dc58 !important; 2673 color: #102f2b !important; 2674 border-radius: 7px !important; 2675 padding: 5px 12px !important; 2676 margin: 7px 0 !important; 2677 font-size: 22px !important; 2678 font-weight: 900 !important; 2679 line-height: 1.1 !important; 2680 box-shadow: 0 5px 12px rgba(244, 220, 88, 0.22) !important; 2681 } 2682 2683 /* Botão Contato */ 2684 .ast-mobile-popup-drawer a[href*="contato"] { 2685 display: inline-block !important; 2686 width: fit-content !important; 2687 border: 1.5px solid #00a51e !important; 2688 color: #00a51e !important; 2689 border-radius: 4px !important; 2690 padding: 8px 18px !important; 2691 margin-top: 14px !important; 2692 font-size: 14px !important; 2693 font-weight: 800 !important; 2694 text-transform: uppercase !important; 2695 } 2696 2697 /* Redes sociais */ 2698 .ast-mobile-popup-drawer .ast-builder-social-element, 2699 .ast-mobile-popup-drawer .ast-header-social-wrap { 2700 margin-top: 16px !important; 2701 } 2702 2703 /* Botão fechar */ 2704 .ast-mobile-popup-drawer .ast-mobile-popup-drawer-close, 2705 .ast-mobile-popup-drawer .menu-toggle-close { 2706 color: #ffffff !important; 2707 } 2708} 2709/* MENU MOBILE - SUBMENU MUF MAIS COMPACTO */ 2710@media (max-width: 768px) { 2711 2712 .ast-mobile-popup-drawer .menu-item > a, 2713 .ast-mobile-popup-drawer .menu-link { 2714 font-size: 23px !important; 2715 line-height: 1.12 !important; 2716 padding-top: 6px !important; 2717 padding-bottom: 6px !important; 2718 } 2719 2720 .ast-mobile-popup-drawer .sub-menu { 2721 margin: 6px 0 10px 16px !important; 2722 padding: 0 0 0 14px !important; 2723 border-left: 2px solid rgba(244, 220, 88, 0.35) !important; 2724 background: transparent !important; 2725 } 2726 2727 .ast-mobile-popup-drawer .sub-menu .menu-item > a, 2728 .ast-mobile-popup-drawer .sub-menu .menu-link { 2729 font-size: 16px !important; 2730 line-height: 1.15 !important; 2731 font-weight: 800 !important; 2732 padding-top: 4px !important; 2733 padding-bottom: 4px !important; 2734 color: #ffffff !important; 2735 white-space: normal !important; 2736 } 2737 2738 .ast-mobile-popup-drawer a[href*="visite"] { 2739 font-size: 20px !important; 2740 padding: 5px 12px !important; 2741 margin: 8px 0 !important; 2742 } 2743 2744 .ast-mobile-popup-drawer a[href*="contato"] { 2745 font-size: 13px !important; 2746 padding: 7px 16px !important; 2747 margin-top: 12px !important; 2748 } 2749} 2750@media (max-width: 768px) { 2751 2752 .ast-mobile-popup-drawer .ast-mobile-popup-inner, 2753 .ast-mobile-popup-drawer .ast-mobile-popup-content { 2754 overflow-y: auto !important; 2755 } 2756 2757 .ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link, 2758 .ast-mobile-popup-drawer .main-header-menu > .menu-item > a { 2759 font-size: 23px !important; 2760 line-height: 1.08 !important; 2761 padding-top: 5px !important; 2762 padding-bottom: 5px !important; 2763 font-weight: 900 !important; 2764 } 2765 2766 .ast-mobile-popup-drawer .main-header-menu .sub-menu { 2767 margin: 4px 0 8px 18px !important; 2768 padding: 0 0 0 14px !important; 2769 border-left: 2px solid rgba(244, 220, 88, 0.35) !important; 2770 background: transparent !important; 2771 } 2772 2773 .ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-item, 2774 .ast-mobile-popup-drawer .main-header-menu .sub-menu li { 2775 margin: 0 !important; 2776 padding: 0 !important; 2777 } 2778 2779 .ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-link, 2780 .ast-mobile-popup-drawer .main-header-menu .sub-menu a,
2781 .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu .menu-link, 2782 .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu a { 2783 font-size: 15px !important; 2784 line-height: 1.15 !important; 2785 font-weight: 800 !important; 2786 padding-top: 3px !important; 2787 padding-bottom: 3px !important; 2788 padding-left: 0 !important; 2789 color: #ffffff !important; 2790 white-space: normal !important; 2791 } 2792 2793 .ast-mobile-popup-drawer a[href*="visite"] { 2794 font-size: 20px !important; 2795 padding: 5px 12px !important; 2796 margin: 7px 0 !important; 2797 } 2798 2799 .ast-mobile-popup-drawer a[href*="contato"] { 2800 font-size: 13px !important; 2801 padding: 7px 16px !important; 2802 margin-top: 12px !important; 2803 } 2804} 2805/* ===================================================== 2806 MUF - FORÃA SUBMENU MOBILE MENOR 2807 Usar classe "muf-menu-compact" no item principal MUF 2808 ===================================================== */ 2809 2810@media (max-width: 768px) { 2811 2812 html body .ast-mobile-popup-drawer li.muf-menu-compact > a, 2813 html body .ast-mobile-popup-drawer li.muf-menu-compact > .menu-link { 2814 font-size: 23px !important; 2815 line-height: 1.1 !important; 2816 font-weight: 900 !important; 2817 } 2818 2819 html body .ast-mobile-popup-drawer li.muf-menu-compact > .sub-menu, 2820 html body .ast-mobile-popup-drawer li.muf-menu-compact ul.sub-menu { 2821 margin: 6px 0 10px 18px !important; 2822 padding: 0 0 0 14px !important; 2823 border-left: 2px solid rgba(244, 220, 88, 0.35) !important; 2824 background: transparent !important; 2825 } 2826 2827 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu li { 2828 margin: 0 !important; 2829 padding: 0 !important; 2830 } 2831 2832 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu li > a, 2833 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu li > .menu-link, 2834 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu a.menu-link, 2835 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu .menu-link, 2836 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu span, 2837 html body .ast-mobile-popup-drawer li.muf-menu-compact .sub-menu .menu-text { 2838 font-size: 15px !important; 2839 line-height: 1.15 !important; 2840 font-weight: 800 !important; 2841 padding-top: 3px !important; 2842 padding-bottom: 3px !important; 2843 color: #ffffff !important; 2844 letter-spacing: -0.01em !important; 2845 text-transform: none !important; 2846 } 2847} 2848/* ===================================================== 2849 MUF - SUBMENU MOBILE COMPACTO POR CLASSE 2850 Coloque a classe "muf-menu-compact" no item MUF 2851 ===================================================== */ 2852 2853@media (max-width: 768px) { 2854 2855 body .ast-mobile-popup-drawer li.muf-menu-compact > a, 2856 body .ast-mobile-popup-drawer li.muf-menu-compact > .menu-link { 2857 font-size: 24px !important; 2858 line-height: 1.1 !important; 2859 font-weight: 900 !important; 2860 } 2861 2862 body .ast-mobile-popup-drawer li.muf-menu-compact > .sub-menu { 2863 margin: 6px 0 10px 16px !important; 2864 padding: 0 0 0 14px !important; 2865 border-left: 2px solid rgba(244, 220, 88, 0.35) !important; 2866 background: transparent !important; 2867 } 2868 2869 body .ast-mobile-popup-drawer li.muf-menu-compact > .sub-menu > li { 2870 margin: 0 !important; 2871 padding: 0 !important; 2872 } 2873 2874 body .ast-mobile-popup-drawer li.muf-menu-compact > .sub-menu > li > a, 2875 body .ast-mobile-popup-drawer li.muf-menu-compact > .sub-menu > li > .menu-link { 2876 font-size: 15px !important; 2877 line-height: 1.15 !important; 2878 font-weight: 800 !important; 2879 padding-top: 3px !important; 2880 padding-bottom: 3px !important; 2881 color: #ffffff !important; 2882 text-transform: none !important; 2883 letter-spacing: -0.01em !important; 2884 white-space: normal !important; 2885 } 2886} 2887/* FORÃA SUBMENU MUF MENOR NO MENU MOBILE */ 2888@media (max-width: 768px) { 2889 2890 body .ast-mobile-popup-drawer .sub-menu, 2891 body .ast-mobile-popup-drawer .main-header-menu .sub-menu, 2892 body .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu { 2893 margin: 6px 0 10px 18px !important; 2894 padding: 0 0 0 14px !important; 2895 border-left: 2px solid rgba(244, 220, 88, 0.35) !important; 2896 background: transparent !important; 2897 } 2898 2899 body .ast-mobile-popup-drawer .sub-menu li, 2900 body .ast-mobile-popup-drawer .main-header-menu .sub-menu li,
2901 body .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu li { 2902 margin: 0 !important; 2903 padding: 0 !important; 2904 } 2905 2906 body .ast-mobile-popup-drawer .sub-menu a, 2907 body .ast-mobile-popup-drawer .sub-menu .menu-link, 2908 body .ast-mobile-popup-drawer .main-header-menu .sub-menu a, 2909 body .ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-link, 2910 body .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu a, 2911 body .ast-mobile-popup-drawer .ast-builder-menu-mobile .sub-menu .menu-link { 2912 font-size: 13px !important; 2913 line-height: 1.15 !important; 2914 font-weight: 700 !important; 2915 padding: 3px 0 !important; 2916 letter-spacing: 0 !important; 2917 text-transform: none !important; 2918 color: #ffffff !important; 2919 transform: none !important; 2920 } 2921 2922 body .ast-mobile-popup-drawer .sub-menu a span, 2923 body .ast-mobile-popup-drawer .sub-menu .menu-text, 2924 body .ast-mobile-popup-drawer .sub-menu .ast-menu-text { 2925 font-size: 13px !important; 2926 line-height: 1.15 !important; 2927 font-weight: 700 !important; 2928 } 2929} 2930/* ===================================================== 2931 MUF - AJUSTE RODAPà DESKTOP 2932 Mantém o mobile como está e melhora só o desktop 2933 ===================================================== */ 2934 2935@media (min-width: 769px) { 2936 2937 /* Faixa superior do rodapé: menu + redes */ 2938 .site-above-footer-wrap { 2939 background: #eef0ef !important; 2940 padding: 38px 48px !important; 2941 } 2942 2943 .site-above-footer-wrap .ast-builder-grid-row { 2944 max-width: 1280px !important; 2945 margin: 0 auto !important; 2946 display: grid !important; 2947 grid-template-columns: 1fr auto !important; 2948 align-items: center !important; 2949 gap: 40px !important; 2950 } 2951 2952 /* Menu manual do rodapé no desktop */ 2953 .muf-footer-links-mobile { 2954 display: flex !important; 2955 flex-direction: row !important; 2956 flex-wrap: wrap !important; 2957 justify-content: flex-start !important; 2958 align-items: center !important; 2959 gap: 18px 30px !important; 2960 width: auto !important; 2961 max-width: none !important; 2962 margin: 0 !important; 2963 padding: 0 !important; 2964 } 2965 2966 .muf-footer-links-mobile a { 2967 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 2968 font-size: 14px !important; 2969 font-weight: 900 !important; 2970 line-height: 1.1 !important; 2971 letter-spacing: -0.02em !important; 2972 text-transform: none !important; 2973 color: #102f2b !important; 2974 text-decoration: none !important; 2975 white-space: nowrap !important; 2976 } 2977 2978 .muf-footer-links-mobile a:hover { 2979 color: #118c2f !important; 2980 } 2981 2982 .muf-footer-links-mobile .muf-footer-visite { 2983 background: #f4dc58 !important; 2984 color: #102f2b !important; 2985 border-radius: 999px !important; 2986 padding: 4px 12px !important; 2987 box-shadow: none !important; 2988 } 2989 2990 /* Redes sociais à direita */ 2991 .site-above-footer-wrap .ast-builder-social-element, 2992 .site-above-footer-wrap .social-icons { 2993 justify-content: flex-end !important; 2994 } 2995 2996 .site-above-footer-wrap svg, 2997 .site-above-footer-wrap i { 2998 color: #102f2b !important; 2999 fill: #102f2b !important; 3000 } 3001 3002 /* Ãrea institucional do rodapé */ 3003 .site-primary-footer-wrap { 3004 padding: 64px 48px 54px !important; 3005 } 3006 3007 .site-primary-footer-wrap .ast-builder-grid-row { 3008 max-width: 1280px !important; 3009 margin: 0 auto !important; 3010 display: grid !important; 3011 grid-template-columns: minmax(0, 2fr) minmax(320px, 0.8fr) !important; 3012 gap: 80px !important; 3013 align-items: start !important; 3014 } 3015 3016 .site-primary-footer-wrap h2, 3017 .site-primary-footer-wrap h3, 3018 .site-primary-footer-wrap h4, 3019 .site-primary-footer-wrap .widget-title { 3020 font-family: "Agrandir", "Montserrat", Arial, sans-serif !important; 3021 font-size: 28px !important; 3022 font-weight: 900 !important; 3023 line-height: 1.05 !important; 3024 color: #102f2b !important; 3025 margin-bottom: 22px !important; 3026 } 3027 3028 .site-primary-footer-wrap p, 3029 .site-primary-footer-wrap li, 3030 .site-primary-footer-wrap span { 3031 font-size: 18px !important; 3032 line-height: 1.65 !important; 3033 color: #314a45 !important; 3034 } 3035 3036 /* Contatos */ 3037 .site-primary-footer-wrap .widget-title, 3038 .site-primary-footer-wrap h4 { 3039 font-size: 22px !important; 3040 } 3041 3042 /* Copyright */ 3043 .site-below-footer-wrap, 3044 .ast-footer-copyright { 3045 padding: 28px 48px 34px !important; 3046 border-top: 1px solid rgba(16, 47, 43, 0.08) !important; 3047 text-align: left !important; 3048 } 3049
3050 .site-below-footer-wrap .ast-builder-grid-row, 3051 .ast-footer-copyright { 3052 max-width: 1280px !important; 3053 margin: 0 auto !important; 3054 } 3055 3056 .ast-footer-copyright, 3057 .ast-footer-copyright p, 3058 .site-below-footer-wrap, 3059 .site-below-footer-wrap p { 3060 font-size: 15px !important; 3061 color: #314a45 !important; 3062 } 3063} 3064/* AJUSTE FINO - RODAPà DESKTOP MAIS COMPACTO */ 3065@media (min-width: 769px) { 3066 3067 .site-above-footer-wrap { 3068 padding-top: 30px !important; 3069 padding-bottom: 30px !important; 3070 } 3071 3072 .site-primary-footer-wrap { 3073 padding-top: 54px !important; 3074 padding-bottom: 46px !important; 3075 } 3076 3077 .site-primary-footer-wrap .ast-builder-grid-row { 3078 grid-template-columns: minmax(0, 1.8fr) minmax(300px, 0.7fr) !important; 3079 gap: 70px !important; 3080 } 3081 3082 .site-primary-footer-wrap p { 3083 max-width: 920px !important; 3084 font-size: 17px !important; 3085 line-height: 1.6 !important; 3086 } 3087 3088 .site-primary-footer-wrap h2, 3089 .site-primary-footer-wrap h3, 3090 .site-primary-footer-wrap h4, 3091 .site-primary-footer-wrap .widget-title { 3092 font-size: 26px !important; 3093 margin-bottom: 18px !important; 3094 } 3095 3096 .site-below-footer-wrap, 3097 .ast-footer-copyright { 3098 padding-top: 24px !important; 3099 padding-bottom: 30px !important; 3100 } 3101} 3102/* AJUSTE FINAL - RODAPà DESKTOP MAIS COMPACTO */ 3103@media (min-width: 769px) { 3104 3105 .site-above-footer-wrap { 3106 padding-top: 28px !important; 3107 padding-bottom: 28px !important; 3108 } 3109 3110 .site-primary-footer-wrap { 3111 padding-top: 46px !important; 3112 padding-bottom: 42px !important; 3113 } 3114 3115 .site-primary-footer-wrap .ast-builder-grid-row { 3116 gap: 64px !important; 3117 } 3118 3119 .site-primary-footer-wrap h2, 3120 .site-primary-footer-wrap h3, 3121 .site-primary-footer-wrap h4, 3122 .site-primary-footer-wrap .widget-title { 3123 font-size: 25px !important; 3124 margin-bottom: 16px !important; 3125 } 3126 3127 .site-primary-footer-wrap p { 3128 font-size: 17px !important; 3129 line-height: 1.58 !important; 3130 } 3131 3132 .site-below-footer-wrap, 3133 .ast-footer-copyright { 3134 padding-top: 22px !important; 3135 padding-bottom: 26px !important; 3136 } 3137} </style> 3138 </head> 3139 3140 3141<body class="wp-singular page-template page-template-elementor_header_footer page page-id-4250 wp-custom-logo wp-embed-responsive wp-theme-blocksy wp-child-theme-blocksy-child elementor-default elementor-template-full-width elementor-kit-451 elementor-page elementor-page-4250" data-link="type-2" data-prefix="single_page" data-header="type-1:sticky" data-footer="type-1" itemscope="itemscope" itemtype="https://schema.org/WebPage"> 3142 3143<a class="skip-link screen-reader-text" href="#main">Pular para o conteúdo</a><div class="ct-drawer-canvas" data-location="start"> 3144 <div id="search-modal" class="ct-panel" data-behaviour="modal" role="dialog" aria-label="Modal de pesquisa" inert> 3145 <div class="ct-panel-actions"> 3146 <button class="ct-toggle-close" data-type="type-1" aria-label="Close search modal"> 3147 <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"><path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/></svg> </button> 3148 </div> 3149 3150 <div class="ct-panel-content"> 3151 3152 3153<form role="search" method="get" class="ct-search-form" data-form-controls="inside" data-taxonomy-filter="false" data-submit-button="icon" action="https://museudefavela.org/" data-live-results="thumbs"> 3154 3155 <div class="ct-search-form-inner ct-pseudo-input" > 3156 3157 <input 3158 type="search" class="modal-field" placeholder="Start typing to search" 3159 value="" 3160 name="s" 3161 autocomplete="off" 3162 title="Pesquisar por..." 3163 aria-label="Pesquisar por..." 3164 role="combobox" 3165 aria-autocomplete="list" 3166 aria-controls="ct-search-results-4cd" 3167 aria-describedby="ct-search-status-4cd" 3168 aria-expanded="false" 3169 > 3170 3171 3172 3173 <button type="submit" class="wp-element-button" aria-label="Botão de pesquisa"> 3174 <svg class="ct-icon ct-search-button-content" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15"><path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/></svg> 3175 <span class="ct-ajax-loader"> 3176 <svg viewBox="0 0 24 24"> 3177 <circle cx="12" cy="12" r="10" opacity="0.2" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"/> 3178 3179 <path d="m12,2c5.52,0,10,4.48,10,10" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"> 3180 <animateTransform 3181 attributeName="transform" 3182 attributeType="XML" 3183 type="rotate" 3184 dur="0.6s" 3185 from="0 12 12" 3186 to="360 12 12"
3187 repeatCount="indefinite" 3188 begin="indefinite" 3189 /> 3190 </path> 3191 </svg> 3192 </span> 3193 </button> 3194 3195 3196 <input type="hidden" name="ct_post_type" value="post:page"> 3197 3198 3199 3200 </div> 3201 3202 <div 3203 class="screen-reader-text" 3204 id="ct-search-status-4cd" 3205 aria-live="polite" 3206 role="status"> 3207 Sem resultados </div> 3208 3209</form> 3210 </div> 3211 </div> 3212 3213 <div id="offcanvas" class="ct-panel ct-header" data-behaviour="right-side" role="dialog" aria-label="Offcanvas modal" inert=""><div class="ct-panel-inner"> 3214 <div class="ct-panel-actions"> 3215 3216 3217 <button class="ct-toggle-close" data-type="type-1" aria-label="Close drawer"> 3218 <svg class="ct-icon" width="12" height="12" viewBox="0 0 15 15"><path d="M1 15a1 1 0 01-.71-.29 1 1 0 010-1.41l5.8-5.8-5.8-5.8A1 1 0 011.7.29l5.8 5.8 5.8-5.8a1 1 0 011.41 1.41l-5.8 5.8 5.8 5.8a1 1 0 01-1.41 1.41l-5.8-5.8-5.8 5.8A1 1 0 011 15z"/></svg> 3219 </button> 3220 3221 </div> 3222 <div class="ct-panel-content" data-device="desktop"><div class="ct-panel-content-inner"></div></div><div class="ct-panel-content" data-device="mobile"><div class="ct-panel-content-inner"> 3223<a href="https://museudefavela.org/" class="site-logo-container" data-id="offcanvas-logo" rel="home" itemprop="url"> 3224 <img width="50" height="50" src="https://museudefavela.org/wp-content/uploads/2020/04/logo.svg" class="default-logo" alt="MUSEU DE FAVELA" decoding="async" /> </a> 3225 3226 3227<nav 3228 class="mobile-menu menu-container has-submenu" 3229 data-id="mobile-menu" data-interaction="click" data-toggle-type="type-1" data-submenu-dots="no" aria-label="Main Menu"> 3230 3231 <ul id="menu-main-menu-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-211"><a href="https://museudefavela.org/" class="ct-menu-link">Home</a></li> 3232<li class="muf-menu-compact menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-634"><span class="ct-sub-menu-parent"><a href="#" class="ct-menu-link">MUF</a><button class="ct-toggle-dropdown-mobile" aria-label="Expand dropdown menu" aria-haspopup="true" aria-expanded="false"><svg class="ct-icon toggle-icon-1" width="15" height="15" viewBox="0 0 15 15" aria-hidden="true"><path d="M3.9,5.1l3.6,3.6l3.6-3.6l1.4,0.7l-5,5l-5-5L3.9,5.1z"/></svg></button></span> 3233<ul class="sub-menu"> 3234 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7616"><a href="https://museudefavela.org/quemsomos/" class="ct-menu-link">Quem Somos</a></li> 3235 <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-6100"><a href="https://museudefavela.org/sobreomuf/" aria-current="page" class="ct-menu-link">Sobre o MUF</a></li> 3236 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6101"><a href="https://museudefavela.org/compromissosbasicos/" class="ct-menu-link">Compromissos Básicos</a></li> 3237 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-974"><a href="https://museudefavela.org/parcerias/" class="ct-menu-link">Redes e Parcerias</a></li> 3238 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-774"><a href="https://museudefavela.org/muf-na-midia/" class="ct-menu-link">MUF na MÃdia</a></li> 3239 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7617"><a href="https://museudefavela.org/voluntariado/" class="ct-menu-link">Voluntariado</a></li> 3240 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5183"><a href="https://museudefavela.org/nossas-publicacoes/" class="ct-menu-link">Nossas Publicações</a></li> 3241 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5182"><a href="https://museudefavela.org/producoes-academicas/?nocache" class="ct-menu-link">Produções Acadêmicas</a></li> 3242</ul> 3243</li> 3244<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5188"><a href="https://museudefavela.org/visiteomuf/" class="ct-menu-link"><span class="muf-badge-novo2">Visite o MUF</span></a></li> 3245<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-973"><a href="https://museudefavela.org/doar/" class="ct-menu-link"><span class="notranslate">
3245Doar</span></a></li> 3246<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1193"><a href="https://museudefavela.org/artesanato/" class="ct-menu-link">Lojinha do MUF</a></li> 3247<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212"><a href="https://museudefavela.org/noticias/" class="ct-menu-link">NotÃcias</a></li> 3248</ul></nav> 3249 3250 3251<div 3252 class="ct-header-cta" 3253 data-id="button"> 3254 <a 3255 href="https://museudefavela.org/contato/" 3256 class="ct-button-ghost" 3257 data-size="small" aria-label="CONTATO"> 3258 CONTATO </a> 3259</div> 3260 3261<div 3262 class="ct-header-socials " 3263 data-id="socials"> 3264 3265 3266 <div class="ct-social-box" data-color="custom" data-icon-size="custom" data-icons-type="rounded:outline" > 3267 3268 3269 3270 <a href="https://www.facebook.com/museudefavela/?locale=pt_BR" data-network="facebook" aria-label="Facebook"> 3271 <span class="ct-icon-container"> 3272 <svg 3273 width="20px" 3274 height="20px" 3275 viewBox="0 0 20 20" 3276 aria-hidden="true"> 3277 <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> 3278 </svg> 3279 </span> </a> 3280 3281 <a href="#" data-network="twitter" aria-label="X (Twitter)"> 3282 <span class="ct-icon-container"> 3283 <svg 3284 width="20px" 3285 height="20px" 3286 viewBox="0 0 20 20" 3287 aria-hidden="true"> 3288 <path d="M2.9 0C1.3 0 0 1.3 0 2.9v14.3C0 18.7 1.3 20 2.9 20h14.3c1.6 0 2.9-1.3 2.9-2.9V2.9C20 1.3 18.7 0 17.1 0H2.9zm13.2 3.8L11.5 9l5.5 7.2h-4.3l-3.3-4.4-3.8 4.4H3.4l5-5.7-5.3-6.7h4.4l3 4 3.5-4h2.1zM14.4 15 6.8 5H5.6l7.7 10h1.1z"/> 3289 </svg> 3290 </span> </a> 3291 3292 <a href="https://www.instagram.com/muf.museudefavela/" data-network="instagram" aria-label="Instagram"> 3293 <span class="ct-icon-container"> 3294 <svg 3295 width="20" 3296 height="20" 3297 viewBox="0 0 20 20" 3298 aria-hidden="true"> 3299 <circle cx="10" cy="10" r="3.3"/> 3300 <path d="M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z"/> 3301 </svg> 3302 </span> </a> 3303 3304 <a href="#" data-network="discord" aria-label="Discord"> 3305 <span class="ct-icon-container"> 3306 <svg 3307 width="20px" 3308 height="20px" 3309 viewBox="0 0 20 20" 3310 aria-hidden="true"> 3311 <path d="M17.2,4.2c-1.7-1.4-4.5-1.6-4.6-1.6c-0.2,0-0.4,0.1-0.4,0.3c0,0-0.1,0.1-0.1,0.4c1.1,0.2,2.6,0.6,3.8,1.4C16.1,4.7,16.2,5,16,5.2c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.2,0-0.2-0.1C13.3,4,10.5,3.9,10,3.9S6.7,4,4.6,5.3C4.4,5.5,4.1,5.4,4,5.2C3.8,5,3.9,4.7,4.1,4.6c1.3-0.8,2.7-1.2,3.8-1.4C7.9,3,7.8,2.9,7.8,2.9C7.7,2.7,7.5,2.6,7.4,2.6c-0.1,0-2.9,0.2-4.6,1.7C1.8,5.1,0,10.1,0,14.3c0,0.1,0,0.2,0.1,0.2c1.3,2.2,4.7,2.8,5.5,2.8c0,0,0,0,0,0c0.1,0,0.3-0.1,0.4-0.2l0.8-1.1c-2.1-0.6-3.2-1.5-3.3-1.6c-0.2-0.2-0.2-0.4,0-0.6c0.2-0.2,0.4-0.2,0.6,0c0,0,2,1.7,6,1.7c4,0,6-1.7,6-1.7c0.2-0.2,0.5-0.1,0.6,0c0.2,0.2,0.1,0.5,0,0.6c-0.1,0.1-1.2,1-3.3,1.6l0.8,1.1c0.1,0.1,0.2,0.2,0.4,0.2c0,0,0,0,0,0c0.8,0,4.2-0.6,5.5-2.8c0-0.1,0.1-0.1,0.1-0.2C20,10.1,18.2,5.1,17.2,4.2z M7.2,12.6c-0.8,0-1.5-0.8-1.5-1.7s0.7-1.7,1.5-1.7c0.8,0,1.5,0.8,1.5,1.7S8,12.6,7.2,12.6z M12.8,12.6c-0.8,0-1.5-0.8-1.5-1.7s0.7-1.7,1.5-1.7c0.8,0,1.5,0.8,1.5,1.7S13.7,12.6,12.8,12.6z"/> 3312 </svg> 3313 </span> </a> 3314 3315 3316 </div> 3317 3318 3319</div> 3320</div></div></div></div></div> 3321<div id="main-container"> 3322 <header id="header" class="ct-header" data-id="type-1" itemscope="" itemtype="https://schema.org/WPHeader"><div data-device="desktop"><div class="ct-sticky-container"><div data-sticky="slide"><div data-row="middle" data-column-set="3"><div class="ct-container"><div data-column="start" data-placements="1"><div data-items="primary"> 3323<div class="site-branding" 3324 data-id="logo" itemscope="itemscope" itemtype="https://schema.org/Organization"> 3325 3326 <a href="https://museudefavela.org/" class="site-logo-container" rel="home" itemprop="url" ><img fetchpriority="high" width="1920" height="1920" src="https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1.png" class="default-logo" alt="MUSEU DE FAVELA" decoding="async" srcset="https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1.png 1920w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-400x400.png 400w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-1200x1200.png 1200w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-200x200.png 200w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-768x768.png 768w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-1536x1536.png 1536w" sizes="(max-width: 1920px) 100v
3326w, 1920px" /></a> 3327 </div> 3328 3329</div></div><div data-column="middle"><div data-items=""> 3330<nav 3331 id="header-menu-1" 3332 class="header-menu-1 menu-container" 3333 data-id="menu" data-interaction="hover" data-menu="type-2:center" 3334 data-dropdown="type-1:simple" data-responsive="no" itemscope="" itemtype="https://schema.org/SiteNavigationElement" aria-label="Main Menu"> 3335 3336 <ul id="menu-main-menu" class="menu"><li id="menu-item-211" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-211"><a href="https://museudefavela.org/" class="ct-menu-link">Home</a></li> 3337<li id="menu-item-634" class="muf-menu-compact menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-634 animated-submenu-block"><a href="#" class="ct-menu-link">MUF<span class="ct-toggle-dropdown-desktop"><svg class="ct-icon" width="8" height="8" viewBox="0 0 15 15" aria-hidden="true"><path d="M2.1,3.2l5.4,5.4l5.4-5.4L15,4.3l-7.5,7.5L0,4.3L2.1,3.2z"/></svg></span></a><button class="ct-toggle-dropdown-desktop-ghost" aria-label="Expand dropdown menu" aria-haspopup="true" aria-expanded="false"></button> 3338<ul class="sub-menu"> 3339 <li id="menu-item-7616" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7616"><a href="https://museudefavela.org/quemsomos/" class="ct-menu-link">Quem Somos</a></li> 3340 <li id="menu-item-6100" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-6100"><a href="https://museudefavela.org/sobreomuf/" aria-current="page" class="ct-menu-link">Sobre o MUF</a></li> 3341 <li id="menu-item-6101" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6101"><a href="https://museudefavela.org/compromissosbasicos/" class="ct-menu-link">Compromissos Básicos</a></li> 3342 <li id="menu-item-974" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-974"><a href="https://museudefavela.org/parcerias/" class="ct-menu-link">Redes e Parcerias</a></li> 3343 <li id="menu-item-774" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-774"><a href="https://museudefavela.org/muf-na-midia/" class="ct-menu-link">MUF na MÃdia</a></li> 3344 <li id="menu-item-7617" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7617"><a href="https://museudefavela.org/voluntariado/" class="ct-menu-link">Voluntariado</a></li> 3345 <li id="menu-item-5183" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5183"><a href="https://museudefavela.org/nossas-publicacoes/" class="ct-menu-link">Nossas Publicações</a></li> 3346 <li id="menu-item-5182" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5182"><a href="https://museudefavela.org/producoes-academicas/?nocache" class="ct-menu-link">Produções Acadêmicas</a></li> 3347</ul> 3348</li> 3349<li id="menu-item-5188" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5188"><a href="https://museudefavela.org/visiteomuf/" class="ct-menu-link"><span class="muf-badge-novo2">Visite o MUF</span></a></li> 3350<li id="menu-item-973" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-973"><a href="https://museudefavela.org/doar/" class="ct-menu-link"><span class="notranslate">Doar</span></a></li> 3351<li id="menu-item-1193" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1193"><a href="https://museudefavela.org/artesanato/" class="ct-menu-link">Lojinha do MUF</a></li> 3352<li id="menu-item-212" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212"><a href="https://museudefavela.org/noticias/" class="ct-menu-link">NotÃcias</a></li> 3353</ul></nav> 3354 3355</div></div><div data-column="end" data-placements="1"><div data-items="primary"> 3356<button 3357 class="ct-header-search ct-toggle " 3358 data-toggle-panel="#search-modal" 3359 aria-controls="search-modal" 3360 aria-label="Pesquisar" 3361 data-label="left" 3362 data-id="search"> 3363 3364 <span class="ct-label ct-hidden-sm ct-hidden-md ct-hidden-lg" aria-hidden="true">Pesquisar</span> 3365 3366 <svg class="ct-icon" aria-hidden="true" width="15" height="15" viewBox="0 0 15 15"><path d="M14.8,13.7L12,11c0.9-1.2,1.5-2.6,1.5-4.2c0-3.7-3-6.8-6.8-6.8S0,3,0,6.8s3,6.8,6.8,6.8c1.6,0,3.1-0.6,4.2-1.5l2.8,2.8c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2C15.1,14.5,15.1,14,14.8,13.7z M1.5,6.8c0-2.9,2.4-5.2,5.2-5.2S12,3.9,12,6.8S9.6,12,6.8,12S1.5,9.6,1.5,6.8z"/></svg></button> 3367 3368<div 3369 class="ct-header-cta" 3370 data-id="button"> 3371 <a 3372 href="https://museudefavela.org/contato/" 3373 class="ct-button-ghost" 3374 data-size="small" aria-label="CONTATO"> 3375 CONTATO </a> 3376</div> 3377</div></div></div></div></div></div></div><div data-device="mobile"><div class="ct-sticky-container"><div data-sticky="slide"><div data-row="middle" data-column-set="2"><div class="ct-container"><div data-column="start" data-placements="1"><div data-items="primary"> 3378<div class="site-branding" 3379 data-id="logo" > 3380 3381 <a href="https://museudefavela.org/" class="site-logo-container" rel="home" itemprop="url" ><img fetchpriority="high" width="1920" height="1920" src="https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1.png" class="default-logo" alt="MUSEU DE FAVELA" decoding="async" srcset="https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1.png 1920w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-400x400.png 400w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-1200x1200.png 1200w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-200x200.png 200w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-768x768.png 768w, https://museudefavela.org/wp-content/uploads/2026/06/muf-logo-120_a-1-1536x1536.png 1536w" sizes="(max-width: 1920px) 100v
3381w, 1920px" /></a> 3382 </div> 3383 3384</div></div><div data-column="end" data-placements="1"><div data-items="primary"> 3385<button 3386 class="ct-header-trigger ct-toggle " 3387 data-toggle-panel="#offcanvas" 3388 aria-controls="offcanvas" 3389 data-design="simple" 3390 data-label="right" 3391 aria-label="Menu" 3392 data-id="trigger"> 3393 3394 <span class="ct-label ct-hidden-sm ct-hidden-md ct-hidden-lg" aria-hidden="true">Menu</span> 3395 3396 <svg class="ct-icon" width="18" height="14" viewBox="0 0 18 14" data-type="type-1" aria-hidden="true"> 3397 <rect y="0.00" width="18" height="1.7" rx="1"/> 3398 <rect y="6.15" width="18" height="1.7" rx="1"/> 3399 <rect y="12.3" width="18" height="1.7" rx="1"/> 3400 </svg></button> 3401</div></div></div></div></div></div></div></header> 3402 <main id="main" class="site-main hfeed"> 3403 3404 <div data-elementor-type="wp-page" data-elementor-id="4250" class="elementor elementor-4250"> 3405 <div class="elementor-element elementor-element-cac6da5 e-flex e-con-boxed e-con e-parent" data-id="cac6da5" data-element_type="container" data-e-type="container"> 3406 <div class="e-con-inner"> 3407 <div class="elementor-element elementor-element-579f2b4 elementor-widget elementor-widget-html" data-id="579f2b4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default"> 3408 <div class="elementor-widget-container"> 3409 <style> 3410 :root{ 3411 --bg-page:#fff9f0; 3412 --card:#ffffff; 3413 --text:#111827; 3414 --muted:#6b7280; 3415 --shadow:0 26px 70px rgba(15,23,42,.08); 3416 --r:28px; 3417 --max:1180px; 3418 } 3419 3420 body{ background:var(--bg-page); overflow-x:hidden; } 3421 .nh-wrap{ 3422 max-width:1500px; 3423 margin:0 auto; 3424 padding:0 2px 40px; 3425 font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; 3426 color:var(--text); 3427 } 3428 3429 3430 .nh-hero{ 3431 position:relative; 3432 width:100%; 3433 min-height:600px; 3434 padding:120px 16px 80px; 3435 display:flex; 3436 align-items:center; 3437 justify-content:center; 3438 overflow:hidden; 3439 } 3440 .nh-hero::before{ 3441 content:""; 3442 position:absolute; 3443 inset:0; 3444 width:100vw; 3445 left:50%; 3446 transform:translateX(-50%); 3447 background-image: 3448 linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.18)), 3449 url("https://museudefavela.org/wp-content/uploads/2024/09/circuito-casas-tela-ppg.jpg"); 3450 background-size:cover; 3451 background-position:center; 3452 background-repeat:no-repeat; 3453 z-index:0; 3454 } 3455 .nh-hero-inner{ 3456 position:relative; 3457 z-index:2; 3458 text-align:center; 3459 color:#fff; 3460 width:min(var(--max), 100%); 3461 } 3462 .nh-hero h1{ 3463 margin:0; 3464 font-size:200px; 3465 line-height:1.15; 3466 font-weight:700; 3467 text-shadow:0 6px 20px rgba(0,0,0,.55); 3468 color:#ffffff; 3469 } 3470 .nh-hero p{ 3471 margin:10px 0 0; 3472 font-size:30px; 3473 opacity:.95; 3474 color:#ffffff; 3475 } 3476 3477 3478 .nh-section{ 3479 width:min(var(--max), 100%); 3480 margin:0 auto 32px; 3481 } 3482 3483 .nh-row-2{ 3484 display:grid; 3485 grid-template-columns: 1fr 1fr; 3486 gap:22px; 3487 align-items:stretch; 3488 } 3489 3490 .nh-card{ 3491 background:var(--card); 3492 border-radius:var(--r); 3493 box-shadow:var(--shadow); 3494 padding:26px 24px; 3495 position:relative; 3496 overflow:hidden; 3497 } 3498 3499 .nh-card.map::before{ 3500 content:""; 3501 position:absolute; 3502 inset:-40px; 3503 background: 3504 radial-gradient(circle at 20% 10%, rgba(17,24,39,.06), transparent 45%), 3505 radial-gradient(circle at 70% 30%, rgba(17,24,39,.05), transparent 50%), 3506 radial-gradient(circle at 35% 70%, rgba(17,24,39,.05), transparent 55%), 3507 repeating-linear-gradient(0deg, rgba(17,24,39,.035) 0 1px, transparent 1px 22px); 3508 opacity:.55; 3509 pointer-events:none; 3510 } 3511 .nh-card > *{ position:relative; z-index:2; } 3512 3513 .nh-quote-title{ 3514 margin:0 0 16px; 3515 font-size:22px; 3516 line-height:1.25; 3517 font-weight:800; 3518 letter-spacing:-0.01em; 3519 } 3520 .nh-card p{ 3521 margin:0 0 14px; 3522 color:#1f2937; 3523 line-height:1.7; 3524 font-size:15px; 3525 } 3526 .nh-sign{ 3527 margin-top:8px; 3528 font-weight:500; 3529 color:#374151; 3530 } 3531 3532 .nh-btn{ 3533 display:inline-flex; 3534 align-items:center; 3535 justify-content:center; 3536 padding:12px 22px; 3537 border-radius:10px; 3538 background:#111827; 3539 color:#fff; 3540 text-decoration:none; 3541 font-weight:500; 3542 font-size:15px; 3543 border:1px solid rgba(0,0,0,.10); 3544 margin-top:10px; 3545 } 3546 3547 .nh-photo{ 3548 border-radius:var(--r); 3549 overflow:hidden; 3550 box-shadow:var(--shadow); 3551 background:#e5e7eb; 3552 min-height:320px; 3553 } 3554 .nh-photo img{ 3555 width:100%; 3556 height:100%; 3557 display:block; 3558 object-fit:cover; 3559 } 3560 3561 .nh-text{ 3562 background:transparent; 3563 padding:8px 2px; 3564 } 3565 .nh-text p{ 3566 margin:0 0 14px; 3567 color:#1f2937; 3568 line-height:1.75; 3569 font-size:15px; 3570 } 3571 3572 3573 .nh-anim{ 3574 opacity:0; 3575 transform: translateY(16px) scale(.99); 3576 transition: .6s ease; 3577 } 3578 .nh-anim.is-visible{ opacity:1; transform:none; } 3579 3580
3581 @media(max-width:900px){ 3582 .nh-row-2{ grid-template-columns:1fr; } 3583 } 3584 @media(max-width:768px){ 3585 .nh-hero{ min-height:360px; padding:60px 16px 40px; } 3586 .nh-hero h1{ font-size:44px; } 3587 .nh-hero p{ font-size:16px; } 3588 .nh-photo{ min-height:220px; } 3589 } 3590 3591 3592 .nh-founders{ 3593 background:#ffffff; 3594 border-radius:36px; 3595 padding:48px 22px 56px; 3596 box-shadow:0 10px 40px rgba(15,23,42,.05); 3597 max-width:1180px; 3598 margin:0 auto 32px; 3599 } 3600 3601 .nh-founders h2{ 3602 text-align:center; 3603 font-size:40px; 3604 font-weight:700; 3605 margin:0 0 24px; 3606 color:#1f2937; 3607 } 3608 3609 .nh-founders .nh-text{ 3610 max-width:980px; 3611 margin:0 auto 36px; 3612 text-align:center; 3613 font-size:18px; 3614 line-height:1.75; 3615 color:#374151; 3616 } 3617 3618 .nh-founders .nh-text p{ margin:0 0 18px; } 3619 3620 .nh-founders-grid{ 3621 display:grid; 3622 grid-template-columns: repeat(5, minmax(0,1fr)); 3623 gap:28px 22px; 3624 justify-items:center; 3625 } 3626 3627 .nh-founder{ text-align:center; } 3628 3629 .nh-founder img{ 3630 width:160px; 3631 height:200px; 3632 object-fit:cover; 3633 border-radius:18px; 3634 box-shadow:0 18px 40px rgba(0,0,0,.18); 3635 background:#e5e7eb; 3636 } 3637 3638 .nh-founder h5{ 3639 margin:14px 0 0; 3640 font-size:15px; 3641 font-weight:600; 3642 color:#111827; 3643 } 3644 3645 @media (max-width:1024px){ 3646 .nh-founders-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); } 3647 } 3648 3649 @media (max-width:768px){ 3650 .nh-founders h2{ font-size:28px; } 3651 .nh-founders .nh-text{ font-size:16px; } 3652 .nh-founders-grid{ 3653 grid-template-columns: repeat(2, minmax(0,1fr)); 3654 gap:24px 16px; 3655 } 3656 .nh-founder img{ width:140px; height:180px; } 3657 } 3658 3659 3660 :root{ 3661 --nh-bg: #ffffff; 3662 --nh-ink: #111827; 3663 --nh-muted:#374151; 3664 --nh-line: rgba(17,24,39,.10); 3665 --nh-shadow: 0 26px 70px rgba(15, 23, 42, 0.10); 3666 --nh-radius: 28px; 3667 --nh-focus: rgba(17,24,39,.25); 3668 } 3669 3670 .nh-expo-wrap{ 3671 max-width: 1180px; 3672 margin: 0 auto 32px; 3673 padding: 0 16px; 3674 } 3675 3676 .nh-expo-head{ text-align:center; margin: 0 0 18px; } 3677 .nh-expo-title{ 3678 margin:0; 3679 font-size: 2.4rem; 3680 line-height:1.15; 3681 font-weight: 800; 3682 color: var(--nh-ink); 3683 } 3684 .nh-expo-sub{ 3685 margin: 10px auto 0; 3686 max-width: 860px; 3687 color: var(--nh-muted); 3688 font-size: 1rem; 3689 line-height: 1.65; 3690 } 3691 3692 .nh-acc{ 3693 background: var(--nh-bg); 3694 border-radius: var(--nh-radius); 3695 box-shadow: var(--nh-shadow); 3696 overflow:hidden; 3697 border: 1px solid rgba(17,24,39,.06); 3698 } 3699 3700 .nh-acc-item{ border-top: 1px solid var(--nh-line); } 3701 .nh-acc-item:first-child{ border-top:none; } 3702 3703 .nh-acc-btn{ 3704 width: 100%; 3705 border: 0; 3706 background: transparent; 3707 padding: 16px 16px; 3708 cursor: pointer; 3709 3710 display: grid; 3711 grid-template-columns: 170px 1fr auto; 3712 gap: 16px; 3713 align-items: center; 3714 text-align: left; 3715 } 3716 3717 .nh-acc-btn:focus{ outline: none; } 3718 .nh-acc-btn:focus-visible{ 3719 box-shadow: 0 0 0 4px var(--nh-focus); 3720 border-radius: 16px; 3721 } 3722 3723 .nh-acc-thumb{ 3724 width: 170px; 3725 height: 110px; 3726 border-radius: 18px; 3727 overflow:hidden; 3728 background:#e5e7eb; 3729 box-shadow: 0 14px 30px rgba(0,0,0,.12); 3730 } 3731 .nh-acc-thumb img{ 3732 width: 100%; 3733 height: 100%; 3734 object-fit: cover; 3735 display:block; 3736 transform: scale(1.03); 3737 } 3738 3739 .nh-acc-h{ 3740 margin:0; 3741 font-size: 1.18rem; 3742 line-height:1.25; 3743 font-weight: 900; 3744 color: var(--nh-ink); 3745 } 3746 .nh-acc-mini{ 3747 margin: 8px 0 0; 3748 color: var(--nh-muted); 3749 font-size: .98rem; 3750 line-height: 1.5; 3751 } 3752 3753 .nh-acc-icon{ 3754 width: 46px; 3755 height: 46px; 3756 border-radius: 999px; 3757 display:flex; 3758 align-items:center; 3759 justify-content:center; 3760 3761 background: rgba(17,24,39,.05); 3762 border: 1px solid rgba(17,24,39,.10); 3763 box-shadow: 0 10px 22px rgba(15,23,42,.08); 3764 3765 transition: transform .25s ease, background .25s ease, box-shadow .25s ease; 3766 } 3767 .nh-acc-icon::before{ 3768 content:""; 3769 width: 10px; 3770 height: 10px; 3771 border-right: 2px solid rgba(17,24,39,.85); 3772 border-bottom: 2px solid rgba(17,24,39,.85); 3773 transform: rotate(45deg); 3774 margin-top: -2px; 3775 transition: transform .25s ease; 3776 } 3777 .nh-acc-item[data-open="true"] .nh-acc-icon{ 3778 background: rgba(17,24,39,.08); 3779 box-shadow: 0 16px 30px rgba(15,23,42,.14); 3780 } 3781 .nh-acc-item[data-open="true"] .nh-acc-icon::before{ 3782 transform: rotate(-135deg); 3783 margin-top: 3px; 3784 } 3785 3786 .nh-divider{ 3787 height: 1px; 3788 background: rgba(17,24,39,.08); 3789 margin: 0 16px 14px; 3790 } 3791 3792 .nh-acc-panel{ 3793 max-height: 0; 3794 overflow: hidden; 3795 transition: max-height .35s ease; 3796 } 3797 .nh-acc-inner{ padding: 0 16px 18px 16px; } 3798 3799 .nh-acc-body{ 3800 color: var(--nh-muted); 3801 font-size: 1rem; 3802 line-height: 1.8; 3803 } 3804 .nh-acc-body p{ margin: 0 0 14px; } 3805 .nh-acc-body p:last-child{ margin-bottom: 0; } 3806 3807 @media (hover:hover){ 3808 .nh-acc-btn:hover .nh-acc-thumb img{ transform: scale(1.07); transition: transform .25s ease; } 3809 .nh-acc-btn:hover .nh-acc-icon{ transform: translateY(-1px); } 3810 } 3811 3812 @media (max-width: 860px){ 3813 .nh-expo-title{ font-size: 1.9rem; } 3814 3815 .nh-acc-btn{ 3816 grid-template-columns: 1fr auto; 3817 gap: 14px; 3818 } 3819 .nh-acc-thumb{ 3820 width: 100%; 3821 height: 160px; 3822 grid-column: 1 / -1; 3823 } 3824 } 3825 3826 3827 .nh-close{ 3828 display:grid; 3829 grid-template-columns: 1.1fr .9fr; 3830 gap:22px; 3831 align-items:center; 3832 } 3833 3834 .nh-close-card{ 3835 background:#fff; 3836 border-radius:var(--r); 3837 padding:26px 24px; 3838 box-shadow:var(--shadow); 3839 display:flex; 3840 flex-direction:column; 3841 align-items:flex-start; 3842 justify-content:center; 3843 min-height:220px; 3844 } 3845 3846 .nh-close-card h3{ 3847 margin:0 0 10px; 3848 font-size:18px; 3849 font-weight:700; 3850 } 3851
3852 @media(max-width:900px){ 3853 .nh-close{ grid-template-columns:1fr; } 3854 } 3855 3856 3857.nh-close{ 3858 position: relative; 3859 display:grid; 3860 grid-template-columns: 1.2fr .8fr; 3861 gap:24px; 3862 align-items:center; 3863 3864 padding: 28px; 3865 border-radius: 40px; 3866 3867 3868 background: 3869 radial-gradient(900px 380px at 20% 30%, rgba(17,24,39,.06), transparent 60%), 3870 radial-gradient(700px 320px at 85% 70%, rgba(17,24,39,.05), transparent 55%), 3871 linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.40)); 3872 border: 1px solid rgba(17,24,39,.06); 3873 box-shadow: 0 24px 60px rgba(15,23,42,.08); 3874} 3875 3876 3877.nh-close .nh-photo{ 3878 min-height: 300px !important; 3879 border-radius: 34px; 3880 overflow:hidden; 3881 box-shadow: 0 22px 60px rgba(0,0,0,.14); 3882 background:#e5e7eb; 3883} 3884.nh-close .nh-photo img{ 3885 width:100%; 3886 height:100%; 3887 object-fit: cover; 3888 display:block; 3889 transform: scale(1.01); 3890} 3891 3892 3893.nh-close-card{ 3894 background: rgba(255,255,255,.92); 3895 border-radius: 34px; 3896 padding: 36px 34px; 3897 box-shadow: 0 18px 52px rgba(15,23,42,.10); 3898 border: 1px solid rgba(17,24,39,.06); 3899 3900 display:flex; 3901 flex-direction:column; 3902 align-items:flex-start; 3903 justify-content:center; 3904 gap: 14px; 3905 min-height: 260px; 3906} 3907 3908.nh-close-card h3{ 3909 margin:0; 3910 font-size: 34px; 3911 font-weight: 800; 3912 letter-spacing: -0.02em; 3913 color: #111827; 3914} 3915 3916.nh-close-card p{ 3917 margin:0; 3918 color:#374151; 3919 font-size: 15px; 3920 line-height: 1.7; 3921 max-width: 420px; 3922} 3923 3924 3925.nh-close-card .nh-btn{ 3926 margin-top: 6px; 3927 padding: 14px 22px; 3928 border-radius: 14px; 3929 background: #0f172a; 3930 border: 1px solid rgba(255,255,255,.10); 3931 box-shadow: 0 14px 26px rgba(15,23,42,.18); 3932 font-weight: 700; 3933 letter-spacing: .2px; 3934 transition: transform .15s ease, box-shadow .15s ease, background .15s ease; 3935} 3936.nh-close-card .nh-btn:hover{ 3937 transform: translateY(-1px); 3938 box-shadow: 0 18px 34px rgba(15,23,42,.22); 3939 background: #111827; 3940} 3941.nh-close-card .nh-btn:active{ 3942 transform: translateY(0); 3943} 3944 3945 3946@media (max-width: 900px){ 3947 .nh-close{ 3948 grid-template-columns: 1fr; 3949 padding: 18px; 3950 border-radius: 28px; 3951 } 3952 3953 .nh-close .nh-photo{ 3954 min-height: 240px !important; 3955 border-radius: 22px; 3956 } 3957 3958 .nh-close-card{ 3959 border-radius: 22px; 3960 padding: 22px 20px; 3961 min-height: auto; 3962 align-items: flex-start; 3963 } 3964 3965 .nh-close-card h3{ 3966 font-size: 26px; 3967 } 3968 3969 .nh-close-card p{ 3970 font-size: 14px; 3971 } 3972} 3973 3974 3975.nh-close-card .nh-btn{ 3976 margin-top: 8px; 3977 padding: 14px 22px; 3978 border-radius: 14px; 3979 3980 3981 background: #F2C94C; 3982 border: 1px solid rgba(0,0,0,.10); 3983 color: #111827; 3984 font-weight: 900; 3985 font-size: 16px; 3986 letter-spacing: .2px; 3987 line-height: 1; 3988 3989 min-width: 190px; 3990 height: 52px; 3991 3992 display: inline-flex; 3993 align-items: center; 3994 justify-content: center; 3995 3996 box-shadow: 0 16px 28px rgba(242,201,76,.25); 3997 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; 3998} 3999 4000.nh-close-card .nh-btn:hover{ 4001 transform: translateY(-1px); 4002 box-shadow: 0 22px 38px rgba(242,201,76,.32); 4003 filter: brightness(.98); 4004} 4005 4006.nh-close-card .nh-btn:active{ 4007 transform: translateY(0); 4008 box-shadow: 0 12px 22px rgba(242,201,76,.22); 4009} 4010/* ===== CTA FECHAMENTO: botão MUF (amarelo) ===== */ 4011.nh-close-card .nh-btn{ 4012 margin-top: 8px; 4013 padding: 14px 22px; 4014 border-radius: 14px; 4015 4016 background: #F2C94C; 4017 border: 1px solid rgba(0,0,0,.12); 4018 color: #0f172a; 4019 4020 font-weight: 900; 4021 font-size: 16px; 4022 letter-spacing: .2px; 4023 line-height: 1; 4024 4025 min-width: 200px; 4026 height: 54px; 4027 4028 display: inline-flex; 4029 align-items: center; 4030 justify-content: center; 4031 4032 box-shadow: 0 16px 28px rgba(242,201,76,.25); 4033 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; 4034} 4035 4036.nh-close-card .nh-btn:hover{ 4037 background: #F2C94C !important; 4038 color: #0f172a !important; 4039 transform: translateY(-1px); 4040 box-shadow: 0 22px 38px rgba(242,201,76,.32); 4041 filter: brightness(.98); 4042} 4043 4044.nh-close-card .nh-btn:active{ 4045 transform: translateY(0); 4046 box-shadow: 0 12px 22px rgba(242,201,76,.22); 4047} 4048 4049 4050.nh-close-card a.nh-btn:visited, 4051.nh-close-card a.nh-btn:focus, 4052.nh-close-card a.nh-btn:focus-visible{ 4053 background: #F2C94C !important; 4054 color: #0f172a !important; 4055 outline: none; 4056} 4057 4058
4059.nh-acc-mini{ 4060 display:none !important; 4061} 4062 4063#visitar .nh-close-card .nh-btn{ 4064 background: #F2C94C !important; 4065 color: #0b1220 !important; 4066 4067 border: 1px solid rgba(0,0,0,.10); 4068 border-radius: 18px; 4069 4070 height: 56px; 4071 min-width: 260px; 4072 padding: 0 26px; 4073 4074 font-weight: 900; 4075 font-size: 18px; 4076 letter-spacing: .3px; 4077 line-height: 1; 4078 4079 display: inline-flex; 4080 align-items: center; 4081 justify-content: center; 4082 text-align: center; 4083 4084 box-shadow: 4085 0 18px 32px rgba(242,201,76,.28), 4086 inset 0 1px 0 rgba(255,255,255,.35); 4087 4088 transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; 4089} 4090 4091 4092#visitar .nh-close-card .nh-btn:hover{ 4093 background: #F2C94C !important; 4094 color: #0b1220 !important; 4095 transform: translateY(-2px); 4096 filter: brightness(1.02); 4097 box-shadow: 4098 0 24px 44px rgba(242,201,76,.34), 4099 inset 0 1px 0 rgba(255,255,255,.45); 4100} 4101 4102#visitar .nh-close-card .nh-btn:active{ 4103 transform: translateY(0); 4104 filter: brightness(.99); 4105 box-shadow: 4106 0 14px 26px rgba(242,201,76,.25), 4107 inset 0 1px 0 rgba(255,255,255,.30); 4108} 4109 4110 4111#visitar .nh-close-card a.nh-btn:visited, 4112#visitar .nh-close-card a.nh-btn:focus, 4113#visitar .nh-close-card a.nh-btn:focus-visible{ 4114 background: #F2C94C !important; 4115 color: #0b1220 !important; 4116 outline: none; 4117} 4118 4119 4120.nh-hero{ 4121 width: 100vw; 4122 left: 50%; 4123 transform: translateX(-50%); 4124 margin-bottom: 20px; 4125 margin-left: 0; 4126 margin-right: 0; 4127 border-radius: 0; 4128} 4129 4130.nh-hero::before{ 4131 width: 100vw; 4132 left: 50%; 4133 transform: translateX(-50%); 4134 border-radius: 0; 4135} 4136 4137 4138@media (min-width: 900px){ 4139 .nh-hero{ 4140 min-height: 680px; 4141 } 4142} 4143 4144 4145.nh-card.map .nh-btn{ 4146 margin-top: 14px; 4147 align-self: center; 4148} 4149 4150 4151.nh-card.map{ 4152 display: flex; 4153 flex-direction: column; 4154} 4155.nh-card.map .nh-sign{ 4156 margin-top: 8px; 4157} 4158.nh-card.map .nh-btn{ 4159 margin-left: auto; 4160 margin-right: auto; 4161} 4162 4163 4164.nh-founder img{ 4165 border-radius: 20px; 4166 box-shadow: 4167 0 22px 50px rgba(0,0,0,.22), 4168 0 8px 16px rgba(0,0,0,.10) !important; 4169 border: 1px solid rgba(17,24,39,.08); 4170 transition: transform .18s ease, box-shadow .18s ease; 4171} 4172 4173@media (hover:hover){ 4174 .nh-founder img:hover{ 4175 transform: translateY(-2px); 4176 box-shadow: 4177 0 28px 60px rgba(0,0,0,.26), 4178 0 10px 18px rgba(0,0,0,.12) !important; 4179 } 4180} 4181 4182 4183.nh-text{ 4184 max-width: 720px; 4185} 4186 4187.nh-text p{ 4188 font-size: 16px; 4189 line-height: 1.9; 4190 color: #1f2937; 4191 margin: 0 0 16px; 4192} 4193 4194/ 4195.nh-row-2 .nh-text{ 4196 align-self: center; 4197} 4198 4199 4200.nh-card p{ 4201 font-size: 15.5px; 4202 line-height: 1.85; 4203} 4204 4205 4206@media (max-width: 768px){ 4207 .nh-text{ max-width: 100%; } 4208 .nh-text p{ font-size: 15px; line-height: 1.85; } 4209} 4210 4211@media (min-width: 900px){ 4212 .nh-hero{ 4213 min-height: 520px !important; /* antes estava bem alto */ 4214 padding: 80px 16px 55px !important; 4215 } 4216 .nh-hero h1{ font-size: 100px !important; } 4217 .nh-hero p{ font-size: 30px !important; } 4218} 4219 4220 4221 4222 4223 4224@media (max-width: 900px){ 4225 .nh-row-2{ grid-template-columns: 1fr !important; } 4226} 4227 4228@media (max-width: 900px){ 4229 4230 .nh-section:nth-of-type(2) .nh-photo{ order: 1; } 4231 .nh-section:nth-of-type(2) .nh-text { order: 2; } 4232} 4233 4234 4235@media (max-width: 900px){ 4236 4237 .nh-section:nth-of-type(3) .nh-photo{ order: 1; } 4238 .nh-section:nth-of-type(3) .nh-text { order: 2; } 4239} 4240 4241 4242@media (max-width: 900px){ 4243 .nh-section{ margin-bottom: 22px !important; } 4244 .nh-photo{ min-height: 220px !important; } 4245 .nh-text{ padding: 6px 2px !important; } 4246} 4247 4248@media (max-width: 900px){ 4249 .nh-hero{ 4250 margin-bottom: 22px !important; 4251 padding-bottom: 56px !important; /* cria ârespiroâ */ 4252 } 4253 .nh-section:first-of-type{ 4254 margin-top: 18px !important; 4255 } 4256} 4257 4258 4259@media (max-width: 900px){ 4260 4261 /* garante 1 coluna */ 4262 .nh-section:first-of-type .nh-row-2{ 4263 grid-template-columns: 1fr !important; 4264 gap: 16px !important; 4265 } 4266 4267 4268 .nh-section:first-of-type .nh-row-2 > .nh-card{ order: 1; } 4269 .nh-section:first-of-type .nh-row-2 > .nh-photo{ order: 2; } 4270 4271 4272 .nh-section:nth-of-type(2) .nh-row-2 > .nh-photo{ order: 3; } 4273 .nh-section:nth-of-type(2) .nh-row-2 > .nh-text { order: 4; } 4274 4275 .nh-section:nth-of-type(3) .nh-row-2 > .nh-photo{ order: 5; } 4276 .nh-section:nth-of-type(3) .nh-row-2 > .nh-text { order: 6; } 4277 4278 4279 .nh-card{ padding: 22px 20px !important; } 4280 .nh-photo{ min-height: 220px !important; } 4281} 4282 4283 4284.nh-founders h2{ 4285 margin: 0; 4286 font-size: 2.4rem !important; 4287 line-height: 1.15 !important; 4288 font-weight: 800 !important; 4289 color: var(--nh-ink) !important; 4290 letter-spacing: 0 !important; 4291} 4292 4293 4294.nh-founders .nh-text{ 4295 margin: 10px auto 36px !important; 4296 max-width: 860px !important; 4297 color: var(--nh-muted) !important; 4298 font-size: 1rem !important; 4299 line-height: 1.65 !important; 4300 text-align: center !important; 4301} 4302 4303 4304@media (max-width: 860px){ 4305 .nh-founders h2{ 4306 font-size: 1.9rem !important; 4307 } 4308} 4309 4310@media (max-width: 900px){ 4311 4312 4313 .nh-section .nh-row-2{
4314 display: grid !important; 4315 grid-template-columns: 1fr !important; 4316 } 4317 4318 4319 .nh-section:nth-of-type(1) .nh-row-2 .nh-photo{ order: 1; } 4320 .nh-section:nth-of-type(1) .nh-row-2 .nh-close-card{ order: 2; } 4321 4322 4323 .nh-section:nth-of-type(2) .nh-row-2 .nh-photo{ order: 3; } 4324 .nh-section:nth-of-type(2) .nh-row-2 .nh-text{ order: 4; } 4325 4326 4327 .nh-section:nth-of-type(3) .nh-row-2 .nh-text{ order: 5; } 4328 .nh-section:nth-of-type(3) .nh-row-2 .nh-photo{ order: 6; } 4329} 4330@media (min-width: 768x){ 4331 .nh-hero{ 4332 min-height: 520px !important; 4333 padding: 80px 16px 55px !important; 4334 } 4335 .nh-hero h1{ font-size: 100px !important; } 4336 .nh-hero p{ font-size: 30px !important; } 4337} 4338 4339.nh-hero h1{ font-size: 110px; } 4340 4341@media (max-width: 1024px){ 4342 .nh-hero h1{ font-size: 72px; } 4343 .nh-hero p{ font-size: 22px; } 4344} 4345 4346@media (max-width: 768px){ 4347 .nh-hero h1{ font-size: 56px !important; } 4348 .nh-hero p{ font-size: 20px !important; } 4349} 4350 4351 4352 4353</style> 4354 4355<div class="nh-wrap"> 4356 4357 <!-- HERO --> 4358 <section class="nh-hero"> 4359 <div class="nh-hero-inner"> 4360 <h1>Nossa História</h1> 4361 <p><i>âUma morada de sonhos do coletivoâ</i></p> 4362 </div> 4363 </section> 4364 4365 <!-- BLOCO 1 (Texto + foto direita) --> 4366 <section class="nh-section nh-anim"> 4367 <div class="nh-row-2"> 4368 4369 <div class="nh-close-card"> 4370 <h3 class="nh-quote-title"> 4371 O MUF (cuja pronúncia traz um vento novo) é - de um modo muito claro - âuma morada de sonhos do coletivoâ. 4372 </h3> 4373 4374 <p> 4375 Trata-se de um museu que abriga sonhos individuais e coletivos, sonhos que se fazem bem concretos e que também significam lutas a favor da dignidade social, da melhoria das condições de vida das comunidades que o abrigam, do direito de ser diferente e continuar sendo assim, da potência transformadora da memória como ato de coragem para a criação do novo e produção do futuro. 4376 </p> 4377 4378 <div class="nh-sign">Mário Chagas</div> 4379 4380 <a class="nh-btn" href="/visiteomuf">Quero visitar</a> 4381 </div> 4382 4383 <div class="nh-photo"> 4384 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/nova-sede-do-muf.jpg" alt="Nova sede do MUF"> 4385 </div> 4386 4387 </div> 4388 </section> 4389 4390 <!-- BLOCO 2 (Imagem esquerda + texto direita) --> 4391 <section class="nh-section nh-anim"> 4392 <div class="nh-row-2"> 4393 4394 <div class="nh-photo"> 4395 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/06/Ciranda2_redime.webp" alt="Ciranda"> 4396 </div> 4397 4398 <div class="nh-text"> 4399 <p> 4400 O Museu da Favela â MUF â foi criado em 5 de novembro de 2008 por lideranças comunitárias e culturais, em sua maioria, moradoras dos morros de Cantagalo, Pavão e Pavãozinho. Essa criação se deu no âmbito do Programa de Aceleração do Crescimento (PAC) no território. Seu lançamento se deu em 14 de fevereiro de 2009 num grande evento realizado na quadra da Escola de Samba Alegria da Zona Sul, no morro do Cantagalo, quando o MUF apresentou a exposição âDespertar de Almas e de Sonhos â Velhos Ilustresâ. 4401 </p> 4402 4403 <p> 4404 Trata-se de um museu de território, a céu aberto, cujo acervo é constituÃdo de seus moradores, seus modos de vida, suas habitações e sua memória. Também tem um patrimônio natural de Mata Atlântica, com vistas panorâmicas para a Lagoa, Ipanema e Copacabana, na Zona Sul da Cidade do Rio de Janeiro. 4405 </p> 4406 </div> 4407 4408 </div> 4409 </section> 4410 4411 <!-- BLOCO 3 (Texto esquerda + imagem direita) --> 4412 <section class="nh-section nh-anim"> 4413 <div class="nh-row-2"> 4414 4415 <div class="nh-text"> 4416 <p> 4417 Por ser um museu de território, tem uma base operacional para a realização de exposições e outros eventos. Nos primeiros dez anos, essa base operacional ficou situada na Capela Nossa Senhora de Fátima, no morro do Cantagalo, em parceria com a Igreja Católica. A partir do final de 2019 essa base mudou-se para o quarto andar do edifÃcio do CIEP Presidente João Goulart, também no morro do Cantagalo, por meio de um termo de cessão de uso assinad
4417o com a Secretaria Estadual de Cultura e Economia Criativa do RJ. O local tem abrigado várias exposições preparadas pelo MUF ou por instituições museais e ONGs parceiras. Em 2025, por iniciativa do Governo do Estado do Rio de Janeiro, com projetos elaborados pela equipe do Programa Cidade Integrada e parceria da Light, a sede do museu passou por uma grande reforma e foi inaugurada em dezembro com uma exposição que se divide em três grandes eixos - território, gente e arte - que revelam as diversas dimensões da vida na favela, suas expressões culturais e a força de suas histórias e memórias. A sede conta também com uma exposição temporária 4418 4419 </p> 4420 </div> 4421 4422 <div class="nh-photo"> 4423 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2026/05/painel-gente-museu-de-favela.jpeg" alt="Base do MUF"> 4424 </div> 4425 4426 </div> 4427 </section> 4428 4429 <!-- FUNDADORES --> 4430 <section class="nh-founders" id="fundadores"> 4431 <h2 class="nh-expo-title">Conheça nossos fundadores</h2> 4432 4433 <div class="nh-text"> 4434 <p> 4435 Os fundadores do MUF são um grupo de 14 pessoas, alguns dos quais residentes no território. São artistas de artes visuais, músicos, cantores e compositores de hip-hop e samba, lideranças comunitárias reconhecidas, radialistas, jornalistas, capoeirista, artesãs, fotógrafos, uma ex-empresária arquiteta-urbanista e um advogado. 4436 </p> 4437 <p> 4438 Assumiram um compromisso de longo prazo: trabalhar pela valorização da memória cultural coletiva, pelo fortalecimento do bom caráter comunitário, pela criação de uma visão de futuro transformadora das condições de vida na favela, através das memórias e da cultura local, embalada no formato de um museu territorial. 4439 </p> 4440 </div> 4441 4442 <div class="nh-founders-grid"> 4443 <div class="nh-founder"> 4444 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Antonia-Soares-e1727190199591.jpg" alt="Antonia Soares"> 4445 <h5>Antonia Soares</h5> 4446 </div> 4447 <div class="nh-founder"> 4448 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Alini-Silva.jpg" alt="Alini Silva"> 4449 <h5>Alini Silva</h5> 4450 </div> 4451 <div class="nh-founder"> 4452 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Valdete-Santos.jpg" alt="Valdete Santos"> 4453 <h5>Valdete Santos</h5> 4454 </div> 4455 <div class="nh-founder"> 4456 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Sidney-Silva-e1727190253569.jpg" alt="Sidney Silva"> 4457 <h5>Sidney Silva</h5> 4458 </div> 4459 <div class="nh-founder"> 4460 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Rita-de-Cassia-Pinto-1.jpg" alt="Rita de Cássia Pinto"> 4461 <h5>Rita de Cássia Pinto</h5> 4462 </div> 4463 4464 <div class="nh-founder"> 4465 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Marcia-Souza.jpg" alt="Marcia Souza"> 4466 <h5>Marcia Souza</h5> 4467 </div> 4468 <div class="nh-founder"> 4469 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/katia-loureiro-.jpg" alt="Katia Loureiro"> 4470 <h5>Katia Loureiro</h5> 4471 </div> 4472 <div class="nh-founder"> 4473 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Marli-Melo.jpg" alt="Marli Melo"> 4474 <h5>Marli Melo</h5> 4475 </div> 4476 <div class="nh-founder"> 4477 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Rita-Cassia-Silva.jpg" alt="Rita de Cássia Silva"> 4478 <h5>Rita de Cássia Silva</h5> 4479 </div> 4480 <div class="nh-founder"> 4481 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Deusdete-Ribeiro.jpg" alt="Deusdete Ribeiro"> 4482 <h5>Deusdete Ribeiro</h5> 4483 </div> 4484 4485 <div class="nh-founder"> 4486 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Carlos-Esquivel-Acme.jpg" alt="Carlos Esquivel ACME"> 4487 <h5>Carlos Esquivel ACME</h5> 4488 </div> 4489 <div class="nh-founder"> 4490 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Jonathan-Rodrigues.jpg" alt="Jonathan Rodrigues"> 4491 <h5>Jonathan Rodrigues</h5> 4492 </div> 4493 <div class="nh-founder"> 4494 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Paulo-Martins.jpg" alt="Paulo Martins"> 4495 <h5>Paulo Martins</h5> 4496 </div> 4497 <div class="nh-founder"> 4498 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Jacir-Lemos.jpg" alt="Jacir Lemos"> 4499 <h5>Jacir Lemos</h5> 4500 </div> 4501 </div> 4502 </section> 4503 4504 <!-- PRIMEIRAS EXPOSIÃÃES --> 4505 <section class="nh-expo-wrap" id="exposicoes"> 4506 <header class="nh-expo-head"> 4507 <h2 class="nh-expo-title">Nossas primeiras exposições</h2> 4508 <p class="nh-expo-sub"></p> 4509 </header> 4510 4511 <div class="nh-acc" data-nh-accordion> 4512 4513 <!-- 1 --> 4514 <article class="nh-acc-item" data-open="false"> 4515 <button class="nh-acc-btn" type="button" 4516 aria-expanded="false" aria-controls="nh-expo-a" id="nh-expo-a-btn"> 4517 <div class="nh-acc-thumb"> 4518 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/circuito-casas-tela-ppg.jpg" alt=""> 4519 </div> 4520 <div> 4521 <h3 class="nh-acc-h">Circuito Casas-Tela â Caminhos de Vida do Museu de Favela</h3>
4522 <p class="nh-acc-mini">Abrir texto completo</p> 4523 </div> 4524 <div class="nh-acc-icon" aria-hidden="true"></div> 4525 </button> 4526 4527 <div class="nh-divider"></div> 4528 4529 <div class="nh-acc-panel" id="nh-expo-a" role="region" aria-labelledby="nh-expo-a-btn"> 4530 <div class="nh-acc-inner"> 4531 <div class="nh-acc-body"> 4532 <p> 4533 Configura-se como uma galeria de arte a céu aberto construÃda pelo MUF. Ela é composta por um interessante conjunto de obras de arte instalado no território desse museu vivo, em sua maioria na fachada das casas dos moradores, e retrata as memórias e a cultura local. 4534 </p> 4535 <p> 4536 Com curadoria do artista Carlos Esquivel, o ACME e com a participação de diversos grafiteiros do Rio de Janeiro, de outros estados e paÃses na composição do roteiro artÃstico, o circuito foi preparado nos anos 2009 e 2010 e contaram com 25 telas de arte grafite e 2 portais. 4537 </p> 4538 <p> 4539 Por ser a céu aberto e estar sujeita à s transformações urbanas no território do PPG â Cantagalo, Pavão e Pavãozinho â 9 dessas telas não estão mais disponÃveis. Outras foram restauradas em 2021 e, no final de 2024, o MUF entregou mais cinco (5) novas telas na favela do Cantagalo, trazendo mais cores e memórias ao circuito. Atualmente temos orgulho de apresentar aos moradores e aos visitantes 21 telas e 2 portais. 4540 </p> 4541 </div> 4542 </div> 4543 </div> 4544 </article> 4545 4546 <!-- 2 --> 4547 <article class="nh-acc-item" data-open="false"> 4548 <button class="nh-acc-btn" type="button" 4549 aria-expanded="false" aria-controls="nh-expo-b" id="nh-expo-b-btn"> 4550 <div class="nh-acc-thumb"> 4551 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Exposicao-Mulheres-Guerreiras-no-Museu-da-Republica-Rio-de-Janeiro.jpg" alt=""> 4552 </div> 4553 <div> 4554 <h3 class="nh-acc-h">Exposição Mulheres Guerreiras</h3> 4555 <p class="nh-acc-mini">Abrir texto completo</p> 4556 </div> 4557 <div class="nh-acc-icon" aria-hidden="true"></div> 4558 </button> 4559 4560 <div class="nh-divider"></div> 4561 4562 <div class="nh-acc-panel" id="nh-expo-b" role="region" aria-labelledby="nh-expo-b-btn"> 4563 <div class="nh-acc-inner"> 4564 <div class="nh-acc-body"> 4565 <p> 4566 Trata-se de uma extensão do prêmio Mulheres Guerreiras, lançado por ocasião da V Semana da Primavera de Museus, do Instituto Brasileiro de Museus (IBRAM) em 2011, tendo como tema âMulheres, Museus e Memóriasâ. 4567 </p> 4568 <p> 4569 O MUF, em sua programação, criou o Sarau das Mulheres Guerreiras das favelas do Cantagalo, Pavão, Pavãozinho, quando doze mulheres foram agraciadas com o Prêmio Mulheres Guerreiras 2011, tornando-se este prêmio parte integrante do calendário anual da instituição. 4570 </p> 4571 <p> 4572 A exposição foi o resultado do esforço coletivo dos integrantes do MUF, em parceria com a Secretaria de Estado de Cultura do Rio de Janeiro. As entrevistas foram realizadas pela jornalista, pesquisadora de memórias e uma das fundadoras do museu, Rita de Cássia Santos, com apoio da Diretora Cultural Márcia Souza. 4573 </p> 4574 <p> 4575 A escolha e a seleção das mulheres homenageadas foram feitas pelo colegiado de diretores do Museu de Favela, que indicou as mulheres a serem entrevistadas e selecionou as histórias que mais representavam a memória coletiva desse complexo de favelas. 4576 </p> 4577 <p> 4578 Esta primeira exposição das Mulheres Guerreiras também saiu em exposição para outros equipamentos culturais do Estado do Rio de Janeiro â Museu da República, Rio de Janeiro; Museu Palácio Rio Negro, Petrópolis e Museu do Ingá, Niterói. 4579 </p> 4580 <p> 4581 Outras edições dessa exposição já foram feitas, ampliando assim a voz das mulheres do território do Pavão, Pavãozinho e Cantagalo. 4582 </p> 4583 </div> 4584 </div> 4585 </div> 4586 </article> 4587 4588 <!-- 3 --> 4589 <article class="nh-acc-item" data-open="false"> 4590 <button class="nh-acc-btn" type="button" 4591 aria-expanded="false" aria-controls="nh-expo-c" id="nh-expo-c-btn"> 4592 <div class="nh-acc-thumb"> 4593 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Exposicao-Velhos-Ilustres-no-Forte-Defensor-Perpetuo-Paraty-RJ.jpg" alt=""> 4594 </div> 4595 <div> 4596 <h3 class="nh-acc-h">Exposição Velhos Ilustres</h3>
4597 <p class="nh-acc-mini">Abrir texto completo</p> 4598 </div> 4599 <div class="nh-acc-icon" aria-hidden="true"></div> 4600 </button> 4601 4602 <div class="nh-divider"></div> 4603 4604 <div class="nh-acc-panel" id="nh-expo-c" role="region" aria-labelledby="nh-expo-c-btn"> 4605 <div class="nh-acc-inner"> 4606 <div class="nh-acc-body"> 4607 <p> 4608 A primeira exposição do MUF entrevistou e homenageou 13 antigos moradores que contaram suas histórias de vida, seus percursos nos becos e vielas do morro e seu legado. 4609 </p> 4610 <p> 4611 A partir desses depoimentos o MUF também apresentou um pouco da história de transformação urbana nos morros do Cantagalo, Pavão e Pavãozinho â as lutas para a conquista de direitos básicos como água encanada, luz etc. Os depoimentos trazem, também, ricas informações sobre as manifestações culturais do morro. 4612 </p> 4613 <p> 4614 Esta foi a exposição que inaugurou o Museu. Depois ela foi levada para três equipamentos culturais do Estado do Rio de Janeiro (Museu Solar dos Mellos â Macaé; Museu Forte Defensor Perpétuo â Paraty e Museu de Arte Religiosa e Tradicional â Cabo Frio), ampliando assim a voz e as memórias da comunidade. 4615 </p> 4616 </div> 4617 </div> 4618 </div> 4619 </article> 4620 4621 <!-- 4 --> 4622 <article class="nh-acc-item" data-open="false"> 4623 <button class="nh-acc-btn" type="button" 4624 aria-expanded="false" aria-controls="nh-expo-d" id="nh-expo-d-btn"> 4625 <div class="nh-acc-thumb"> 4626 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/09/Inauguracao-do-MUF-Exposicao-Velhos-Ilustres.jpg" alt=""> 4627 </div> 4628 <div> 4629 <h3 class="nh-acc-h">Um Despertar de Almas e de Sonhos</h3> 4630 <p class="nh-acc-mini">Abrir texto completo</p> 4631 </div> 4632 <div class="nh-acc-icon" aria-hidden="true"></div> 4633 </button> 4634 4635 <div class="nh-divider"></div> 4636 4637 <div class="nh-acc-panel" id="nh-expo-d" role="region" aria-labelledby="nh-expo-d-btn"> 4638 <div class="nh-acc-inner"> 4639 <div class="nh-acc-body"> 4640 <p> 4641 Entrevistar, homenagear antigos moradores, é a maior demonstração de reconhecimento pela trajetória de luta e resistência dessas pessoas; através de suas falas é perceptÃvel que no passado enfrentaram sérias dificuldades de sobrevivência, conviveram com o risco das remoções e são essas histórias que compõem o acervo do Museu da Favela. 4642 </p> 4643 <p> 4644 Por meio das memórias individuais, compreendemos a memória coletiva desse território, as relações de pertencimento e a identidade local. A partir da coleta dos depoimentos, o Museu de Favela compartilhou com a sua comunidade e, em seguida, levou esse acervo para diversos espaços culturais dentro e fora do Rio de Janeiro, de modo a divulgar a história da formação das comunidades de Pavão, Pavãozinho e Cantagalo, recuperando a história oral de moradores ilustres, feitos por moradores da favela e que fazem parte da Organização Museu de Favela. 4645 </p> 4646 </div> 4647 </div> 4648 </div> 4649 </article> 4650 4651 </div> 4652 </section> 4653 4654 4655<section class="nh-section nh-anim" id="visitar"> 4656 <div class="nh-close"> 4657 4658 <div class="nh-photo"> 4659 <img decoding="async" src="https://museudefavela.org/wp-content/uploads/2024/08/museu_de_favela_7.webp" alt="Museu de Favela"> 4660 </div> 4661 4662 <div class="nh-close-card"> 4663 <h3>Museu de Favela</h3> 4664 <p>Agende sua visita guiada com guias locais e viva o território como museu a céu aberto.</p> 4665 <a class="nh-btn" href="/visiteomuf">Quero visitar</a> 4666 </div> 4667 4668 </div> 4669</section> 4670 4671 4672</div> 4673
4674<script> 4675(function(){ 4676 const root = document.querySelector('[data-nh-accordion]'); 4677 if(!root) return; 4678 4679 const items = Array.from(root.querySelectorAll('.nh-acc-item')); 4680 4681 function closeItem(item){ 4682 const btn = item.querySelector('.nh-acc-btn'); 4683 const panel = item.querySelector('.nh-acc-panel'); 4684 item.setAttribute('data-open','false'); 4685 btn.setAttribute('aria-expanded','false'); 4686 panel.style.maxHeight = '0px'; 4687 const mini = item.querySelector('.nh-acc-mini'); 4688 if(mini) mini.textContent = 'Abrir texto completo'; 4689 } 4690 4691 function openItem(item){ 4692 const btn = item.querySelector('.nh-acc-btn'); 4693 const panel = item.querySelector('.nh-acc-panel'); 4694 item.setAttribute('data-open','true'); 4695 btn.setAttribute('aria-expanded','true'); 4696 panel.style.maxHeight = panel.scrollHeight + 'px'; 4697 const mini = item.querySelector('.nh-acc-mini'); 4698 if(mini) mini.textContent = 'Fechar texto'; 4699 } 4700 4701 function toggleItem(item){ 4702 const isOpen = item.getAttribute('data-open') === 'true'; 4703 items.forEach(closeItem); 4704 if(!isOpen) openItem(item); 4705 } 4706 4707 items.forEach((item)=>{ 4708 const btn = item.querySelector('.nh-acc-btn'); 4709 btn.addEventListener('click', ()=> toggleItem(item)); 4710 }); 4711 4712 window.addEventListener('resize', ()=>{ 4713 const open = items.find(i => i.getAttribute('data-open') === 'true'); 4714 if(!open) return; 4715 const panel = open.querySelector('.nh-acc-panel'); 4716 panel.style.maxHeight = panel.scrollHeight + 'px'; 4717 }); 4718})(); 4719</script>
4719 4720
4721<script> 4722 document.addEventListener("DOMContentLoaded", function () { 4723 const els = document.querySelectorAll(".nh-anim"); 4724 const observer = new IntersectionObserver((entries) => { 4725 entries.forEach((entry) => { 4726 if (entry.isIntersecting) { 4727 entry.target.classList.add("is-visible"); 4728 observer.unobserve(entry.target); 4729 } 4730 }); 4731 }, { threshold: 0.16 }); 4732 els.forEach((el) => observer.observe(el)); 4733 }); 4734</script>
4734 4735 </div> 4736 </div> 4737 </div> 4738 </div> 4739 </div> 4740 </main> 4741 4742 <footer id="footer" class="ct-footer" data-id="type-1" itemscope="" itemtype="https://schema.org/WPFooter"><div data-row="top"><div class="ct-container" data-columns-divider="md"><div data-column="widget-area-5"><div class="ct-widget is-layout-flow widget_block" id="block-9"><nav class="muf-footer-links-mobile"> 4743 <a href="/">Home</a> 4744 <a href="/muf/">MUF</a> 4745 <a class="muf-footer-visite" href="/visite-o-muf/">Visite o MUF</a> 4746 <a href="/doar/">Doar</a> 4747 <a href="/lojinha-do-muf/">Lojinha do MUF</a> 4748 <a href="/noticias/">NotÃcias</a> 4749</nav></div></div><div data-column="socials"> 4750<div 4751 class="ct-footer-socials" 4752 data-id="socials"> 4753 4754 4755 <div class="ct-social-box" data-color="custom" data-icon-size="custom" data-icons-type="simple" > 4756 4757 4758 4759 <a href="https://www.facebook.com/museudefavela/?locale=pt_BR" data-network="facebook" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> 4760 <span class="ct-icon-container"> 4761 <svg 4762 width="20px" 4763 height="20px" 4764 viewBox="0 0 20 20" 4765 aria-hidden="true"> 4766 <path d="M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z"/> 4767 </svg> 4768 </span> </a> 4769 4770 <a href="https://www.instagram.com/muf.museudefavela/" data-network="instagram" aria-label="Instagram" target="_blank" rel="noopener noreferrer"> 4771 <span class="ct-icon-container"> 4772 <svg 4773 width="20" 4774 height="20" 4775 viewBox="0 0 20 20" 4776 aria-hidden="true"> 4777 <circle cx="10" cy="10" r="3.3"/> 4778 <path d="M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z"/> 4779 </svg> 4780 </span> </a> 4781 4782 <a href="https://www.youtube.com/@museudefavelamuf6346" data-network="youtube" aria-label="YouTube" target="_blank" rel="noopener noreferrer"> 4783 <span class="ct-icon-container"> 4784 <svg 4785 width="20" 4786 height="20" 4787 viewbox="0 0 20 20" 4788 aria-hidden="true"> 4789 <path d="M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z"/> 4790 </svg> 4791 </span> </a> 4792 4793 4794 </div> 4795 4796 </div> 4797 4798</div></div></div><div data-row="middle"><div class="ct-container"><div data-column="widget-area-1"><div class="ct-widget is-layout-flow widget_block" id="block-8"><div class="muf-footer-desktop"> 4799 <h3>MUF</h3> 4800 <p>O Museu da Favela â MUF â foi criado em 5 de novembro de 2008 por lideranças comunitárias e culturais, em sua maioria, moradoras dos morros de Cantagalo, Pavão e Pavãozinho. Essa criação se deu no âmbito do Programa de Aceleração do Crescimento (PAC) no território.</p> 4801 4802 <p>Seu lançamento se deu em 14 de fevereiro de 2009 num grande evento realizado na quadra da Escola de Samba Alegria da Zona Sul, no morro do Cantagalo, quando o MUF apresentou a exposição âDespertar de Almas e de Sonhos â Velhos Ilustresâ.</p> 4803</div> 4804 4805<div class="muf-footer-mobile"> 4806 <h3>MUF</h3> 4807 <p>O Museu de Favela é uma organização comunitária criada em 2008 por lideranças culturais do Pavão, Pavãozinho e Cantagalo. Atua na preservação das memórias, narrativas e expressões culturais das favelas.</p> 4808</div></div></div><div data-column="widget-area-4"><div class="ct-widget is-layout-flow widget_block" id="block-1"><div class="ct-block-wrapper"> 4809 4810<h3 class="wp-block-heading" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.313), 18px);">Contatos</h3> 4811 4812 4813 4814<p></p> 4815 4816 4817<div class="ct-contact-info-block " style="--theme-icon-size:20px;--background-color:rgba(218, 222, 228, 0.5);--background-hover-color:rgba(218, 222, 228, 0.7);"> 4818 <ul data-icons-type="rounded:outline"> 4819 <li class=""> 4820 <span class="ct-icon-container"><svg width="18" height="18" viewBox="0 0 20 20" aria-hidden="true">
4820<path d="M10,0C6.1,0,3,3.1,3,7c0,4.5,6,11.8,6.2,12.1L10,20l0.8-0.9C11,18.8,17,11.5,17,7C17,3.1,13.9,0,10,0z M10,2c2.8,0,5,2.2,5,5c0,2.7-3.1,7.4-5,9.8C8.1,14.4,5,9.7,5,7C5,4.2,7.2,2,10,2zM10,4.5C8.6,4.5,7.5,5.6,7.5,7S8.6,9.5,10,9.5s2.5-1.1,2.5-2.5S11.4,4.5,10,4.5z"/></svg></span> 4821 <div class="contact-info"> 4822 <span class="contact-title"> 4823 Endereço: </span> 4824 4825 <span class="contact-text"> 4826 4827 Rua Alberto de Campos 12 â Ipanema â Rio de Janeiro 4828 </span> 4829 </div> 4830 </li> 4831 <li class=""> 4832 <span class="ct-icon-container"><svg width="18" height="18" viewBox="0 0 20 20" aria-hidden="true"><path d="M13.5,20H6.5c-1.6,0-2.9-1.3-2.9-2.9V2.9C3.5,1.3,4.8,0,6.5,0h7.1c1.6,0,2.9,1.3,2.9,2.9v14.1C16.5,18.7,15.2,20,13.5,20zM6.7,1.7C5.8,1.7,5,2.5,5,3.4v13.2c0,0.9,0.7,1.7,1.7,1.7h6.6c0.9,0,1.7-0.7,1.7-1.7V3.4c0-0.9-0.7-1.7-1.7-1.7H6.7z"/><path d="M11.2,4.4H8.8c-0.3,0-0.6-0.3-0.6-0.6s0.3-0.6,0.6-0.6h2.4c0.3,0,0.6,0.3,0.6,0.6S11.5,4.4,11.2,4.4z"/><circle cx="10" cy="15.7" r="1.2"/></svg></span> 4833 <div class="contact-info"> 4834 <span class="contact-title"> 4835 Celular: </span> 4836 4837 <span class="contact-text"> 4838 4839 +55 21 996489350 4840 </span> 4841 </div> 4842 </li> 4843 </ul> 4844 4845 </div> 4846</div></div></div></div></div><div data-row="bottom"><div class="ct-container"><div data-column="copyright"> 4847<div 4848 class="ct-footer-copyright" 4849 data-id="copyright"> 4850 4851 <p>Copyright © 2026 - MUF</p></div> 4852</div></div></div></footer></div> 4853
4854<script type="speculationrules"> 4855{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/blocksy-child\/*","\/wp-content\/themes\/blocksy\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4856</script>
4856 4857<div class="ct-drawer-canvas" data-location="end"><div class="ct-drawer-inner"> 4858 <a href="#main-container" class="ct-back-to-top ct-hidden-sm" 4859 data-shape="square" 4860 data-alignment="left" 4861 title="Voltar ao topo" aria-label="Voltar ao topo" hidden> 4862 4863 <svg class="ct-icon" width="15" height="15" viewBox="0 0 20 20"><path d="M10,0L9.4,0.6L0.8,9.1l1.2,1.2l7.1-7.1V20h1.7V3.3l7.1,7.1l1.2-1.2l-8.5-8.5L10,0z"/></svg> </a> 4864 4865 </div></div>
4865<script> 4866 const lazyloadRunObserver = () => { 4867 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 4868 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 4869 entries.forEach( ( entry ) => { 4870 if ( entry.isIntersecting ) { 4871 let lazyloadBackground = entry.target; 4872 if( lazyloadBackground ) { 4873 lazyloadBackground.classList.add( 'e-lazyloaded' ); 4874 } 4875 lazyloadBackgroundObserver.unobserve( entry.target ); 4876 } 4877 }); 4878 }, { rootMargin: '200px 0px 200px 0px' } ); 4879 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 4880 lazyloadBackgroundObserver.observe( lazyloadBackground ); 4881 } ); 4882 }; 4883 const events = [ 4884 'DOMContentLoaded', 4885 'elementor/lazyload/observe', 4886 ]; 4887 events.forEach( ( event ) => { 4888 document.addEventListener( event, lazyloadRunObserver ); 4889 } ); 4890 </script>
4890 4891
4891<script id="fluentform-elementor-js-extra"> 4892var fluentformElementor = {"adminUrl":"https:\/\/museudefavela.org\/wp-admin\/admin.php"}; 4893</script>
vendor: 1 bytes, line 4893
4893
4894<script src="https://museudefavela.org/wp-content/plugins/fluentform/assets/js/fluent-forms-elementor-widget.js" id="fluentform-elementor-js"></script>
vendor: 1 bytes, line 4894
4894
4895<script id="ct-scripts-js-extra"> 4896var ct_localizations = {"ajax_url":"https:\/\/museudefavela.org\/wp-admin\/admin-ajax.php","public_url":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/","rest_url":"https:\/\/museudefavela.org\/wp-json\/","search_url":"https:\/\/museudefavela.org\/search\/QUERY_STRING\/","show_more_text":"Mostrar mais","more_text":"Mais","search_live_results":"Resultados da pesquisa","search_live_no_results":"Sem resultados","search_live_results_closed":"Search results closed.","search_live_no_result":"Sem resultados","search_live_one_result":"You got %s result. Please press Tab to select it.","search_live_many_results":"You got %s results. Please press Tab to select one.","search_live_stock_status_texts":{"instock":"Em estoque","outofstock":"Indispon\u00edvel"},"clipboard_copied":"Copiado!","clipboard_failed":"Falha ao copiar","expand_submenu":"Expand dropdown menu","collapse_submenu":"Collapse dropdown menu","dynamic_js_chunks":[{"id":"blocksy_sticky_header","selector":"header [data-sticky]","url":"https:\/\/museudefavela.org\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/sticky.js?ver=2.1.56","version":"2.1.56"}],"dynamic_styles":{"lazy_load":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-styles.min.css?ver=2.1.45","search_lazy":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/non-critical-search-styles.min.css?ver=2.1.45","back_to_top":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/back-to-top.min.css?ver=2.1.45"},"dynamic_styles_selectors":[{"selector":".ct-header-cart, #woo-cart-panel","url":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/cart-header-element-lazy.min.css?ver=2.1.45"},{"selector":".flexy","url":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/flexy.min.css?ver=2.1.45"},{"selector":".ct-pagination","url":"https:\/\/museudefavela.org\/wp-content\/themes\/blocksy\/static\/bundle\/pagination.min.css?ver=2.1.45"},{"selector":"#account-modal","url":"https:\/\/museudefavela.org\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/header-account-modal-lazy.min.css?ver=2.1.56"},{"selector":".ct-header-account","url":"https:\/\/museudefavela.org\/wp-content\/plugins\/blocksy-companion\/static\/bundle\/header-account-dropdown-lazy.min.css?ver=2.1.56"}],"login_generic_error_msg":"An unexpected error occurred. Please try again later."}; 4897</script>
vendor: 1 bytes, line 4897
4897
4898<script src="https://museudefavela.org/wp-content/themes/blocksy/static/bundle/main.js" id="ct-scripts-js"></script>
vendor: 1 bytes, line 4898
4898
4899<script src="https://museudefavela.org/wp-content/plugins/mufa-acervo-v53/assets/js/mufa-acervo.js" id="mufa-acervo-v56-js"></script>
vendor: 1 bytes, line 4899
4899
4900<script src="https://museudefavela.org/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js" id="elementor-webpack-runtime-js"></script>
vendor: 1 bytes, line 4900
4900
4901<script src="https://museudefavela.org/wp-content/plugins/elementor/assets/js/frontend-modules.min.js" id="elementor-frontend-modules-js"></script>
vendor: 1 bytes, line 4901
4901
4902<script src="https://museudefavela.org/wp-includes/js/jquery/ui/core.min.js" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 4902
4902
4903<script id="elementor-frontend-js-before"> 4904var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.1.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_panel_promotions":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/museudefavela.org\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/museudefavela.org\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/museudefavela.org\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b5d41031e4","atomicFormsSendForm":"046e33600e"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":4250,"title":"sobreomuf2%20%7C%20MUSEU%20DE%20FAVELA","excerpt":"","featuredImage":false}}; 4905</script>
vendor: 1 bytes, line 4905
4905
4906<script src="https://museudefavela.org/wp-content/plugins/elementor/assets/js/frontend.min.js" id="elementor-frontend-js"></script>
vendor: 1 bytes, line 4906
4906
4907<script> jQuery(function($){ $(".widget_meta a[href='https://museudefavela.org/comments/feed/']").parent().remove(); }); </script>
4907 4908</body> 4909</html> 4910 4911 4912<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-05 03:57:54 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.