:root {
  --laranja: #fc6800;
  --laranja2: #ff680d;	
  --creme: #fff0e5;
  --verde: #00a9a8;
  --vermelho: #f15e55;
  --coral: #fd5f54;
  --marinho: #08173e;
  --marinho2: #09183f;
  --cinza-txt: #354252;
  --cinza-card: #45566a;
  --branco: #fff;
  --pessego: #faac5a;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background-color: #fcfcfc;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  color: #545454;
  overflow: hidden;
}

*, *::before, *::after { box-sizing: border-box; }

img { display: block; max-width: 100%; height: auto; border: 0; }
p { margin: 0; }
a { color: var(--verde); text-decoration: none; transition: all 0.3s; }
a:hover { color: var(--vermelho); }
strong { font-weight: 600; }
em { font-style: italic; }

::selection { background-color: #00c0c0; color: #fff; }
::-moz-selection { background-color: #00c0c0; color: #fff; }



.principal {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
}
.principal.interna{
	padding-top:100px;
	padding-bottom:100px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #2c2c2c;	
}
.principal.interna .subtit {
  font-size: 40px;
  line-height: 1.2;
  display: block;
  padding-bottom: 30px;
  font-weight: 700;
  color: #2c2c2c;
}



.center_txt { text-align: center; }
.clearfix::after { content: ""; display: block; clear: both; }


.eyebrow {
  font-size: 15px;
  font-weight: 700;
  color: var(--coral);
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.titpadrao {
  font-size: 40px;
  font-weight: 700;
  color: var(--marinho);
  line-height: 1.3;
  text-wrap: pretty;
}
.titpadrao.introII{
  margin-bottom:20px;
}
.txtpadrao {
  font-size: 18px;
  font-weight: 500;
  color: var(--cinza-txt);
  line-height: 1.3;
  text-wrap: pretty;
}


.cta {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--branco);
  padding: 16px 20px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.cta:hover { color: var(--branco); transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0,0,0,0.15); }
.cta--verde { background-color: var(--verde); }
.cta--verde:hover { background-color: #00bcbb; }
.cta--vermelho { background-color: var(--vermelho); }
.cta--vermelho:hover { background-color: #ff6d64; }
.cta--branco { background-color: var(--branco); color: #009292; }
.cta--branco:hover { background-color: #f4fbfb; color: #009292; }


.bt_topo_fixed2 {
  position: fixed;
  right: 15px;
  bottom: 35px;
  z-index: 999;
  cursor: pointer;
}
.bt_topo_fixed2 .bt_topo_square2 {
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 10px;
}
.bt_topo_fixed2 .bt_topo_square2 img {
  width: 58px;
  height: 58px;
  transition: filter 0.3s;
  filter: brightness(100%);
}
.bt_topo_fixed2 .bt_topo_square2 img:hover { filter: brightness(120%); }


@media (max-width: 1400px) {
  .principal { max-width: none; padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 768px) {
  .principal { padding-left: 24px; padding-right: 24px; }
  .principal.interna { padding-top: 70px; padding-bottom: 70px; }
}
@media (max-width: 450px) {
  .principal { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 1100px) {
  .titpadrao { font-size: 34px; }
}
@media (max-width: 768px) {
  .titpadrao { font-size: 30px; }
  .txtpadrao { font-size: 17px; }
  .eyebrow { margin-bottom: 20px; }
}
@media (max-width: 450px) {
  .titpadrao { font-size: 26px; }
  .txtpadrao { font-size: 16px; }
}


@media (max-width: 768px) {
  .intro, .frentes, .governanca, .como, .diagnostico, .pilares, .solucoes, .principal.interna {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
}