/* Fonte */
@import url('https://fonts.googleapis.com/css2?family=Gantari:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Cores */
:root {
  --vermelho: #D73439;
  --azul: #29ABE3;
  --azul-claro: rgba(41, 171, 227, 0.1);
  --branco: #fff;
  --cinza: #474747;
  --preto: #2D3C43;
}

/* Tags/Classes */
h1,
h2,
h3,
.tag {
  font-family: "Gantari", serif;
  font-weight: 700 !important;
}

p,
span{
  font-family: "Inter", serif;
  font-weight: 300 !important;
}

h1{
  font-size: 48px;
  color: var(--preto);
}

h2{
  font-size: 40px;
  color: var(--preto);
  margin: 0;
}

h3{
  font-size: 24px;
}

h1 span,
h2 span{
  color: var(--vermelho);
  font-weight: 700 !important;
}

nav .container,
main .container,
section .container,
footer .container{
  max-width: 1215px !important;
}

nav .container{
  padding: 0 15px;
}

footer .container{
  padding: 40px 15px;
}

main .container,
section .container{
  padding: 50px 15px;
}

.tag{
  font-size: 18px;
  text-transform: uppercase;
  color: var(--vermelho);
}

a.btn-primario{
  background-color: var(--vermelho);
  color: var(--branco);
  padding: 12px 24px;
  border-radius: 24px;
  font-weight: 700;
}

a.btn-primario:hover,
a.btn-primario:active{
  position: relative;
  top: 2px;
}


/* Navbar */
.navbar.fixed {
  position: fixed;
  background: var(--branco);
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  width: 100%;
  z-index: 2;
}

nav,
main{
  background-color: var(--azul-claro);
}

a.nav-link{
  color: var(--cinza);
}

a.nav-link:hover{
  color: var(--vermelho);
}

.navbar-toggler{
  border: none !important;
}

.navbar-toggler:focus{
  box-shadow: none !important;
}

/* Seção quem somos */
section.quem-somos .check-item{
  font-weight: 700;
  color: var(--vermelho);
}

/* Seção benefícios */
section.beneficios h3{
  font-size: 24px;
  margin-left: 8px;
  color: var(--vermelho);
}

/* Seção faq */
section.faq{
  background-color: var(--azul-claro);
}
.accordion-item{
  margin-bottom: 16px;
  border: none;
}

.accordion-header,
.accordion-body,
.accordion-item{
  border-radius: 16px !important;
}

.accordion-button{
  color: var(--preto);
  font-family: "Inter", serif;
  font-weight: 700;
}

.accordion-button:not(.collapsed){
  background-color: #ffbabc !important;
  color: var(--vermelho) !important;
}

.accordion-button:focus{
  box-shadow: none !important;
}

.accordion-body{
  font-family: "Inter", serif;
  font-weight: 300;
  color: var(--cinza);
}

/* Seção contato */
section.contato{
  background-color: var(--vermelho);
}

section.contato .row{
  color: var(--branco);
  max-width: 1215px;
  width: 100%;
  margin: 0 auto;
  border-radius: 24px;
}

section.contato .tag{
  color: var(--branco);
}

section.contato form{
  background-color: var(--branco);
  padding: 32px;
  border-radius: 30px;
}

section.contato label{
  font-size: 14px;
  color: var(--cinza);
  margin-bottom: 4px;
}

section.contato input,
section.contato textarea{
  width: 100%;
  border-radius: 24px;
  border: 1px solid var(--cinza);
  padding-left: 15px;
}

section.contato input{
  height: 46px;
}

section.contato textarea{
  height: 200px;
  padding-top: 8px;
}

section.contato input:hover,
section.contato input:focus,
section.contato textarea:hover,
section.contato textarea:focus{
  outline-color: var(--vermelho);
}

section.contato button{
  background-color: var(--vermelho);
  color: var(--branco);
  width: 100%;
  font-weight: 700;
  height: 46px;
  border-radius: 24px;
}

section.contato button:hover,
section.contato button:active{
  position: relative;
  top: 2px;
}

/* Footer */
footer{
  border-top: 4px solid var(--azul);
}

footer span{
  margin-top: 16px;
  font-size: 14px;
}

footer .lista-icones img:hover{
  transform: scale(1.1);
  cursor: pointer;
}