.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   Paleta e padrões globais
   ============================ */
:root{
  --rosa:#FF86A8;
  --azul:#7BB7FF;        /* cor principal do botão */
  --azul-hover:#3F8EF7;  /* cor do botão no hover */
  --menta:#7ED7C1;
  --amarelo:#FFD76A;
  --azul-titulo:#1E3A8A; /* títulos */
  --texto:#23303A;       /* texto padrão */
  --bg:#FAFAFD;          /* fundo do site */
  --branco:#FFFFFF;
  --sombra: 0 12px 30px rgba(0,0,0,.12);
  --raio: 22px;          /* raio padrão dos botões/cards */
}

/* Tipografia base (opcional) */
body {
  font-family: 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--texto);
  background: var(--bg);
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--azul-titulo);
  line-height: 1.2;
}

/* ============================
   Botão padrão do Elementor
   ============================ */
.elementor-button,
a.elementor-button,
button.elementor-button{
  background: var(--azul);
  color: #fff;
  border: 0;
  border-radius: var(--raio);
  padding: 16px 32px;             /* 16–20 vertical | 28–36 horizontal */
  box-shadow: var(--sombra);
  font-weight: 700;               /* Poppins 700 (configure em Global Fonts) */
  text-transform: none;           /* troque para uppercase se quiser */
  transition: all .2s ease-in-out;
}
.elementor-button:hover{
  background: var(--azul-hover);
  transform: translateY(-1px);
}

/* ============================
   Variação "contornada" (outline)
   - No widget → Avançado → Classes CSS:  btn-outline
   ============================ */
.btn-outline .elementor-button{
  background: transparent;
  color: var(--azul);
  border: 2px solid var(--azul);
  box-shadow: none;
}
.btn-outline .elementor-button:hover{
  background: var(--azul);
  color: #fff;
}

/* ============================
   Variação "branco sobre fundo colorido"
   - No widget → Avançado → Classes CSS:  btn-white
   ============================ */
.btn-white .elementor-button{
  background: var(--branco);
  color: var(--azul-titulo);
  box-shadow: var(--sombra);
}
.btn-white .elementor-button:hover{
  filter: brightness(0.95);
}

/* Responsivo: botões em largura total no mobile */
@media (max-width: 768px){
  .elementor-button{ width:100%; text-align:center; }
}/* End custom CSS */