Elementor #1340

				
					<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap');

:root {
  --cor-primaria: #3A5060;
  --cor-secundaria: #2C3E50;
  --cor-destaque: #1A7A6D;
  --cor-destaque-claro: #E8F5F2;
  --cor-texto: #2D2D2D;
  --cor-texto-claro: #5A6A7A;
  --cor-fundo: #FAFBFC;
  --cor-fundo-seco: #F0F4F7;
  --cor-borda: #D8DEE4;
  --cor-branco: #FFFFFF;
  --cor-escuro: #1B2A38;
}

.arco-page * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.arco-page {
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--cor-texto);
  line-height: 1.75;
  font-size: 17px;
  overflow-x: hidden;
}

.arco-hero {
  background: linear-gradient(135deg, #1A7A6D 0%, var(--cor-escuro) 100%);
  color: var(--cor-branco);
  padding: 20px 70px;
  text-align: center;
  position: relative;
}

.arco-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, var(--cor-fundo));
}

.arco-hero-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid #ffffff;
  color: rgba(255, 255, 255, 0.8);
  padding: 20px 70px;
  text-align: center;
  position: relative;
}
</style>