@font-face {
  font-family: Himalaya;
  src: url("../fonts/DINNextLTPro-LightCondensed.otf");
}

@font-face {
  font-family: DINNextLTProMedium;
  src: url("../fonts/DINNextLTPro-Medium.otf");
}

@font-face {
  font-family: nirmala;
  src: url("../fonts/DINNextLTPro-Medium.otf");
}

/* FONT-SIZE */
.font10 {
  font-size: 10px;
}

.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}
.font30 {
  font-size: 30px;
}
.font40 {
  font-size: 40px;
}

.text-center {
  display: flex;
  justify-content: center;
}

.linha {
  display: flex;
  flex-direction: row;
}

body {
  font: 0.87rem DINNextLTProMedium, Arial, Tahoma, Sans-serif;
}

.fontsite {
  font-family: nirmala;
  font-weight: bold;
}

.fonttitle {
  color: var(--background-footer);
}

.ghost {
  background-color: transparent;
  color: var(--background-footer);
  border: 1px solid var(--background-footer);
  text-align: center;
}

.ghost-white {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  text-align: center;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.headertop {
  background-color: var(--background-header);
  height: 7.33vw;
  width: 100vw;
  margin: 0px;
  font-family: "Roboto";
  font-style: normal;
  z-index: 10;
  top: 0;
  position: fixed;
  display: flex;
  flex-direction: row;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
}

.headertop a:hover {
  opacity: 0.9;
}

.identifier-header {
  font-size: 4px;
  margin: 0;
}
.identifier-header h6 {
  font-weight: 400;
  line-height: 1.17vw;
  margin: 0;
}

.identifier-header h3 {
  font-weight: 700;
  margin: 0;
  line-height: 1.17vw;
}

.headertop-begin {
  width: 14.33vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.language {
  font-size: none;
  color: #389e0d;
}

.headertop-social {
  display: flex;
  justify-content: center;
  align-items: center;
}

.headertop-social a {
  font-size: 1.17vw;
  color: var(--text-header);
  padding-left: 0.92vw;
}

.headertop-middle {
  color: var(--text-header);
  width: 72.34vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.headertop-middle img {
  width: 4.3vw;
  height: 7.83vh;
}

.headertop-end button:hover {
  color: var(--cor-secundaria);
  border-color: var(--cor-secundaria);
}

.headertop-end button {
  width: 6.83vw;
  height: 5.43vh;
  color: var(--text-header);
  border-color: var(--text-header);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.headertop-end {
  width: 13.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-bar {
  background-color: #f1f1f1;
  height: 4.42vw;
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  top: 7.25vw;
  margin-left: 0px;
  padding-left: 3.6vw;
  width: 100vw;
  z-index: 9;
}

.myLinks {
  height: 100%;
  width: 95vw;
  display: flex;
}

.myLinks ul {
  list-style: none;
  font-weight: 400;
  max-width: 100%;
  min-height: 100%;
  display: flex;
  text-decoration: none;
  overflow-x: hidden;
}
.menu-bar-item li a {
  color: var(--background-footer);
}

.menu-bar-item {
  height: 4.42vw;
  width: 12vw;
  min-width: 9.17vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style the navigation menu */
.hamburguer-menu i {
  color: var(--background-footer);
  font-size: 1.5vw;
  width: 1.56vw;
  height: 1.37vw;
}

.hamburguer-menu {
  min-width: 1.56vw;
  min-height: 1.37vw;
  width: 1.4vw;
  display: flex;
}

.submenu-bar-container {
  border-top: 1px solid var(--background-footer);
  width: 100vw;
  display: flex;
  padding-left: 7.17vw;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 1.5vw;
}

.submenu-item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 15vw;
  border: none;
  min-width: 9.58vw;
  flex-wrap: wrap;
  min-height: 2.5vw;
  color: var(--background-footer);
}

.menu-bar-item:hover .submenu-bar {
  display: flex;
}

.menu-bar-item li a:hover,
.menu-bar-item li a:focus {
  color: var(--cor-secundaria);
  text-decoration: underline;
}

.submenu-bar {
  display: none;
  left: 0;
  background-color: #f1f1f1;
  min-height: 4vw;
  position: fixed;
  width: 100vw;
  z-index: 9;
  top: 11.25vw;
  justify-content: center;
}

.hamburguer-menu-hidden i{
  color: var(--background-footer);
}

.hamburguer-menu-hidden i:hover{
  color: var(--cor-secundaria);
}

.hamburguer-menu-hidden {
  color: var(--background-footer);
  width: 3.67vw;
  height: 3.67vw;
  font-size: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 7.5vw;
  background: #f1f1f1;
  z-index: 9;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
}

/* Add a grey background color on mouse-over */
.hamburguer-menu i:hover {
  background-color: #ddd;
  color: var(--cor-secundaria);
}

/* FOOTER */
.footer {
  width: 100vw;
  overflow: hidden;
}

.footer-container {
  display: flex;
  flex-direction: row;
  min-height: 10vw;
  width: 100vw;
  background-color: var(--background-footer);
  color: var(--text-footer);
}

.footer-left {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 32vw;
}

.footer-social {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.footer-social ul {
  list-style: none;
  display: flex;
  align-self: center;
  justify-self: center;
  gap: 0.91vw;
  padding: 0;
}

.social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.social ul {
  list-style: none;
}

.social ul li {
  display: inline;
}

.social a i {
  font-size: 1.17vw;
  color: white;
}

.identifier {
  width: 17.34vw;
  align-items: center;
  justify-content: center;

  display: flex;
  flex-direction: row;
  color: white;
}

.logo {
  width: 4.3vw;
  height: 3.83vw;
  font-size: 4px;
}

.logo img {
  width: 4.3vw;
  height: 3.83vw;
}

.btn-contact button:hover {
  color: var(--cor-secundaria);
  border-color: var(--cor-secundaria);
}

.btn-contact button {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.btn-contact {
  width: 11.75vw;
  min-width: 76.7px;
  min-height: 12.61px;
}

.divider {
  height: 30vh;
  width: 0px;
  border-right: 1px solid white;
  align-self: center;
}

.divider-horizontal2 {
  height: 0px;
  width: 86%;
  margin-left: 7%;
  margin-bottom: 0.83vw;
  border-top: 1px solid #d9d9d9;
}

.menus {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  color: white;
  padding-top: 5vh;
  width: 67.7vw;
}

.menus p {
  margin: 0;
}

.menus i {
  margin-right: 0.5vw;
}

@media (max-width: 1024px) {
  .btn-contact {
    font-size: 0.62rem;
  }
}

@media (max-width: 768px) {
  .btn-contact {
    font-size: 0.5rem;
  }
}

@media (max-width: 425px) {
}
.menus a {
  color: white;
}

.footer-menu {
  display: flex;
  flex-direction: row;
}

.footer-menu-container {
  font-size: 4px;
  height: 200px;
  gap: 1.58vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.footer-menu-container h6 {
  min-width: 12vw;
  margin: 0;
}

.footer-menu-container a {
  min-width: 12vw;
}

.footer-menu-container span i {
  font-size: 1vw;
}
.footer-menu-container span {
  font-size: 4px;
  display: flex;
  flex-direction: row;
}

.back-to-top {
  align-self: flex-end;
  margin-bottom: 1.75vw;
  width: 3.94vw;
  height: 3.94vw;
}

.arrow-up {
  height: 20px;
  width: 20px;
  border-left: 5px solid var(--text-header);
  border-top: 5px solid var(--text-header);
  transform: rotate(45deg);
}

.circle {
  height: 50px;
  width: 50px;
  border-radius: 30px;
  background-color: var(--cor-secundaria);
  display: flex;
  justify-content: center;
  align-items: center;
}

.copy {
  display: flex;
  justify-content: space-between;
  background-color: var(--cor-copy);
  color: white;
  height: 2.92vw;
  width: 100vw;
}

.right {
  position: absolute;
  right: 15%;
  margin-top: 1.25vw;
}

.left {
  position: absolute;
  left: 15%;
  margin-top: 1.25vw;
}

.menu-fixo {
  position: fixed;
  top: 0;
  z-index: 99;
  transition: all 0.5s;
  background-color: #fff;
  width: 100%;

  box-shadow: 0 0 3.33vw rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3.33vw rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3.33vw rgba(0, 0, 0, 0.5);
}

.first-slide {
  display: flex;
  align-items: center;
}

.hero-title {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 25%;
  top: 25%;
  color: #262626;
  width: 55.92vw;
}

.hero-input {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  left: 25%;
  top: 70%;
  width: 55.92vw;
}

.hero-input-text {
  width: 55.92vw;
}
.hero-input input {
  width: 100%;
  height: 4.5vw;
}

.hero-input i {
  font-size: 1.56vw;
}

.hero-input-button {
  z-index: 1;
  margin-top: 0.54vw;
  margin-left: -3.96vw;
  width: 3.42vw;
  height: 3.42vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-footer);
  border-radius: 0.67vw;
  color: white;
  cursor: pointer;
}

.hero-input-button:hover {
  background-color: var(--cor-secundaria);
}

/* LINKS */
.links {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 3.17vw;
  padding: 0 7vw;
  width: 100vw;
}

/* NOTICIAS */
.noticias {
  /* background-color: black; */
  width: 100vw;
  padding: 0 12.58vw 0 12.58vw;
  margin-bottom: 3.16vw;
}

.noticias-title {
  width: 72vw;
  height: 3.33vw;
  display: flex;
  justify-content: center;
}

.noticias-title h2 {
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.33vw;
}

.noticias-card {
  width: 75.16vw;
  height: 24.33vw;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.card-1-foto {
  width: 36.5vw;
  height: 24.33vw;
  border-radius: 0.67vw;
}

.card-1-foto img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  border-radius: inherit;
}

.card-1-title {
  color: #262626;
  width: 31.67vw;
  height: 5vw;
  font-weight: 700;
  line-height: 2.5vw;
  margin-top: 1.5vw;
  overflow: hidden;
}

.card-1-conteudo p {
  margin: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.33vw;
  color: #262626;
  font-size: inherit;
}

.card-1-title h3 {
  margin: 0;
}
.card-1-conteudo {
  margin: 0;
  letter-spacing: 0.275px;
  width: 31.66vw;
  height: 5.83vw;
  overflow-y: hidden;
}

.allNotices-card-content-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 2.67vw;
  margin: 0;
}

.read-news {
  background-color: var(--background-footer);
  border-radius: 0.33vw;
  width: 9.33vw;
  height: 2.67vw;
  color: white;
  border: none;
  padding: 0;
  cursor: pointer;
}

.read-news:hover{
  background-color: var(--cor-secundaria);
}

.card-1-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 31.66vw;
  max-height: 18.25vw;
  margin: 3vw 3.66vw 3.66vw 3.33vw;
  gap: 0.67vw;
}

.card-1-text button {
  cursor: pointer;
}

.card-others {
  margin-top: 2.33vw;
}

.mini-card-noticias:hover {
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
}
.mini-card-noticias {
  width: 17.92vw;
  height: 20.75vw;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0.67vw;
  margin-left: 1.17vw;
  padding-bottom: 1vw;
}

.news-type-card1 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0.5vw;
  width: 31.75vw;
}

.news-type-cards {
  width: 17.92vw;
  padding: 1.33vw 0 0.5vw 2.5vw;
  /* border-bottom: 1px solid #d9d9d9; */
}

.news-type i {
  font-size: 1.16vw;
}

.news-type {
  color: #8c8c8c;
  font-weight: 700;
  height: 2.67vw;
  display: flex;
  flex-direction: row;
  gap: 0.33vw;
}

.news-type p {
  margin: 0;
  font-weight: 700;
}

.card-foto {
  box-sizing: border-box;
  margin-right: 2vw;
  margin-left: 2vw;
  text-align: center;
  width: 13.58vw;
  height: 8.67vw;
  border: 1px solid #f6f5ef;
  border-radius: 0.67vw;
}

.card-foto img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  border-radius: 0.67vw;
}

.card-text {
  width: 14.83vw;
  height: 4vw;
  font-weight: 600;
  line-height: 1.33vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  display: flex;
  align-items: center;
  letter-spacing: 0.275px;
  color: #262626;
}

.card-text2 h2 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  letter-spacing: 0.275px;
  color: #262626;
  margin: 0;
}

.card-text2 h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;

  display: flex;
  align-items: center;
  letter-spacing: 0.275px;

  color: #262626;
  margin: 0;
}

.card-text2 {
  width: 14.83vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  display: flex;
  color: #262626;
}

.mini-card-footer {
  justify-content: space-between;
  font-size: 4px;
  width: 17.92vw;
  height: 1.33vw;
  padding: 0 1.47vw 0 2.08vw;
}

.mini-card-footer a,
.mini-card-footer p {
  display: inherit;
  font-weight: 700;
  line-height: 1.33vw;
  color: var(--cor-secundaria);
}

.button-card {
  margin: 2.75vw 0;
  display: flex;
  justify-content: center;
}

.button-card button {
  padding: 0;
  width: 15vw;
  height: 2.67vw;
  min-width: 9vw;
  min-height: 1.67vw;
  cursor: pointer;

  background: var(--background-footer);
  border-radius: 0.33vw;
  border: none;
  font-weight: 400;
  font-size: 1.33vw;
  color: #ffffff;
  font-family: "Lato";
  font-style: normal;
}
.button-card button:hover {
  background: var(--cor-secundaria);
}

@media (max-width: 1439px) {
  .font10 {
    font-size: 12px;
  }
  .font12 {
    font-size: 14px;
  }
  .font14 {
    font-size: 16px;
  }
  .noticias-index-content-body p {
    font-size: 16px;
  }

  .font16 {
    font-size: 18px;
  }

  .font18 {
    font-size: 20px;
  }

  .font20 {
    font-size: 24px;
  }

  .font24 {
    font-size: 28px;
  }
  .font30 {
    font-size: 46px;
  }
  .font40 {
    font-size: 48px;
  }
}

@media (max-width: 1024px) {
  .font10 {
    font-size: 8px;
  }

  .font12 {
    font-size: 12px;
  }

  .font14,
  .font16 {
    font-size: 12px;
  }
  .noticias-index-content-body p {
    font-size: 12px;
  }

  .font20 {
    font-size: 16px;
  }

  .font24 {
    font-size: 20px;
  }
  .font30 {
    font-size: 24px;
  }
  .font40 {
    font-size: 34px;
  }
}

@media (max-width: 768px) {
  .font10,
  .font12 {
    font-size: 6px;
  }
  .font14 {
    font-size: 8px;
  }
  .noticias-index-content-body p {
    font-size: 8px;
  }

  .font16,
  .font18 {
    font-size: 10px;
  }

  .font20 {
    font-size: 12px;
  }

  .font24 {
    font-size: 14px;
  }
  .font30 {
    font-size: 18px;
  }
  .font40 {
    font-size: 24px;
  }
}

@media (max-width: 426px) {
  .font10 {
    font-size: 2px;
  }

  .font12,
  .font14,
  .font16 {
    font-size: 4px;
  }
  .noticias-index-content-body p {
    font-size: 4px;
  }

  .font18,
  .font20 {
    font-size: 6px;
  }
  .font24 {
    font-size: 8px;
  }
  .font30 {
    font-size: 10px;
  }
  .font40 {
    font-size: 14px;
  }
}
@media (min-width: 2559px) {
  .font10 {
    font-size: 20px;
  }
  .font12 {
    font-size: 24px;
  }
  .font14 {
    font-size: 28px;
  }
  .noticias-index-content-body p {
    font-size: 28px;
  }

  .font16 {
    font-size: 34px;
  }

  .font18 {
    font-size: 38px;
  }

  .font20 {
    font-size: 42px;
  }

  .font24 {
    font-size: 50px;
  }
  .font30 {
    font-size: 64px;
  }
  .font40 {
    font-size: 84px;
  }
}
/* SERVIÇOS */

.servicos {
  background-color: var(--background-footer);
  padding: 2.83vw 7vw;
  width: 100vw;
  margin-bottom: 2.33vw;
}

.servicos-container {
  width: 98%;
}

.boxcarousel-servicos-title h2 {
  color: white;
}

/* BANNER */
.banner {
  width: 100vw;
  height: 24.67vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.17vw;
}

.banner-fundo img {
  position: absolute;
  z-index: -1;
  width: 96.67vw;
  height: 24.67vw;
}

.banner-fundo {
  width: 96.67%;
  height: 100%;
  background-size: cover;

  border-radius: 1.5vw;

  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-border {
  box-sizing: border-box;

  width: 93.08%;
  height: 82.4%;
  flex-wrap: wrap;
  padding-left: 2%;

  border: 3px solid #fff;
  border-radius: 1%;
  text-transform: uppercase;

  align-items: center;
}

.banner-border h2 {
  font-weight: 700;
  color: #ffffff;

  text-shadow: rgba(6, 17, 120, 1) -0.58vw 0.58vw;
}

.banner-border h4 {
  min-width: 7.75%;
  min-height: 3.33vw;
  margin-left: 1.33vw;

  font-weight: 700;
  line-height: 3.33vw;

  color: #ffffff;

  text-shadow: rgba(6, 17, 120, 1) -3px 3px;
}

/* SECRETARIAS */

.secretarias {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  margin-bottom: 3.17vw;
}

.secretarias-container {
  padding: 0 7vw;
}

.secretarias-body {
  width: 90vw;
}

.secretarias-title {
  width: 16.58vw;
  height: 3.33vw;
  font-weight: 700;
  line-height: 3.33vw;
}
.secretarias-title h3 {
  color: #262626;
}

.secretarias-cards {
  display: flex;
  flex-direction: column;
}

.secretarias-card-margin {
  margin-left: 1.83vw;
}

.secretarias-card {
  padding-top: 1.25vw;
  width: 21vw;
  min-height: 29.08vw;
  background: white;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 0.67vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secretarias-card-header {
  width: 87%;
  margin-left: 6.5%;
  height: 7.33vw;
  color: white;
  gap: 1.17vw;
  background: var(--background-footer);
  border-radius: 0.67vw;
  font-size: 3.5vw;
  padding: 0 2.66vw 0 2.66vw;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.secretarias-card-header i {
  font-size: 3.67vw;
}
.secretarias-card-header h4 {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  line-height: 1.83vw;
  letter-spacing: 0.275px;
}

.secretarias-card-conteudo i {
  margin-right: 0.42vw;
  font-size: 1vw;
}
.secretarias-card-conteudo p {
  margin: 0;
}

.secretarias-card-conteudo img {
  width: 2.83vw;
  height: 2.83vw;
  margin-right: 0.67vw;
}

.secretarias-card-conteudo {
  width: 18.33vw;
  padding-left: 2.58vw;
  margin-top: 1.5vw;
  gap: 1.5vw;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  line-height: 1.33vw;
  display: flex;
  align-items: initial;
  flex-direction: column;
  letter-spacing: 0.275px;
  color: #262626;
}

.secretarias-card-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.67vw;
}

.secretarias-card-btn button {
  padding: 0.42vw 1.33vw;
  gap: 0.67vw;
  cursor: pointer;
  width: 11.75vw;
  height: 2.66vw;
  color: var(--background-footer);
  border: 1px solid var(--background-footer);
  border-radius: 0.33vw;
}

.secretarias-card-btn button:focus {
  outline: none;
  color: white;
  background: #10239eaf;
  border: none;
}
.secretarias-card-btn button:hover {
  color: white;
  background: var(--cor-secundaria);
  border: none;
}

.secretarias-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.33vw;
  cursor: pointer;
}

.secretarias-btn button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.42vw 1.33vw;
  gap: 0.67vw;

  width: 16.67vw;
  height: 2.66vw;

  /* Geek Blue / geekblue-8 */

  background: var(--background-footer);
  border-radius: 0.33vw;

  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 1.33vw;
  line-height: 1.83vw;
  border: none;

  color: #ffffff;
}

.secretarias-btn button:hover {
  background: var(--cor-secundaria);
}


/* PRINCIPAIS PROJETOS */
.projetos {
  width: 100vw;
  height: 56.58vw;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 2.33vw;
  padding-bottom: 25.75vw;
  margin-bottom: 2.5vw;

  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
}

.projetos-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  line-height: 3.33vw;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
  margin-bottom: 2.33vw;
}

.projetos-cards {
  display: flex;
  flex-direction: row;
  gap: 2.17vw;
}
.projetos-card {
  width: 28.33vw;
  min-height: 37.08vw;
  background: #ffffff;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.projetos-card-imagem img {
  width: 28.33vw;
  height: 24.25vw;
  margin-bottom: 1.42;
  border-radius: 0.67vw;
  object-fit: scale-down;
}

.projetos-card-conteudo {
  display: flex;
  border-radius: 0.67vw;
  height: 12.83vw;
  padding-left: 1.33vw;
  padding-right: 1.33vw;
  justify-content: space-between;
  flex-direction: column;
}

.projetos-card-conteudo-titulo {
  width: 25.58vw;
  min-height: 2vw;

  font-family: "Lato";
  font-style: normal;
  font-weight: 700;

  display: flex;
  align-items: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  margin-bottom: 0.33vw;
  color: #262626;
}

.projetos-card-conteudo-text {
  width: 25.58vw;
  height: 5vw;
  overflow-y: hidden;
  font-family: "Lato" !important;
  text-decoration: none !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.67vw;
  text-align: justify;
  letter-spacing: 0.275px;
  color: #262626;
  margin-bottom: 1.33vw;
}

.projetos-card-conteudo-footer {
  width: 25.58vw;

  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.83vw;
  line-height: 1.33vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  letter-spacing: 0.275px;
}

.projetos-card-conteudo-footer a i,
h4 {
  font-size: 0.83vw;
}
.projetos-card-conteudo-footer a {
  color: var(--cor-secundaria);
}

.projetos-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.33vw;
}

.projetos-btn button:hover {
  background: var(--cor-secundaria);
}

.projetos-btn button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.42vw 1.33vw;
  gap: 0.67vw;
  cursor: pointer;
  width: 15.25vw;
  height: 2.67vw;
  background: var(--background-footer);
  border-radius: 0.33vw;

  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 1.33vw;
  line-height: 1.83vw;
  color: #ffffff;
  border: none;
}

/* NOTICIAS INDEX */
.noticias-index {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.33vw;
}

.noticias-index-title {
  width: 86.42vw;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  margin-bottom: 0.67vw;

  color: #262626;
}

.noticias-index-title h2 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  line-height: 4.17vw;
}

.noticias-index-subtitle {
  width: 77.58vw;
  margin-bottom: 3.33vw;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 2.5vw;

  display: flex;
  align-items: center;
  letter-spacing: 0.275px;

  color: #262626;
}

.noticias-index-content {
  padding: 1vw 2.58vw 0px 2.58vw;
  width: 87.67vw;
  text-align: justify;
  border-top: 2px solid #d9d9d9;
}

.noticias-index-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.33vw;
}

.noticias-index-content img {
  width: 39.33vw;
  height: 23.08vw;
  float: left;
  border-radius: 0.67vw;
  margin-right: 3.08vw;
  margin-bottom: 1vw;
}

.noticias-box {
  width: 23.08vw;
  height: 16.25vw;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  filter: drop-shadow(0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08));
  border-radius: 0.67vw;
}

.noticias-index-content-body {
  min-height: 26.08vw;
}

.noticias-index-content-body img {
  object-fit: scale-down;
}

.noticias-index-content-footer {
  margin-bottom: 3.33vw;

  margin-top: 2.83vw;
}

.type {
  font-size: 1.17vw;
  gap: 0.33vw;
}

.share {
  font-size: 0.83vw;
}

.share i {
  color: var(--cor-secundaria);
  font-size: 0.83vw;
}

/* MODAL SOCIAL */

.modal-content {
  width: 47.58vw;
  height: 31.58vw;
  background: #ffffff;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
  /* border: none; */
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border: none;
  padding: 1.33vw;
}

.modal-body {
  padding: 0;
}

.modal-title {
  width: 31.67vw;
  height: 2.5vw;
  text-align: center;
  margin-top: 3.33vw;
  margin-left: 8vw;
  text-transform: uppercase;
}

.modal-social {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.modal-social a:hover {
  text-decoration: none;
}

.modal-container {
  padding: 0 4.08vw;
}

.social-buttons:hover {
  background: var(--cor-secundaria);
  text-decoration: none;
}

.social-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-footer);
  border-radius: 0.67vw;
  width: 6.84vw;
  height: 6.84vw;
}

.social-buttons i {
  font-size: 3.67vw;
  color: #fff;
}

.social-input {
  margin-top: 3.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39.5vw;
  height: 3.33vw;
  flex-direction: row;
}

.social-input button {
  margin-left: -2.92vw;
  border: none;
  color: var(--background-footer);
  width: 1vw;
  background-color: white;
}

.social-input input {
  width: 39.5vw;
  height: 3.33vw;
  padding-right: 2vw;
}

.modal-footer {
  border: none;
}

/* MODAL EVENTO */

.modal-evento-content {
  height: 42.58vw;
}

.modal-evento-header {
  width: 47.58vw;
  height: 7.75vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border: none;
  background: linear-gradient(0deg, rgba(205, 205, 205, 0.5), rgba(205, 205, 205, 0.5));
  border-radius: 0.67vw;
}

.modal-evento-header img {
  width: 47.58vw;
  height: 7.75vw;
}

.modal-evento-body {
  width: 100%;
  padding: 2.33vw 7.92vw;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  align-items: center;
}

.modal-evento-title h3 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  /* font-size: 1.67vw; */
  line-height: 2.5vw;
  background-color: transparent;
  border: none;

  color: #262626;
}
.modal-evento-title {
  display: flex;
  /* overflow-y: hidden; */
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  min-width: 31.67vw;
  min-height: 2.5vw;
  max-height: 5.25vw;
  text-align: center;
  text-transform: uppercase;
}

.modal-evento-item p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.33vw;
  margin: 0;
  letter-spacing: 0.275px;

  color: #262626;
}

#modal-evento-description {
  height: 12.5vw;
  width: 29vw;
  overflow-y: auto;
}
.modal-evento-item i {
  font-size: 1.5vw;
}
.modal-evento-item {
  gap: 0.92vw;
  display: flex;
  flex-direction: row;
}

.close {
  padding: 0;
  margin: 0;
}
.modal-close-button {
  margin-left: -2.25vw;
}
.modal-evento-close {
  margin-left: -2.25vw;
}

/* TODAS AS NOTÍCIAS */

.allNotices {
  display: flex;
  justify-content: center;
  padding: 3.33vw 7vw 3.42vw 7vw;
}

.allNotices-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
}

.allNotices-title h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.33vw;
}

.allNotices-card-content-body-content p {
  margin: 0;
}
.allNotices-card-content-body-content {
  text-decoration: none;
  margin: 0;
  gap: 0;
  overflow: hidden;
}

.allNotices-card-img img {
  object-fit: scale-down;
}

.allNotices-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.75vw;
}
.allNotices-search i {
  font-size: 1.17vw;
}

.allNotices-search button {
  padding: 0 0 0 0.83vw;
  width: 3.42vw;
  height: 3.42vw;
  margin-left: -4vw;
  background: var(--background-footer);
  border: none;
  border-radius: 0.67vw;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.allNotices-search button:hover {
  background: var(--cor-secundaria);
}

.page-link:hover{
  color: var(--background-footer);
}

.page-link{
  color: var(--background-footer);
}


.page-item.active .page-link{
  background-color: var(--background-footer);
  border-color: var(--background-footer);
  /* color: var(--text-header); */
}

.allNotices-search input {
  box-sizing: border-box;
  width: 55.42vw;
  height: 4.5vw;
  padding-left: 1.42vw;

  /* White_Matriculei */

  background: #ffffff;
  /* Gray / gray-4

Dividers
*/
  border: 1px solid #f0f0f0;
  /* Elevation */

  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.allNotices-body {
  border-top: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.allNotices-card {
  margin-top: 2.83vw;
  box-sizing: border-box;
  width: 75.17vw;
  height: 24.33vw;
  background: #ffffff;
  border: 2px solid #d9d9d9;
  border-radius: 0.67vw;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.allNotices-card img {
  box-sizing: border-box;
  width: 36.5vw;
  height: 24.33vw;
  border: 1px solid #d9d9d9;
  border-radius: 0.67vw;
}
.allNotices-card-content-format {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.allNotices-card-content {
  width: 31.75vw;
  height: 24.25vw;
  padding-top: 3vw;
}

.allNotices-card-content-header {
  display: flex;
  height: 1.67vw;
  flex-direction: row;
  justify-content: space-between;
}

.allNotices-card-content-header-type i {
  font-size: 1.17vw;
}

.allNotices-card-content-header-type p {
  margin: 0;
  padding: 0;
  margin-block-start: 0;
}

.allNotices-card-content-header-type {
  display: flex;
  flex-direction: row;
  gap: 0.33vw;
}

.allNotices-card-content-header-share {
  font-size: 1.17vw;
}

.allNotices-card-content-header-share i {
  color: var(--cor-secundaria);
  font-size: 1.17vw;
}

.allNotices-card-content-body {
  border-top: 2px solid #d9d9d9;
  padding: 1.5vw 0;
  gap: 1.5vw;
  height: 14vw;
  text-align: justify;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.allNotices-card-content-body-title {
  color: #262626;
}

.allNotices-card-content-body-title h3 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  margin: 0;
}

.allNotices-card-content-body-title-content {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  /* font-size: 1.33vw; */
  line-height: 1.67vw;
  /* or 125% */

  display: flex;
  align-items: center;
  letter-spacing: 0.275px;

  /* Gray / gray-9 */

  color: #262626;
}

.allNotices-paginate {
  margin-top: 3.42vw;
  color: var(--background-footer);
}

/* CONTATOS */

.contatos {
  padding-top: 3.33vw;
  width: 100vw;
}

.contatos-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contatos-title {
  height: 3.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
}

.contatos-title h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.33vw;
}

.contatos-description {
  width: 62.25;
  height: 4vw;
  display: flex;
  align-items: center;
  letter-spacing: 0.275px;
  text-align: justify;
  color: #262626;
  margin: 1.5vw 0 3.33vw 0;
  padding: 0 7vw;
}

.contatos-description p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.5vw;
  line-height: 2vw;
}

.contatos-body {
  height: 60vw;
  margin-bottom: 2.33vw;
  padding: 0 4vw 0 4vw;
  display: flex;
  flex-direction: row;
}

.contatos-body-left {
  width: 45.75vw;
  border-right: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  padding: 0 4vw 3.33vw 4vw;
  flex-direction: column;
  justify-content: space-between;
}

.contatos-body-right {
  width: 45.75vw;
  display: flex;
  align-items: center;
  padding: 0 4vw 0 0;
  flex-direction: column;
}

.contatos-body-left-content {
  display: flex;
  flex-direction: column;
  gap: 2.33vw;
}

.contato-item {
  display: flex;
  flex-direction: row;
}

.contato-item-icon {
  width: 2.83vw;
  height: 2.83vw;
  color: white;
  font-size: 1.5vw;
  background: var(--background-footer);
  border-radius: 0.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.92vw;
}

.contato-item-content p {
  margin: 0;
}
.contato-item-content {
  overflow-wrap: normal;
  max-width: 31.58vw;
}
.contatos-body-left-map {
  box-sizing: border-box;

  width: 37.25vw;
  height: 19.42vw;
  border: 1px solid #bfbfbf;
  border-radius: 0.67vw;
}
.contatos-body-left-map iframe {
  width: 100%;
  height: 100%;
}

.contatos-body-right-form {
  display: flex;
  flex-direction: column;
}

.contato-form-item h4 {
  margin-bottom: 0px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  /* identical to box height, or 171% */

  display: flex;
  align-items: center;
  letter-spacing: 0.275px;

  /* Gray / gray-9 */

  color: #262626;
}
.contato-form-item input {
  margin-bottom: 1.67vw;
  width: 37.75vw;
  height: 3.33vw;
}

.contato-form-item textarea {
  width: 37.75vw;
  height: 10.42vw;
}

.contato-form-item button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.67vw;
  border: none;
  width: 13.33vw;
  height: 2.66vw;
  color: white;
  background: var(--background-footer);
  border-radius: 0.33vw;
}

.contato-button {
  width: 37.75vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.33vw;
}

.contato-termos-de-uso input {
  width: 1.33vw;
  height: 1.33vw;
}

.contato-termos-de-uso {
  margin-top: 1vw;

  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.83vw;

  color: #262626;
  flex: none;
  order: 1;
  flex-grow: 0;
}

.contato-termos-de-uso a {
  color: #ad4e00;
  text-decoration: underline;
}

/* SECRETARIAS INDEX */

.secretarias-index {
  padding: 4.25vw 5.25vw 3.33vw 5.25vw;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.secretarias-index-header {
  width: 86vw;
  display: flex;
  padding-bottom: 3.67vw;
  flex-direction: column;
  gap: 2.83vw;
  border-bottom: 2px solid #d9d9d9;
  align-items: center;
}

.secretarias-index-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.33vw;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
}

.secretarias-index-search {
  width: 55.42vw;
  height: 4.5vw;
  display: flex;
  flex-direction: row;
}

.secretarias-index-search input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.secretarias-index-search button {
  width: 3.42vw;
  height: 3.42vw;
  background: var(--background-footer);
  border-radius: 0.67vw;
  margin-top: 0.5vw;
  margin-left: -4vw;
  color: white;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secretarias-index-search button i {
  font-size: 1.56vw;
}

.secretarias-index-body {
  padding-top: 2.83vw;
}

.secretarias-index-cards {
  display: flex;
  flex-wrap: wrap;
  width: 89.5vw;
  gap: 1.83vw;
}

/* SECRETARIA INDEX */

.secretaria-index {
  padding: 9.75vw 7vw 2.83vw 7vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.secretaria-index-header {
  width: 86vw;
  border-bottom: 2px solid #d9d9d9;
  padding-bottom: 2.83vw;
}

.secretaria-index-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1.25vw;
  font-size: 3.33vw;
  color: #262626;
}

.secretaria-index-title h4 {
  margin-bottom: 0;
  align-self: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  line-height: 4.17vw;
  letter-spacing: 0.275px;
  text-transform: uppercase;
}

.secretaria-index-body {
  padding: 5.92vw 5.42vw 0;
  display: flex;
  flex-direction: column;
  gap: 2.33vw;
}

.secretaria-index-contact-and-description {
  width: 75.17vw;
  min-height: 30.42vw;
  padding: 3.5vw 4.17vw;
  border: 1px solid #bfbfbf;
  border-radius: 1.17vw;
}

.secretaria-index-contact-and-description-header {
  display: flex;
  align-items: center;
}

.secretaria-index-contact-and-description-header h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  letter-spacing: 0.275px;
  color: #262626;
}

.secretaria-index-contact-and-description-body {
  padding-top: 2.33vw;
  display: flex;
  flex-direction: row;
}

.secretaria-index-contact {
  min-width: 22.92vw;
  padding: 1.08vw 2.42vw 1.08vw 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 2px solid #d9d9d9;
}

.secretaria-index-contact i {
  margin-right: 1vw;
  font-size: 1.75vw;
}

.secretaria-index-description {
  width: 41.25vw;
  min-height: 18.67vw;
  padding: 0.17vw 0 0.17vw 3.33vw;
  text-align: justify;
}

.secretaria-index-titular {
  width: 75.17vw;
  min-height: 21.17vw;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 0.67vw;
  padding: 2.75vw 3.58vw;
}

.secretaria-index-titular-header {
  display: flex;
  align-items: center;
  margin: 0 0 2.75vw 0;
}
.secretaria-index-titular-header img {
  width: 4.5vw;
  height: 4.5vw;
  margin-right: 2vw;
}
.secretaria-index-titular-header h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.67vw;
  letter-spacing: 0.275px;

  color: #262626;
}

.secretaria-index-titular-body {
  width: 67.67vw;
  min-height: 8.17vw;
}

.secretaria-index-titular-body p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  text-align: justify;
  letter-spacing: 0.275px;
  color: #262626;
}

.secretaria-index-anexos {
  box-sizing: border-box;
  padding: 2.83vw 5.25vw;
  width: 75.17vw;
  min-height: 21vw;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 0.67vw;
}

.secretaria-index-anexos-header {
  display: flex;
  font-size: 2.33vw;
  flex-direction: row;
  gap: 2.5vw;
  margin-bottom: 3.42vw;
}

.secretaria-index-anexos-header h4 {
  width: 52.25vw;
  height: 1.67vw;

  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 1.67vw;
  display: flex;
  align-items: center;
  letter-spacing: 0.275px;
  color: #262626;
}

.encapsule {
  width: 6.17vw;
  height: 6.17vw;
}
.secretaria-index-anexos-body a {
  background-color: #002766;
}
.secretaria-index-anexos-body-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #10239e;
  box-sizing: border-box;
  font-size: 2.33vw;
  width: 6.17vw;
  height: 6.17vw;
  background: #f0f0f0;
  border: 1px dashed #bfbfbf;
  border-radius: 0.67vw;
}

/* EVENTOS INDEX */

.eventos-index {
  padding: 3.33vw 7vw;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.eventos-index-header {
  width: 86vw;
  border-bottom: 2px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.83vw;
  padding-bottom: 2.75vw;
}

.eventos-index-title {
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
}

.eventos-index-title h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: 3.33vw;
  color: #262626;
}

.eventos-index-search button {
  background: var(--background-footer);
  border-radius: 0.67vw;
  border: none;
  width: 3.42vw;
  height: 3.42vw;
  font-size: 1.56vw;
  color: white;
  margin: 0.5vw 0px 0px -4vw;
}

.eventos-index-search input {
  width: 55.42vw;
  height: 4.5vw;
  background: #ffffff;
  padding-left: 1.42vw;
  border: 1px solid #f0f0f0;
  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.eventos-index-body {
  padding-top: 2.83vw;
  padding-bottom: 3.42vw;
  /* width: 900px; */
  display: flex;
  justify-content: center;
}
.eventos-index-body-inner {
  padding-top: 2.83vw;
  padding-bottom: 3.42vw;
  width: 75.17vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.83vw;
}

.eventos-index-card {
  width: 36.67vw;
  height: 12.83vw;
  margin: 0;
  background: #ffffff;
  display: flex;
  flex-direction: row;

  box-shadow: 0px 0.75vw 2.33vw 0.67vw rgba(0, 0, 0, 0.05), 0px 0.5vw 1.33vw rgba(0, 0, 0, 0.08),
    0px 0.25vw 0.5vw -0.33vw rgba(0, 0, 0, 0.12);
  border-radius: 0.67vw;
}

.eventos-index-card img {
  width: 17.5vw;
  height: 12.83vw;
  border-radius: 0.67vw;
}
.eventos-index-card-content {
  width: 100%;
  height: 100%;
  padding: 1.33vw 2.58vw 1.33vw 1.75vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eventos-index-card-content-format {
  width: 19.17vw;
  /* align-items: center; */
}

.eventos-index-card-content-header-type {
  display: flex;
  flex-direction: row;
  gap: 0.33vw;
}
.eventos-index-card-content-header {
  justify-content: space-between;
  padding-left: 0.5vw;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #d9d9d9;
  /* width: 100%; */
}

.eventos-index-card-content-body {
  padding: 0.92vw 0.5vw 0 0.5vw;
  height: 7.17vw;
  overflow-y: hidden;
}

.eventos-index-card-content-footer {
  padding-left: 0.5vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.eventos-index-card-content-footer a {
  color: var(--cor-secundaria);
  height: 1.33vw;
}

.eventos-index-paginate {
  display: flex;
  justify-content: center;
}

/* MODAL */
.modal-dialog2 {
  top: 15%;
  position: absolute;
  left: 30%;
  opacity: 1;
  border: 2px solid #ffffff;
  text-shadow: none;
  border-radius: 50%;
  padding: 0;
}

.modal-dialog2 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #dddddd;
  border-radius: 2px;
  box-shadow: none;
}

/* PORTAL DA TRANSPARÊNCIA */

.transparencia-index {
  width: 100vw;
  padding: 3.33vw;
}

.transparencia-index-header {
  width: 86vw;
  gap: 2.83vw;
  margin: 0 3.67vw;
  border-bottom: 2px solid #d9d9d9;
}

.transparencia-index-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
}

.transparencia-index-title h4 {
  color: #262626;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  line-height: 3.33vw;
}

.transparencia-index-desccription {
  display: flex;
  align-items: center;
  text-align: justify;
  letter-spacing: 0.275px;
  margin: 0 0 0 2.83vw;
}

.transparencia-index-desccription p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 2vw;
  color: #262626;
}

.transparencia-index-body {
  padding: 2.33vw 2vw;
}

.transparencia-card {
  padding: 1.33vw;
  gap: 1.75vw;
  width: 21vw;
  min-height: 15.25vw;
  background: white;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 0.67vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* ACESSO À INFORMAÇÃO*/

.acesso-informacao {
  width: 100vw;
}

.acesso-informacao-header {
  width: 86vw;
  border-bottom: 2px solid #d9d9d9;
}

.acesso-informacao-body {
  width: 79.3vw;
  border: 1px solid #bfbfbf;
}

/* VÍDEOS */

.videos {
  width: 100vw;
  padding: 3.16vw 8.6vw;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.videos-title {
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.275px;
  text-transform: uppercase;
  color: #262626;
}

.videos-title h4 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
}

.videos-body {
  padding-top: 5.16vw;
  width: 83vw;
  height: 38.67vw;
  display: flex;
  flex-direction: row;
  gap: 3.25vw;
}

.videos-video-principal {
  width: 53.58vw;
  height: 33.5vw;
  background-color: black;
}

.videos-videos-secundarios {
  width: 26.08vw;
  height: 33.58vw;
  gap: 1vw;
  display: flex;
  flex-direction: column;
}

.videos-video-secundario {
  width: 26.08vw;
  height: 16.33vw;
}

.videos-video-terceario {
  width: 26.08vw;
  height: 16.33vw;
  overflow: hidden;
}

.videos-footer {
  padding-top: 2.33vw;
}

#modal-evento-item-description {
  margin-top: 2vw;
}

#modal-img {
  object-fit: contain;
}

/**** VIDEOS ****/

.video-card {
  min-width: 120px;
  min-height: 100px;
  width: 20vw;
  height: 19vw;
}
.video-card img {
  width: 100%;
  height: 85%;
}

.videos-index-body {
  width: 100vw;
  display: flex;
  justify-content: center;
}

.videos-container {
  width: 90vw;
}

.videos-cards {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* VIDEOS-SEARCH */

.videos-search-header{
  background-color: var(--background-footer);
  color: var(--text-header);
}

.videos-search-header h1{
  padding-top: 20px; 
  padding-bottom: 20px; 
}

.videos-paginate{
  display:flex; 
  justify-content:center;
  width: 100vw;
}