{"id":4153,"date":"2025-11-17T11:30:50","date_gmt":"2025-11-17T14:30:50","guid":{"rendered":"https:\/\/ccmamgbrasil.com.br\/site\/?page_id=4153"},"modified":"2026-04-01T12:35:24","modified_gmt":"2026-04-01T15:35:24","slug":"ccma-home-nova","status":"publish","type":"page","link":"https:\/\/ccmamgbrasil.com.br\/site\/","title":{"rendered":"CCMA HOME NOVA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4153\" class=\"elementor elementor-4153\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf7078 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"daf7078\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0cf11 elementor-widget elementor-widget-html\" data-id=\"3c0cf11\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-hero-slider,\r\n.ccma-hero-slider *,\r\n.ccma-hero-slider *::before,\r\n.ccma-hero-slider *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-hero-slider {\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background-color: #F0F0F0 !important;\r\n  \/* Altura din\u00e2mica controlada *\/\r\n  height: auto !important; \r\n  min-height: 700px !important; \r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-hero-slider {\r\n    height: 90vh !important; \/* Altura fixa no Desktop *\/\r\n    min-height: 700px !important;\r\n  }\r\n}\r\n\r\n\/* ==== TRACK DO SLIDER ==== *\/\r\n.hero-track {\r\n  display: flex !important;\r\n  height: 100% !important;\r\n  width: 100% !important;\r\n  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* ==== ESTILO GERAL DOS SLIDES ==== *\/\r\n.hero-slide {\r\n  min-width: 100% !important;\r\n  height: auto !important;\r\n  min-height: 100% !important;\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important;\r\n  overflow: hidden !important;\r\n  background-color: #F0F0F0 !important; \/* Padr\u00e3o (Slides 1, 2, 3) *\/\r\n}\r\n\r\n\/* Ajustes para Slides com Imagem de Fundo (4 e 5) *\/\r\n.slide-has-bg {\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n}\r\n\r\n\/* Overlay suave para garantir leitura do texto nos slides com foto *\/\r\n.slide-has-bg::before {\r\n  content: '' !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: rgba(0, 0, 0, 0.4) !important; \/* Escurece a foto levemente *\/\r\n  z-index: 1 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-slide {\r\n    height: 100% !important;\r\n  }\r\n}\r\n\r\n\/* ==== CONTAINER GRID (LAYOUT PADR\u00c3O) ==== *\/\r\n.slide-grid-container {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  \/* Padding ajustado para Mobile *\/\r\n  padding: 7rem 1.5rem 4rem 1.5rem !important; \r\n  height: 100% !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center !important;\r\n  position: relative !important;\r\n  z-index: 2 !important; \/* Garante conte\u00fado acima do overlay *\/\r\n}\r\n\r\n.hero-grid-layout {\r\n  display: flex !important;\r\n  flex-direction: column !important; \/* Mobile: Coluna *\/\r\n  gap: 2.5rem !important;\r\n  height: 100% !important;\r\n  align-items: center !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-grid-layout {\r\n    display: grid !important; \/* Desktop: Grid *\/\r\n    grid-template-columns: 40% 60% !important;\r\n    gap: 4rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== COLUNA DE TEXTO ==== *\/\r\n.hero-col-text {\r\n  order: 1 !important; \/* Texto primeiro no Mobile *\/\r\n  text-align: center !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-col-text {\r\n    text-align: left !important;\r\n    align-items: flex-start !important;\r\n  }\r\n}\r\n\r\n\/* Tipografia *\/\r\n.hero-heading {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important;\r\n  margin-bottom: 1rem !important;\r\n  color: #1f2937 !important;\r\n  text-wrap: balance !important;\r\n}\r\n\r\n.hero-heading b {\r\n  color: #014FA1 !important;\r\n}\r\n\r\n\/* CORRE\u00c7\u00c3O DE COR: Slides com fundo de imagem precisam de texto branco *\/\r\n.slide-has-bg .hero-heading {\r\n  color: white !important;\r\n  text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;\r\n}\r\n.slide-has-bg .hero-heading b {\r\n  color: #6eb5ff !important; \/* Azul mais claro para contraste no escuro *\/\r\n}\r\n.slide-has-bg .hero-paragraph {\r\n  color: #f3f4f6 !important; \/* Branco levemente cinza *\/\r\n  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-heading {\r\n    font-size: 3.5rem !important;\r\n  }\r\n  .hero-heading-lg {\r\n    font-size: 4rem !important;\r\n  }\r\n}\r\n\r\n.hero-paragraph {\r\n  font-size: 1rem !important;\r\n  line-height: 1.5 !important;\r\n  margin-bottom: 1.5rem !important;\r\n  color: #1f2937 !important;\r\n  text-wrap: balance !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-paragraph {\r\n    font-size: 1.5rem !important;\r\n    margin-bottom: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* Bot\u00e3o Verde *\/\r\n.hero-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  background: #019D3C !important;\r\n  color: white !important;\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  width: fit-content !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-btn {\r\n    font-size: 1.1rem !important;\r\n  }\r\n}\r\n\r\n.hero-btn:hover {\r\n  background: #027d30 !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n  color: white !important;\r\n}\r\n\r\n.hero-btn svg {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n\r\n\/* ==== COLUNA DE IMAGEM \/ BENTO GRID ==== *\/\r\n.hero-col-img {\r\n  order: 2 !important;\r\n  width: 100% !important;\r\n  height: auto !important; \/* Altura autom\u00e1tica no mobile *\/\r\n  position: relative !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-col-img {\r\n    height: 600px !important; \/* Altura fixa desktop para alinhamento *\/\r\n  }\r\n  \r\n  \/* CORRE\u00c7\u00c3O PARA SLIDES 4 e 5: Centralizar card e permitir altura autom\u00e1tica *\/\r\n  .slide-has-bg .hero-col-img {\r\n    display: flex !important;\r\n    align-items: center !important; \/* Centraliza verticalmente *\/\r\n    justify-content: flex-start !important; \/* Alinha \u00e0 esquerda da coluna *\/\r\n  }\r\n}\r\n\r\n\/* Bento Grid Layouts (Slides 1 e 2) *\/\r\n.bento-grid-1, .bento-grid-2 {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1rem !important;\r\n  width: 100% !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .bento-grid-1 {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    grid-template-rows: 1.2fr 1fr !important;\r\n    height: 100% !important;\r\n  }\r\n  .bento-grid-2 {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr !important;\r\n    grid-template-rows: 1fr 1fr !important;\r\n    height: 100% !important;\r\n  }\r\n}\r\n\r\n\/* Itens Individuais Bento *\/\r\n.bg1-item-1 { height: 250px !important; border-radius: 1rem !important; overflow: hidden !important; }\r\n.bg1-item-3 { height: 200px !important; border-radius: 1rem !important; overflow: hidden !important; }\r\n.bg2-item-1 { height: 300px !important; border-radius: 1rem !important; overflow: hidden !important; }\r\n.bg2-item-3 { height: 200px !important; border-radius: 1rem !important; overflow: hidden !important; }\r\n\r\n@media (min-width: 1024px) {\r\n  .bg1-item-1 { grid-column: 1 \/ 2; grid-row: 1 \/ 2; height: 100% !important; }\r\n  .bg1-item-2 { grid-column: 2 \/ 3; grid-row: 1 \/ 2; height: 100% !important; }\r\n  .bg1-item-3 { grid-column: 1 \/ 3; grid-row: 2 \/ 3; height: 100% !important; }\r\n  \r\n  .bg2-item-1 { grid-column: 1 \/ 2; grid-row: 1 \/ 3; height: 100% !important; }\r\n  .bg2-item-2 { grid-column: 2 \/ 3; grid-row: 1 \/ 2; height: 100% !important; }\r\n  .bg2-item-3 { grid-column: 2 \/ 3; grid-row: 2 \/ 3; height: 100% !important; }\r\n}\r\n\r\n\/* Classe Gen\u00e9rica para Imagens *\/\r\n.bento-img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* ==== CARDS ESPECIAIS (AZUL) ==== *\/\r\n.bento-card-clean, .bento-card-blue {\r\n  background: #014FA1 !important;\r\n  width: 100% !important;\r\n  border-radius: 1rem !important;\r\n  color: white !important;\r\n  padding: 1.5rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n}\r\n\r\n.bento-card-clean { justify-content: space-between !important; min-height: 300px !important; }\r\n.bento-card-blue { justify-content: center !important; min-height: 250px !important; }\r\n\r\n@media (min-width: 1024px) {\r\n  .bento-card-clean { padding: 2rem !important; min-height: 0 !important; }\r\n  .bento-card-blue { padding: 2.5rem !important; min-height: 0 !important; }\r\n  \r\n  \/* CORRE\u00c7\u00c3O DOS CARDS GIGANTES: For\u00e7a altura autom\u00e1tica nos slides de fundo *\/\r\n  .slide-has-bg .bento-card-clean {\r\n    height: auto !important; \/* Sobrescreve estilo inline 100% *\/\r\n    min-height: auto !important;\r\n    padding: 3rem !important;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;\r\n    max-width: 550px !important; \/* Limita largura para ficar elegante *\/\r\n  }\r\n}\r\n\r\n\/* Detalhes internos dos cards *\/\r\n.clean-card-header { text-align: center !important; margin-bottom: 0.5rem !important; }\r\n.clean-year { font-size: 1.5rem !important; font-weight: 700 !important; display: block !important; }\r\n.clean-divider { width: 100% !important; height: 1px !important; background-color: rgba(255,255,255,0.3) !important; margin: 0.5rem 0 !important; }\r\n.clean-list { display: flex !important; flex-direction: column !important; gap: 1.5rem !important; justify-content: center !important; flex-grow: 1 !important; padding-top: 1rem !important; }\r\n.clean-item { display: flex !important; align-items: flex-start !important; gap: 1rem !important; text-align: left !important; }\r\n.clean-icon { width: 32px !important; height: 32px !important; flex-shrink: 0 !important; fill: none !important; stroke: white !important; stroke-width: 1.5 !important; }\r\n.clean-text { font-size: 1rem !important; line-height: 1.3 !important; }\r\n.clean-big-number { font-size: 2.2rem !important; font-weight: 700 !important; display: block !important; margin-top: 0.25rem !important; }\r\n\r\n@media (min-width: 1024px) { .clean-big-number { font-size: 2.8rem !important; } }\r\n\r\n.avatars-row { display: flex !important; margin-bottom: 1.5rem !important; }\r\n.avatar-ball { width: 40px !important; height: 40px !important; border-radius: 50% !important; background-color: rgba(255,255,255,0.2) !important; border: 2px solid #014FA1 !important; margin-left: -12px !important; overflow: hidden !important; }\r\n.avatar-ball:first-child { margin-left: 0 !important; }\r\n.avatar-ball img { width: 100% !important; height: 100% !important; object-fit: cover !important; }\r\n\r\n\/* ==== NAVEGA\u00c7\u00c3O ==== *\/\r\n.hero-pagination {\r\n  position: absolute !important;\r\n  bottom: 2rem !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  display: flex !important;\r\n  gap: 0.5rem !important;\r\n  z-index: 20 !important;\r\n}\r\n\r\n.hero-dot {\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  border-radius: 5px !important;\r\n  background: rgba(255,255,255,0.5) !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  padding: 0 !important;\r\n  \/* Garante visibilidade no fundo cinza *\/\r\n  background: #ccc !important; \r\n}\r\n\r\n.hero-dot.active {\r\n  width: 30px !important;\r\n  background: #014FA1 !important;\r\n}\r\n\r\n.hero-nav-btn {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  background: rgba(255, 255, 255, 0.5) !important;\r\n  backdrop-filter: blur(5px) !important;\r\n  border-radius: 50% !important;\r\n  border: none !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  cursor: pointer !important;\r\n  z-index: 30 !important;\r\n  transition: all 0.3s ease !important;\r\n  color: #1f2937 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-nav-btn { width: 50px !important; height: 50px !important; }\r\n}\r\n\r\n.hero-nav-btn:hover {\r\n  background: white !important;\r\n  color: #014FA1 !important;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;\r\n}\r\n\r\n.hero-nav-prev { left: 0.5rem !important; }\r\n.hero-nav-next { right: 0.5rem !important; }\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-nav-prev { left: 2rem !important; }\r\n  .hero-nav-next { right: 2rem !important; }\r\n}\r\n\r\n.hero-nav-btn svg { width: 24px !important; height: 24px !important; }\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"ccma-hero-slider\" id=\"heroSlider\">\r\n  <div class=\"hero-track\" id=\"heroTrack\">\r\n\r\n    <!-- SLIDE 1: TRANSFORMAMOS CONFLITOS (MANTIDO) -->\r\n    <div class=\"hero-slide\" style=\"background-color: #F0F0F0;\">\r\n      <div class=\"slide-grid-container\">\r\n        <div class=\"hero-grid-layout\">\r\n          \r\n          <div class=\"hero-col-text\">\r\n            <h1 class=\"hero-heading hero-heading-lg\">\r\n              Transformamos conflitos em <b>solu\u00e7\u00f5es.<\/b>\r\n            <\/h1>\r\n            <p class=\"hero-paragraph\">\r\n              \u00c9 com empatia, naturalidade e trabalho que a gente transforma o conflito em caminho.\r\n            <\/p>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"hero-btn\">\r\n              Conhe\u00e7a sobre n\u00f3s\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"hero-col-img\">\r\n            <div class=\"bento-grid-1\">\r\n              <div class=\"bg1-item-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/tablet-guy.webp\" class=\"bento-img\" alt=\"Homem com Tablet\" \/>\r\n              <\/div>\r\n              \r\n              <div class=\"bg1-item-2\">\r\n                <div class=\"bento-card-clean\">\r\n                  <div class=\"clean-card-header\">\r\n                    <span class=\"clean-year\">Desde 2014<\/span>\r\n                  <\/div>\r\n                  \r\n                  <div class=\"clean-divider\"><\/div>\r\n                  \r\n                  <div class=\"clean-list\">\r\n                    <div class=\"clean-item\">\r\n                      <!-- SVG TROCADO AQUI -->\r\n                      <svg class=\"clean-icon\" width=\"103\" height=\"93\" viewBox=\"0 0 103 93\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M0.489775 84.63C0.391695 84.6038 0.300975 84.5554 0.224673 84.4884C0.148371 84.4215 0.088544 84.3378 0.0498434 84.2439C0.0111428 84.1501 -0.00538793 84.0486 0.00153785 83.9473C0.00846364 83.846 0.0386596 83.7477 0.0897756 83.66L48.0298 0.620005C48.1388 0.431379 48.2959 0.27477 48.4855 0.165934C48.6751 0.0570978 48.8904 -0.000130134 49.1098 1.98478e-06H56.7998C57.0377 -0.00040296 57.2716 0.061163 57.4786 0.178644C57.6855 0.296126 57.8582 0.465469 57.9798 0.67L102.64 75.96C102.786 76.2047 102.872 76.4808 102.891 76.7658C102.91 77.0507 102.862 77.3366 102.75 77.6C100.656 82.5 97.1231 85.65 92.1498 87.05C63.0198 95.27 29.5198 92.48 0.489775 84.63ZM21.4198 79.1C25.3931 80.06 29.7698 80.68 34.5498 80.96C50.9998 81.91 67.7498 81.53 83.4198 77.58C83.5912 77.5387 83.7506 77.4578 83.8852 77.3438C84.0198 77.2298 84.1258 77.0859 84.1948 76.9236C84.2639 76.7613 84.2939 76.5851 84.2826 76.4091C84.2713 76.2331 84.219 76.0621 84.1298 75.91L54.5898 24.74C54.5066 24.5969 54.3878 24.4776 54.2449 24.3939C54.1021 24.3103 53.9403 24.2652 53.7756 24.2632C53.6108 24.2612 53.4489 24.3023 53.3058 24.3824C53.1627 24.4625 53.0434 24.5789 52.9598 24.72L20.9198 77.9C20.8552 78.0086 20.8169 78.1307 20.808 78.2567C20.799 78.3827 20.8196 78.5091 20.8682 78.6256C20.9168 78.7422 20.992 78.8459 21.0877 78.9282C21.1835 79.0106 21.2972 79.0694 21.4198 79.1Z\" fill=\"white\"\/>\r\n                      <\/svg>\r\n                      <div class=\"clean-text\">\r\n                        Credenciada ao <br><strong>TJMG<\/strong>\r\n                      <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"clean-item\">\r\n                      <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18\"\/><path d=\"M18.7 8l-5.1 5.2-2.8-2.7L7 14.3\"\/><\/svg>\r\n                      <div class=\"clean-text\">\r\n                        \u00cdndice de acordos\r\n                        <span class=\"clean-big-number\">85%<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"bg1-item-3\">\r\n                <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/hand-shake.webp\" class=\"bento-img\" alt=\"Aperto de M\u00e3os\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 2: EMPRESAS (MANTIDO) -->\r\n    <div class=\"hero-slide\" style=\"background-color: #F0F0F0;\">\r\n      <div class=\"slide-grid-container\">\r\n        <div class=\"hero-grid-layout\">\r\n          \r\n          <div class=\"hero-col-text\">\r\n            <h1 class=\"hero-heading hero-heading-lg\">\r\n              <b>Empresas:<\/b> recupere cr\u00e9ditos sem lit\u00edgio.\r\n            <\/h1>\r\n            <p class=\"hero-paragraph\">\r\n              Procedimentos extrajudiciais com seguran\u00e7a jur\u00eddica e resultados comprovados.\r\n            <\/p>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"hero-btn\">\r\n              Fale conosco\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"hero-col-img\">\r\n            <div class=\"bento-grid-2\">\r\n              <div class=\"bg2-item-1\">\r\n                <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/guy-smiling-2.webp\" class=\"bento-img\" alt=\"Empres\u00e1rio Sorrindo\" \/>\r\n              <\/div>\r\n\r\n              <div class=\"bg2-item-2\">\r\n                <div class=\"bento-card-blue\">\r\n                  <div class=\"avatars-row\">\r\n                    <div class=\"avatar-ball\"><img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/circle-1.webp\"><\/div>\r\n                    <div class=\"avatar-ball\"><img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/circle-2.webp\"><\/div>\r\n                    <div class=\"avatar-ball\"><img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/circle-3.webp\"><\/div>\r\n                  <\/div>\r\n                  <h3 style=\"font-size:3.5rem; margin:0; line-height:1; font-weight:700;\">4x<\/h3>\r\n                  <p style=\"font-size:1.1rem; margin:1rem 0 0 0; line-height:1.4;\">Mais r\u00e1pida comparada a outros procedimentos<\/p>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"bg2-item-3\">\r\n                <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/window.webp\" class=\"bento-img\" alt=\"Vista Janela\" \/>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 3: MEDIA\u00c7\u00c3O FAMILIAR (MANTIDO) -->\r\n    <div class=\"hero-slide\" style=\"background-color: #F0F0F0;\">\r\n      <div class=\"slide-grid-container\">\r\n        <div class=\"hero-grid-layout\">\r\n          \r\n          <div class=\"hero-col-text\">\r\n            <h1 class=\"hero-heading hero-heading-lg\">\r\n              Media\u00e7\u00e3o familiar com total <b>confidencialidade.<\/b>\r\n            <\/h1>\r\n            <p class=\"hero-paragraph\">\r\n              Um ambiente seguro para acordos sustent\u00e1veis, preservando as rela\u00e7\u00f5es e o patrim\u00f4nio.\r\n            <\/p>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"hero-btn\">\r\n              Solicitar Modelo\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"hero-col-img\">\r\n            <div style=\"width: 100%; height: 100%; min-height: 350px; border-radius: 1rem; overflow: hidden;\">\r\n              <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/bg-3.webp\" class=\"bento-img\" alt=\"Fam\u00edlia\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 4: CL\u00c1USULAS (FUNDO EM TUDO + CARD DE INFORMA\u00c7\u00d5ES NO LUGAR DA FOTO) -->\r\n    <div class=\"hero-slide slide-has-bg\" style=\"background-image: url('https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/bg-4.webp');\">\r\n      <div class=\"slide-grid-container\">\r\n        <div class=\"hero-grid-layout\">\r\n          \r\n          <!-- Coluna Texto -->\r\n          <div class=\"hero-col-text\">\r\n            <h1 class=\"hero-heading hero-heading-lg\">\r\n              Cl\u00e1usulas que previnem <b>disputas longas.<\/b>\r\n            <\/h1>\r\n            <p class=\"hero-paragraph\">\r\n              Inclua a arbitragem em seus contratos com seguran\u00e7a jur\u00eddica e evite o desgaste judicial.\r\n            <\/p>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"hero-btn\">\r\n              Agendar Conversa\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <!-- Coluna Card (Substituindo a imagem vazia) -->\r\n          <div class=\"hero-col-img\">\r\n            <div class=\"bento-card-clean\" style=\"justify-content: center; height: 100%; min-height: 350px; background: rgba(1, 79, 161, 0.95);\">\r\n              <div class=\"clean-card-header\" style=\"text-align: left;\">\r\n                <span class=\"clean-year\" style=\"font-size: 1.8rem;\">Por que Arbitragem?<\/span>\r\n              <\/div>\r\n              \r\n              <div class=\"clean-divider\"><\/div>\r\n              \r\n              <div class=\"clean-list\">\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n                  <div class=\"clean-text\">Senten\u00e7a com for\u00e7a de lei (T\u00edtulo Executivo)<\/div>\r\n                <\/div>\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n                  <div class=\"clean-text\">Sigilo absoluto garantido em todo processo<\/div>\r\n                <\/div>\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n                  <div class=\"clean-text\">Rapidez: Resolu\u00e7\u00e3o em m\u00e9dia de 6 meses<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDE 5: INSTITUCIONAL (FUNDO EM TUDO + CARD DE INFORMA\u00c7\u00d5ES NO LUGAR DA FOTO) -->\r\n    <div class=\"hero-slide slide-has-bg\" style=\"background-image: url('https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/bg-5.webp');\">\r\n      <div class=\"slide-grid-container\">\r\n        <div class=\"hero-grid-layout\">\r\n          \r\n          <!-- Coluna Texto -->\r\n          <div class=\"hero-col-text\">\r\n            <h1 class=\"hero-heading hero-heading-lg\">\r\n              Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e <b>Arbitragem.<\/b>\r\n            <\/h1>\r\n            <p class=\"hero-paragraph\">\r\n              Agilidade, seguran\u00e7a e solu\u00e7\u00f5es eficazes para seus conflitos em Minas Gerais.\r\n            <\/p>\r\n            <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"hero-btn\">\r\n              Fale com a CCMA\r\n              <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <!-- Coluna Card (Substituindo a imagem vazia) -->\r\n          <div class=\"hero-col-img\">\r\n             <div class=\"bento-card-clean\" style=\"justify-content: center; height: 100%; min-height: 350px; background: rgba(1, 79, 161, 0.95);\">\r\n              <div class=\"clean-card-header\" style=\"text-align: left;\">\r\n                <span class=\"clean-year\" style=\"font-size: 1.8rem;\">Nossa Estrutura<\/span>\r\n              <\/div>\r\n              \r\n              <div class=\"clean-divider\"><\/div>\r\n              \r\n              <div class=\"clean-list\">\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n                  <div class=\"clean-text\">Sede pr\u00f3pria e infraestrutura completa em MG<\/div>\r\n                <\/div>\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n                  <div class=\"clean-text\">Corpo de Especialistas Multidisciplinar<\/div>\r\n                <\/div>\r\n                <div class=\"clean-item\">\r\n                  <svg class=\"clean-icon\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n                  <div class=\"clean-text\">Atendimento Online e Presencial<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"hero-nav-btn hero-nav-prev\" id=\"prevBtn\" aria-label=\"Anterior\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n  <\/button>\r\n  <button class=\"hero-nav-btn hero-nav-next\" id=\"nextBtn\" aria-label=\"Pr\u00f3ximo\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n  <\/button>\r\n\r\n  <div class=\"hero-pagination\" id=\"heroPagination\">\r\n    <button class=\"hero-dot active\" data-index=\"0\"><\/button>\r\n    <button class=\"hero-dot\" data-index=\"1\"><\/button>\r\n    <button class=\"hero-dot\" data-index=\"2\"><\/button>\r\n    <button class=\"hero-dot\" data-index=\"3\"><\/button>\r\n    <button class=\"hero-dot\" data-index=\"4\"><\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n   document.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ ==== ELEMENTOS DO DOM ====\r\n  const track = document.getElementById('heroTrack');\r\n  const prevBtn = document.getElementById('prevBtn');\r\n  const nextBtn = document.getElementById('nextBtn');\r\n  const dotsNav = document.getElementById('heroPagination');\r\n  const dots = Array.from(dotsNav.children);\r\n  const container = document.getElementById('heroSlider');\r\n\r\n  \/\/ ==== ESTADO ====\r\n  let currentIndex = 0;\r\n  const totalSlides = dots.length;\r\n  let autoplayInterval;\r\n  let isDragging = false;\r\n  let startPos = 0;\r\n\r\n  \/\/ ==== FUN\u00c7\u00c3O PRINCIPAL DE NAVEGA\u00c7\u00c3O ====\r\n  function goToSlide(index) {\r\n    \/\/ L\u00f3gica de Loop Infinito\r\n    if (index < 0) {\r\n      index = totalSlides - 1;\r\n    } else if (index >= totalSlides) {\r\n      index = 0;\r\n    }\r\n\r\n    currentIndex = index;\r\n    \r\n    \/\/ Move o Track (CSS Transition faz a anima\u00e7\u00e3o suave)\r\n    track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n\r\n    \/\/ Atualiza classes das bolinhas (Pagina\u00e7\u00e3o)\r\n    dots.forEach(dot => dot.classList.remove('active'));\r\n    dots[currentIndex].classList.add('active');\r\n  }\r\n\r\n  \/\/ ==== EVENT LISTENERS (CLIQUES) ====\r\n  \r\n  \/\/ Bot\u00e3o Anterior\r\n  prevBtn.addEventListener('click', () => {\r\n    goToSlide(currentIndex - 1);\r\n    resetAutoplay();\r\n  });\r\n\r\n  \/\/ Bot\u00e3o Pr\u00f3ximo\r\n  nextBtn.addEventListener('click', () => {\r\n    goToSlide(currentIndex + 1);\r\n    resetAutoplay();\r\n  });\r\n\r\n  \/\/ Bolinhas de Pagina\u00e7\u00e3o\r\n  dots.forEach((dot, index) => {\r\n    dot.addEventListener('click', () => {\r\n      goToSlide(index);\r\n      resetAutoplay();\r\n    });\r\n  });\r\n\r\n  \/\/ ==== L\u00d3GICA DE AUTOPLAY ====\r\n  function startAutoplay() {\r\n    \/\/ Garante que n\u00e3o haja m\u00faltiplos intervalos rodando\r\n    stopAutoplay();\r\n    \r\n    \/\/ ALTERA\u00c7\u00c3O: Aumentado para 9 segundos (9000ms) para melhorar o tempo de leitura\r\n    autoplayInterval = setInterval(() => {\r\n      goToSlide(currentIndex + 1);\r\n    }, 9000); \r\n  }\r\n\r\n  function stopAutoplay() {\r\n    if (autoplayInterval) {\r\n      clearInterval(autoplayInterval);\r\n    }\r\n  }\r\n\r\n  function resetAutoplay() {\r\n    stopAutoplay();\r\n    startAutoplay();\r\n  }\r\n\r\n  \/\/ Pausa o autoplay quando o mouse est\u00e1 sobre o slider (Melhor UX no Desktop)\r\n  \/\/ Isso impede que o slide mude enquanto a pessoa est\u00e1 lendo e passando o mouse por cima\r\n  container.addEventListener('mouseenter', stopAutoplay);\r\n  container.addEventListener('mouseleave', startAutoplay);\r\n\r\n  \/\/ ==== SUPORTE A TOUCH (MOBILE SWIPE) ====\r\n  \r\n  \/\/ In\u00edcio do toque\r\n  track.addEventListener('touchstart', function(event) {\r\n    isDragging = true;\r\n    startPos = event.touches[0].clientX;\r\n    stopAutoplay(); \/\/ Pausa enquanto o usu\u00e1rio segura\r\n  }, {passive: true});\r\n\r\n  \/\/ Fim do toque\r\n  track.addEventListener('touchend', function(event) {\r\n    isDragging = false;\r\n    const endPos = event.changedTouches[0].clientX;\r\n    const movedBy = endPos - startPos;\r\n\r\n    \/\/ Defini\u00e7\u00e3o de limite (threshold): 50px de arrasto para considerar troca\r\n    if (movedBy < -50) {\r\n      \/\/ Arrastou para a esquerda -> Pr\u00f3ximo Slide\r\n      goToSlide(currentIndex + 1);\r\n    } else if (movedBy > 50) {\r\n      \/\/ Arrastou para a direita -> Slide Anterior\r\n      goToSlide(currentIndex - 1);\r\n    }\r\n\r\n    startAutoplay(); \/\/ Retoma o autoplay\r\n  }, {passive: true});\r\n\r\n  \/\/ ==== INICIALIZA\u00c7\u00c3O ====\r\n  \/\/ Come\u00e7a o autoplay assim que carrega\r\n  startAutoplay();\r\n  \r\n  \/\/ Ajusta o slider se a janela for redimensionada para evitar desalinhamento\r\n  window.addEventListener('resize', () => {\r\n    goToSlide(currentIndex);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb61cd2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"cb61cd2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc07a61 elementor-widget elementor-widget-html\" data-id=\"bc07a61\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-about,\r\n.ccma-about *,\r\n.ccma-about *::before,\r\n.ccma-about *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-about {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n}\r\n\r\n\/* ==== CONTAINER GRID ==== *\/\r\n.about-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 2rem !important;\r\n  align-items: center !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-grid {\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 4rem !important;\r\n  }\r\n\r\n  .ccma-about {\r\n    padding: 5rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== COLUNA DE IMAGENS ==== *\/\r\n.about-images {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  display: flex !important;\r\n  justify-content: center !important;\r\n  align-items: center !important;\r\n  min-height: 400px !important;\r\n  margin-bottom: 2rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-images {\r\n    margin-bottom: 0 !important;\r\n    min-height: 600px !important;\r\n  }\r\n}\r\n\r\n\/* Imagem Principal (Grande) *\/\r\n.about-img-main {\r\n  position: relative !important;\r\n  width: 85% !important;\r\n  max-width: 450px !important;\r\n  height: 320px !important;\r\n  border-radius: 2rem !important;\r\n  overflow: hidden !important;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;\r\n  z-index: 1 !important;\r\n  margin-left: auto !important;\r\n  margin-right: 1.5rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-img-main {\r\n    width: 75% !important;\r\n    height: 600px !important;\r\n    margin-right: 2rem !important;\r\n  }\r\n}\r\n\r\n.about-img-main img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* Imagem Secund\u00e1ria (Pequena sobreposta) *\/\r\n.about-img-secondary {\r\n  position: absolute !important;\r\n  bottom: 2rem !important;\r\n  left: 0 !important;\r\n  width: 45% !important;\r\n  max-width: 200px !important;\r\n  height: 240px !important;\r\n  border-radius: 1.5rem !important;\r\n  overflow: hidden !important;\r\n  border: 8px solid white !important;\r\n  background: white !important;\r\n  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.25) !important;\r\n  z-index: 10 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-img-secondary {\r\n    width: 50% !important;\r\n    max-width: 300px !important;\r\n    height: 420px !important;\r\n    left: -2rem !important;\r\n    bottom: 3rem !important;\r\n  }\r\n}\r\n\r\n.about-img-secondary img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n}\r\n\r\n\/* ==== COLUNA DE CONTE\u00daDO (OTIMIZADA) ==== *\/\r\n.about-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0.75rem !important; \/* REDUZIDO de 1.5rem para 0.75rem *\/\r\n  padding: 0 !important;\r\n}\r\n\r\n\/* Badge\/Tag \"Conhe\u00e7a a CCMA\" *\/\r\n.about-badge {\r\n  background: #014FA1 !important;\r\n  color: white !important;\r\n  width: fit-content !important;\r\n  padding: 0.35rem 1.5rem !important; \/* REDUZIDO *\/\r\n  border-radius: 9999px !important;\r\n  font-size: 0.85rem !important; \/* REDUZIDO *\/\r\n  font-weight: 600 !important;\r\n  text-transform: uppercase !important;\r\n  letter-spacing: 0.5px !important;\r\n  margin: 0 0 0.25rem 0 !important; \/* REDUZIDO *\/\r\n}\r\n\r\n\/* T\u00edtulo Principal *\/\r\n.about-title {\r\n  font-size: 1.75rem !important; \/* REDUZIDO *\/\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important; \/* REDUZIDO *\/\r\n  color: #1f2937 !important;\r\n  margin: 0 0 0.5rem 0 !important; \/* REDUZIDO *\/\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .about-title {\r\n    font-size: 2.25rem !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-title {\r\n    font-size: 2.75rem !important; \/* REDUZIDO de 3rem *\/\r\n  }\r\n}\r\n\r\n\/* Par\u00e1grafo (ALINHADO \u00c0 ESQUERDA + ESPA\u00c7AMENTO REDUZIDO) *\/\r\n.about-text {\r\n  font-size: 0.95rem !important; \/* REDUZIDO *\/\r\n  line-height: 1.6 !important; \/* REDUZIDO de 1.75 *\/\r\n  color: #4b5563 !important;\r\n  margin: 0 0 0.5rem 0 !important; \/* REDUZIDO de 1rem *\/\r\n  text-align: left !important; \/* ESQUERDA (n\u00e3o justificado) *\/\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .about-text {\r\n    font-size: 1rem !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .about-text {\r\n    font-size: 1.05rem !important; \/* Ligeiramente reduzido *\/\r\n  }\r\n}\r\n\r\n\/* Bot\u00e3o CTA *\/\r\n.about-btn {\r\n  background: #014FA1 !important;\r\n  color: white !important;\r\n  padding: 0.75rem 1.75rem !important; \/* REDUZIDO *\/\r\n  border-radius: 0.5rem !important;\r\n  font-size: 0.95rem !important; \/* REDUZIDO *\/\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  width: fit-content !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  margin: 0.75rem 0 0 0 !important; \/* REDUZIDO de 1.5rem *\/\r\n}\r\n\r\n.about-btn:hover {\r\n  background: #195FA8 !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(1, 79, 161, 0.3) !important;\r\n  color: white !important;\r\n}\r\n\r\n.about-btn svg {\r\n  width: 18px !important; \/* REDUZIDO *\/\r\n  height: 18px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n<\/style>\r\n\r\n<!-- HTML ABOUT SECTION -->\r\n<section class=\"ccma-about\">\r\n  <div class=\"about-grid\">\r\n\r\n    <!-- COLUNA DE IMAGENS -->\r\n    <div class=\"about-images\">\r\n      <!-- Imagem Principal (Grande) -->\r\n      <div class=\"about-img-main\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/guy-smiling-1.webp\" alt=\"Pessoa sorrindo\" \/>\r\n      <\/div>\r\n\r\n      <!-- Imagem Secund\u00e1ria (Pequena sobreposta) -->\r\n      <div class=\"about-img-secondary\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/hand-shake-2-1.webp\" alt=\"Aperto de m\u00e3os\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COLUNA DE CONTE\u00daDO (OTIMIZADA) -->\r\n    <div class=\"about-content\">\r\n      <!-- Badge -->\r\n      <div class=\"about-badge\">\r\n        Conhe\u00e7a a CCMA MG Brasil\r\n      <\/div>\r\n\r\n      <!-- T\u00edtulo -->\r\n      <h2 class=\"about-title\">\r\n        Olhando para o futuro e trabalhando com as pessoas.\r\n      <\/h2>\r\n\r\n      <!-- Textos (3 par\u00e1grafos - ALINHADOS \u00c0 ESQUERDA) -->\r\n      <p class=\"about-text\">\r\n        A C\u00e2mara de Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e Arbitragem de Minas Gerais \u00e9 uma entidade civil de car\u00e1ter privado que oferece solu\u00e7\u00f5es especializadas para resolu\u00e7\u00e3o de conflitos de forma \u00e1gil, segura e eficaz.\r\n      <\/p>\r\n\r\n      <p class=\"about-text\">\r\n        Por meio de pr\u00e1ticas de concilia\u00e7\u00e3o, media\u00e7\u00e3o e arbitragem, a CCMA proporciona alternativas extrajudiciais que reduzem custos, simplificam processos e encurtam o tempo de resolu\u00e7\u00e3o das disputas \u2014 sempre com foco na pacifica\u00e7\u00e3o social.\r\n      <\/p>\r\n\r\n      <p class=\"about-text\">\r\n        Credenciada junto ao TJMG \u2013 Tribunal de Justi\u00e7a de Minas Gerais, a CCMA atua com respaldo jur\u00eddico e t\u00e9cnico, garantindo a validade dos processos e a confian\u00e7a necess\u00e1ria para empresas, institui\u00e7\u00f5es e fam\u00edlias.\r\n      <\/p>\r\n\r\n      <!-- Bot\u00e3o CTA -->\r\n      <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"about-btn\">\r\n        Saiba mais sobre n\u00f3s\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-142ecb6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"142ecb6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-657e590 elementor-widget elementor-widget-html\" data-id=\"657e590\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-services,\r\n.ccma-services *,\r\n.ccma-services *::before,\r\n.ccma-services *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-services {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: white !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-services {\r\n    padding: 5rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== HEADER CENTRALIZADO ==== *\/\r\n.services-header {\r\n  text-align: center !important;\r\n  margin-bottom: 3rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  gap: 1rem !important;\r\n}\r\n\r\n.services-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important;\r\n  color: #1f2937 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .services-title {\r\n    font-size: 2.5rem !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .services-title {\r\n    font-size: 2.75rem !important;\r\n  }\r\n}\r\n\r\n.services-subtitle {\r\n  font-size: 1rem !important;\r\n  line-height: 1.6 !important;\r\n  color: #6b7280 !important;\r\n  margin: 0 !important;\r\n  max-width: 700px !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .services-subtitle {\r\n    font-size: 1.05rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== GRID DE CARDS ==== *\/\r\n.services-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .services-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .services-grid {\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== CARD INDIVIDUAL (ESTILO \u00c1REAS DE ATUA\u00c7\u00c3O) ==== *\/\r\n.service-card {\r\n  background: #F4F4F4 !important; \/* Fundo Cinza Claro *\/\r\n  border: 1px solid #CECECE !important; \/* Borda Cinza *\/\r\n  border-radius: 0.75rem !important; \/* Arredondado menor *\/\r\n  padding: 1.5rem 1rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1rem !important;\r\n  transition: all 0.3s ease !important;\r\n  cursor: pointer !important;\r\n  align-items: flex-start !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .service-card {\r\n    padding: 2.5rem !important;\r\n  }\r\n}\r\n\r\n\/* Efeito Hover (Fundo Azul + Texto Branco) *\/\r\n.service-card:hover {\r\n  background: #014FA1 !important; \/* Azul *\/\r\n  border-color: #014FA1 !important;\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 10px 30px rgba(1, 79, 161, 0.2) !important;\r\n}\r\n\r\n\/* \u00cdcone Box (Quadrado Branco) *\/\r\n.service-icon-box {\r\n  width: 56px !important; \/* Um pouco maior para servi\u00e7os *\/\r\n  height: 56px !important;\r\n  background: white !important;\r\n  border: 1px solid #CECECE !important;\r\n  border-radius: 0.75rem !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  margin-bottom: 0.5rem !important;\r\n  transition: all 0.3s ease !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n.service-icon-box img {\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  object-fit: contain !important;\r\n}\r\n\r\n\/* T\u00edtulo e Texto (Mudan\u00e7a de Cor no Hover) *\/\r\n.service-card-title {\r\n  font-size: 1.5rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important; \/* Preto\/Cinza Escuro *\/\r\n  line-height: 1.2 !important;\r\n  margin: 0 !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n.service-card-text {\r\n  font-size: 1rem !important;\r\n  color: #717171 !important; \/* Cinza M\u00e9dio *\/\r\n  line-height: 1.6 !important;\r\n  margin: 0 !important;\r\n  text-align: left !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n\/* Hover: Textos ficam brancos *\/\r\n.service-card:hover .service-card-title,\r\n.service-card:hover .service-card-text {\r\n  color: white !important;\r\n}\r\n\r\n\/* ==== BOT\u00c3O ABAIXO DOS CARDS ==== *\/\r\n.services-footer {\r\n  text-align: center !important;\r\n  margin-top: 3rem !important;\r\n}\r\n\r\n.services-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  background: #014FA1 !important;\r\n  color: white !important;\r\n  border: none !important;\r\n  padding: 0.75rem 1.75rem !important;\r\n  border-radius: 0.5rem !important;\r\n  font-size: 0.95rem !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n}\r\n\r\n.services-btn:hover {\r\n  background: #195FA8 !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(1, 79, 161, 0.3) !important;\r\n  color: white !important;\r\n}\r\n\r\n.services-btn svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-services\">\r\n\r\n  <div class=\"services-header\">\r\n    <h2 class=\"services-title\">Nossos Servi\u00e7os<\/h2>\r\n    <p class=\"services-subtitle\">\r\n      M\u00e9todos especializados de resolu\u00e7\u00e3o de conflitos, adaptados \u00e0s suas necessidades.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"services-grid\">\r\n\r\n    <div class=\"service-card\">\r\n      <div class=\"service-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/hands.svg\" alt=\"Concilia\u00e7\u00e3o\" \/>\r\n      <\/div>\r\n      <h3 class=\"service-card-title\">Concilia\u00e7\u00e3o<\/h3>\r\n      <p class=\"service-card-text\">\r\n        Processo em que um conciliador auxilia as partes a chegarem a um consenso. Mais simples, r\u00e1pido e econ\u00f4mico que a via judicial, reduz custos financeiros e emocionais.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\">\r\n      <div class=\"service-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/justice.svg\" alt=\"Media\u00e7\u00e3o\" \/>\r\n      <\/div>\r\n      <h3 class=\"service-card-title\">Media\u00e7\u00e3o<\/h3>\r\n      <p class=\"service-card-text\">\r\n        Procedimento conduzido por um mediador imparcial que facilita o di\u00e1logo entre as partes. Focado em restabelecer a comunica\u00e7\u00e3o e preservar os interesses envolvidos.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"service-card\">\r\n      <div class=\"service-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/balance.svg\" alt=\"Arbitragem\" \/>\r\n      <\/div>\r\n      <h3 class=\"service-card-title\">Arbitragem<\/h3>\r\n      <p class=\"service-card-text\">\r\n        Solu\u00e7\u00e3o em que um \u00e1rbitro, escolhido pelas partes e especialista no tema, decide a disputa. Aplica-se a direitos patrimoniais dispon\u00edveis, com for\u00e7a de senten\u00e7a judicial.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"services-footer\">\r\n    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"services-btn\">\r\n      Conhecer servi\u00e7os\r\n      <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d705dd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"3d705dd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5.5999999999999996,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:97}},&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1686c21 elementor-widget elementor-widget-html\" data-id=\"1686c21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-parcerias-js * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-parcerias-js {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: #F0F0F0 !important;\r\n}\r\n\r\n\/* ==== T\u00cdTULO ==== *\/\r\n.parcerias-titulo-js {\r\n  font-size: 2.5rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n  text-align: center !important;\r\n  margin-bottom: 3rem !important;\r\n  text-wrap: balance !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .parcerias-titulo-js {\r\n    font-size: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== CONTAINER ==== *\/\r\n.parcerias-container-js {\r\n  width: 100% !important;\r\n}\r\n\r\n\/* ==== MOBILE: SLIDER COM JS (< 1024px) ==== *\/\r\n@media (max-width: 1023px) {\r\n  .parcerias-container-js {\r\n    overflow: hidden !important;\r\n    padding: 1rem 0 !important;\r\n  }\r\n\r\n  .parcerias-track-js {\r\n    display: flex !important;\r\n    gap: 2rem !important;\r\n    transition: transform 0.5s linear !important;\r\n  }\r\n\r\n  .parceria-item-js {\r\n    min-width: 150px !important;\r\n    width: 150px !important;\r\n    height: 80px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n    transition: transform 0.3s ease !important;\r\n  }\r\n}\r\n\r\n\/* ==== DESKTOP: GRID (>= 1024px) ==== *\/\r\n@media (min-width: 1024px) {\r\n  .parcerias-track-js {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(5, 1fr) !important;\r\n    gap: 4rem !important;\r\n    align-items: center !important;\r\n    justify-items: center !important;\r\n  }\r\n\r\n  .parceria-item-js {\r\n    width: 100% !important;\r\n    max-width: 200px !important;\r\n    height: 100px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    transition: transform 0.3s ease !important;\r\n  }\r\n\r\n  \/* Esconde logos duplicadas no desktop *\/\r\n  .parceria-item-js:nth-child(n+6) {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n\/* ==== HOVER ==== *\/\r\n.parceria-item-js:hover {\r\n  transform: scale(1.1) !important;\r\n}\r\n\r\n.parceria-item-js img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: contain !important;\r\n  display: block !important;\r\n}\r\n<\/style>\r\n\r\n<!-- HTML PARCERIAS SECTION -->\r\n<section class=\"ccma-parcerias-js\">\r\n\r\n  <!-- T\u00cdTULO -->\r\n  <h2 class=\"parcerias-titulo-js\">Conhe\u00e7a nossas Parcerias:<\/h2>\r\n\r\n  <!-- CONTAINER -->\r\n  <div class=\"parcerias-container-js\">\r\n    <div class=\"parcerias-track-js\" id=\"parceriasTrack\">\r\n\r\n      <!-- Logos originais -->\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/OABMG.svg\" alt=\"OAB MG\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/mais-saude.svg\" alt=\"Mais Sa\u00fade\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/sicoob-logo-0.svg\" alt=\"Sicoob\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/nansen.svg\" alt=\"Nansen\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/epoca.svg\" alt=\"\u00c9poca\" \/>\r\n      <\/div>\r\n\r\n      <!-- Logos duplicadas (para loop infinito no mobile) -->\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/OABMG.svg\" alt=\"OAB MG\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/mais-saude.svg\" alt=\"Mais Sa\u00fade\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/sicoob-logo-0.svg\" alt=\"Sicoob\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/nansen.svg\" alt=\"Nansen\" \/>\r\n      <\/div>\r\n      <div class=\"parceria-item-js\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/epoca.svg\" alt=\"\u00c9poca\" \/>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- JAVASCRIPT PARA SLIDER INFINITO -->\r\n<script>\r\n(function() {\r\n  \/\/ S\u00f3 executa em mobile (< 1024px)\r\n  if (window.innerWidth >= 1024) return;\r\n\r\n  const track = document.getElementById('parceriasTrack');\r\n  if (!track) return;\r\n\r\n  let position = 0;\r\n  const speed = 0.5; \/\/ pixels por frame\r\n  const gap = 32; \/\/ 2rem = 32px\r\n  const logoWidth = 150 + gap; \/\/ largura + gap\r\n\r\n  function animate() {\r\n    \/\/ Move o track\r\n    position -= speed;\r\n\r\n    \/\/ Calcula largura total de um conjunto (5 logos)\r\n    const setWidth = logoWidth * 5;\r\n\r\n    \/\/ Quando chegar em -50%, reseta para 0 (efeito infinito)\r\n    if (Math.abs(position) >= setWidth) {\r\n      position = 0;\r\n    }\r\n\r\n    track.style.transform = `translateX(${position}px)`;\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  \/\/ Inicia anima\u00e7\u00e3o\r\n  animate();\r\n\r\n  \/\/ Pausa no hover\r\n  track.addEventListener('mouseenter', function() {\r\n    speed = 0;\r\n  });\r\n\r\n  track.addEventListener('mouseleave', function() {\r\n    speed = 0.5;\r\n  });\r\n\r\n  \/\/ Recalcula se resize para desktop\r\n  window.addEventListener('resize', function() {\r\n    if (window.innerWidth >= 1024) {\r\n      track.style.transform = 'none';\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83bef41 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"83bef41\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab5271 elementor-widget elementor-widget-html\" data-id=\"0ab5271\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-video,\r\n.ccma-video *,\r\n.ccma-video *::before,\r\n.ccma-video *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-video {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: #014FA1 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-video {\r\n    padding: 5rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== GRID 2 COLUNAS ==== *\/\r\n.video-container {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 3rem !important;\r\n  align-items: center !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .video-container {\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 4rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== COLUNA ESQUERDA: TEXTO ==== *\/\r\n.video-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n.video-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.2 !important;\r\n  color: white !important;\r\n  margin: 0 !important;\r\n  text-wrap: balance !important; \/* \u2190 TEXT-WRAP BALANCE *\/\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .video-title {\r\n    font-size: 2.5rem !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .video-title {\r\n    font-size: 3rem !important;\r\n  }\r\n}\r\n\r\n.video-description {\r\n  font-size: 1.05rem !important;\r\n  line-height: 1.6 !important;\r\n  color: rgba(255, 255, 255, 0.9) !important;\r\n  margin: 0 !important;\r\n  text-wrap: balance !important; \/* \u2190 TEXT-WRAP BALANCE *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .video-description {\r\n    font-size: 1.125rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== BOT\u00c3O VERDE ==== *\/\r\n.video-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  background: #019D3C !important;\r\n  color: white !important;\r\n  border: none !important;\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  width: fit-content !important;\r\n}\r\n\r\n.video-btn:hover {\r\n  background: #027d30 !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(1, 157, 60, 0.4) !important;\r\n  color: white !important;\r\n}\r\n\r\n.video-btn svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n\r\n\/* ==== COLUNA DIREITA: V\u00cdDEO ==== *\/\r\n.video-wrapper {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  padding-bottom: 56.25% !important; \/* Aspect ratio 16:9 *\/\r\n  background: rgba(0, 0, 0, 0.2) !important;\r\n  border-radius: 1rem !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.video-wrapper iframe {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  border: none !important;\r\n  border-radius: 1rem !important;\r\n}\r\n\r\n\/* ==== RESPONSIVO ==== *\/\r\n@media (max-width: 1023px) {\r\n  .video-container {\r\n    text-align: center !important;\r\n  }\r\n\r\n  .video-content {\r\n    align-items: center !important;\r\n  }\r\n\r\n  .video-title,\r\n  .video-description {\r\n    text-align: center !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML VIDEO SECTION -->\r\n<section class=\"ccma-video\">\r\n\r\n  <div class=\"video-container\">\r\n\r\n    <!-- COLUNA ESQUERDA: TEXTO -->\r\n    <div class=\"video-content\">\r\n      <h2 class=\"video-title\">Conhe\u00e7a a CCMA e descubra um novo caminho.<\/h2>\r\n      <p class=\"video-description\">\r\n        Saiba mais sobre o que a Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e Arbitragem podem oferecer a voc\u00ea.\r\n      <\/p>\r\n      <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"video-btn\">\r\n        Saiba mais\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n          <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- COLUNA DIREITA: V\u00cdDEO YOUTUBE -->\r\n    <div class=\"video-wrapper\">\r\n      <iframe \r\n        src=\"https:\/\/www.youtube.com\/embed\/EEt6Jt6BRVg\" \r\n        title=\"CCMA MG BRASIL - V\u00eddeo Institucional\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n        allowfullscreen>\r\n      <\/iframe>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7752e9b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7752e9b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f285b elementor-widget elementor-widget-html\" data-id=\"25f285b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-process, .ccma-process * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-process {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: white !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-process { padding: 5rem 2rem !important; }\r\n}\r\n\r\n\/* Header *\/\r\n.process-header {\r\n  text-align: center !important;\r\n  margin-bottom: 3rem !important;\r\n}\r\n.process-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n  margin-bottom: 1rem !important;\r\n}\r\n.process-subtitle {\r\n  font-size: 1.1rem !important;\r\n  color: #4b5563 !important;\r\n}\r\n@media (min-width: 1024px) {\r\n  .process-title { font-size: 3rem !important; }\r\n  .process-header { margin-bottom: 5rem !important; }\r\n}\r\n\r\n\/* Container dos Passos *\/\r\n.process-steps-container {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 2rem !important;\r\n  position: relative !important;\r\n}\r\n\r\n\/* ==== LINHAS ANIMADAS ==== *\/\r\n\/* Linha Vertical (Mobile) *\/\r\n.process-line-mobile {\r\n  position: absolute !important;\r\n  left: 3rem !important; \/* Ajuste conforme o tamanho do \u00edcone *\/\r\n  top: 0 !important;\r\n  bottom: 0 !important;\r\n  width: 4px !important;\r\n  background: #014FA1 !important;\r\n  height: 0% !important; \/* Come\u00e7a zerada *\/\r\n  transition: height 2s ease-in-out !important;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* Linha Horizontal (Desktop) *\/\r\n.process-line-desktop {\r\n  display: none !important;\r\n}\r\n\r\n\/* ==== PASSOS ==== *\/\r\n.process-step {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 1.5rem !important;\r\n  position: relative !important;\r\n  z-index: 10 !important;\r\n}\r\n\r\n\/* Card do \u00cdcone *\/\r\n.step-icon-box {\r\n  width: 100px !important;\r\n  height: 100px !important;\r\n  background: #f3f4f6 !important;\r\n  border-radius: 1rem !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;\r\n  position: relative !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n.step-icon-box img {\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  opacity: 0 !important; \/* Come\u00e7a invis\u00edvel *\/\r\n  transform: translateY(10px) !important;\r\n  transition: all 0.6s ease !important;\r\n}\r\n\r\n\/* Linha Verde (Progresso do Card) *\/\r\n.step-green-line {\r\n  display: none !important;\r\n}\r\n\r\n\/* Textos *\/\r\n.step-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0.25rem !important;\r\n}\r\n.step-number-title {\r\n  font-size: 1.25rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n}\r\n.step-desc {\r\n  font-size: 0.95rem !important;\r\n  color: #6b7280 !important;\r\n}\r\n\r\n\/* ==== RESPONSIVIDADE DESKTOP (Linha Horizontal) ==== *\/\r\n@media (min-width: 1024px) {\r\n  .process-steps-container {\r\n    flex-direction: row !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-start !important;\r\n  }\r\n  \r\n  .process-line-mobile { display: none !important; }\r\n  \r\n  .process-line-desktop {\r\n    display: block !important;\r\n    position: absolute !important;\r\n    left: 2rem !important;\r\n    top: 50px !important; \/* Metade da altura do box *\/\r\n    height: 4px !important;\r\n    background: #014FA1 !important;\r\n    width: 0% !important; \/* Come\u00e7a zerada *\/\r\n    transition: width 2s ease-in-out !important;\r\n    z-index: 0 !important;\r\n  }\r\n\r\n  .process-step {\r\n    flex-direction: column !important;\r\n    text-align: center !important;\r\n    width: 100% !important;\r\n    max-width: 250px !important;\r\n  }\r\n\r\n  .step-green-line {\r\n    display: block !important;\r\n    position: absolute !important;\r\n    bottom: -2px !important;\r\n    left: 12.5% !important; \/* Centralizar visualmente *\/\r\n    height: 3px !important;\r\n    background: #019D3C !important;\r\n    width: 0% !important;\r\n    transition: width 0.5s ease !important;\r\n  }\r\n}\r\n\r\n\/* ==== ESTADOS DE ANIMA\u00c7\u00c3O (Ativados via JS) ==== *\/\r\n\r\n.ccma-process.in-view .process-line-mobile { height: 100% !important; }\r\n.ccma-process.in-view .process-line-desktop { width: 95% !important; }\r\n\r\n\/* Dispara os \u00edcones (Delay em cascata) *\/\r\n.ccma-process.in-view .step-icon-box img { opacity: 1 !important; transform: translateY(0) !important; }\r\n.ccma-process.in-view .process-step:nth-child(2) .step-icon-box img { transition-delay: 0.2s !important; }\r\n.ccma-process.in-view .process-step:nth-child(3) .step-icon-box img { transition-delay: 0.4s !important; }\r\n.ccma-process.in-view .process-step:nth-child(4) .step-icon-box img { transition-delay: 0.6s !important; }\r\n.ccma-process.in-view .process-step:nth-child(5) .step-icon-box img { transition-delay: 0.8s !important; }\r\n\r\n\/* Dispara linha verde desktop (Delay em cascata) *\/\r\n.ccma-process.in-view .step-green-line { width: 75% !important; }\r\n.ccma-process.in-view .process-step:nth-child(2) .step-green-line { transition-delay: 0.2s !important; }\r\n.ccma-process.in-view .process-step:nth-child(3) .step-green-line { transition-delay: 0.4s !important; }\r\n.ccma-process.in-view .process-step:nth-child(4) .step-green-line { transition-delay: 0.6s !important; }\r\n.ccma-process.in-view .process-step:nth-child(5) .step-green-line { transition-delay: 0.8s !important; }\r\n\r\n\/* ==== BOT\u00c3O VERDE (PADR\u00c3O V\u00cdDEO + SETA) ==== *\/\r\n.process-btn-wrapper {\r\n  text-align: center !important;\r\n  margin-top: 3rem !important;\r\n}\r\n.process-btn {\r\n  background: #019D3C !important; \/* VERDE *\/\r\n  color: white !important;\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important; \/* Cantos arredondados padr\u00e3o *\/\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 0.5rem !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n  font-size: 1rem !important;\r\n}\r\n.process-btn:hover {\r\n  background: #027d30 !important; \/* Verde mais escuro no hover *\/\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(1, 157, 60, 0.4) !important;\r\n  color: white !important;\r\n}\r\n.process-btn svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"ccma-process\" id=\"ccmaProcessSection\">\r\n  <div class=\"process-header\">\r\n    <h2 class=\"process-title\">C\u00e2mara Credenciada pelo TJMG<\/h2>\r\n    <p class=\"process-subtitle\">Entenda o que acontece em cada etapa do processo.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"process-steps-container\">\r\n    <div class=\"process-line-mobile\"><\/div>\r\n    <div class=\"process-line-desktop\"><\/div>\r\n\r\n    <div class=\"process-step\">\r\n      <div class=\"step-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/check.svg\" alt=\"Envio\" \/>\r\n        <div class=\"step-green-line\"><\/div>\r\n      <\/div>\r\n      <div class=\"step-content\">\r\n        <h3 class=\"step-number-title\">01 - Envio<\/h3>\r\n        <p class=\"step-desc\">Envie seu caso com as provas<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n      <div class=\"step-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/building.svg\" alt=\"Defesa\" \/>\r\n        <div class=\"step-green-line\"><\/div>\r\n      <\/div>\r\n      <div class=\"step-content\">\r\n        <h3 class=\"step-number-title\">02 - Defesa<\/h3>\r\n        <p class=\"step-desc\">A outra parte envia sua defesa<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n      <div class=\"step-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/search.svg\" alt=\"An\u00e1lise\" \/>\r\n        <div class=\"step-green-line\"><\/div>\r\n      <\/div>\r\n      <div class=\"step-content\">\r\n        <h3 class=\"step-number-title\">03 - An\u00e1lise<\/h3>\r\n        <p class=\"step-desc\">\u00c1rbitro analisa o processo<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"process-step\">\r\n      <div class=\"step-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/hammer.svg\" alt=\"Decis\u00e3o\" \/>\r\n        <div class=\"step-green-line\"><\/div>\r\n      <\/div>\r\n      <div class=\"step-content\">\r\n        <h3 class=\"step-number-title\">04 - Decis\u00e3o<\/h3>\r\n        <p class=\"step-desc\">Senten\u00e7a arbitral proferida<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"process-btn-wrapper\">\r\n    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"process-btn\">\r\n      Entre em contato e resolva agora\r\n      <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const processSection = document.getElementById('ccmaProcessSection');\r\n  \r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        processSection.classList.add('in-view');\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  if (processSection) {\r\n    observer.observe(processSection);\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc4b759 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fc4b759\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-438c1c4 elementor-widget elementor-widget-html\" data-id=\"438c1c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-stats, .ccma-stats * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-stats {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  background: #F0F0F0 !important; \/* Fundo cinza claro *\/\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n}\r\n\r\n.stats-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 3rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-stats { padding: 5rem 2rem !important; }\r\n  .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 4rem !important; }\r\n}\r\n\r\n\/* Coluna Texto Esquerda *\/\r\n.stats-text-col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 2rem !important;\r\n}\r\n.stats-main-title {\r\n  font-size: 2.5rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.1 !important;\r\n  color: #1f2937 !important;\r\n  margin-bottom: 1rem !important;\r\n}\r\n.stats-main-desc {\r\n  font-size: 1.25rem !important;\r\n  color: #1f2937 !important;\r\n}\r\n\r\n\/* Lista de benef\u00edcios *\/\r\n.stats-benefit-item {\r\n  border-bottom: 1px solid #014FA1 !important;\r\n  padding: 1rem 0.5rem !important;\r\n  transition: background 0.5s ease !important;\r\n}\r\n.stats-benefit-item:hover {\r\n  background: rgba(1, 79, 161, 0.1) !important;\r\n}\r\n.benefit-title {\r\n  font-size: 1.25rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n  margin-bottom: 0.5rem !important;\r\n}\r\n.benefit-desc {\r\n  font-size: 1rem !important;\r\n  color: #4b5563 !important;\r\n}\r\n\r\n\/* Coluna N\u00fameros Direita *\/\r\n.stats-numbers-col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: flex-end !important;\r\n  gap: 2rem !important;\r\n}\r\n\r\n.stat-number-row {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  align-items: center !important;\r\n  gap: 1rem !important;\r\n}\r\n\r\n.stat-value {\r\n  font-size: 3rem !important;\r\n  font-weight: 700 !important;\r\n  color: #014FA1 !important;\r\n  text-align: center !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .stat-value { \r\n    font-size: 4.5rem !important; \r\n    text-align: right !important;\r\n    padding-right: 2rem !important;\r\n  }\r\n}\r\n\r\n.stat-label {\r\n  font-size: 1rem !important;\r\n  color: #1f2937 !important;\r\n  text-align: left !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"ccma-stats\" id=\"ccmaStatsSection\">\r\n  <div class=\"stats-grid\">\r\n    \r\n    <div class=\"stats-text-col\">\r\n      <div>\r\n        <h2 class=\"stats-main-title\">Credibilidade e Expertise<\/h2>\r\n        <p class=\"stats-main-desc\">Reconhecimento e qualifica\u00e7\u00e3o t\u00e9cnica que garantem a excel\u00eancia dos nossos servi\u00e7os.<\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"stats-benefit-item\">\r\n          <p class=\"benefit-title\">Credenciada ao TJMG<\/p>\r\n          <p class=\"benefit-desc\">Registro junto aos \u00f3rg\u00e3os competentes e certifica\u00e7\u00f5es profissionais.<\/p>\r\n        <\/div>\r\n        <div class=\"stats-benefit-item\">\r\n          <p class=\"benefit-title\">Experi\u00eancia Comprovada<\/p>\r\n          <p class=\"benefit-desc\">Cerca de 10 anos de atua\u00e7\u00e3o em resolu\u00e7\u00e3o de conflitos empresariais e civis.<\/p>\r\n        <\/div>\r\n        <div class=\"stats-benefit-item\">\r\n          <p class=\"benefit-title\">Validade Jur\u00eddica<\/p>\r\n          <p class=\"benefit-desc\">Processos em total conformidade com a legisla\u00e7\u00e3o vigente e normas \u00e9ticas.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stats-numbers-col\">\r\n      \r\n      <div class=\"stat-number-row\">\r\n        <h2 class=\"stat-value\" data-target=\"85\" data-suffix=\"%\">0%<\/h2>\r\n        <p class=\"stat-label\">\u00cdndice de realiza\u00e7\u00e3o de acordos<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"stat-number-row\">\r\n        <h2 class=\"stat-value\" data-target=\"4\" data-suffix=\"X\">0X<\/h2>\r\n        <p class=\"stat-label\">Mais r\u00e1pida comparada a outros procedimentos<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"stat-number-row\">\r\n        <h2 class=\"stat-value\" data-target=\"12456\" data-suffix=\"\">0<\/h2>\r\n        <p class=\"stat-label\">Casos Efetivamente Solucionados<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const statsSection = document.getElementById('ccmaStatsSection');\r\n  const counters = document.querySelectorAll('.stat-value');\r\n  let hasAnimated = false;\r\n\r\n  \/\/ Fun\u00e7\u00e3o de anima\u00e7\u00e3o de n\u00fameros (Vanilla JS substituindo o NumberTicker)\r\n  const animateCounter = (el) => {\r\n    const target = +el.getAttribute('data-target'); \/\/ O \"+\" converte string para n\u00famero\r\n    const suffix = el.getAttribute('data-suffix') || '';\r\n    const duration = 2000; \/\/ 2 segundos\r\n    const increment = target \/ (duration \/ 16); \/\/ 60fps\r\n\r\n    let current = 0;\r\n\r\n    const updateCount = () => {\r\n      current += increment;\r\n\r\n      if (current < target) {\r\n        \/\/ Formata o n\u00famero (ex: 7.865) e adiciona o sufixo\r\n        el.innerText = Math.ceil(current).toLocaleString('pt-BR') + suffix;\r\n        requestAnimationFrame(updateCount);\r\n      } else {\r\n        el.innerText = target.toLocaleString('pt-BR') + suffix;\r\n      }\r\n    };\r\n\r\n    updateCount();\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting && !hasAnimated) {\r\n        counters.forEach(counter => animateCounter(counter));\r\n        hasAnimated = true; \/\/ Garante que s\u00f3 anima uma vez\r\n      }\r\n    });\r\n  }, { threshold: 0.5 });\r\n\r\n  if (statsSection) {\r\n    observer.observe(statsSection);\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe8c0d3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fe8c0d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bc1d83 elementor-widget elementor-widget-html\" data-id=\"3bc1d83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-areas, .ccma-areas * {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-areas {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: white !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-areas { padding: 5rem 2rem !important; }\r\n}\r\n\r\n\/* ==== T\u00cdTULO ==== *\/\r\n.areas-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  text-align: center !important;\r\n  color: #1f2937 !important;\r\n  margin-bottom: 3rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .areas-title {\r\n    font-size: 3rem !important;\r\n    margin-bottom: 5rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== GRID ==== *\/\r\n.areas-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .areas-grid {\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== CARD ==== *\/\r\n.area-card {\r\n  background: #F4F4F4 !important;\r\n  border: 1px solid #CECECE !important;\r\n  border-radius: 0.75rem !important; \/* rounded-xl *\/\r\n  padding: 1.5rem 1rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1rem !important;\r\n  transition: all 0.3s ease !important;\r\n  cursor: pointer !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .area-card {\r\n    padding: 2.5rem !important; \/* lg:px-10 *\/\r\n  }\r\n}\r\n\r\n\/* Efeito Hover do Card *\/\r\n.area-card:hover {\r\n  background: #014FA1 !important; \/* Primary Blue *\/\r\n  border-color: #014FA1 !important;\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 10px 30px rgba(1, 79, 161, 0.2) !important;\r\n}\r\n\r\n\/* \u00cdcone Box *\/\r\n.area-icon-box {\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  background: white !important;\r\n  border: 1px solid #CECECE !important;\r\n  border-radius: 0.75rem !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  margin-bottom: 0.5rem !important;\r\n  transition: all 0.3s ease !important;\r\n}\r\n\r\n.area-icon-box img {\r\n  width: 24px !important;\r\n  height: 24px !important;\r\n  object-fit: contain !important;\r\n}\r\n\r\n\/* Textos e Mudan\u00e7a de Cor no Hover *\/\r\n.area-card-title {\r\n  font-size: 1.5rem !important; \/* heading-26 aprox *\/\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n  line-height: 1.1 !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n.area-card-text {\r\n  font-size: 1rem !important;\r\n  color: #717171 !important;\r\n  line-height: 1.5 !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n\/* Hover: Textos ficam brancos *\/\r\n.area-card:hover .area-card-title,\r\n.area-card:hover .area-card-text {\r\n  color: white !important;\r\n}\r\n\r\n\/* ==== BOT\u00c3O ==== *\/\r\n.areas-btn-wrapper {\r\n  text-align: center !important;\r\n  margin-top: 3rem !important;\r\n}\r\n\r\n.areas-btn {\r\n  background: #014FA1 !important; \/* Azul (Padr\u00e3o de navega\u00e7\u00e3o) *\/\r\n  color: white !important;\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important;\r\n  font-size: 1.1rem !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 0.5rem !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n}\r\n\r\n.areas-btn:hover {\r\n  background: #195FA8 !important;\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(1, 79, 161, 0.3) !important;\r\n}\r\n\r\n.areas-btn svg {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  stroke: white !important;\r\n  fill: none !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-areas\" id=\"workingAreas\">\r\n  \r\n  <h2 class=\"areas-title\">\u00c1reas de Atua\u00e7\u00e3o<\/h2>\r\n\r\n  <div class=\"areas-grid\">\r\n    \r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/company.svg\" alt=\"Empresarial\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Empresarial | Comercial<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Reaproxima\u00e7\u00e3o entre credores, contratantes e consumidores, recuperando a capacidade de cr\u00e9dito e fortalecendo rela\u00e7\u00f5es comerciais.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/team.svg\" alt=\"Institucional\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Institucional<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Preven\u00e7\u00e3o e media\u00e7\u00e3o de conflitos em sindicatos, \u00f3rg\u00e3os governamentais e organiza\u00e7\u00f5es, evitando paralisa\u00e7\u00f5es e bloqueios de a\u00e7\u00e3o.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/hierarchy.svg\" alt=\"Organizacional\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Organizacional<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Atua\u00e7\u00e3o na preven\u00e7\u00e3o e solu\u00e7\u00e3o de conflitos internos e externos em empresas e corpora\u00e7\u00f5es, promovendo equil\u00edbrio nas rela\u00e7\u00f5es de trabalho.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/save_the_planet.svg\" alt=\"Ambiental\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Ambiental<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Media\u00e7\u00e3o de conflitos relacionados ao meio ambiente, construindo solu\u00e7\u00f5es conjuntas e respons\u00e1veis entre as partes envolvidas.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/worker.svg\" alt=\"Trabalhista\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Trabalhista<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Promo\u00e7\u00e3o do di\u00e1logo justo entre empregadores e empregados, buscando acordos que atendam aos interesses de ambos os lados.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"area-card\">\r\n      <div class=\"area-icon-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/family.svg\" alt=\"Familiar\" \/>\r\n      <\/div>\r\n      <h3 class=\"area-card-title\">Familiar<\/h3>\r\n      <p class=\"area-card-text\">\r\n        Media\u00e7\u00e3o em quest\u00f5es familiares e sucess\u00f3rias, fortalecendo v\u00ednculos e construindo acordos sustent\u00e1veis para o futuro.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"areas-btn-wrapper\">\r\n    <a href=\"\/areas-atuacao\" class=\"areas-btn\">\r\n      Conhe\u00e7a todas as \u00e1reas de atua\u00e7\u00e3o\r\n      <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bffc190 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bffc190\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-942bf8f elementor-widget elementor-widget-html\" data-id=\"942bf8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-simulation,\r\n.ccma-simulation *,\r\n.ccma-simulation *::before,\r\n.ccma-simulation *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-simulation {\r\n  width: 100% !important;\r\n  max-width: 100% !important; \/* Full width para o background *\/\r\n  position: relative !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  overflow: hidden !important;\r\n  \/* Imagem de Fundo *\/\r\n  background-image: url('https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/bg-1.webp') !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n}\r\n\r\n\/* Overlay Azul sobre a imagem *\/\r\n.sim-overlay {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: rgba(1, 79, 161, 0.85) !important; \/* Azul com transpar\u00eancia *\/\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* Detalhe lateral azul escuro (Apenas Desktop) *\/\r\n.sim-side-block {\r\n  display: none !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-side-block {\r\n    display: block !important;\r\n    position: absolute !important;\r\n    right: 0 !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 25% !important;\r\n    background: #00264D !important; \/* Azul Profundo *\/\r\n    z-index: 2 !important;\r\n  }\r\n}\r\n\r\n\/* Container do Conte\u00fado *\/\r\n.sim-container {\r\n  position: relative !important;\r\n  z-index: 10 !important;\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-container {\r\n    padding: 6rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== GRID ==== *\/\r\n.sim-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 3rem !important;\r\n  align-items: center !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-grid {\r\n    grid-template-columns: 1fr 1fr !important;\r\n    gap: 5rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== COLUNA ESQUERDA (TEXTOS) ==== *\/\r\n.sim-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n.sim-subtitle {\r\n  font-size: 1.1rem !important;\r\n  font-weight: 600 !important;\r\n  color: #6EA5F7 !important; \/* Azul claro *\/\r\n  text-transform: uppercase !important;\r\n  letter-spacing: 1px !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.sim-title {\r\n  font-size: 2.25rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important;\r\n  color: white !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-title {\r\n    font-size: 3.5rem !important; \/* heading-64 *\/\r\n  }\r\n}\r\n\r\n.sim-desc {\r\n  font-size: 1.1rem !important;\r\n  line-height: 1.5 !important;\r\n  color: white !important;\r\n  margin: 0 !important;\r\n  opacity: 0.9 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-desc {\r\n    font-size: 1.5rem !important; \/* paragraph-32 adaptado *\/\r\n  }\r\n}\r\n\r\n\/* ==== BOT\u00c3O VERDE (DESKTOP) ==== *\/\r\n.sim-btn-desktop {\r\n  display: none !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-btn-desktop {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 0.5rem !important;\r\n    background: #019D3C !important; \/* VERDE *\/\r\n    color: white !important; \/* TEXTO BRANCO *\/\r\n    padding: 0.875rem 2rem !important;\r\n    border-radius: 0.5rem !important;\r\n    font-size: 1.1rem !important;\r\n    font-weight: 700 !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    width: fit-content !important;\r\n    margin-top: 1rem !important;\r\n    border: none !important;\r\n  }\r\n\r\n  .sim-btn-desktop:hover {\r\n    background: #027d30 !important; \/* Verde Escuro *\/\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n    color: white !important;\r\n  }\r\n  \r\n  .sim-btn-desktop svg {\r\n    stroke: white !important; \/* Seta Branca *\/\r\n  }\r\n}\r\n\r\n\/* ==== COLUNA DIREITA (CARDS) ==== *\/\r\n.sim-cards-col {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1.5rem !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-cards-col {\r\n    gap: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* Estilo do Card *\/\r\n.sim-card {\r\n  background: #F4F4F4 !important;\r\n  border: 1px solid #CECECE !important;\r\n  border-radius: 1rem !important;\r\n  padding: 1.5rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important; \/* Mobile: Coluna *\/\r\n  align-items: flex-start !important;\r\n  gap: 1rem !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .sim-card {\r\n    flex-direction: row !important; \/* Desktop: Linha *\/\r\n    align-items: center !important;\r\n    padding: 2rem !important;\r\n    gap: 1.5rem !important;\r\n  }\r\n}\r\n\r\n.sim-card:hover {\r\n  transform: translateY(-3px) !important;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n\/* \u00cdcone Box *\/\r\n.sim-icon-box {\r\n  width: 60px !important;\r\n  height: 60px !important;\r\n  background: white !important;\r\n  border: 1px solid #CECECE !important;\r\n  border-radius: 1rem !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-icon-box {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n  }\r\n}\r\n\r\n.sim-icon-box img {\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  object-fit: contain !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-icon-box img {\r\n    width: 42px !important;\r\n    height: 42px !important;\r\n  }\r\n}\r\n\r\n\/* Textos do Card *\/\r\n.sim-card-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0.5rem !important;\r\n}\r\n\r\n.sim-card-title {\r\n  font-size: 1.25rem !important;\r\n  font-weight: 700 !important;\r\n  color: #014FA1 !important; \/* Azul Primary *\/\r\n  margin: 0 !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-card-title {\r\n    font-size: 1.5rem !important; \/* heading-40 adaptado *\/\r\n  }\r\n}\r\n\r\n.sim-card-text {\r\n  font-size: 0.95rem !important;\r\n  color: #717171 !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-card-text {\r\n    font-size: 1rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== BOT\u00c3O VERDE (MOBILE) ==== *\/\r\n.sim-btn-mobile {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  background: #019D3C !important; \/* VERDE *\/\r\n  color: white !important; \/* TEXTO BRANCO *\/\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important; \/* Igual ao desktop *\/\r\n  font-size: 1rem !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  width: fit-content !important;\r\n  margin: 1rem auto 0 auto !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n}\r\n\r\n.sim-btn-mobile:hover {\r\n  background: #027d30 !important;\r\n  transform: translateY(-2px) !important;\r\n  color: white !important;\r\n}\r\n\r\n.sim-btn-mobile svg {\r\n  stroke: white !important; \/* Seta Branca *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .sim-btn-mobile {\r\n    display: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-simulation\" id=\"simulation\">\r\n  \r\n  <div class=\"sim-overlay\"><\/div>\r\n  <div class=\"sim-side-block\"><\/div>\r\n\r\n  <div class=\"sim-container\">\r\n    <div class=\"sim-grid\">\r\n      \r\n      <div class=\"sim-content\">\r\n        <h3 class=\"sim-subtitle\">Simule agora<\/h3>\r\n        <h2 class=\"sim-title\">Descubra quanto sua empresa pode economizar.<\/h2>\r\n        <p class=\"sim-desc\">Resolva conflitos de forma r\u00e1pida e segura com media\u00e7\u00e3o ou arbitragem.<\/p>\r\n        \r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"sim-btn-desktop\">\r\n          Fale conosco\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"sim-cards-col\">\r\n        \r\n        <div class=\"sim-card\">\r\n          <div class=\"sim-icon-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/chat.svg\" alt=\"Chat\" \/>\r\n          <\/div>\r\n          <div class=\"sim-card-content\">\r\n            <h3 class=\"sim-card-title\">Atendimento personalizado<\/h3>\r\n            <p class=\"sim-card-text\">\r\n              Converse com um especialista no WhatsApp e receba uma simula\u00e7\u00e3o sem compromisso.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sim-card\">\r\n          <div class=\"sim-icon-box\">\r\n            <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/07\/calc.svg\" alt=\"Calculadora\" \/>\r\n          <\/div>\r\n          <div class=\"sim-card-content\">\r\n            <h3 class=\"sim-card-title\">Simulador de custas<\/h3>\r\n            <p class=\"sim-card-text\">\r\n              Calcule em poucos cliques quanto pode economizar ao optar por uma solu\u00e7\u00e3o extrajudicial com a CCMA.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"\/contato\" class=\"sim-btn-mobile\">\r\n          Fale conosco\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b8e77 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"27b8e77\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f131df elementor-widget elementor-widget-html\" data-id=\"4f131df\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-feedbacks,\r\n.ccma-feedbacks *,\r\n.ccma-feedbacks *::before,\r\n.ccma-feedbacks *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-feedbacks {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 0 !important; \/* Padding vertical, zero horizontal para o scroll vazar *\/\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: white !important;\r\n  overflow: hidden !important; \/* Para conter o scrollbar oculto *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-feedbacks {\r\n    padding: 5rem 0 !important;\r\n  }\r\n}\r\n\r\n\/* ==== T\u00cdTULO ==== *\/\r\n.feedbacks-header {\r\n  max-width: 1520px !important;\r\n  margin: 0 auto 3rem auto !important;\r\n  padding: 0 1.5rem !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.feedbacks-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important;\r\n  color: #1f2937 !important;\r\n  margin: 0 auto !important;\r\n  max-width: 800px !important;\r\n}\r\n\r\n.feedbacks-title span {\r\n  color: #014FA1 !important; \/* Azul CCMA *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .feedbacks-title {\r\n    font-size: 3.5rem !important; \/* heading-64 *\/\r\n  }\r\n}\r\n\r\n\/* ==== CONTAINER DO SCROLL ==== *\/\r\n.feedbacks-track-container {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  \/* Cursor muda para indicar que pode arrastar *\/\r\n  cursor: grab !important;\r\n}\r\n\r\n.feedbacks-track-container:active {\r\n  cursor: grabbing !important;\r\n}\r\n\r\n.feedbacks-track {\r\n  display: flex !important;\r\n  gap: 1.5rem !important;\r\n  overflow-x: auto !important;\r\n  padding: 1rem 1.5rem 2rem 1.5rem !important; \/* Espa\u00e7o para sombra e scroll *\/\r\n  scroll-behavior: smooth !important;\r\n  -webkit-overflow-scrolling: touch !important;\r\n  \/* Esconder Scrollbar *\/\r\n  scrollbar-width: none !important; \/* Firefox *\/\r\n  -ms-overflow-style: none !important; \/* IE\/Edge *\/\r\n  user-select: none !important; \/* Previne sele\u00e7\u00e3o de texto ao arrastar *\/\r\n}\r\n\r\n\/* Esconder Scrollbar Chrome\/Safari *\/\r\n.feedbacks-track::-webkit-scrollbar {\r\n  display: none !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  \/* No desktop, centraliza se houver poucos itens, ou alinha a esquerda se muitos *\/\r\n  .feedbacks-track {\r\n    padding-left: max(2rem, calc((100vw - 1520px) \/ 2)) !important;\r\n    padding-right: 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== CARD DE FEEDBACK ==== *\/\r\n.feedback-card {\r\n  flex: 0 0 auto !important;\r\n  width: 300px !important;\r\n  background: #F5F5F5 !important;\r\n  border: 1px solid #e5e7eb !important;\r\n  border-radius: 0.5rem !important;\r\n  padding: 1.5rem !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 1rem !important;\r\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .feedback-card {\r\n    width: 380px !important; \/* Mais largo no desktop *\/\r\n    padding: 2rem !important;\r\n  }\r\n}\r\n\r\n.feedback-card:hover {\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;\r\n  border-color: #d1d5db !important;\r\n}\r\n\r\n\/* Header do Card (Avatar + Nome) *\/\r\n.feedback-header {\r\n  display: flex !important;\r\n  align-items: flex-start !important;\r\n  gap: 1rem !important;\r\n}\r\n\r\n\/* Avatar *\/\r\n.feedback-avatar {\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  background: #e9e9e9 !important;\r\n  border-radius: 50% !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  font-size: 1.1rem !important;\r\n  font-weight: 700 !important;\r\n  color: #6b7280 !important; \/* Texto cinza escuro *\/\r\n  flex-shrink: 0 !important;\r\n  text-transform: uppercase !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .feedback-avatar {\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    font-size: 1.25rem !important;\r\n  }\r\n}\r\n\r\n\/* Info (Nome + Estrelas) *\/\r\n.feedback-info {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0.25rem !important;\r\n}\r\n\r\n.feedback-name {\r\n  font-size: 1.1rem !important;\r\n  font-weight: 700 !important;\r\n  color: #1f2937 !important;\r\n  margin: 0 !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .feedback-name {\r\n    font-size: 1.5rem !important; \/* heading-32 aprox *\/\r\n  }\r\n}\r\n\r\n.feedback-stars {\r\n  display: flex !important;\r\n  gap: 2px !important;\r\n  color: #EAB308 !important; \/* Amarelo Estrela *\/\r\n}\r\n\r\n.feedback-stars svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  fill: currentColor !important;\r\n}\r\n\r\n\/* Texto do Feedback *\/\r\n.feedback-text {\r\n  font-size: 0.95rem !important;\r\n  line-height: 1.6 !important;\r\n  color: #6b7280 !important; \/* muted-foreground *\/\r\n  margin: 0 !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-feedbacks\">\r\n  \r\n  <div class=\"feedbacks-header\">\r\n    <h2 class=\"feedbacks-title\">\r\n      A confian\u00e7a de quem j\u00e1 contou com a <span>CCMA<\/span>\r\n    <\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"feedbacks-track-container\" id=\"feedbacksContainer\">\r\n    <div class=\"feedbacks-track\" id=\"feedbacksTrack\">\r\n      \r\n      <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">VI<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">vitalzyn<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Uma experi\u00eancia super positiva, muito atenciosos e preocupados em fazer o melhor para todos!\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">AA<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">Anderson Alc\u00e2ntara<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Como mediador senti-me confort\u00e1vel e acomodado, em um ambiente amplamente adequado e acolhedor. CCMA \u00e9 refer\u00eancia para n\u00f3s!\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">MZ<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">maria zil\u00e1<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Fui extremamente bem atendida desde o primeiro momento. Est\u00e3o de parab\u00e9ns!!!!\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">FM<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">FILLIPE MRQ<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Profissionais com extrema compet\u00eancia, educados e qualificados para executarem o servi\u00e7o. \u00c9 muito melhor e mais r\u00e1pido.\r\n        <\/p>\r\n      <\/div>\r\n\r\n       <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">MU<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">Moacir Ulhoa<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Experi\u00eancia no ramo e \u00f3timos acordos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n       <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">FV<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">Frederico Vila\u00e7a<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Me faltam palavras para descrever o quanto a CCMA foi importante na minha vida como empres\u00e1rio.\r\n        <\/p>\r\n      <\/div>\r\n\r\n       <div class=\"feedback-card\">\r\n        <div class=\"feedback-header\">\r\n          <div class=\"feedback-avatar\">AC<\/div>\r\n          <div class=\"feedback-info\">\r\n            <h3 class=\"feedback-name\">Alexandre Carvalho<\/h3>\r\n            <div class=\"feedback-stars\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"feedback-text\">\r\n          Profissionais mais do que qualificados!!!\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Script de Drag-to-Scroll (Substituindo o React ref e events)\r\n(function() {\r\n  const slider = document.getElementById('feedbacksTrack');\r\n  let isDown = false;\r\n  let startX;\r\n  let scrollLeft;\r\n\r\n  if(!slider) return;\r\n\r\n  slider.addEventListener('mousedown', (e) => {\r\n    isDown = true;\r\n    slider.style.cursor = 'grabbing';\r\n    \/\/ Pega a posi\u00e7\u00e3o inicial do mouse\r\n    startX = e.pageX - slider.offsetLeft;\r\n    scrollLeft = slider.scrollLeft;\r\n  });\r\n\r\n  slider.addEventListener('mouseleave', () => {\r\n    isDown = false;\r\n    slider.style.cursor = 'grab';\r\n  });\r\n\r\n  slider.addEventListener('mouseup', () => {\r\n    isDown = false;\r\n    slider.style.cursor = 'grab';\r\n  });\r\n\r\n  slider.addEventListener('mousemove', (e) => {\r\n    if(!isDown) return;\r\n    e.preventDefault();\r\n    const x = e.pageX - slider.offsetLeft;\r\n    \/\/ Multiplicador 1.5 para velocidade\r\n    const walk = (x - startX) * 1.5; \r\n    slider.scrollLeft = scrollLeft - walk;\r\n  });\r\n\r\n  \/\/ Touch events s\u00e3o nativos pelo CSS (overflow-x: auto), \r\n  \/\/ mas o script n\u00e3o atrapalha o touch se o preventDefault n\u00e3o for chamado agressivamente.\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27be2a0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"27be2a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8a8924 elementor-widget elementor-widget-html\" data-id=\"a8a8924\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-contact,\r\n.ccma-contact *,\r\n.ccma-contact *::before,\r\n.ccma-contact *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-contact {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  \r\n  \/* Fundo Azul Principal *\/\r\n  background-color: #014FA1 !important;\r\n  \r\n  \/* Imagem de Fundo (Opcional - substitua a URL se tiver a imagem 'cc.png' carregada) *\/\r\n  background-image: url('https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/11\/cc.webp') !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  \r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-contact {\r\n    padding: 6rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* Overlay para garantir leitura se houver imagem *\/\r\n.contact-overlay {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: rgba(1, 79, 161, 0.6) !important; \/* Azul com transpar\u00eancia *\/\r\n  z-index: 1 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* Container Centralizado *\/\r\n.contact-container {\r\n  position: relative !important;\r\n  z-index: 10 !important;\r\n  width: 100% !important;\r\n  max-width: 1000px !important; \/* Largura controlada para o texto n\u00e3o esticar demais *\/\r\n  margin: 0 auto !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  text-align: center !important;\r\n  gap: 2rem !important;\r\n}\r\n\r\n\/* ==== TIPOGRAFIA ==== *\/\r\n.contact-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.15 !important;\r\n  color: white !important;\r\n  margin: 0 !important;\r\n  text-wrap: balance !important;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .contact-title {\r\n    font-size: 2.75rem !important; \/* ~44px *\/\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .contact-title {\r\n    font-size: 3.5rem !important; \/* heading-56 *\/\r\n  }\r\n}\r\n\r\n.contact-desc {\r\n  font-size: 1.1rem !important;\r\n  line-height: 1.5 !important;\r\n  color: rgba(255, 255, 255, 0.9) !important;\r\n  margin: 0 !important;\r\n  max-width: 800px !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .contact-desc {\r\n    font-size: 1.5rem !important; \/* paragraph-32 adaptado *\/\r\n  }\r\n}\r\n\r\n\/* ==== BOT\u00c3O VERDE ==== *\/\r\n.contact-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 0.5rem !important;\r\n  background: #019D3C !important; \/* VERDE *\/\r\n  color: white !important;\r\n  padding: 0.875rem 2rem !important;\r\n  border-radius: 0.5rem !important; \/* Cantos arredondados padr\u00e3o *\/\r\n  font-size: 1.1rem !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  margin-top: 1rem !important;\r\n}\r\n\r\n.contact-btn:hover {\r\n  background: #027d30 !important; \/* Verde mais escuro *\/\r\n  transform: translateY(-2px) !important;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\r\n  color: white !important;\r\n}\r\n\r\n.contact-btn svg {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  stroke: white !important; \/* Seta branca *\/\r\n  fill: none !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-contact\" id=\"contactSection\">\r\n  \r\n  <div class=\"contact-overlay\"><\/div>\r\n\r\n  <div class=\"contact-container\">\r\n    \r\n    <h2 class=\"contact-title\">\r\n      Resolu\u00e7\u00e3o de Conflitos com Agilidade e Seguran\u00e7a\r\n    <\/h2>\r\n    \r\n    <p class=\"contact-desc\">\r\n      A CCMA MG Brasil oferece solu\u00e7\u00f5es extrajudiciais eficazes para empresas, institui\u00e7\u00f5es e fam\u00edlias.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=553192980886&text=Ol%C3%A1+%2ACCMA+MG+BRASIL%2A%21+Vim+pelo+site+e+preciso+de+mais+informa%C3%A7%C3%B5es\" class=\"contact-btn\">\r\n      Entre em contato agora\r\n      <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f74c26 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8f74c26\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db2fee8 elementor-widget elementor-widget-html\" data-id=\"db2fee8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==== RESET E BLINDAGEM ==== *\/\r\n.ccma-news-section,\r\n.ccma-news-section *,\r\n.ccma-news-section *::before,\r\n.ccma-news-section *::after {\r\n  box-sizing: border-box !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.ccma-news-section {\r\n  width: 100% !important;\r\n  max-width: 1520px !important;\r\n  margin: 0 auto !important;\r\n  padding: 4rem 1.5rem !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n  background: white !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-news-section {\r\n    padding: 5rem 2rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== T\u00cdTULO DA SE\u00c7\u00c3O ==== *\/\r\n.news-section-title {\r\n  font-size: 2rem !important;\r\n  font-weight: 700 !important;\r\n  text-align: center !important;\r\n  color: #1f2937 !important;\r\n  margin-bottom: 3rem !important; \/* gap-20 aprox *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .news-section-title {\r\n    font-size: 3rem !important; \/* heading-64 *\/\r\n    margin-bottom: 5rem !important;\r\n  }\r\n}\r\n\r\n\/* ==== GRID (PHP OUPUT) ==== *\/\r\n.ccma-news-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 3rem !important; \/* gap-12 = 3rem *\/\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .ccma-news-grid {\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n  }\r\n}\r\n\r\n\/* ==== CARD INDIVIDUAL ==== *\/\r\n.news-card {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0.75rem !important; \/* gap-3 *\/\r\n  width: 100% !important;\r\n}\r\n\r\n\/* Imagem *\/\r\n.news-img-box {\r\n  width: 100% !important;\r\n  aspect-ratio: 16 \/ 9 !important; \/* aspect-video *\/\r\n  position: relative !important;\r\n  border-radius: 0.75rem !important; \/* rounded-xl *\/\r\n  overflow: hidden !important;\r\n  display: block !important;\r\n}\r\n\r\n.news-img-box img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  transition: transform 0.5s ease !important;\r\n}\r\n\r\n.news-card:hover .news-img-box img {\r\n  transform: scale(1.05) !important;\r\n}\r\n\r\n\/* Data *\/\r\n.news-date {\r\n  font-size: 1rem !important; \/* paragraph-18 approx *\/\r\n  color: #1f2937 !important;\r\n  display: block !important;\r\n  margin-top: 0.5rem !important;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.news-title {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.news-title a {\r\n  font-size: 1.5rem !important; \/* heading-32 approx *\/\r\n  font-weight: 700 !important;\r\n  line-height: 1.2 !important;\r\n  color: #1f2937 !important;\r\n  text-decoration: none !important;\r\n  display: -webkit-box !important;\r\n  -webkit-line-clamp: 2 !important; \/* Limita a 2 linhas *\/\r\n  -webkit-box-orient: vertical !important;\r\n  overflow: hidden !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .news-title a {\r\n    min-height: 3.6rem !important; \/* lg:h-20 para alinhar cards *\/\r\n  }\r\n}\r\n\r\n.news-title a:hover {\r\n  color: #014FA1 !important;\r\n}\r\n\r\n\/* Espa\u00e7ador *\/\r\n.news-spacer {\r\n  width: 100% !important;\r\n  height: 1rem !important;\r\n}\r\n\r\n\/* Footer (Continuar lendo) *\/\r\n.news-footer {\r\n  margin-top: auto !important; \/* Empurra para baixo se flex container crescer *\/\r\n  border-top: 1px solid #6b7280 !important; \/* border-gray-500 *\/\r\n  padding-top: 1rem !important;\r\n}\r\n\r\n.news-read-more {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  align-items: center !important;\r\n  text-decoration: none !important;\r\n  color: #1f2937 !important;\r\n  font-weight: 500 !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n.news-read-more:hover {\r\n  color: #014FA1 !important;\r\n}\r\n\r\n.news-read-more svg {\r\n  width: 24px !important;\r\n  height: 24px !important;\r\n  stroke: currentColor !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.news-read-more:hover svg {\r\n  transform: translateX(5px) !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccma-news-section\" id=\"newsSection\">\r\n  <h2 class=\"news-section-title\">Novidades da CCMA<\/h2>\r\n  \r\n  <div class=\"ccma-news-grid\">\n            <article class=\"news-card\">\n                <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/onde-e-como-surgem-os-conflitos-nas-franquias\/\" class=\"news-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2026\/04\/como-funciona-uma-franquia-de-alimentos-1-1-1024x576-1.jpg\" alt=\"Onde e como surgem os conflitos nas franquias?\" loading=\"lazy\" \/>\n                <\/a>\n                \n                <span class=\"news-date\">01.04.2026<\/span>\n                \n                <h3 class=\"news-title\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/onde-e-como-surgem-os-conflitos-nas-franquias\/\">Onde e como surgem os conflitos nas franquias?<\/a>\n                <\/h3>\n                \n                <div class=\"news-spacer\"><\/div>\n                \n                <div class=\"news-footer\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/onde-e-como-surgem-os-conflitos-nas-franquias\/\" class=\"news-read-more\">\n                        Continuar lendo\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M18 8L22 12L18 16\"\/><path d=\"M2 12H22\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/article>\n            <article class=\"news-card\">\n                <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/conflitos-familiares-e-a-preservacao-do-patrimonio-ao-longo-das-geracoes\/\" class=\"news-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2023\/07\/175031-5-dicas-para-uma-mediacao-de-conflitos-familiares-eficaz-1024x684.jpg\" alt=\"Conflitos familiares e a preserva\u00e7\u00e3o do patrim\u00f4nio ao longo das gera\u00e7\u00f5es\" loading=\"lazy\" \/>\n                <\/a>\n                \n                <span class=\"news-date\">03.02.2026<\/span>\n                \n                <h3 class=\"news-title\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/conflitos-familiares-e-a-preservacao-do-patrimonio-ao-longo-das-geracoes\/\">Conflitos familiares e a preserva\u00e7\u00e3o do patrim\u00f4nio ao longo das gera\u00e7\u00f5es<\/a>\n                <\/h3>\n                \n                <div class=\"news-spacer\"><\/div>\n                \n                <div class=\"news-footer\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/conflitos-familiares-e-a-preservacao-do-patrimonio-ao-longo-das-geracoes\/\" class=\"news-read-more\">\n                        Continuar lendo\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M18 8L22 12L18 16\"\/><path d=\"M2 12H22\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/article>\n            <article class=\"news-card\">\n                <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/curatela-ou-autonomia-entenda-a-nova-lei-da-tomada-de-decisao-apoiada\/\" class=\"news-img-box\">\n                    <img decoding=\"async\" src=\"https:\/\/ccmamgbrasil.com.br\/site\/wp-content\/uploads\/2025\/12\/Todo-idoso-precisa-de-curatela-Entenda-quando-e-por-que-a-curatela-pode-ser-necessaria.jpg\" alt=\"Curatela ou Autonomia? Entenda a Nova Lei da Tomada de Decis\u00e3o Apoiada\" loading=\"lazy\" \/>\n                <\/a>\n                \n                <span class=\"news-date\">09.12.2025<\/span>\n                \n                <h3 class=\"news-title\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/curatela-ou-autonomia-entenda-a-nova-lei-da-tomada-de-decisao-apoiada\/\">Curatela ou Autonomia? Entenda a Nova Lei da Tomada de Decis\u00e3o Apoiada<\/a>\n                <\/h3>\n                \n                <div class=\"news-spacer\"><\/div>\n                \n                <div class=\"news-footer\">\n                    <a href=\"https:\/\/ccmamgbrasil.com.br\/site\/curatela-ou-autonomia-entenda-a-nova-lei-da-tomada-de-decisao-apoiada\/\" class=\"news-read-more\">\n                        Continuar lendo\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M18 8L22 12L18 16\"\/><path d=\"M2 12H22\"\/>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n            <\/article><\/div>\r\n  \r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Transformamos conflitos em solu\u00e7\u00f5es. \u00c9 com empatia, naturalidade e trabalho que a gente transforma o conflito em caminho. Conhe\u00e7a sobre n\u00f3s Desde 2014 Credenciada ao TJMG \u00cdndice de acordos 85% Empresas: recupere cr\u00e9ditos sem lit\u00edgio. Procedimentos extrajudiciais com seguran\u00e7a jur\u00eddica e resultados comprovados. Fale conosco 4x Mais r\u00e1pida comparada a outros procedimentos Media\u00e7\u00e3o familiar com total confidencialidade. Um ambiente seguro para acordos sustent\u00e1veis, preservando as rela\u00e7\u00f5es e o patrim\u00f4nio. Solicitar Modelo Cl\u00e1usulas que previnem disputas longas. Inclua a arbitragem em seus contratos com seguran\u00e7a jur\u00eddica e evite o desgaste judicial. Agendar Conversa Por que Arbitragem? Senten\u00e7a com for\u00e7a de lei (T\u00edtulo Executivo) Sigilo absoluto garantido em todo processo Rapidez: Resolu\u00e7\u00e3o em m\u00e9dia de 6 meses Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e Arbitragem. Agilidade, seguran\u00e7a e solu\u00e7\u00f5es eficazes para seus conflitos em Minas Gerais. Fale com a CCMA Nossa Estrutura Sede pr\u00f3pria e infraestrutura completa em MG Corpo de Especialistas Multidisciplinar Atendimento Online e Presencial Conhe\u00e7a a CCMA MG Brasil Olhando para o futuro e trabalhando com as pessoas. A C\u00e2mara de Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e Arbitragem de Minas Gerais \u00e9 uma entidade civil de car\u00e1ter privado que oferece solu\u00e7\u00f5es especializadas para resolu\u00e7\u00e3o de conflitos de forma \u00e1gil, segura e eficaz. Por meio de pr\u00e1ticas de concilia\u00e7\u00e3o, media\u00e7\u00e3o e arbitragem, a CCMA proporciona alternativas extrajudiciais que reduzem custos, simplificam processos e encurtam o tempo de resolu\u00e7\u00e3o das disputas \u2014 sempre com foco na pacifica\u00e7\u00e3o social. Credenciada junto ao TJMG \u2013 Tribunal de Justi\u00e7a de Minas Gerais, a CCMA atua com respaldo jur\u00eddico e t\u00e9cnico, garantindo a validade dos processos e a confian\u00e7a necess\u00e1ria para empresas, institui\u00e7\u00f5es e fam\u00edlias. Saiba mais sobre n\u00f3s Nossos Servi\u00e7os M\u00e9todos especializados de resolu\u00e7\u00e3o de conflitos, adaptados \u00e0s suas necessidades. Concilia\u00e7\u00e3o Processo em que um conciliador auxilia as partes a chegarem a um consenso. Mais simples, r\u00e1pido e econ\u00f4mico que a via judicial, reduz custos financeiros e emocionais. Media\u00e7\u00e3o Procedimento conduzido por um mediador imparcial que facilita o di\u00e1logo entre as partes. Focado em restabelecer a comunica\u00e7\u00e3o e preservar os interesses envolvidos. Arbitragem Solu\u00e7\u00e3o em que um \u00e1rbitro, escolhido pelas partes e especialista no tema, decide a disputa. Aplica-se a direitos patrimoniais dispon\u00edveis, com for\u00e7a de senten\u00e7a judicial. Conhecer servi\u00e7os Conhe\u00e7a nossas Parcerias: Conhe\u00e7a a CCMA e descubra um novo caminho. Saiba mais sobre o que a Concilia\u00e7\u00e3o, Media\u00e7\u00e3o e Arbitragem podem oferecer a voc\u00ea. Saiba mais C\u00e2mara Credenciada pelo TJMG Entenda o que acontece em cada etapa do processo. 01 &#8211; Envio Envie seu caso com as provas 02 &#8211; Defesa A outra parte envia sua defesa 03 &#8211; An\u00e1lise \u00c1rbitro analisa o processo 04 &#8211; Decis\u00e3o Senten\u00e7a arbitral proferida Entre em contato e resolva agora Credibilidade e Expertise Reconhecimento e qualifica\u00e7\u00e3o t\u00e9cnica que garantem a excel\u00eancia dos nossos servi\u00e7os. Credenciada ao TJMG Registro junto aos \u00f3rg\u00e3os competentes e certifica\u00e7\u00f5es profissionais. Experi\u00eancia Comprovada Cerca de 10 anos de atua\u00e7\u00e3o em resolu\u00e7\u00e3o de conflitos empresariais e civis. Validade Jur\u00eddica Processos em total conformidade com a legisla\u00e7\u00e3o vigente e normas \u00e9ticas. 0% \u00cdndice de realiza\u00e7\u00e3o de acordos 0X Mais r\u00e1pida comparada a outros procedimentos 0 Casos Efetivamente Solucionados \u00c1reas de Atua\u00e7\u00e3o Empresarial | Comercial Reaproxima\u00e7\u00e3o entre credores, contratantes e consumidores, recuperando a capacidade de cr\u00e9dito e fortalecendo rela\u00e7\u00f5es comerciais. Institucional Preven\u00e7\u00e3o e media\u00e7\u00e3o de conflitos em sindicatos, \u00f3rg\u00e3os governamentais e organiza\u00e7\u00f5es, evitando paralisa\u00e7\u00f5es e bloqueios de a\u00e7\u00e3o. Organizacional Atua\u00e7\u00e3o na preven\u00e7\u00e3o e solu\u00e7\u00e3o de conflitos internos e externos em empresas e corpora\u00e7\u00f5es, promovendo equil\u00edbrio nas rela\u00e7\u00f5es de trabalho. Ambiental Media\u00e7\u00e3o de conflitos relacionados ao meio ambiente, construindo solu\u00e7\u00f5es conjuntas e respons\u00e1veis entre as partes envolvidas. Trabalhista Promo\u00e7\u00e3o do di\u00e1logo justo entre empregadores e empregados, buscando acordos que atendam aos interesses de ambos os lados. Familiar Media\u00e7\u00e3o em quest\u00f5es familiares e sucess\u00f3rias, fortalecendo v\u00ednculos e construindo acordos sustent\u00e1veis para o futuro. Conhe\u00e7a todas as \u00e1reas de atua\u00e7\u00e3o Simule agora Descubra quanto sua empresa pode economizar. Resolva conflitos de forma r\u00e1pida e segura com media\u00e7\u00e3o ou arbitragem. Fale conosco Atendimento personalizado Converse com um especialista no WhatsApp e receba uma simula\u00e7\u00e3o sem compromisso. Simulador de custas Calcule em poucos cliques quanto pode economizar ao optar por uma solu\u00e7\u00e3o extrajudicial com a CCMA. Fale conosco A confian\u00e7a de quem j\u00e1 contou com a CCMA VI vitalzyn Uma experi\u00eancia super positiva, muito atenciosos e preocupados em fazer o melhor para todos! AA Anderson Alc\u00e2ntara Como mediador senti-me confort\u00e1vel e acomodado, em um ambiente amplamente adequado e acolhedor. CCMA \u00e9 refer\u00eancia para n\u00f3s! MZ maria zil\u00e1 Fui extremamente bem atendida desde o primeiro momento. Est\u00e3o de parab\u00e9ns!!!! FM FILLIPE MRQ Profissionais com extrema compet\u00eancia, educados e qualificados para executarem o servi\u00e7o. \u00c9 muito melhor e mais r\u00e1pido. MU Moacir Ulhoa Experi\u00eancia no ramo e \u00f3timos acordos. FV Frederico Vila\u00e7a Me faltam palavras para descrever o quanto a CCMA foi importante na minha vida como empres\u00e1rio. AC Alexandre Carvalho Profissionais mais do que qualificados!!! Resolu\u00e7\u00e3o de Conflitos com Agilidade e Seguran\u00e7a A CCMA MG Brasil oferece solu\u00e7\u00f5es extrajudiciais eficazes para empresas, institui\u00e7\u00f5es e fam\u00edlias. Entre em contato agora Novidades da CCMA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-4153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/pages\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/comments?post=4153"}],"version-history":[{"count":130,"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/pages\/4153\/revisions"}],"predecessor-version":[{"id":4428,"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/pages\/4153\/revisions\/4428"}],"wp:attachment":[{"href":"https:\/\/ccmamgbrasil.com.br\/site\/wp-json\/wp\/v2\/media?parent=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}