:root {
  /* Cores MARCA*/
  --red-kari-main: #DB0000;
  --red-kari-medium: #BA0000;
  --red-kari-light: #E9605F;
  --red-kari-darker: #8D0000;
  --red-kari-lighter: #E3EDFF;
  --yellow-kari: #FFDC36;
  --pink-kari: #FEA9CA;
  --blue-kari: #00C9CB;
  --pink-kari-dark: #E8577E;

  --blue-kari-2: #00C9CB;


  /* Cores STATUS */
  --error-kari-status: #FF3B3B;
  --warning-kari-status: #FFB800;
  --info-kari-status: #0063F7;
  --sucess-kari-status: #06C270;

  /* Tons de Cinza */
  --gray-kari-1: #F7F7F7;
  --gray-kari-2: #EFEFEF;
  --gray-kari-3: #E5E5E5;
  --gray-kari-4: #CCCCCC;
  --gray-kari-5: #B2B2B2;
  --gray-kari-6: #999999;
  --gray-kari-7: #7F7F7F;
  --gray-kari-8: #666666;
  --gray-kari-9: #333333;
  --gray-kari-10: #2A2A2A;
}

/* Font's estilos */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

a {
  text-decoration: none !important;
}

p {
  margin-bottom: 0 !important;
}

section p {
  font-family: Inter;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 170% !important;
  letter-spacing: 0%;

}

h1 {
  font-family: Inter;
  font-weight: 700 !important;
  font-size: 44px !important;
  line-height: 130% !important;
  letter-spacing: 0%;
}

.swiper {
  width: 600px;
  height: 300px;
}


body {
  overflow-x: hidden;
}


section {
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.hero {
  height: 522px;
  background-color: var(--red-kari-main)
}

.about {
  max-width: 100%;
  height: 574px;
  background-color: #e6e6e6;
}

#sobre h2 {
  color: var(--red-kari-main);
  font-size: 2rem;
}

.faca-parte {
  height: 522px;
  background-color: #d9d9d9;
}

.fala-povo {
  height: 594px;
  background-color: #cccccc;
}

.mandato-popular {
  height: 535px;
  background-color: #bfbfbf;
}

.nosso-mandato {
  height: 815px;
  background-color: #b3b3b3;
}

.nossas-lutas {
  height: 824px;
  background-color: #a6a6a6;
}

.projetos-lei {
  /*height: 523px;*/
  background-color: #999999;
}

footer {
  height: 387px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 2rem;
}

#sobre {
  max-width: 646px;
  border: 1px solid green;
  display: block;
  left: 0;
  width: 50%;
}

#carrossel {
  display: block;
  left: 0;
  width: 50%;
}

form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 600px;
}

input,
button {
  padding: 0.75rem;
  border: none;
  border-radius: 4px;
}

button {
  background-color: #333;
  color: #fff;
  cursor: pointer;
}

.fala-povo-flutuante {
  background-image: url(../img/fala-povo-flutuante.png);
  width: 200px;
  height: 130px;
  position: fixed;
  bottom: 20px;
  right: 30px;
  background-size: cover;
  z-index: 1000;
}

@media (max-width: 590px) {
  header {
    flex-direction: column;
    align-items: center;
    font-size: 12px;
  }

  .menu-toggle {
    display: block;
  }

  .sub-header nav {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
  }

  .sub-header nav.mobile-visible {
    display: flex;
  }

  form {
    width: 90%;
  }

  .banner-img img:last-child {
    display: none;
  }

  #sobre {
    max-width: 100%;
    display: block;
    border: 0px;
    left: 0;
    width: 50%;
  }

  #carrossel {
    display: none
  }
}

.about {
  height: 574px;
  background-color: #e6e6e6;
}

.faca-parte {
  height: 522px;
  background-color: #d9d9d9;
}

.fala-povo {
  height: 594px;
  background-color: #cccccc;
}

.mandato-popular {
  height: 535px;
  background-color: #bfbfbf;
}

.nosso-mandato {
  height: 815px;
  background-color: #b3b3b3;
}

.nossas-lutas {
  height: 824px;
  background-color: #a6a6a6;
}

.projetos-lei {
  /*height: 523px;*/
  background-color: #999999;
}

footer {
  height: 387px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 2rem;
}

form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  text-align: left;
}

input,
button {
  padding: 0.75rem;
  border: none;
  border-radius: 4px;
}

button {
  background-color: #333;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 600px) {

  h1 {
    font-size: 36px !important;
  }
}



/* btn fala povo fixo */
.btn-falapovo {
  position: fixed;
  bottom: 0px;
  right: 20px;
  z-index: 1050;
  padding: 10px;
}

.btn-falapovo img {
  width: 200px;
}

@media (max-width: 576px) {
  .btn-falapovo img {
    width: 120px;
  }
}