/*
  STYLE v 1.2;
  08/2024;
  Celso Santos;
*/

:root {
  --blue2: #008fc9;
  --blue: #26aae0;
  --lightblue: #ebf4f8;
  --gray: #f3f3f3;
  --white: #fff;
  --black: #000;
  --headerSize: 84px;
}

/*FONTS*/
@font-face {
  font-family: 'Archivo';
  src: url(../fonts/Archivo.ttf);
}

@font-face {
  font-family: 'MavenPro';
  src: url(../fonts/MavenPro.ttf);
}

/*GERAL*/

* {
  font-family: 'MavenPro' !important;
}

html {
  overflow-x: hidden;
}

.main-container {
  margin: 0 auto;
  width: 90%;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none !important;
}

.row {
  margin: 0;
  padding: 0;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, .5);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/preloader.svg?v=1.1);
}

img {
  max-width: 100%;
  display: inline-block;
}

.preloader2 {
  display: none;
  width: 48px !important;
  aspect-ratio: 1/1;
  margin: auto;
}

.w-fit {
  width: fit-content !important;
}

/* Páginas */

.first__div__page {
  margin-top: 100px;
}

.top__nav>* {
  vertical-align: bottom;
}

.top__nav a {
  color: black;
  width: fit-content;
  transition: all .3s ease-in-out;
}

.top__nav a:hover {
  color: var(--blue);
}

.top__nav__arrow {
  width: 32px !important;
  height: 24px;
  border-radius: 5px;
  border: 1px solid black;
  transition: all .3s ease-in-out !important;
  background-color: #fff;
}

.top__nav__arrow:hover {
  transform: translateX(-3px);
  background-color: var(--blue);
  border: 1px solid var(--blue);
}

.top__nav__arrow svg {
  position: relative;
  fill: #000;
  transition: all .3s ease-in-out !important;
}

.top__nav__arrow:hover svg {
  fill: #fff;
}

/* Bootstrap*/
.form-group label {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #343a40;
}

/* Animação */
.slideAnimation {
  animation: forwards;
  animation-name: slideDown;
  animation-duration: .5s;
  animation-timing-function: ease-in-out;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: top center;
}

@keyframes slideDown {
  from {
    transform: scaleY(0);
    opacity: 0;
  }

  to {
    transform: scaleY(1);
    opacity: 1;
  }
}

/* Banner */
.banner .owl-stage-outer {
  z-index: 1;
}

.banner .owl-prev {
  left: 1rem;
}

.banner .owl-next {
  right: 1rem;
}

.banner .owl-prev,
.banner .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  z-index: 2;
  height: fit-content;
  display: block !important;
  color: #fff !important;
  font-size: 90px !important;
  margin: 0 !important;
  transition: all .3s ease-in-out;
}

.banner .owl-theme .owl-nav :hover {
  background: none !important;
  color: var(--blue) !important;
}

.banner__img {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  height: 90vh;
}

.banner__item {
  display: flex;
  color: white;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.banner__item__text {
  display: flex;
  height: calc(50vh - 156px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.banner__item__title {
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  text-align: left;
  color: #fff;
  overflow: hidden;
}

.btns{
  color: var(--blue);
  border-radius: 10px;
  padding: 0.25rem 1rem;
  transition: all .3s ease-in-out;
}

.btns--blue{
  background-color: var(--blue);
  border: 2px solid var(--blue);
  color: var(--white);
}

.btns--blue:hover, .btns--blue.selected{
  background-color: transparent;
  border: 2px solid var(--blue);
  color: var(--blue);
}

@media only screen and (max-height: 950px) {
  .banner__item__text {
    height: calc(65vh - 156px);
  }

  .banner__item__title {
    font-size: 36px !important;
    overflow: hidden !important;
  }

  .banner__item__content {
    font-size: 16px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
  }

  .banner__item__link {
    font-size: 14px !important;
  }
}

@media only screen and (max-height: 950px) and (min-width: 1199px) {
  .banner__item__text {
    height: calc(65vh - 156px);
  }

  .banner__item__title {
    font-size: 45px !important;
    overflow: hidden !important;
  }

  .banner__item__content {
    font-size: 20px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
  }

  .banner__item__link {
    font-size: 14px !important;
  }
}

@media only screen and (max-height: 767px) {
  .banner__item__text {
    height: calc(85vh - 156px);
  }
}

@media only screen and (max-height: 575px) {
  .banner__item__text {
    height: calc(100vh - 156px);
  }

  .banner__item__title {
    font-size: 30px !important;
    overflow: hidden !important;
  }

  .banner__item__content {
    font-size: 14px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
  }

  .banner__item__link {
    font-size: 12px !important;
  }
}

/*@media only screen and (max-width: 950px) {
  .banner__item__title {
    font-size: 36px!important;
    overflow: hidden!important;
  }
  .banner__item__content {
    font-size: 16px!important;
    line-height: 1.3!important;
    overflow: hidden!important;
  }
  .banner__item__link {
    font-size: 14px!important;
  }
}

@media only screen and (max-width: 700px) {
  .banner__item__title {
    font-size: 30px!important;
    overflow: hidden!important;
  }
  .banner__item__content {
    font-size: 14px!important;
    line-height: 1.3!important;
    overflow: hidden!important;
  }
  .banner__item__link {
    font-size: 12px!important;
  }
}*/

.banner__item__content {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  color: #fafafa;
  overflow: hidden;
}

.banner__item__content p {
  margin-bottom: 0.25rem;
}

.banner__item__link {
  border: 2px solid var(--blue);
  border-radius: 10px;
  background-color: var(--blue);
  color: #fff;
  display: inline-block;
  font-size: 19.4px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.banner__item__link--fit {
  width: fit-content;
}

.banner__item__link svg {
  stroke: var(--white);
  transition: all .3s ease-in-out;
}

.banner__item__link:hover svg {
  stroke: var(--blue);
}

.banner__item__link--white {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--blue);
}

.banner__item__link:hover {
  border-color: var(--white);
  background-color: var(--white);
  color: var(--blue);
}

.banner__item__link--white:hover {
  border: 2px solid var(--blue);
  background-color: var(--blue);
  color: var(--white);
}

.banner__dots {
  position: relative;
  bottom: 3.5rem;
  z-index: 2;
  text-align: left !important;
}

.banner__dots .owl-dot span {
  display: none !important;
  transition: all .3s ease-in-out;
}

.banner__dots .owl-dot {
  width: 50px;
  height: 7px;
  margin: 0;
  padding: 0;
  border: 0;
  transition: all .3s ease-in-out;
}

.banner__dots .owl-dot.active,
.banner__dots .owl-dot.active span {
  background-color: #fff !important;
}

.banner__dots .owl-dot {
  background-color: lightgray !important;
}


/* Serviços */
.servicos {
  margin-top: -4rem !important;
  z-index: 1;
  position: relative;
}

.servicos .owl-stage-outer, .testemunhos .owl-stage-outer,
.servicos .owl-stage, .testemunhos .owl-stage,
.servicos__item, .testemunhos__item {
  height: 100% !important;
}

.servicos .owl-stage, .testemunhos .owl-stage,
.servicos .owl-item, .testemunhos .owl-item {
  display: flex !important;
}

.servicos .owl-stage {
  padding: 8px 0;
}

.servicos__item__box {
  border-radius: 9.4px;
  box-shadow: 0px 3px 5px 0px rgba(39, 92, 141, 0.1);
  background-color: white;
  transform: translateY(0);
  height: 100% !important;
  transition: all .3s ease-in-out;
}

.servicos__item__box:hover {
  transform: translateY(-4px);
  box-shadow: 0px 5px 5px 0px rgba(39, 92, 141, 0.15);
}

.servicos__item__title {
  color: var(--blue);
}

.servicos__item__content {
  /* height: 125px; */
  flex-grow: 0;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.38px;
  text-align: left;
  color: #23242a;
}

.servicos__item__content *:last-child {
  margin-bottom: 0;
}

.servicos__item__link {
  font-size: 16.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -0.17px;
  text-align: left;
  color: rgba(17, 19, 30, 0.2);
}

.servicos__item__link__img img {
  max-width: 29px;
}

.servicos__item__link__txt,
.servicos__item__link__img {
  transition: all .3s ease-in-out;
}

.servicos__item__box:hover .servicos__item__link__txt {
  color: var(--blue);
}

.servicos__item__box:hover .servicos__item__link__img {
  transform: translateX(5px);
}

/* ------------------------ *
 *     Single Serviços      *
 * ------------------------ */

.single__servico {
  background-color: var(--lightblue);
}

.single__servico__icon {
  text-align: center;
}

.single__servico__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.single__servico__title {
  font-size: 28.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.single__servico__img {
  aspect-ratio: 683 / 365;
}

.single__servico__img img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.single__servico__resumo {
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: var(--blue2);
}

.single__servico__texto {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

/* Eventos */
@media only screen and (max-width: 767px) {
  .eventos__item__title {
    height: auto !important;
  }
}

.eventos__menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}

.eventos__menu__title div {
  width: fit-content;
}

.eventos__menu__title h3 {
  font-size: 34.6px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -1.04px;
  text-align: left;
  color: #000;
}

.eventos__menu__btn {
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: var(--gray);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.eventos__menu__btn:hover {
  color: var(--gray);
  background-color: var(--blue);
}

.eventos__menu__nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.eventos__menu__nav button {
  background-color: transparent;
  border: none;
  font-size: unset !important;
  transform: translateX(0) !important;
  transition: all .3s ease-in-out;
}

.eventos__menu__nav .owl-prev.disabled svg,
.eventos__menu__nav .owl-next.disabled svg {
  fill: #e3e3e3;
}

.eventos__menu__nav .owl-prev svg,
.eventos__menu__nav .owl-next svg {
  fill: var(--blue);
}

.eventos__menu__nav .owl-prev:hover {
  transform: translateX(-4px) !important;
}

.eventos__menu__nav .owl-next:hover {
  transform: translateX(4px) !important;
}

.eventos__conjunto .owl-stage {
  display: flex;
}

.eventos__conjunto .owl-item {
  flex: 1;
}

.eventos__item {
  display: flex;
  flex-direction: column;
}

.eventos__item__a {
  color: #000;
  height: 100%;
  transition: all .3s ease-in-out;
  flex-direction: column;
}

.eventos__item__a:hover>div .eventos__item__img img {
  transform: scale(1.1);
}

.eventos__item__a:hover>div .eventos__item__btn {
  border-color: #fff;
  background-color: var(--blue);
  color: #fff;
}

.eventos__item__img {
  aspect-ratio: 70/27;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.eventos__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}

.eventos__item__title {
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.eventos__item__content {
  align-self: stretch;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-align: left;
  color: #000;
}

.eventos__item__content p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eventos__item__date {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.19px;
  text-align: left;
  color: var(--blue);
}

.eventos__item__btn {
  border: 2px solid var(--blue);
  border-radius: 10px;
  border-color: var(--blue);
  background-color: #fff;
  color: var(--blue);
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.eventos__item__background {
  background-color: var(--lightblue);
}

/* ------------------------ *
 *      Página Eventos      *
 * ------------------------ */

.eventos__menu__page>* {
  width: fit-content !important;
}

.eventos__menu__btn.page {
  display: flex;
  margin: auto;
  width: fit-content;
  border: none
}

/* ------------------------ *
 *      Single Eventos      *
 * ------------------------ */

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

.single__eventos__title {
  height: auto !important;
  display: block;
}

.single__outros__eventos>* {
  width: fit-content !important;
}

/* Formulários */
.formularios {
  background-size: cover;
  background-position: center;
}

.formularios__text {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
}

.formularios__text__content {
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.04;
  letter-spacing: -0.96px;
  color: #fff;
}

.formularios__text__btn {
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: var(--gray);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.formularios__text__btn:hover {
  color: var(--gray);
  background-color: var(--blue);
}

.formularios__form {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-evenly;
}

.formularios__form form {
  background-color: white;
  border-radius: 20px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.formularios__form input {
  font-size: 14px;
}

.formularios__form input[type="checkbox"] {
  aspect-ratio: 1 / 1;
  min-width: 18px;
  accent-color: #2299c9;
}

.formularios__form .form-labels {
  font-size: 14px;
}

.formularios__form .form-labels u {
  text-decoration: none;
}

.formularios__form .form-labels u a {
  color: var(--blue);
  transition: all .3s ease-in-out;
}

.formularios__form .btn-send,
#adesaoform .btn-send {
  color: #fff;
  background-color: var(--blue);
  width: 100%;
  border-radius: 20px;
  transition: all .3s ease-in-out;
}

.formularios__form .btn-send:hover,
#adesaoform .btn-send:hover {
  background-color: #fff;
  color: var(--blue);
  border-color: 2px solid var(--blue);
}

/* Noticias */
.agenda__option {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.agenda__option a {
  color: var(--blue);
  background-color: #fff;
  border: 2px solid var(--blue);
  border-radius: 10px;
  padding: 0.25rem 1rem;
  transition: all .3s ease-in-out;
}

.agenda__option a:hover {
  border: 2px solid var(--blue);
  background-color: var(--blue);
  border-radius: 10px;
  padding: 0.25rem 1rem;
  color: #fff;
}

.agenda__option a.active {
  border: 2px solid var(--blue);
  background-color: var(--blue);
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .noticias__item__title {
    height: auto !important;
  }

  .noticias__item__content p {
    height: auto !important;
  }
}

.noticias__menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}

.noticias__menu__title div {
  width: fit-content;
}

.noticias__menu__title h3 {
  font-size: 34.6px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -1.04px;
  text-align: left;
  color: #000;
}

.noticias__menu__btn {
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: var(--gray);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.noticias__menu__btn:hover {
  color: var(--gray);
  background-color: var(--blue);
}

.noticias__menu__btn__texto {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
}

.noticias__menu__nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.noticias__menu__nav button {
  background-color: transparent;
  border: none;
  font-size: unset !important;
  transform: translateX(0) !important;
  transition: all .3s ease-in-out;
}

.noticias__menu__nav .owl-prev.disabled svg,
.noticias__menu__nav .owl-next.disabled svg {
  fill: #e3e3e3;
}

.noticias__menu__nav .owl-prev svg,
.noticias__menu__nav .owl-next svg {
  fill: var(--blue);
  transition: all .3s ease-in-out;
}

.noticias__menu__nav .owl-prev:hover {
  transform: translateX(-4px) !important;
}

.noticias__menu__nav .owl-next:hover {
  transform: translateX(4px) !important;
}

.noticias__conjunto .owl-stage {
  display: flex;
}

.noticias__conjunto .owl-item {
  flex: 1;
}

.noticias__item {
  display: flex;
  flex-direction: column;
}

.noticias__item__a {
  color: #000;
  height: 100%;
  transition: all .3s ease-in-out;
  flex-direction: column;
}

.noticias__item__a:hover>div .noticias__item__img img {
  transform: scale(1.1);
}

.noticias__item__a:hover>div .noticias__item__btn {
  border-color: var(--blue);
  background-color: #fff;
  color: var(--blue);
}

.noticias__item__img {
  aspect-ratio: 70/27;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.noticias__item__img__single {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.noticias__item__img img,
.noticias__item__img__single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}

.noticias__item__title {
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.noticias__item__date {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.19px;
  text-align: left;
  color: var(--blue);
}

.noticias__item__content {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-align: left;
  color: #000;
}

.noticias__item__btn {
  border: 2px solid var(--blue);
  border-radius: 10px;
  border-color: #fff;
  background-color: var(--blue);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

/* ------------------------- *
 *      Página Noticias      *
 * ------------------------- */

.noticias__menu__btn.page {
  display: flex;
  margin: auto;
  width: fit-content;
  border: none
}

/* ------------------------- *
 *      Single Noticias      *
 * ------------------------- */
.single__noticias__head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.single__noticias__title {
  height: auto !important;
  display: block;
}

.single__outras__noticias>* {
  width: fit-content !important;
}

/* Testemunhos */

.testemunhos .owl-stage-outer {
  z-index: 1;
}

.testemunhos .owl-prev {
  left: 1rem;
}

.testemunhos .owl-next {
  right: 1rem;
}

.testemunhos .owl-prev,
.testemunhos .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  z-index: 2;
  height: fit-content;
  display: block !important;
  color: #fff !important;
  font-size: 90px !important;
  margin: 0 !important;
  transition: all .3s ease-in-out;
}

.testemunhos .owl-theme .owl-nav :hover {
  background: none !important;
  color: var(--blue) !important;
}

@media only screen and (max-width: 577px) {
  .testemunhos__item {
    height: 100vh !important;
    max-height: 700px !important;
  }

  .testemunhos__item__content {
    height: auto !important;
  }
}

.testemunhos__item {
  height: auto;
  background-color: var(--blue2);
  color: white
}

.testemunhos__item__img {
  width: 123px;
  aspect-ratio: 1/1;
}

.testemunhos__item__img img {
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}

.testemunhos__item__title {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #ececec;
}

.testemunhos__item__subtitle {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.2px;
  color: #fff;
}

.testemunhos__item__content {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.1px;
  /* height: 115px; */
}

.testemunhos__item__btn {
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: var(--blue2);
  display: inline-block;
  font-size: 11.6px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.17px;
  text-align: left;
  color: #fff;
  transition: all .3s ease-in-out;
}

.testemunhos__item__btn:hover {
  border-color: var(--blue2);
  background-color: #fff;
  color: var(--blue2);
}

/* Farmácias */
.farmacias__rectangle {
  background-color: var(--blue);
  font-size: 7px;
}

.farmacias__title {
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.03;
  letter-spacing: 0.2px;
  text-align: left;
  color: #000;
}

.farmacias__content {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: left;
  color: #737373;
}

.farmacias__btn {
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: var(--gray);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  transition: all .3s ease-in-out;
}

.farmacias__btn:hover {
  color: var(--gray);
  background-color: var(--blue);
}

.farmacias__item__title {
  font-size: 16.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.24px;
  text-align: left;
  color: #252b42;
}

.farmacias__item__content {
  font-size: 14.1px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: left;
  color: #737373;
}

.farmacias__item svg rect {
  fill: var(--blue);
  transition: all .3s ease-in-out;
}

.farmacias__item:hover svg rect {
  fill: var(--gray);
}

.farmacias__item__img svg path {
  fill: #fff;
  transition: all .3s ease-in-out;
}

.farmacias__item:hover svg path {
  fill: var(--blue);
}

/* --------------------- *
 *       Farmacias       *
 * --------------------- */

.info-farmacias {
  background-color: var(--lightblue);
}

.info-farmacias__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.info-farmacias__title {
  font-size: 28.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.info-farmacias__local {
  background-color: white;
  border-radius: 8px;
  color: var(--blue);
  font-weight: bold;
  text-align: center;
  transition: all .3s ease-in-out;
}

.info-farmacias__disponivel__telefone>* {
  color: #000;
  transition: all .3s ease-in-out;
}

.info-farmacias__disponivel__telefone:hover>* {
  color: var(--blue);
}

.info-farmacias__local__icone {
  width: fit-content;
}

.info-farmacias__local__icone svg,
.info-farmacias__local {
  fill: var(--blue);
  color: var(--blue);
  transition: all .3s ease-in-out;
}

.info-farmacias__local:hover,
.info-farmacias__local.active {
  color: #fff;
  background-color: var(--blue);
}

.info-farmacias__local:hover .info-farmacias__local__icone svg,
.info-farmacias__local.active .info-farmacias__local__icone svg {
  fill: #fff;
}

.info-farmacias__disponivel {
  background-color: white;
  border-radius: 10px;
}

.info-farmacias__disponivel__title {
  font-size: 19px;
  font-weight: 800;
}

.info-farmacias__disponivel__content {
  line-height: 1.2;
  text-align: left;
  color: #000;
}

.info-farmacias__disponivel__icon {
  width: 15px !important;
}

.info-farmacias__disponivel__icon img {
  width: 100%;
  aspect-ratio: 1/1;
}


.info-farmacias__disponivel__url a {
  color: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  transition: all .3s ease-in-out;
}

.info-farmacias__disponivel__horario {
  font-weight: bold;
}

.info-farmacias__disponivel__url a:hover {
  color: #fff;
  background-color: var(--blue);
}

.info-farmacias__btn {
  width: fit-content !important;
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  border: none;
  transition: all .3s ease-in-out;
}

.info-farmacias__btn:hover {
  color: #fff;
  background-color: var(--blue);
}

/* --------------------- *
 *       Hospitais       *
 *    Postos de Venda    *
 * --------------------- */

.info-hospitais {
  background-color: var(--lightblue);
}

.info-hospitais__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.info-hospitais__title {
  font-size: 28.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.info-hospitais__local {
  background-color: white;
  border-radius: 8px;
  color: var(--blue);
  font-weight: bold;
  text-align: center;
  transition: all .3s ease-in-out;
}

.info-hospitais__local__icone {
  width: fit-content;
}

.info-hospitais__local__icone svg,
.info-hospitais__local {
  fill: var(--blue);
  color: var(--blue);
  transition: all .3s ease-in-out;
}

.info-hospitais__local:hover,
.info-hospitais__local.active {
  color: #fff;
  background-color: var(--blue);
}

.info-hospitais__local:hover .info-hospitais__local__icone svg,
.info-hospitais__local.active .info-hospitais__local__icone svg {
  fill: #fff;
}

.info-hospitais__disponivel {
  background-color: white;
  border-radius: 10px;
}

.info-hospitais__disponivel__title {
  font-size: 19px;
  font-weight: 800;
}

.info-hospitais__disponivel__content {
  line-height: 1.2;
  text-align: left;
  color: #000;
}

.info-hospitais__disponivel__telefone>* {
  color: #000;
  transition: all .3s ease-in-out;
}

.info-hospitais__disponivel__telefone:hover>* {
  color: var(--blue);
}

.info-hospitais__disponivel__icon {
  width: 15px !important;
}

.info-hospitais__disponivel__icon img {
  width: 100%;
  aspect-ratio: 1/1;
}


.info-hospitais__disponivel__url a {
  color: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  transition: all .3s ease-in-out;
}

.info-contactos a {
  color: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 10px;
  font-weight: 700;
  font-size: 17px;
  transition: all .3s ease-in-out;
}

.morada__descricao {
  font-size: 19px;
  font-weight: 300;
  color: #9E9E9E;
}

.morada__descricao strong {
  font-weight: 600;
  color: #737373;
}


.info-hospitais__disponivel__url a:hover,
.current-morada a,
.info-contactos a:hover {
  color: #fff;
  background-color: var(--blue);
}


.info-hospitais__btn {
  width: fit-content !important;
  display: inline-block;
  border-radius: 30px;
  color: var(--blue);
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  border: none;
  transition: all .3s ease-in-out;
}

.info-hospitais__btn:hover {
  color: #fff;
  background-color: var(--blue);
}

/* --------------------- *
 *      Links Úteis      *
 * --------------------- */

.info-links {
  background-color: var(--lightblue);
}

.info-links__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.info-links__title {
  font-size: 28.2px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.info-links__single {
  background-color: #fff;
  border-radius: 10px;
  width: fit-content;
  transition: all .3s ease-in-out;
}

.info-links__single:hover {
  background-color: var(--blue);
}

.info-links__single__icon svg {
  fill: var(--blue);
  transition: all .3s ease-in-out;
}

.info-links__single:hover svg {
  fill: #fff;
}


.info-links__single a {
  font-size: 18px;
  color: #000;
  transition: all .3s ease-in-out;
}

.info-links__single:hover a {
  color: #fff;
}

/* Footer */

@media only screen and (max-width: 450px) {
  .noptin-form-field-submit {
    position: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  .noptin-form-heading {
    font-size: 38px !important;
  }
}

@media only screen and (max-width: 575px) {
  .noptin-form-heading {
    font-size: 32px !important;
  }
}

.noptin-optin-form-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
}

.noptin-form-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.noptin-optin-form {
  align-items: center;
}

.noptin-form-fields {
  width: 50vw;
}

.noptin-form-field {
  border-radius: 20px;
  background: white;
  height: 50px !important;
}

.noptin-form-field-submit {
  position: absolute;
  right: 15px;
  top: 6px;
}

.noptin-form-field-submit input {
  border-radius: 20px;
  padding: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}

.footer__list__title {
  color: var(--blue);
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
  text-align: left;
}

.footer__list__item a {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  color: #737373;
  transition: all .3s ease-in-out;
}

.footer__list__item a:hover {
  color: var(--blue);
}

.footer__info {
  border-left: 1px solid var(--blue);
  flex-direction: column;
}

.footer__info span {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
  text-align: left;
}

.footer__info__contact {
  flex-direction: column;
  font-size: 14px;
  font-weight: bold;
}

.footer__info__contact a svg path {
  fill: var(--black);
  transition: all .3s ease-in-out;
}

.footer__info__contact a:hover svg path {
  fill: var(--blue);
}

.footer__info__contact__link {
  color: #737373;
  transition: all .3s ease-in-out;
}

.footer__info__contact__link:hover {
  color: var(--blue);
}

.footer__info__contact span {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
  text-align: left;
  color: #9e9e9e;
}

.copyright-area {
  background-color: #fafafa;
}

.copyright-area a {
  color: var(--blue);
  text-decoration: 1px transparent underline !important;
  transition: all .3s ease-in-out;
}

.copyright-area a:hover {
  text-decoration: 1px var(--blue) underline !important;
  color: var(--blue);
}

.copyright-area-empresa {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0.2px;
}

/* --------------------- *
 *       Quem somos      *
 * --------------------- */

.quem-somos {
  background-color: var(--lightblue)
}

.quem-somos__img {
  width: 60px;
  aspect-ratio: 1/1;
}

.quem-somos__img img {
  width: 100%;
}

.quem-somos__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.quem-somos__title {
  margin-top: 1rem;
  text-align: left;
}

.quem-somos__title h4 {
  margin: 0;
  font-weight: bold;
}

.quem-somos__title p {
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color: #000;
}

.logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  aspect-ratio: 1490 / 381;
}

.logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logo div {
  top: 50%;
  transform: translateY(-50%);
}

.historia {
  text-align: justify;
}

.historia__title {
  font-size: 16px !important;
  line-height: 19.2px !important;
  color: var(--blue) !important;
  font-weight: 900 !important;
}

.historia__marcos {
  font-weight: bold !important;
}

.historia>* {
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color: #000;
}

.historia ul {
  list-style: disc;
}

/* --------------------- *
 *     O que fazemos     *
 * --------------------- */

.o-que-fazemos__intro {
  background-color: var(--lightblue)
}

.o-que-fazemos__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.o-que-fazemos__title {
  margin-top: 1rem;
  text-align: justify;
}

.o-que-fazemos__title h4 {
  margin: 0;
  font-weight: bold;
}

.o-que-fazemos__title p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.o-que-fazemos__single__img {
  text-align: center;
}

.o-que-fazemos__single__img img {
  max-width: 42px !important;
  aspect-ratio: 1/1;
}

.o-que-fazemos__single__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 19.2px;
  color: var(--blue);
}

.o-que-fazemos__descricao {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}

/* class .logo presente em quem somos */

/* --------------------- *
 *     Onde estamos      *
 * --------------------- */

.onde-estamos {
  background-color: var(--lightblue);
}

.onde-estamos__rectangle {
  background-color: var(--blue);
  width: 7px !important;
  height: 65px;
}

.onde-estamos__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 33px;
}

.onde-estamos__single {
  background-color: #fff;
  border-radius: 10px;
}

.onde-estamos__single>* {
  font-size: 13.2px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.onde-estamos__single__telefone>* {
  transition: all .3s ease-in-out;
}

.onde-estamos__single__telefone:hover>* {
  color: var(--blue);
}

.onde-estamos__single__title {
  color: var(--blue) !important;
  font-weight: bold !important;
  font-size: 19px !important;
}

.onde-estamos__single__icone {
  width: fit-content !important;
}

.onde-estamos__single__label {
  color: black;
}

.onde-estamos__single__link {
  color: #000;
  transition: all .3s ease-in-out;
}

.onde-estamos__single__link__text {
  overflow: auto;
  overflow-wrap: break-word;
}

.onde-estamos__single__link:hover {
  color: var(--blue);
}

.onde-estamos__single__img {
  aspect-ratio: 16/9;
}

.onde-estamos__single__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#mapid,
#mapid2 {
  aspect-ratio: 1.2/1;
  border-radius: 10px;
}

#mapcont {
  aspect-ratio: 16/9;
  border-radius: 10px;
}

.onde-estamos__single__morada {
  color: var(--blue);
  text-wrap: nowrap;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--blue);
  position: absolute;
  top: 60%;
  z-index: 400;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease-in-out;
}

.onde-estamos__single__morada:hover {
  background-color: var(--blue);
  color: #fff;
}

/* --------------------- *
 * Visão Valores Missão  *
 * --------------------- */

.main-relatorio {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.inverted-logo {
  filter: brightness(0) invert(1);
}

.v-v-m {
  background-color: var(--lightblue);
}

.v-v-m__rectangle {
  background-color: var(--blue);
  width: 7px !important;
  height: 65px;
  padding: 0 !important;
}

.v-v-m__title {
  font-weight: 600;
}

.v-v-m__single {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.v-v-m__single__title {
  font-size: 34px;
  color: var(--blue);
  font-weight: 600;
}

.v-v-m__single__content {
  font-size: 18.9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.38px;
  text-align: left;
  color: #23242a;
}

.v-v-m__single__img img {
  width: 100%;
  object-fit: cover;
}

/* ---------------------------- *
 *   Estrutura Organizacional   *
 * ---------------------------- */

.estrutura__intro {
  background-color: var(--lightblue)
}

.estrutura__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.estrutura__title {
  margin-top: 1rem;
  text-align: justify;
}

.estrutura__title h4 {
  margin: 0;
  font-weight: bold;
}

.estrutura__title p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.estrutura__title *:last-child {
  margin-bottom: 0;
}

.estrutura__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--lightblue);
}

.estrutura__img img {
  width: 100%;
  min-height: 200px;
  height: auto;
  object-fit: cover;
}

.estrutura__img__logo {
  top: 15%;
  width: 20%;
  min-height: 1px;
}

.estrutura__img__logo img {
  width: 100%;
  min-height: 1px;
  height: auto;
  object-fit: unset;
}

.estrutura__img a {
  bottom: 15%;
  color: #fff;
  background-color: var(--blue);
  border-radius: 15px;
  font-size: 24px;
  text-wrap: nowrap;
  transition: all .3s ease-in-out;
}

.estrutura__file__icon svg {
  stroke: #fff;
  transition: all .3s ease-in-out;
}

.estrutura__img a:hover {
  color: var(--blue);
  background-color: #fff;
}

.estrutura__img a:hover svg {
  stroke: var(--blue);
}

@media only screen and (max-width: 767px) {
  .estrutura__img a {
    font-size: 16px;
  }

  .estrutura__img__logo {
    width: 25%;
  }
}

@media only screen and (max-width: 575px) {
  .estrutura__img a {
    font-size: 14px;
  }

  .estrutura__img__logo {
    width: 50%;
  }
}

/* --------------------- *
 *     Orgãos Socias     *
 * --------------------- */

.orgao-social__intro {
  background-color: var(--lightblue);
}

.orgao-social__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.orgao-social__title h4 {
  line-height: 1.2;
  text-align: left;
  color: #000;
  margin: 0;
  font-weight: bold;
}

.orgao-social__mesa {
  background-color: var(--lightblue);
}

.orgao-social__admin {
  background-color: #deeef5;
}

.orgao-social__fiscal {
  background-color: #d7e6ed;
}

.orgao-social__section {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: var(--blue2);
}

.orgao-social__single {
  background-color: #fff;
  border-radius: 10px;
}

.orgao-social__single__img {
  max-width: 70px;
  width: fit-content;
  aspect-ratio: 1/1;
}

.orgao-social__single__img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.orgao-social__single__text {
  width: fit-content;
}

.orgao-social__single__title {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: var(--blue2);
}

.orgao-social__single__nome {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
}

/* --------------------- *
 *  Relatórios e Contas  *
 * --------------------- */

.relatorio__pdf {
  background-color: #fff;
  border-radius: 10px;
  width: fit-content;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: all .3s ease-in-out;
}

.relatorio__pdf a {
  color: var(--blue);
  font-size: 18px;
  transition: all .3s ease-in-out;
}

.relatorio__pdf a svg {
  stroke: var(--blue);
  width: 18px;
  height: 18px;
}

.relatorio__pdf:hover {
  background-color: var(--blue);
}

.relatorio__pdf:hover a {
  color: #fff;
}

.relatorio__pdf:hover svg {
  stroke: #fff;
}

.relatorio__pdf__icon svg {
  stroke: #000;
  transition: all .3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .relatorio__pdf a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .relatorio__pdf a {
    font-size: 14px;
  }
}

/* --------------------- *
 *     A nossa marca     *
 * --------------------- */

.a-nossa-marca__galeria {
  position: relative;
  overflow: hidden;
}

.a-nossa-marca__galeria,
.a-nossa-marca__banner img {
  height: 300px;
}

.a-nossa-marca__banner {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  white-space: nowrap;
  animation: bannermove 35s linear infinite;
  width: max-content;
}

.a-nossa-marca__banner img {
  margin: 0 0.5em;
  object-fit: scale-down;
}

@keyframes bannermove {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-50%, 0);
  }
}

.a-nossa-marca__galeria:hover .a-nossa-marca__banner {
  animation-play-state: paused;
}

@media only screen and (max-width: 1199px) {

  .a-nossa-marca__banner img,
  .a-nossa-marca__galeria {
    height: 250px;
  }
}

@media only screen and (max-width: 991px) {

  .a-nossa-marca__banner img,
  .a-nossa-marca__galeria {
    height: 200px;
  }
}

@media only screen and (max-width: 767px) {

  .a-nossa-marca__banner img,
  .a-nossa-marca__galeria {
    height: 150px;
  }
}

@media only screen and (max-width: 576px) {

  .a-nossa-marca__banner img,
  .a-nossa-marca__galeria {
    height: 100px;
  }
}

/* --------------------- *
 *        Produtos       *
 * --------------------- */

.produtos {
  background-color: var(--lightblue);
}

.produtos__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.produtos__title {
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.produtos__content {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
}

.produtos__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  aspect-ratio: 1/1;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all .3s ease-in-out;
}

.produtos__item:hover {
  transform: translateY(-5px);
}

.produtos__item__title {
  color: black;
  font-size: 15px;
  font-weight: bold;
}

@media only screen and (min-width: 576px) {
  .produtos__item__title {
    font-size: 17px;
  }
}

.produtos__item img {
  width: 100%;
  aspect-ratio: 1/1;
}

/* --------------------- *
 *     Medicamentos      *
 * --------------------- */

.medicamentos {
  background-color: var(--lightblue);
}

.medicamentos__rectangle {
  background-color: var(--blue);
  width: 7px;
  height: 65px;
}

.medicamentos__title {
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.medicamentos__texto {
  line-height: 1.2;
}

.medicamentos__img img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.medicamentos__texto__2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--blue);
}

/* ---------------- *
 *     Galeria      *
 * ---------------- */

.galeria {
  margin: 0;
  padding: 0;
  column-count: 3;
  column-gap: .25rem;
}

.galeria__img {
  height: auto;
  margin-bottom: .25rem;
}

/* ------------------------ *
 *   Formulario de adesão   *
 * ------------------------ */

.sidebar__adesao {
  position: relative;
  min-height: 1px;
}

.sidebar__adesao ul {
  position: sticky;
  position: -webkit-sticky;
  min-height: 1px;
  left: 0;
  top: 0;
}

.sidebar__adesao li {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0c0c0c;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px 0;
  transition: all .3s ease-in-out;
}

.sidebar__adesao li:hover {
  color: var(--blue2);
}

.sidebar__adesao li span {
  color: #fff;
  background-color: var(--blue2);
  border-radius: 50%;
  padding: .5rem;
  width: 35px;
  aspect-ratio: 1/1;
  text-align: center;
  display: inline-block;
  transition: all .3s ease-in-out;
}

#adesaoform h2 {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color: var(--blue2);
  color: var(--white);
  cursor: pointer;
  text-transform: uppercase;
  padding: .5rem 1rem;
  border-radius:7px;
  transition: all .3s ease-in-out;
}

#adesaoform h2:hover {
  color: var(--white);
}

#adesaoform h2 svg {
  fill: #fff;
  transition: all .3s ease-in-out;
}

#adesaoform h2.open svg {
  transform: scaleY(-1);
}

#adesaoform h2:hover svg {
  fill: var(--white);
}

#adesaoform .form-info {
  background-color: var(--blue);
  padding: .5rem 1rem;
  border-radius: 7px;
}

#adesaoform .form-info * {

  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
}

#adesaoform .form-info__header {
  cursor: pointer;
}

#adesaoform .form-info__header svg {
  transition: all .3s ease-in-out;
}

#adesaoform .form-info__header.open svg {
  transform: scaleY(-1);
}

#adesaoform .form-group {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#adesaoform h3 {

  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--blue2);
  margin-bottom: 1rem;
  text-transform: uppercase;
}

#adesaoform .form-info h3 {

  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
  margin-bottom: .5rem;
  text-transform: none;
}

#adesaoform .form-info svg{
  fill: var(--white);
}

#adesaoform .form-info h4 {

  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--white);
}

#adesaoform .form-info__content ul,
#adesaoform .opt-info ul {
  list-style-type: disc;
  padding: revert;
}

#adesaoform .opt-info p,
#adesaoform label {
  font-weight: bold;
  margin-bottom: .25rem;
}

#adesaoform label.label-secondary {
  font-weight: normal;
  font-size: 12px;
  margin-bottom: .25rem;
}

#adesaoform input[type="radio"] {
  cursor: pointer;
}

#adesaoform .checkbox * {
  cursor: pointer;
}

#adesaoform .checkbox-label {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2;
}

#adesaoform .checkbox-label a {
  color: var(--blue2);
  transition: all .3s ease-in-out;
}

#adesaoform .checkbox-label a:hover {
  color: #000;
}

/* Container geral do formulário */
#singleform, #adesao-cliente, #adesao-profissional {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 20px #0000001A;
  width: 100%;
}

/* Labels */
#singleform label, 
#adesao-cliente label, 
#adesao-profissional label{
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* Inputs e textarea */
#singleform input.form-control,
#singleform textarea.form-control,
#adesao-cliente input.form-control, 
#adesao-profissional input.form-control
#adesao-cliente textarea.form-control, 
#adesao-profissional textarea.form-control{
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 15px;
  transition: border-color .2s ease;
}

#singleform input.form-control:focus,
#singleform textarea.form-control:focus,
#adesao-cliente input.form-control:focus, 
#adesao-profissional input.form-control:focus,
#adesao-cliente textarea.form-control, 
#adesao-profissional textarea.form-control {
  border-color: #26aae0;
  box-shadow: none;
}

/* Checkbox */
#singleform .form-check {
  display: flex;
  align-items: flex-start;
}

#singleform .form-check-input {
  margin-top: 4px;
  margin-right: 10px;
}

#singleform .form-check-label {
  font-size: 14px;
  line-height: 1.4;
}

/* Botão Enviar */
.btn-send {
  background-color: #26aae0;
  color: #fff;
  border-radius: 6px;
  padding: 10px 22px;
  font-weight: 600;
  border: solid 2px #26aae0;
  transition: all .3s ease-in-out;
}

.btn-send:hover {
  background-color: #fff;
  border: solid 2px #26aae0;
  color: #26aae0;
}

/* Espaçamento entre campos */
#singleform .form-group,
#adesao-cliente .form-group, 
#adesao-profissional .form-group {
  margin-bottom: 18px;
}

.form-check-label a {
  color: inherit;
  text-decoration: underline;
  transition: all .3s ease-in-out;
}

.form-check-label {
  font-size: 14px;
  line-height: 1.4;
}

.bgcolor-secondary {
  background-color: #EBF4F8;
}

.metricas__value {
  font-weight: 700;
  font-size: 90px;
  line-height: 132.46px;
  letter-spacing: 0.65px;
  text-align: center;
  color: var(--blue);
}

.metricas__label {
  font-weight: 400;
  font-size: 24px;
  line-height: 25.61px;
  letter-spacing: 0.18px;
  text-align: center;
  color: var(--blue);
}

.newsletter-container {
  border-radius: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.noptin-form-header,
.noptin-form-heading {
  padding: 0 !important;
}

.noptin-optin-field-consent label {
  font-size: 12px;
  margin-top: .5rem;
}

.noptin-optin-field-consent label a {
  color: var(--white);
  text-decoration: underline !important;
  text-decoration-color: transparent !important;
  transition: all .3s ease-in-out;
}

.noptin-optin-field-consent label a:hover {
  text-decoration-color: var(--white) !important;
}

.noptin-form-single-line .noptin-form-field-wrapper {
  flex: 1 1 0px;
}

.noptin-optin-main-wrapper {
  padding: 3rem 0;
}

/* ===== TIMELINE BASE ===== */
.timeline {
  position: relative;
  max-width: 900px;
  margin: 80px auto;
  padding: 0 20px;
}

/* Linha vertical */
.timeline::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #D9D9D9;
  transform: translateX(-50%);
  z-index: -1;
}

/* Cada item */
.contain {
  position: relative;
  width: 50%;
  padding: 20px 40px;
}

/* Conteúdo */
.content {
  background: #fff;
  padding: 25px 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-left: 4px solid var(--blue);
  /* azul corporativo */
}

/* Títulos */
.content h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 10px;
}

/* Texto */
.content p {
  margin: 0;
  line-height: 1.6;
  color: #333;
}

/* ===== POSICIONAMENTO LEFT / RIGHT ===== */
.left {
  left: 0;
}

.right {
  left: 50%;
}

.left .content,
.right .content{
    opacity: 0;
    transition: all .6s ease;
}

.left .content{
  transform: translateX(-50px);
}

.right .content{
  transform: translateX(50px);
}

.left.is-visible .content,
.right.is-visible .content{
    opacity: 1;
    transform: translateX(0);
}

/* ===== PONTOS ===== */
.contain::after {
  content: "";
  position: absolute;
  top: 25px;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 4px solid var(--blue);
  border-radius: 50%;
  z-index: 10;
  opacity: 0;
  transition: opacity .4s ease;
}

.left::after{
  right: -11px;
}

.right::after {
  left: -11px;
}

.left.is-visible::after,
.right.is-visible::after {
    opacity: 1;
}

/* ===== RESPONSIVO ===== */
@media (max-width: 768px) {

  .timeline::after {
    left: 20px;
  }

  .contain {
    width: 100%;
    padding-left: 60px;
    padding-right: 20px;
  }

  .contain::after {
    left: 10px;
  }

  .right {
    left: 0;
  }
}

.dica-item .dica-titulo {
  position: relative;
  display: inline-block;
  color: #26aae0;
  transition: color .3s ease-in-out;
}

.dica-item .dica-titulo::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: #26aae0;
  transition: width .3s ease-in-out;
}

.dica-item:hover .dica-titulo::after {
  width: 100%;
}

.dica-item .dica-texto {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}