.elementor-992 .elementor-element.elementor-element-6140aa5{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--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;}@media(min-width:768px){.elementor-992 .elementor-element.elementor-element-6140aa5{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-fb43112 *//* Importação das fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Darker+Groteske:wght@700&display=swap' );

/* Definição das variáveis de cor e fontes */
:root {
  --cor-cerejeira: #813641;
  --cor-petala: #FF9AAD;
  --cor-pavao: #3D5483;
  --cor-creme: #EEECDB;
  --cor-pedra: #525356;
  --cor-branco: #FFFFFF;

  --fonte-principal: 'Montserrat', sans-serif;
  --fonte-apoio: 'Darker Groteske', sans-serif;
}

/* Estilos gerais para o corpo da página */
body {
  font-family: var(--fonte-apoio);
  color: var(--cor-pedra);
  background-color: var(--cor-branco);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Estilos para os botões de CTA (Call to Action) */
.cta-button {
  display: inline-block;
  background-color: var(--cor-pavao);
  color: var(--cor-branco);
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-family: var(--fonte-principal);
  font-weight: 700;
  text-align: center;
  transition: background-color 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.cta-button:hover {
  background-color: #2c406b; /* Um tom mais escuro de pavão para o hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6140aa5 *//* Importação das fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Darker+Groteske:wght@700&display=swap' );

/* Definição das variáveis de cor e fontes */
:root {
  --cor-cerejeira: #813641;
  --cor-petala: #FF9AAD;
  --cor-pavao: #3D5483;
  --cor-creme: #EEECDB;
  --cor-pedra: #525356;
  --cor-branco: #FFFFFF;

  --fonte-principal: 'Montserrat', sans-serif;
  --fonte-apoio: 'Darker Groteske', sans-serif;
}

/* Estilos gerais para o corpo da página */
body {
  font-family: var(--fonte-apoio);
  color: var(--cor-pedra);
  background-color: var(--cor-branco);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Estilos para os botões de CTA (Call to Action) */
.cta-button {
  display: inline-block;
  background-color: var(--cor-pavao);
  color: var(--cor-branco);
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-family: var(--fonte-principal);
  font-weight: 700;
  text-align: center;
  transition: background-color 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.cta-button:hover {
  background-color: #2c406b; /* Um tom mais escuro de pavão para o hover */
}/* End custom CSS */