.elementor-3371 .elementor-element.elementor-element-6e7e11b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-10px;--margin-bottom:-10px;--margin-left:-10px;--margin-right:-10px;}.elementor-3371 .elementor-element.elementor-element-b6c5e11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3371 .elementor-element.elementor-element-2454f114:not(.elementor-motion-effects-element-type-background), .elementor-3371 .elementor-element.elementor-element-2454f114 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-3371 .elementor-element.elementor-element-2454f114{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:25;}.elementor-3371 .elementor-element.elementor-element-2454f114 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3371 .elementor-element.elementor-element-3a8ffc15{width:var( --container-widget-width, 101.879% );max-width:101.879%;--container-widget-width:101.879%;--container-widget-flex-grow:0;text-align:left;}.elementor-3371 .elementor-element.elementor-element-3a8ffc15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3371 .elementor-element.elementor-element-3a8ffc15 img{width:85%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3371 .elementor-element.elementor-element-322b2406 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-4a3de062{--grid-template-columns:repeat(0, auto);width:var( --container-widget-width, 35.094% );max-width:35.094%;--container-widget-width:35.094%;--container-widget-flex-grow:0;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3371 .elementor-element.elementor-element-4a3de062 .elementor-widget-container{text-align:center;}.elementor-3371 .elementor-element.elementor-element-4bca716 .elementor-repeater-item-dcb158d.elementor-social-icon{background-color:#000000;}.elementor-3371 .elementor-element.elementor-element-4bca716 .elementor-repeater-item-dcb158d.elementor-social-icon i{color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-4bca716 .elementor-repeater-item-dcb158d.elementor-social-icon svg{fill:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-4bca716{--grid-template-columns:repeat(0, auto);width:var( --container-widget-width, 18.868% );max-width:18.868%;--container-widget-width:18.868%;--container-widget-flex-grow:0;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3371 .elementor-element.elementor-element-4bca716 .elementor-widget-container{text-align:center;}.elementor-3371 .elementor-element.elementor-element-5b5ede12 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-514a2db6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-2b63f0ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-6bfc2fce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-72a6d1e9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-205e1025 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-2d12b891 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-6cfc1510 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-7e852a56 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-23b0645f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-639eb79e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-2c5c232b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-6cc85b25 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-38b191e9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-2d7c7b69 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-38ac8fc6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-51f6601c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-3487e092 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-7bd78ffe .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}.elementor-3371 .elementor-element.elementor-element-7c5a6fee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:200;color:#FFFFFF;}body.elementor-page-3371:not(.elementor-motion-effects-element-type-background), body.elementor-page-3371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070B1C;}@media(max-width:767px){.elementor-3371 .elementor-element.elementor-element-3a8ffc15{width:var( --container-widget-width, 345.142px );max-width:345.142px;--container-widget-width:345.142px;--container-widget-flex-grow:0;text-align:center;}.elementor-3371 .elementor-element.elementor-element-322b2406 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-3371 .elementor-element.elementor-element-53ff8ad8 > .elementor-element-populated{margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}.elementor-3371 .elementor-element.elementor-element-107e36f0 > .elementor-element-populated{margin:15px 15px 15px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;}}/* Start custom CSS *//* Animações de entrada */

.entrada-esquerda,
.entrada-direita,
.entrada-cima,
.entrada-baixo {
  opacity: 0;
  filter: blur(8px);
  transition: all 0.5s ease;
}

.entrada-esquerda {
  transform: translateX(-50px);
}
.entrada-direita {
  transform: translateX(50px);
}
.entrada-cima {
  transform: translateY(-50px);
}
.entrada-baixo {
  transform: translateY(50px);
}

.exibir {
  opacity: 1 !important;
  filter: blur(0px) !important;
  transform: translate(0px, 0px) !important;
}
.destaque-preco {
  background: linear-gradient(to right, #c0c0c0, #ffffff, #c0c0c0);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: brilho-prata 4s linear infinite;
  font-weight: bold;
  font-size: 2rem; /* Ajuste se quiser maior ou menor */
}

@keyframes brilho-prata {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}
/* Classe para títulos com gradiente */
.gradiente-titulo {
  /* Defina aqui seu gradiente: ângulo e cores */
  background: linear-gradient(45deg, #00BAC2, #C700FD); 
  /* Faz o gradiente “recortar” a área do texto */
  -webkit-background-clip: text;
  background-clip: text;
  /* Deixa o texto transparente para mostrar o gradiente */
  -webkit-text-fill-color: transparent;
  color: transparent;
}

body, html {
    overflow-x: hidden;
    overflow-y: auto;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

section, .elementor-section, .elementor-container {
    max-width: 100%;
    overflow-x: hidden;
}

img, video, iframe {
    max-width: 100%;
    height: auto;
    display: block;
}


/*Personalize  o cursor geral do site aqui*/

/*Personalize  o cursor geral do site aqui*/

html{
cursor:url('https://mayahub.ai/wp-content/uploads/2025/07/cursor.psvg'), auto;
}

/*Personalize  o cursor das partes de clique e hover aqui, caso prefira deixar essas como padrão do navegador, basta remover essa parte do código*/

html.click, html.click a, html.click a:hover, a:hover{
cursor:url('http://mayahub.ai/wp-content/uploads/2025/07/cursor.svg'), auto;
}






/* ======== ESTILO FINO E ELEGANTE - APPLE FINANCE ======== */
.mayahub-money {
  font-family: "Inter", "SF Pro Display", "Roboto", sans-serif;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  line-height: 1.1;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  white-space: nowrap;
}

/* O símbolo R$ real (já no HTML) */
.mayahub-money .currency {
  font-size: 0.6em; /* proporcionalmente menor */
  font-weight: 400;
  opacity: 0.85;
  transform: translateY(-1px);
  letter-spacing: -0.3px;
  margin-right: 2px;
}

/* Valor numérico */
.mayahub-money .amount {
  font-size: clamp(20px, 5vw, 30px);
  font-weight: 700;
  font-variation-settings: "wght" 700;
  letter-spacing: -0.5px;
}

/* ======== CORES ======== */
.mayahub-money.green .amount {
  color: #18c964; /* verde Maya */
}

.mayahub-money.red .amount {
  color: #ff4d4f; /* vermelho humano */
}

/* ======== RESPONSIVIDADE ======== */
@media (max-width: 480px) {
  .mayahub-money {
    gap: 3px;
  }

  .mayahub-money .amount {
    font-size: clamp(17px, 5.2vw, 22px);
  }

  .mayahub-money .currency {
    font-size: 0.55em;
  }
}

/* Garante que nunca vaze lateralmente */
.mayahub-pill {
  text-align: center;
  overflow: visible !important;
}
/* ===== Seção MayaHub – Why ===== */
.mh-why{
  /* tokens aqui (no lugar do :root) */
  --bg:#070B1C;
  --surface:#0C1224ee;   /* miolo do card */
  --text:#E7ECFF;
  --muted:#AAB3D9;
  --brand-1:#6E5BFF;
  --brand-2:#00E3A2;
  --brand-3:#37B6FF;
  --radius:20px;
  --border-w:2px;

  background:var(--bg);
  padding:clamp(24px,5vw,64px) 16px;
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  letter-spacing:.2px;
}

.mh-wrap{max-width:1200px;margin:0 auto}
.mh-grid{display:grid;gap:20px}
@media (min-width:992px){.mh-grid.grid-3{grid-template-columns:repeat(3,1fr)}}

/* ===== Card com borda animada (dual background + clip) ===== */
.mh-card{
  position:relative;
  border-radius:var(--radius);
  border:var(--border-w) solid transparent;
  overflow:hidden; isolation:isolate;
  padding:24px 22px;
  transition:transform .3s ease;

  /* 1º bg = MIolo (fica em padding-box) | 2º bg = BORDA (fica em border-box) */
  background:
    linear-gradient(var(--surface), var(--surface)) padding-box,
    linear-gradient(90deg, var(--brand-1), var(--brand-2), var(--brand-3), var(--brand-1)) border-box;

  /* animação suave movendo o gradiente da borda */
  background-size: auto, 300% 300%;
  background-position: 0 0, 0% 50%;
  animation: mh-border-shift 6s linear infinite;
}
.mh-card:hover{ transform: translateY(-3px); }

@keyframes mh-border-shift{
  to{ background-position: 0 0, 200% 50%; }
}

/* Conteúdo */
.mh-ico{
  width:46px;height:46px;border-radius:12px;
  display:grid;place-items:center;margin-bottom:14px;
  background:linear-gradient(135deg, rgba(110,91,255,.25), rgba(0,227,162,.2));
}
.mh-ico svg{width:22px;height:22px}

.mh-card h3{
  font-size:clamp(16px,2vw,20px);
  margin:0 0 6px;
  font-weight:600;       /* fino elegante */
}
.mh-card p{
  color:var(--muted);
  font-size:14.5px;
  line-height:1.6;
  margin:0;
  font-weight:300;       /* texto fino */
}

/* Badges */
.mh-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mh-badge{font-size:12px;padding:8px 10px;border-radius:999px;color:#0B1426;font-weight:600}
.mh-badge--green{background:linear-gradient(180deg,#CFF9F0,#89FFD9)}

/* === FIX Elementor Overlay / Fundo Cinza === */
.mh-why {
  background: #070B1C !important;
}

.mh-why .mh-card {
  background:
    linear-gradient(#0C1224ee, #0C1224ee) padding-box,
    linear-gradient(90deg, #6E5BFF, #00E3A2, #37B6FF, #6E5BFF) border-box !important;
  box-shadow: none !important;
  filter: none !important;
}

.mh-why .mh-card h3,
.mh-why .mh-card p {
  color: #E7ECFF !important;
}
/* ===== Tamanhos ===== */
.mh-card.is-large{ padding:28px 24px; min-height:200px; }
.mh-card.is-small{ padding:18px 18px; min-height:130px; }

.mh-card.is-small .mh-ico{ width:40px; height:40px; margin-bottom:10px; }
.mh-card.is-small h3{ font-size:15.5px; font-weight:600; }
.mh-card.is-small p{ font-size:13.5px; line-height:1.55; }
.mh-card.is-small .mh-badge{ transform:scale(.95); }
/* ====== FIX: forçar layout em blocos nesta página ====== */
#mh-why-sec .mh-wrap{ max-width:1200px; margin:0 auto; }
#mh-why-sec .mh-grid{ display:grid !important; gap:20px !important; }

/* 3 colunas no desktop, 1 no mobile */
@media (min-width: 992px){
  #mh-why-sec .mh-grid.grid-3{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 991.98px){
  #mh-why-sec .mh-grid.grid-3{ grid-template-columns: 1fr !important; }
}

/* Garante que NADA transforme os cards em lista, flex-item ou afins */
#mh-why-sec .mh-card{ display:block !important; list-style:none !important; margin:0 !important; }
#mh-why-sec .mh-card::marker{ content:none; }

/* Em alguns temas, <article> recebe estilos de blog – neutraliza aqui */
#mh-why-sec article.mh-card{ padding-inline-start: 0 !important; }

/* Mantém tamanhos dos blocos grandes/pequenos */
#mh-why-sec .mh-card.is-large{ padding:28px 24px; min-height:200px; }
#mh-why-sec .mh-card.is-small{ padding:18px 18px; min-height:130px; }
#mh-why-sec .mh-card.is-small .mh-ico{ width:40px; height:40px; margin-bottom:10px; }
#mh-why-sec .mh-card.is-small h3{ font-size:15.5px; font-weight:600; }
#mh-why-sec .mh-card.is-small p{ font-size:13.5px; line-height:1.55; }

/* Se a coluna/contêiner do Elementor aplicar display:flex, anulamos */
#mh-why-sec .mh-grid > *{ min-width:0; }
/* ====== MayaHub Why (blindado) ====== */
#mh-why-sec{
  --bg:#070B1C; --surface:#0C1224ee; --text:#E7ECFF; --muted:#AAB3D9;
  --brand-1:#6E5BFF; --brand-2:#00E3A2; --brand-3:#37B6FF;
  --radius:20px; --border-w:2px;
  background:var(--bg) !important; color:var(--text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  letter-spacing:.2px;
}

/* Contêiner e grids forçados */
#mh-why-sec .mh-wrap{ max-width:1200px; margin:0 auto; }
#mh-why-sec .mh-grid{ display:grid !important; gap:20px !important; }
@media (min-width: 992px){
  #mh-why-sec .mh-grid.grid-3{ grid-template-columns:repeat(3,1fr) !important; }
}
@media (max-width: 991.98px){
  #mh-why-sec .mh-grid.grid-3{ grid-template-columns:1fr !important; }
}

/* Card clean com borda animada (sem vazar) */
#mh-why-sec .mh-card{
  position:relative; border-radius:var(--radius);
  border:var(--border-w) solid transparent; overflow:hidden; isolation:isolate;
  padding:24px 22px; transition:transform .3s ease;
  background:
    linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(90deg,var(--brand-1),var(--brand-2),var(--brand-3),var(--brand-1)) border-box;
  background-size: auto, 300% 300%;
  background-position: 0 0, 0% 50%;
  animation: mh-border-shift 6s linear infinite;
  list-style:none !important; display:block !important; margin:0 !important;
}
#mh-why-sec .mh-card:hover{ transform:translateY(-3px); }
@keyframes mh-border-shift{ to{ background-position:0 0, 200% 50%; }}

/* Tamanhos (3 grandes em cima, 3 pequenos embaixo) */
#mh-why-sec .mh-card.is-large{ padding:28px 24px; min-height:200px; }
#mh-why-sec .mh-card.is-small{ padding:18px 18px; min-height:130px; }
#mh-why-sec .mh-card.is-small .mh-ico{ width:40px; height:40px; margin-bottom:10px; }
#mh-why-sec .mh-card.is-small h3{ font-size:15.5px; font-weight:600; }
#mh-why-sec .mh-card.is-small p{ font-size:13.5px; line-height:1.55; }

/* Ícone e textos */
#mh-why-sec .mh-ico{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;
  background:linear-gradient(135deg,rgba(110,91,255,.25),rgba(0,227,162,.2));
}
#mh-why-sec .mh-ico svg{ width:22px;height:22px; }
#mh-why-sec .mh-card h3{ font-size:clamp(16px,2vw,20px); margin:0 0 6px; font-weight:600; }
#mh-why-sec .mh-card p{ color:var(--muted); font-size:14.5px; line-height:1.6; margin:0; font-weight:300; }

/* Badges (somente verdes) */
#mh-why-sec .mh-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
#mh-why-sec .mh-badge{ font-size:12px; padding:8px 10px; border-radius:999px; color:#0B1426; font-weight:600; }
#mh-why-sec .mh-badge--green{ background:linear-gradient(180deg,#CFF9F0,#89FFD9); }

/* Neutraliza estilos de blog/lista do tema */
#mh-why-sec article.mh-card{ padding-inline-start:0 !important; }
#mh-why-sec .mh-grid > *{ min-width:0; }

/* ====== FIX FINAL: Forçar blocos corretos ====== */
#mh-why-sec .mh-grid.grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-bottom: 32px !important;
}

#mh-why-sec .mh-grid.grid-3 .mh-card {
  display: block !important;
  width: 100% !important;
}

/* Corrige herança do Elementor */
.elementor-widget-container #mh-why-sec,
.elementor-element #mh-why-sec {
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Garante que a segunda linha não vire lista */
#mh-why-sec .mh-wrap > .mh-grid:last-child {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}
#falemaya {
  scroll-margin-top: 90px; /* ou ajuste se o header for mais alto */
}/* End custom CSS */