.elementor-3253 .elementor-element.elementor-element-5ecf6bf{--display:flex;}body.elementor-page-3253:not(.elementor-motion-effects-element-type-background), body.elementor-page-3253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-cac55f3 *//* Aplica apenas dentro do diagnóstico */
#verttic-diagnostico{
  /* Paleta base */
  --brand: #00FF55;          /* Cor principal (botões, CTA, barra de progresso) */
  --accent: #00FF55;         /* Cor de destaque secundário */
  --text: #EAF0FF;           /* Texto principal */
  --muted: #A0A9D9;          /* Texto secundário */
  --bg1: #0b0f26;            /* Fundo gradiente 1 */
  --bg2: #090c1a;            /* Fundo gradiente 2 */
  --card: #0f1330;           /* Fundo dos cards */
  --border: 1px solid rgba(255,255,255,.12);
  --r: 16px;                 /* Raio das bordas */
  
  /* Fonte global */
  font-family: 'DM Sans', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* Tipografia */
#verttic-diagnostico h1{
  font-family: 'DM Sans', sans-serif;
  font-weight: 800;
  letter-spacing: .2px;
}
#verttic-diagnostico .q{
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
}

/* Botões */
#verttic-diagnostico button,
#verttic-diagnostico .cta a{
  background: var(--brand);
  color: #0b1220;
  font-weight: 800;
  border-radius: 12px;
  padding: 14px 20px;
  transition: all .2s ease-in-out;
}
#verttic-diagnostico button:hover,
#verttic-diagnostico .cta a:hover{
  background: #00e14c; /* tom ligeiramente mais escuro ao hover */
  transform: translateY(-1px);
}

/* Radio options */
#verttic-diagnostico .option{
  font-family: 'DM Sans', sans-serif;
  border-width: 2px;
  transition: all .15s ease-in-out;
}
#verttic-diagnostico .option:hover{
  border-color: var(--brand);
  background: rgba(0,255,85,0.08);
}

/* Barra de progresso */
#verttic-diagnostico .progress{
  height: 12px;
}
#verttic-diagnostico .bar{
  background: linear-gradient(90deg, var(--brand), #00e14c);
}

/* Resultados */
#verttic-diagnostico .result{
  font-family: 'DM Sans', sans-serif;
  line-height: 1.5;
}

/* Rodapé */
#verttic-diagnostico footer{
  font-family: 'DM Sans', sans-serif;
  color: #999;
  font-size: 12px;
  margin-top: 20px;
}

/* Responsividade */
@media (max-width: 480px){
  #verttic-diagnostico .option{ padding: 12px; }
  #verttic-diagnostico button{ width: 100%; }
}/* End custom CSS */