.elementor-5389 .elementor-element.elementor-element-1324359{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-5389 .elementor-element.elementor-element-1324359{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-5848a10 */* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: #2F2D2A; overflow-x: hidden;}
.container {max-width: 1280px; margin: 0 auto; padding: 0 1rem;}
.container-cta {max-width: 896px; margin: 0 auto; padding: 0 1rem; text-align: center;}
.icon {width: 1.25rem; height: 1.25rem;}
.icon-cta {width: 1.75rem; height: 1.75rem;}
.icon-contact {width: 1.25rem; height: 1.25rem; margin-top: 0.125rem; flex-shrink: 0;}
.icon-social {width: 1.5rem; height: 1.5rem;}
.icon-check {width: 1.25rem; height: 1.25rem;}
.icon-star {width: 1.25rem; height: 1.25rem; margin-top: 0.125rem; flex-shrink: 0;}
.icon-float {width: 2rem; height: 2rem;}
.header {position: fixed; top: 0; left: 0; right: 0; background: white; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); z-index: 50;}
.header-content {display: flex; justify-content: space-between; align-items: center; height: 5rem;}
.logo-container {flex-shrink: 0;}
.logo {height: 3.5rem!important; width: auto; object-fit: contain;}
.nav-desktop {display: none; align-items: center; gap: 2rem;}
@media (min-width: 768px) {.nav-desktop {display: flex;}}
.nav-link {color: #2F2D2A; text-decoration: none; transition: color 0.3s;}
.nav-link:hover {color: #14A6B7;}
.btn-whatsapp {display: inline-flex; align-items: center; gap: 0.5rem; background: #25D366; color: white; padding: 0.75rem 1.5rem; border-radius: 0.5rem; text-decoration: none; transition: all 0.3s; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); font-weight: 500;}
.btn-whatsapp:hover {background: #20BD5A; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);}
.btn-desktop {display: none;}
@media (min-width: 768px) {.btn-desktop {display: inline-flex;}}
.menu-toggle {display: block; padding: 0.5rem; border-radius: 0.5rem; color: #2F2D2A; background: none; border: none; cursor: pointer;}
@media (min-width: 768px) {.menu-toggle {display: none;}}
.menu-toggle:hover {background: #f3f4f6;}
.nav-mobile {display: none; padding-bottom: 1rem; flex-direction: column; gap: 0.75rem;}
.nav-mobile.active {display: flex;}
@media (min-width: 768px) {.nav-mobile {display: none !important;}}
.nav-link-mobile {display: block; color: #2F2D2A; padding: 0.5rem 0; text-decoration: none;}
.nav-link-mobile:hover {color: #14A6B7;}
.btn-mobile {justify-content: center;}
.hero-section {padding-top: 7rem; padding-bottom: 4rem; background: white;}
.hero-grid {display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center;}
@media (min-width: 1024px) {.hero-grid {grid-template-columns: 1fr 1fr;}}
.hero-title {font-size: 2.25rem; font-weight: 700; color: #2F2D2A; margin-bottom: 1rem;}
@media (min-width: 768px) {.hero-title {font-size: 3rem;}}
.hero-subtitle {font-size: 1.25rem; color: #45618E; margin-bottom: 1.5rem;}
.hero-crm {color: #2F2D2A; margin-bottom: 1.5rem;}
.hero-heading {font-size: 1.5rem; font-weight: 600; color: #14A6B7; margin-bottom: 1.5rem;}
@media (min-width: 768px) {.hero-heading {font-size: 1.875rem;}}
.hero-description {font-size: 1.125rem; color: #374151; line-height: 1.75; margin-bottom: 2rem;}
.btn-cta {display: inline-flex; align-items: center; gap: 0.5rem; background: #25D366; color: white; padding: 1rem 2rem; border-radius: 0.5rem; text-decoration: none; transition: all 0.3s; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); font-size: 1.125rem;}
.btn-cta:hover {background: #20BD5A; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); transform: scale(1.05);}
.hero-image-wrapper {display: flex; justify-content: center;}
.image-card {position: relative; width: 100%; max-width: 32rem;}
.image-card-bg {position: absolute; inset: 0; background: linear-gradient(to bottom right, #14A6B7, #45618E); border-radius: 1rem; transform: rotate(3deg);}
.image-card-content {position: relative; background: #e5e7eb; border-radius: 1rem; overflow: hidden; aspect-ratio: 1/1;}
.image-card-content img {width: 100%; height: 100%; object-fit: cover;}
.areas-section {padding: 4rem 0; background: #14A6B7;}
.section-title-white {font-size: 1.875rem; font-weight: 700; color: white; text-align: center; margin-bottom: 3rem;}
@media (min-width: 768px) {.section-title-white {font-size: 2.25rem;}}
.areas-grid {display: grid; grid-template-columns: 1fr; gap: 2rem;}
@media (min-width: 768px) {.areas-grid {grid-template-columns: repeat(3, 1fr);}}
.area-card {background: white; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transition: box-shadow 0.3s;}
.area-card:hover {box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);}
.area-icon {width: 4rem; height: 4rem; background: #14A6B7; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;}
.area-icon .icon {width: 2rem; height: 2rem; color: white;}
.area-title {font-size: 1.5rem; font-weight: 600; color: #2F2D2A; margin-bottom: 1rem;}
.area-description {color: #374151; line-height: 1.75;}
.sobre-section {padding: 4rem 0; background: white;}
.sobre-grid {display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center;}
@media (min-width: 1024px) {.sobre-grid {grid-template-columns: 1fr 1fr;}}
.sobre-image-wrapper {display: flex; justify-content: center;}
@media (min-width: 1024px) {.sobre-image-wrapper {order: 1;} .sobre-text {order: 2;}}
.image-card-sobre {position: relative; width: 100%; max-width: 32rem;}
.image-card-bg-sobre {position: absolute; inset: 0; background: linear-gradient(to bottom right, #45618E, #14A6B7); border-radius: 1rem; transform: rotate(-3deg);}
.image-card-content-sobre {position: relative; background: #e5e7eb; border-radius: 1rem; overflow: hidden; aspect-ratio: 2/3;}
.image-card-content-sobre img {width: 100%; height: 100%; object-fit: cover;}
.section-title {font-size: 1.875rem; font-weight: 700; color: #2F2D2A; margin-bottom: 2rem;}
@media (min-width: 768px) {.section-title {font-size: 2.25rem;}}
.beneficios-list {display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem;}
.beneficio-item {display: flex; gap: 1rem;}
.beneficio-icon {flex-shrink: 0;}
.beneficio-icon .icon-check {width: 2rem; height: 2rem; color: white; background: #14A6B7; border-radius: 50%; padding: 0.375rem;}
.beneficio-title {font-size: 1.25rem; font-weight: 600; color: #2F2D2A; margin-bottom: 0.5rem;}
.beneficio-description {color: #374151;}
.credenciais-box {background: linear-gradient(to bottom right, #14A6B7, #45618E); border-radius: 0.75rem; padding: 1.5rem;}
.credenciais-title {font-size: 1.25rem; font-weight: 600; color: white; margin-bottom: 1rem;}
.credenciais-list {list-style: none; display: flex; flex-direction: column; gap: 0.5rem;}
.credencial-item {color: white; font-size: 0.875rem; display: flex; align-items: flex-start; gap: 0.5rem;}
.cta-section {padding: 5rem 0; background: linear-gradient(to bottom right, #14A6B7, #45618E);}
.cta-title {font-size: 1.875rem; font-weight: 700; color: white; margin-bottom: 1.5rem;}
@media (min-width: 768px) {.cta-title {font-size: 2.25rem;}}
.cta-description {font-size: 1.25rem; color: rgba(255,255,255,0.9); margin-bottom: 2.5rem; line-height: 1.75;}
.cta-buttons {display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; align-items: center; margin-bottom: 2.5rem;}
@media (min-width: 640px) {.cta-buttons {flex-direction: row;}}
.btn-cta-final {display: inline-flex; align-items: center; gap: 0.75rem; background: #25D366; color: white; padding: 1.25rem 2.5rem; border-radius: 0.5rem; text-decoration: none; transition: all 0.3s; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); font-size: 1.125rem; font-weight: 600;}
.btn-cta-final:hover {background: #20BD5A; transform: scale(1.05);}
.cta-address {display: inline-flex; align-items: center; gap: 0.5rem; color: white; font-size: 1.125rem; background: rgba(255,255,255,0.1); padding: 0.75rem 1.5rem; border-radius: 0.5rem; backdrop-filter: blur(4px);}
.footer {background: #2F2D2A; color: white; padding: 3rem 0;}
.footer-grid {display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 2rem;}
@media (min-width: 768px) {.footer-grid {grid-template-columns: repeat(3, 1fr);}}
.footer-logo {height: 4rem !important; width: auto; object-fit: contain; margin-bottom: 1rem; background: white; padding: 0.5rem; border-radius: 0.25rem;}
.footer-description {color: #d1d5db; font-size: 0.875rem;}
.footer-heading {font-size: 1.125rem; font-weight: 600; margin-bottom: 1rem;}
.footer-links {list-style: none; display: flex; flex-direction: column; gap: 0.5rem;}
.footer-link {color: #d1d5db; text-decoration: none; transition: color 0.3s;}
.footer-link:hover {color: #14A6B7;}
.footer-contact {display: flex; flex-direction: column; gap: 0.75rem; color: #d1d5db; font-size: 0.875rem;}
.contact-item {display: flex; align-items: flex-start; gap: 0.5rem;}
.social-links {display: flex; align-items: center; gap: 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #4b5563;}
.social-link {display: flex; align-items: center; gap: 0.5rem; color: #d1d5db; text-decoration: none; transition: color 0.3s;}
.social-link:hover {color: #14A6B7;}
.footer-bottom {display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 1rem; padding-top: 2rem; border-top: 1px solid #4b5563;}
@media (min-width: 768px) {.footer-bottom {flex-direction: row;}}
.footer-copyright {color: #9ca3af; font-size: 0.875rem;}
.footer-crm {color: #9ca3af; font-size: 0.875rem;}
.whatsapp-float {position: fixed; bottom: 1.5rem; right: 1.5rem; background: #25D366; color: white; padding: 1rem; border-radius: 50%; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); transition: all 0.3s; z-index: 50;}
.whatsapp-float:hover {background: #20BD5A; transform: scale(1.1);}
html {scroll-behavior: smooth;}
@media (max-width: 640px) {
.container, .container-cta {padding: 0 1rem;}
.hero-title {font-size: 2rem;}
.hero-heading {font-size: 1.25rem;}
.hero-description {font-size: 1rem;}
.cta-address {font-size: 0.875rem; text-align: center;}
.btn-cta-final {font-size: 1rem; padding: 1rem 1.5rem;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60b25df *//* garante que não vai surgir barra horizontal */
html, body { overflow-x: hidden; }

.btn-whatsapp2{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  background-color: rgb(37, 211, 102);
  width: 60px;
  height: 60px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 28px;
  text-decoration: none;
}

.btn-whatsapp2:before,
.btn-whatsapp2:after{
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #25d366;
  inset: -20px;              /* no lugar de left/right/top/bottom */
  animation: animate 1.5s linear infinite;
  opacity: 0;
  pointer-events: none;
}

.pulsaDelay:after{ animation-delay: 0.5s; }

@keyframes animate{
  0%{ transform: scale(0.5); opacity: 0; }
  50%{ opacity: 1; }
  100%{ transform: scale(1.2); opacity: 0; }
}/* End custom CSS */