.elementor-343 .elementor-element.elementor-element-5343ec8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-89bddee > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-343 .elementor-element.elementor-element-c5f7d4e{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-60e952a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-343 .elementor-element.elementor-element-9616d2d{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-3aabcc6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-343 .elementor-element.elementor-element-f3b8370{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */<style>
/* =========================
   LIFEFIX — Design System
   Ajuste as cores aqui
========================= */
:root{
  --color-bg: #071426;          /* fundo escuro elegante */
  --color-surface: rgba(255,255,255,.06);
  --color-border: rgba(255,255,255,.10);
  --color-text: rgba(255,255,255,.92);
  --color-muted: rgba(255,255,255,.70);

  /* Paleta (ajuste com os HEX do logo/site) */
  --color-primary: #1E88E5;     /* azul principal */
  --color-primary-2: #22C1C3;   /* azul/teal secundário */
  --color-accent: #7C4DFF;      /* roxo suave pra brilho moderno (opcional) */
  --color-warm: #FFB300;        /* destaque quente (bem sutil) */

  --radius-xl: 22px;
  --radius-lg: 16px;
  --radius-md: 12px;

  --shadow-1: 0 10px 30px rgba(0,0,0,.30);
  --shadow-2: 0 18px 60px rgba(0,0,0,.35);

  --maxw: 1200px;
  --pad: clamp(18px, 2.6vw, 34px);

  --grad-hero: radial-gradient(1200px 500px at 10% 20%, rgba(34,193,195,.30), transparent 60%),
               radial-gradient(900px 480px at 85% 10%, rgba(30,136,229,.35), transparent 60%),
               radial-gradient(700px 460px at 70% 80%, rgba(124,77,255,.22), transparent 60%),
               linear-gradient(180deg, #061021 0%, #071426 100%);

  --grad-soft: linear-gradient(135deg, rgba(30,136,229,.18), rgba(34,193,195,.12), rgba(124,77,255,.10));
}

.lfx-wrap{ color: var(--color-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.lfx-container{ max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad); }

.lfx-hero-bg{ background: var(--grad-hero); position: relative; overflow: hidden; }
.lfx-section{ padding: clamp(56px, 6vw, 96px) 0; }
.lfx-card{
  background: rgba(255,255,255,.055);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(10px);
}
.lfx-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-2); }
.lfx-card, .lfx-btn, .lfx-pill, .lfx-link{ transition: all .35s ease; }

.lfx-h1{ font-size: clamp(34px, 4vw, 54px); letter-spacing: -0.02em; line-height: 1.03; margin: 0; }
.lfx-h2{ font-size: clamp(26px, 3vw, 38px); letter-spacing: -0.02em; margin: 0 0 10px; }
.lfx-h3{ font-size: 18px; letter-spacing: -0.01em; margin: 0 0 8px; }
.lfx-p{ color: var(--color-muted); font-size: 16px; line-height: 1.6; margin: 10px 0 0; }

.lfx-grid{ display: grid; gap: 18px; }
.lfx-grid-2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.lfx-grid-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.lfx-grid-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }

@media (max-width: 980px){
  .lfx-grid-2, .lfx-grid-3, .lfx-grid-4{ grid-template-columns: 1fr; }
}

.lfx-btn{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 16px; border-radius: 14px; font-weight: 650;
  border: 1px solid rgba(255,255,255,.14); text-decoration: none;
  color: var(--color-text); background: rgba(255,255,255,.06);
}
.lfx-btn:hover{ border-color: rgba(255,255,255,.26); background: rgba(255,255,255,.10); }

.lfx-btn-primary{
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(30,136,229,.95), rgba(34,193,195,.75));
}
.lfx-btn-primary:hover{ filter: brightness(1.05); transform: translateY(-1px); }

.lfx-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 10px; border-radius: 999px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  color: var(--color-muted); font-size: 13px;
}

.lfx-link{ color: rgba(255,255,255,.85); text-decoration: none; border-bottom: 1px solid transparent; }
.lfx-link:hover{ color: white; border-bottom-color: rgba(255,255,255,.35); }

.lfx-divider{
  height:1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  margin: 26px 0;
}

.lfx-kpi{
  padding: 18px; border-radius: var(--radius-lg);
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10);
}
.lfx-kpi strong{ font-size: 22px; display:block; }
.lfx-kpi span{ color: var(--color-muted); font-size: 13px; }

.lfx-badge{
  width: 46px; height: 46px; border-radius: 14px;
  background: var(--grad-soft);
  border: 1px solid rgba(255,255,255,.12);
  display:flex; align-items:center; justify-content:center;
}

.lfx-input{
  width:100%; padding: 12px 14px; border-radius: 14px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
  color: var(--color-text); outline:none;
}
.lfx-input:focus{ border-color: rgba(34,193,195,.55); box-shadow: 0 0 0 4px rgba(34,193,195,.14); }

.lfx-note{ font-size: 12px; color: rgba(255,255,255,.55); line-height: 1.5; }
</style>/* End custom CSS */