/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/main.css ***!
  \********************************************************************/

  /* @import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap); */

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/global.css ***!
  \**********************************************************************/
* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}


@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Thin_WebOnly.ttf") format("truetype");
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Light_WebOnly.ttf") format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Regular_WebOnly.ttf") format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Medium_WebOnly.ttf") format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Bold_WebOnly.ttf") format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: VotorantimSans;
  src: url("fonts/VotorantimSans-Black_WebOnly.ttf") format("truetype");
  font-weight: 900;
  font-style: normal
}

/* h1, h2, h3, h4 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
} */

body {
	line-height: 1;
  /* font-family: "Open Sans", sans-serif; */
  /* font-family: "Montserrat", sans-serif; */
  font-family: VotorantimSans,sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  background-repeat: no-repeat;
  /* background-size: cover; */
  /* background-size: contain; */
  background-position: center bottom;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Classe para o bloco de citação */
.blockquote-custom {
  margin: 60px 0;
  padding: 0 20%;
  border: 0;

  @media screen and (max-width: 767px) {
    padding-inline: 20px;
    margin-block: 40px;
  }
}

/* Estilo para o texto da citação */
.blockquote-custom .quote-text {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  font-weight: 400;
  color: var(--color-primary);
  line-height: 1.4;

  @media screen and (max-width: 767px) {
    font-size: 24px;
    line-height: 28px;
  }
}

/* Estilo para o nome e cargo do autor da citação */
.blockquote-custom .quote-author {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 100;
  color: #3F3E93;
  padding-top: 10px;
  line-height: 4.5;

  @media screen and (max-width: 767px) {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    display: block;
  }
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.container {
  max-width: 1312px;
  margin-inline: auto;
  width: 100%;

  @media screen and (max-width: 767px) {
    padding-inline: 20px;
  }
}

img {
  max-width: 100%;
}

a:hover {
  opacity: 0.7;
}

/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/header.css ***!
  \*********************************************************************************/
.principal-menu {
  border-bottom: 3px solid var(--color-primary);
  padding-block: 8px;

  @media screen and (max-width: 767px) {
    padding-block: 16px;
  }

  .container{
    display: flex;
    justify-content: space-between;
    /* gap: 90px; */
    align-items: center;

    @media screen and (max-width: 767px) {
      justify-content: space-between;
      gap: 0;
    }
  }

  .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;

    @media screen and (max-width: 767px) {
      position: fixed;
      right: -100%;
      background-color: #ffffff;
      top: 0;
      padding-top: 60px;
      height: 100%;
      width: 100%;
      padding-inline: 40px;
      transition: all .3s;
      z-index: 30;
      display: block;
    }
  }

  .main-menu {
    display: flex;
    gap: 60px;

    @media screen and (max-width: 767px) {
      flex-direction: column;
    }

    .current-menu-item a {
      /* border-color: var(--color-secondary); */
      text-decoration: underline;

      @media screen and (max-width: 767px) {
        width: fit-content;
      }
    }

    a {
      display: block;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -2%;
      font-weight: 600;
      color: var(--color-primary);
      text-decoration: none;
      border-bottom: 1.5px solid transparent;
      transition: border .3s;

      @media screen and (max-width: 767px) {
        font-size: 20px;
      }

      &:hover {
        /* border-color: var(--color-secondary); */
        opacity: 1;
        text-decoration: underline;
      }

      img {
        max-width: fit-content;
      }
    }
  }

  .btn-menu {
    display: none;
    font-size: 30px;

    @media screen and (max-width: 767px) {
      display: flex;
    }
  }

  .btn-menu.--close {
    justify-content: flex-end;
    margin-bottom: 40px;
    margin-right: -20px;
  }

  .menu-item-description {
    display: none;
  }

  &.-v1 {
    .sub-menu {
      display: none;
    }
  }

  &.-v2 {
    a {
      order: 2;
    }

    nav {
      order: 1;
    }

    .button-side {
      order: 3;
    }

    .container {
      justify-content: space-between;
    }

    .sub-menu {
      position: absolute;
      top: 20px;
      left: 10px;
      opacity: 0;
      visibility: hidden;
      background-color: #ffffff;
      border: 1px solid var(--color-secondary);
      padding: 24px;
      z-index: 5;
      width: max-content;
    }

    .menu-item-has-children {
      position: relative;

      > a {
        display: flex;
        align-items: center;
      }

      > a:after {
        font-size: 24px;
        font-weight: 100;
        font-family: 'Material Symbols Outlined';
        content: "stat_minus_1";
      }

      &:hover {
        > .sub-menu {
          opacity: 1;
          visibility: visible;

          li {
            margin-bottom: 16px;
          }
        }
      }
    }
  }

  &.-v3 {
    position: relative;
    padding-block: 0;
    z-index: 10;

    @media screen and (max-width: 767px) { 
      padding-block: 8px;
    }

    .menu-item a {
      padding-block: 25px;
      display: flex;
      align-items: center;
    }

    .container {
      justify-content: space-between;
    }

    .menu-item-has-children {
      > a:after {
        font-size: 24px;
        font-weight: 100;
        font-family: 'Material Symbols Outlined';
        content: "stat_minus_1";
      }
    }

    .menu-item-description {
      display: block;
      font-size: 13px;
      margin-top: 5px;
      line-height: 20px;
    }

    .sub-menu {
      background-color: #ffffff;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 69px;
      width: 100%;
      height: max-content;
      left: 50%;
      transform: translateX(-50%);
      max-width: 1084px;
      display: flex;
      padding-block: 32px;
      gap: 30px;
      z-index: 5;
      border-top: 3px solid var(--color-primary);

      &:before {
        content: '';
        width: 100vw;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #ffffff;
        z-index: -1;
      }

      &:after {
        content: '';
        border-bottom: 2px solid var(--color-primary);
        width: 100vw;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }

      a:hover {
        border-color: transparent;
      }
    }

    .menu-item-has-children {
      &:hover {

        @media screen and (min-width: 768px) {
          > .sub-menu {
            opacity: 1;
            visibility: visible;
          }
        }
      }

      .sub-menu a {
        padding-block: 0;
      }
    }

    .button-side {
      display: flex;
      flex-direction: row-reverse;
      gap: 16px;
    }

    @media screen and (max-width: 767px) {
      nav {
        position: static;
      }

      .wrapper {
        top: 70px;
        height: calc(100% - 70px);
        padding-block: 30px;
      }

      .main-menu {
        gap: 0;

        a {
          padding-block: 0;
          padding-bottom: 30px;
        }
      }

      .btn-menu.--close {
        margin: 0;
        display: none;
      }

      .button-side {
        flex-direction: column;
        width: 100%;

        .btn-default  {
          max-width: 100%;
          justify-content: center;
          width: 100%;
        }
      }

      .sub-menu {
        position: static;
        transform: none;
        display: flex;
        flex-direction: column;
        border: 0;
        gap: 16px;
        opacity: 0;
        visibility: hidden;

        a {
          font-size: 14px;
        }
      }

      .-open-submenu {
        .sub-menu {
          opacity: 1;
          visibility: visible;
        }
      }
    }
  }

}

header.principal-menu.-v4 {
  padding-block: 10px;
  position: sticky;
  top: 31px;
  z-index: 20;
  /* background: #EFEFEF; */
  background-color: #ffffff;
  border: 2px solid #F3F3F3;
  box-shadow: 0px 12px 26px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  max-width: 1312px;
  margin-inline: auto;
  padding-inline: 33px;

  @media screen and (max-width: 767px) {
    margin-inline: 20px;
  }

  @media screen and (max-width: 400px) {
    margin-inline: 15px;
    padding-inline: 10px;
  }

  + main .banner.-v3,
  + .internal-page .content-top,
  + .single-page .content-top {
    padding-top: 212px;
    margin-top: -100px;
    
    @media screen and (max-width: 767px) {
      margin-top: -110px;
      /* padding-top: 120px; */
    }
  }
}

#wpadminbar {
  display: none;
}

.--just-mobile {
  display: none!important;

  @media screen and (max-width: 767px) {
    display: flex!important;
    margin-bottom: 60px;
  }
}

body.-open-menu {
  overflow-y: hidden;

  .principal-menu .wrapper {
    right: 0;
  }


  .principal-menu.-v3 {
    .wrapper {
      right: 0;
      display: flex;
      flex-direction: column;
    }

    .btn-menu.--close {
      display: block;
    }

    .btn-menu.--open {
      display: none;
    }
    
  }
}
/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/footer.css ***!
  \*********************************************************************************/
footer {
  .principal-menu {
    border-bottom: 0;
    border-top: 3px solid var(--color-primary);
    padding-top: 18px;
    padding-bottom: 22px;

    .container {
      justify-content: space-between;
    }

    .main-menu {
      gap: 28px;

      /* .menu-item:nth-last-child(2) {
        margin-left: 20px;

        @media screen and (max-width: 767px) {
          margin-left: 0;
          margin-top: 20px;
        }
      } */

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

    .icons{
      display: flex;
      align-items: baseline;
      gap: 30px;

      @media screen and (max-width: 767px) {
        margin-top: 40px;
      }

      a svg {
        max-width: 22px;
      }
    }

    @media screen and (max-width: 767px) {
      .container {
        flex-direction: column;
        align-items: flex-start;
      }

      nav {
        padding: 0;
        position: static;
        margin-top: 30px;
      }
    }

    .sub-menu {
      display: none;
    }
  }

  .parceiros {
    margin-top: 0;
  }

  .content-bottom {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    max-width: 730px;
    margin-inline: auto;
    padding-inline: 36px;
    padding-top: 12px;
    border-top: 1px solid var(--color-primary);
    gap: 30px;

    @media screen and (max-width: 767px) {
      flex-direction: column-reverse;
      gap: 10px;
      padding-bottom: 20px;
      margin-top: 20px;
    }

    .content-copyright,
    a {
      display: block;
      font-size: 11px;
      color: #000;
      letter-spacing: -2%;
      line-height: 22px;
      font-weight: 600;
    }

    .menu {
      display: flex;
      gap: 30px;

      @media screen and (max-width: 767px) {
        flex-direction: column;
        gap: 0;
      }
    }

    a {
      text-decoration: none;
      color: var(--color-secondary);

    }
  }


  &.-v2 {
    padding-bottom: 50px;
    padding-inline: 80px;

    @media screen and (max-width: 767px) {
      padding-inline: 0;
    }

    .principal-menu {
      /* padding-top: 80px; */
      border: 0;
    }

    .container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 32px;

      @media screen and (max-width: 767px) {
        nav {
          margin-inline: auto;
        }

        ul {
          align-items: center;
        }

        .icons {
          margin-top: 0;
          margin-bottom: 40px;
          margin-inline: auto;
        }
      }

      > a {
        display: flex;
        justify-content: center;
        width: 100%;
      }
    }

    .content-bottom {
      padding-inline: 0;
      justify-content: space-between;
      max-width: 100%;

      @media screen and (max-width: 767px) {
        align-items: center;

        .menu {
          align-items: center;
        }
      }
    }
  }

  &.-v3 {
    padding-bottom: 40px;

    .principal-menu {
      padding-top: 0;
      border: 0;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 32px;

      > a {
        display: flex;
        width: 100%;
      }
    }

    @media screen and (max-width: 767px) {
      .icons {
        margin-top: 0;
        margin-bottom: 20px;
      }
    }


    .parceiros,
    .content-bottom {
      max-width: 1312px;
      justify-content: flex-start;
      padding-inline: 0;

      @media screen and (max-width: 767px) {
        padding-inline: 20px;
        align-items: flex-start;
      }
    }

    .content-bottom {
      justify-content: space-between;
      padding-top: 32px;
    }
  }

  &.-v4 {
    padding-bottom: 40px;

    .principal-menu {
      padding-top: 0;
      border: 0;
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 32px;

      > a {
        display: flex;
        width: 100%;
      }

      nav {
        width: 100%;
      }
    }

    @media screen and (max-width: 767px) {
      .icons {
        margin-top: 0;
        margin-bottom: 20px;
      }
    }


    .parceiros {
      display: none;
    }

    .content-bottom {
      max-width: 1312px;
      justify-content: center;
      padding-inline: 0;

      @media screen and (max-width: 767px) {
        padding-inline: 20px;
        align-items: flex-start;
      }
    }

    .content-bottom {
      padding-top: 32px;
    }
  }
}
/*!*********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/banner.css ***!
  \*********************************************************************************/
.banner {
  text-align: center;
  position: relative;
  overflow: hidden;
  
  &.-v1 {
    max-height: 500px;
  }

  @media screen and (max-width: 767px) {
    max-height: fit-content;
  }

  .swiper {
    max-height: 500px;
    @media screen and (max-width: 767px) {
      max-height: fit-content;
    }
  }

  img {
    max-width: 100%;
    height: auto;

    /* @media screen and (max-width: 767px) {
      height: 500px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      max-width: fit-content;
    } */
  }

  .banner-content {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    color: #ffffff;
    width: max-content;
    max-width: 956px;
    padding-inline: 40px;

    @media screen and (max-width: 1570px) {
      padding-inline: 90px;
    }

    @media screen and (max-width: 1441px) {
      padding-inline: 80px;
    }

    @media screen and (max-width: 1340px) {
      padding-inline: 100px;
    }

    @media screen and (max-width: 767px) {
      max-width: 100%;
      top: 40px;
      left: 0;
      transform: translateY(0) translateX(0);
      padding-inline: 20px;
    }

    img {
      margin: -40px 0 50px;

      @media screen and (max-width: 1340px) {
        margin-bottom: 30px;
      }
    }

    .title {
      /* font-size: 72px; */
      /* font-size: clamp(2rem, 1.475rem + 2.625vw, 4.625rem); */
      font-size: clamp(3rem, 2.625rem + 1.6667vw, 4.625rem);
      font-weight: 700;
      line-height: clamp(3rem, 2.625rem + 1.6667vw, 4.625rem);
      display: block;
      margin-bottom: 10px;

      @media screen and (max-width: 767px) {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 15px;
        letter-spacing: -1;
      }
      
      + p {
        display: block;
        /* font-size: 22px; */
        font-size: clamp(1.0625rem, 1rem + 0.3125vw, 1.375rem);
        line-height: 30px;
        max-width: 800px;
        margin: 0 auto 50px;

        @media screen and (max-width: 767px) {
          font-size: 16px;
          line-height: 20px;
          margin-bottom: 30px;
        }
      }
    }

  }

  .banner-button {
    cursor: pointer;
    background-color: transparent;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.2px;
    border: 1px solid #ffffff;
    color: #fff;
    padding: 12.5px 29.27px;
    text-decoration: none;
    transition: all .3s;
    border-radius: 60px;

    @media screen and (max-width: 767px) {
      display: block;
      max-width: fit-content;
      margin-inline: auto;
    }

    &:hover {
      color: #000;
      background-color: #ffffff;
      opacity: 1;
    }

    &:first-of-type {
      background-color: #ffffff;
      color: #000;
      margin-right: 30px;
      
      @media screen and (max-width: 767px) {
        margin: 0 auto 20px;
      }
    }
  }

  .scroll-bottom {
    border-radius: 50%;
    padding: 10px;
    background-color: #ffffff;
    color: var(--color-text);
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    animation-name: upDown;
    /* animation-fill-mode: forwards; */
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: alternate;
  }

  

  /* Versions */

  &.-v3 {
    height: 100%;
    max-height: 620px;
    text-align: left;
    padding-block: 112px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    max-width: 100%;

    @media screen and (max-width: 767px) {
      /* padding-top: 112px; */
      max-height: fit-content;
      padding-bottom: 0;
    }

    .banner-content {
      max-width: 1312px;
      padding-inline: 0;
      margin-inline: auto;
      width: 100%;
      position: static;
      transform: none;

      @media screen and (max-width: 767px) {
        padding-inline: 20px;
      }

      .title,
      .title + p {
        color: var(--color-primary);
        text-align: left;
      }

      .title {
        font-weight: 400;
        margin-bottom: 24px;

        + p {
          margin-inline: 0;
          font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
          margin-bottom: 40px;

          @media screen and (max-width: 767px) {
            font-size: 20px;
            line-height: 22px;
          }
        }
      }
    }

    .banner-button {
      margin-right: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 13px 94px;
      gap: 10px;
      background: #3F3E93;
      border-radius: 41px;
      width: fit-content;
      color: #ffffff;

      &:hover {
        border-color: var(--color-secondary-hover);
        /* color: var(--color-secondary); */
        background-color: #B91677;
        opacity: 1;
      }

      @media screen and (max-width: 767px) {
        margin-left: 0;
      }
    }
  }

  &.-v4,
  &.-v5 {
    max-width: 1084px;
    margin-inline: auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
    margin-top: 60px;
    overflow: unset;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
      padding-inline: 20px;
      gap: 40px;
    }
    
    img {
      max-width: 100%;
      height: auto;
    }

    .banner-content {
      position: static;
      transform: none;
      max-width: fit-content;
      width: auto;
      color: var(--color-primary);
      padding-inline: 0;
      text-align: left;

      .title {
        font-size: clamp(2rem, 1.7rem + 1.5vw, 3.5rem);
        line-height: calc(clamp(2rem, 1.7rem + 1.5vw, 3.5rem) + 4px);
      }
    }

    .banner-button {
      color:  var(--color-secondary);
      border-color:  var(--color-secondary);

      &:first-of-type {
        color: #fff;
        background-color: var(--color-secondary);

        &:hover {
          /* color: var(--color-secondary); */
          background-color: #B91677;
        }
        
        @media screen and (max-width: 767px) {
          margin-right: 20px;
        }
      }

      @media screen and (max-width: 767px) {
        display: inline-flex;
      }
    }
  }

  &.-v4 {
    img {
      order: 2;
    }
  }

}


@keyframes upDown {
  from {
    transform: translateY(-10px) translateX(-50%);
  }
  to {
    transform: translateY(10px) translateX(-50%);
  }
}
/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/more-questions.css ***!
  \*****************************************************************************************/
.more-questions {
  margin: 120px 0  165px;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media screen and (max-width: 767px) {
    padding-inline: 20px;
    margin-bottom: 130px;
  }

  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -0.2px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--color-primary);

    @media screen and (max-width: 767px) {
      font-size: 28px;
      line-height: 32px;
    }
  }

  .desc {
    font-size: 18px;
    color: var(--color-text);
    letter-spacing: -0.2px;
    line-height: 28px;
    margin-bottom: 30px;

    @media screen and (max-width: 767px) {
      font-size: 16px;
      line-height: 24px;
      text-align: center;
    }
  }

  .btn-default {
    margin-inline: auto;
    max-width: fit-content;
  }

  &.-v2 {
    padding-block: 170px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;

    &::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 1;
      height: 100%;
      width: 100%;
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .title,
    .desc,
    .btn-default {
      color: #fff;
      position: relative;
      z-index: 2;
    }
  }

  &.-v3 {
    .container {
      align-items: flex-start;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      flex-direction: row;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
        gap: 30px;
      }
    }

    .title {
      text-align: left;
      @media screen and (max-width: 767px) {
        text-align: center;
      }
    }

    .btn-default {
      margin-inline: 0;

      @media screen and (max-width: 767px) {
        margin-inline: auto;
      }
    }
  }
}
/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/recent-post.css ***!
  \**************************************************************************************/
.recent-posts {
  /* display: flex; */
  gap: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

  @media screen and (max-width: 767px) {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .post {
    display: flex;
    flex-direction: column;
    /* max-width: 416px; */
    
    a {    
      text-decoration: none;
    }
  }

  .post-thumbnail {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    height: 300px;

    @media screen and (max-width: 400px) {
      height: 230px;
    }

    img {
      width: 100%;
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%) scale(1.4);
    }
  }

  .post-date,
  .post-title a{
    color: var(--color-primary);
    font-weight: 700;
    letter-spacing: -0.2px;
    display: block;
    margin-bottom: 15px;

  }

  .post-date {
    font-size: 12px;
    line-height: 17px;
  }

  .post-title {
    font-size: 18px;
    line-height: 25px;
  }

  .post-category {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    display: block;
    color: #3F3E93;
    color: var(--color-secondary);
    margin-bottom: 8px;
  }

  .post-desc {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
    margin-bottom: 15px;
  }

  .post-link {
    color: var(--color-secondary);
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
  }

  + .btn-default {
    display: block;
    margin-inline: auto;
    margin-top: 55px;

    @media screen and (max-width: 767px) {
      white-space: nowrap;
    }
  }
}

.news.--all {
  .recent-posts {
    display: grid;
    grid-template-columns: 1fr 1fr;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }
  }
}
/*!***************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/publications.css ***!
  \***************************************************************************************/
.publicacoes {
  overflow: hidden;

  @media screen and (max-width: 767px) {
    position: relative;
  }
  
  .publicacoes-list {
    margin-top: 80px;
  }

  .publicacao-item {
    margin-bottom: 50px;

    @media screen and (max-width: 767px) {
      margin-bottom: 40px;
    }
  }

  .publicacao-categorys {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
  }

  .publicacao-tipos,
  .publicacao-frente {
    display: block;
    font-weight: 700;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 55px;

    @media screen and (max-width: 767px) {
      display: flex;
      align-items: center;
    }
  }

  .publicacao-tipos {
    background-color: var(--color-secondary);
    color: #FFFFFF;
  }

  .publicacao-frente {
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
  }

  .publicacao-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.02em;
    margin-block: 10px!important;
    color: var(--color-secondary);
  }

  .publicacao-date {
    display: block;
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
  }

  .publicacao-desc p{
    font-size: 15px;
    line-height: 22px;
    color: var(--color-text);
    letter-spacing: -0.2px;
    margin-bottom: 16px;
  }

  .publicacao-link,
  .publicacao-file {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--color-secondary);
    letter-spacing: -0.2px;
    font-size: 13px;
    line-height: 28px;
    font-weight: 600;
  }

  .publicacao-file {
    text-decoration: none;

    strong {
      text-decoration: underline;
    }

    span {
      font-weight: 400;
      font-size: 12px;
      line-height: 28px;
      letter-spacing: -0.02em;
      color: var(--color-text);
    }
  }
  .publicacao-filter-order {
    display: flex;

    @media screen and (max-width: 767px) {
      /* flex-direction: column; */
      flex-direction: row-reverse;
      align-items: center;
      gap: 10px;
      overflow-x: scroll;
      padding-bottom: 15px;
    }
  }
  /* Filter */
  .publicacoes-filter {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    /* @media screen and (max-width: 767px) {
      overflow-x: scroll;
      padding-bottom: 15px;
    } */

    .filter-item,
    .filter-all {
      text-transform: uppercase;
      cursor: pointer;
      box-sizing: border-box;
      padding: 13px 23px;
      border: 1px solid var(--color-secondary);
      border-radius: 55px;
      font-weight: 700;
      font-size: 10px;
      line-height: 10px;
      letter-spacing: 0.04em;
      color: var(--color-secondary);
      display: block;
      transition: all .3s;

      &.--active {
        background-color: var(--color-secondary);
        color: #FFFFFF;

        &:hover {
          background-color: var(--color-secondary);
        }
      }

      &:hover {
        /* background-color: var(--color-primary-hover); */
        background-color: #B91677;
      }

      @media screen and (max-width: 767px) {
        &:hover {
          background-color: transparent;
          color: var(--color-primary);
        }
        &.--active {
          background-color: var(--color-secondary);
          color: #FFFFFF;
        }
      }
    }

    .filter-item {
      display: flex;
      align-items: center;
      
      svg {
        opacity: 0;
        visibility: hidden;
        width: 0;
        transition: all .3s;
      }

      &.--active {
        gap: 10px;

        svg {
          opacity: 1;
          visibility: visible;
          width: fit-content;
        }
      }
    }


  }

  .publicacao-search {
    margin-top: 40px;
    display: flex;
    gap: 10px;
    position: relative;
    width: fit-content;

    input {
      border: 1px solid var(--color-secondary);
      border-radius: 55px;
      padding: 6px 16px;
      padding-right: 40px;
      font-style: italic;
      font-weight: 600;
      font-size: 12px;
      line-height: 10px;
      display: flex;
      align-items: center;
      letter-spacing: 0.04em;
      color: #888888;
      outline-color: var(--color-secondary);
      min-width: 258px;
    }

    .clear-search-button {
      cursor: pointer;
      position: absolute;
      right: 105px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--color-secondary);
    }
  }

  #qtd-publi {
    line-height: 33px;
    font-size: 22px;
    display: block;
    color: #585656;
    letter-spacing: -0.2px;
    margin-top: 54px;
  }

  /* Order */
  .order-publi {
    position: relative;
    margin-left: auto;

    @media screen and (max-width: 767px) {
      /* margin-top: 20px; */
      position: static;
    }

    .open-orders {
      cursor: pointer;
      background-color: var(--color-secondary);
      padding: 8px 24px;
      display: flex;
      gap: 8px;
      align-items: center;
      color: #FFFFFF;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.1px;
      line-height: 21px;
      border: 0;
      border-radius: 60px;
      position: relative;
      z-index: 2;

      @media screen and (max-width: 767px) {
        padding: 10px 22px;
        font-size: 0;
        gap: 0;
      }

      &:hover {
        border-color: var(--color-secondary-hover);
        /* color: var(--color-secondary); */
        background-color: #B91677;
        opacity: 1;
      }
    }

    .order-content {
      position: absolute;
      top: -100%;
      left: 0;
      visibility: hidden;
      opacity: 0;
      background-color: #FFFFFF;
      border: 1px solid var(--color-primary);
      padding-block: 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transition: all .3s;
      width: 100%;

      &.--active {
        top: 37px;
        visibility: visible;
        opacity: 1;

        @media screen and (max-width: 767px) {
          top: 41px;
        }
      }

      @media screen and (max-width: 767px) {
        z-index: 5;
        max-width: 144px;
      }
    }

    .order {
      color: var(--color-primary);
      cursor: pointer;
      font-size: 14px;
      line-height: 21px;
      letter-spacing: 0.1px;
      padding-inline: 8px;
      font-weight: 400;
      transition: all .3s;

      &:hover {
        background-color: var(--color-secondary);
      }

      &.--active {
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;

        svg {
          display: block;
        }
      }

      svg {
        display: none;
      }
    }
  }
}

.page-template-publications-page .publicacoes-filter {
  flex-wrap: wrap;

  @media screen and (max-width: 767px) {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

#page-publi {
  .publicacao-search {
    margin-top: -35px;
  }

  .publicacao-frente {
    display: none;
  }
}
/*!**********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/membros.css ***!
  \**********************************************************************************/
.membros {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;

  @media screen and (max-width: 767px) {
    grid-template-columns: 1fr ;
    gap: 20px;

    /* .membro-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    } */
  }

  .membro-foto-holder{
    max-width: 93px;
    height: 93px;
    margin-bottom: 15px;
  }

  .membro-foto {
    max-width: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center right;
    width: 93px;
    height: 93px;
  }

  .membro-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
    color: var(--color-primary);
  }

  .membro-descricao {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 15px;

    display: -webkit-box;
    -webkit-line-clamp: 8; /* Limita a 8 linhas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease;
    max-height: 12em; /* Aproximadamente 8 linhas */
  }

  .membro-descricao-container {
      max-height: 12em; /* Aproximadamente 8 linhas */
      overflow: hidden;
      position: relative;
  }

  .membro-item.expanded .membro-descricao-container {
      max-height: none;
  }

  .leia-mais {
    display: none; /* Inicialmente escondido */
    background: none;
    border: none;
    color: var(--color-secondary);
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px;
}


  .membro-link {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 15px;
    font-size: 13px;
    color: var(--color-secondary);
    letter-spacing: -0.2px;
    line-height: 18px;
  }
}
/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/comunicados.css ***!
  \**************************************************************************************/
.comunicados {
  .comunicados-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }
  }

  .comunicado-tipo,
  .comunicado-date,
  .comunicado-title {
    color: var(--color-secondary);
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .comunicado-tipo {
    background-color: var(--color-secondary);
    margin-bottom: 15px;
    padding: 6px 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.04em;
    border-radius: 55px;
    max-width: fit-content;
  }

  .comunicado-imagem {
    overflow: hidden;
    max-width: 100%;
    height: 320px;
    position: relative;
    margin-bottom: 15px;

    @media screen and (max-width: 767px) {
      height: 240px;
    }
    
    img {
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      width: 110%;
    }
  }

  .comunicado-date {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
  }

  .comunicado-title {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.2px;
  }

  .comunicado-resumo {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
    font-weight: 500;
    margin-bottom: 15px;
  }

  .comunicado-link {
    text-decoration: none;
    display: flex;
    align-content: baseline;
    color: var(--color-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.02em;
    gap: 5px;
  }

  a {
    text-decoration: none;
  }
}
/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/button.css ***!
  \****************************************************************************************/
.buttons-holder {
  display: flex;
  margin-top: 40px;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;

  @media screen and (max-width: 767px) {
    flex-direction: column;
    gap: 15px;
  }
}

.btn-default {
  cursor: pointer;
  background-color: transparent;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.2px;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
  padding: 12.5px 18px;
  text-decoration: none;
  max-width: 220px;
  text-align: center;
  display: flex;
  align-items: center;
  transition: all .3s;
  /* text-transform: capitalize; */
  border-radius: 60px;

  &:hover {
    /* background-color: var(--color-primary-hover); */
    background-color: #B91677;
    opacity: 1;
  }

  @media screen and (max-width: 767px) {
    max-width: fit-content;
    margin-inline: auto;
  }

  &:first-of-type {
    background-color: var(--color-secondary);
    color: #ffffff;
    
    &:hover {
      border-color: var(--color-secondary-hover);
      /* color: var(--color-secondary); */
      /* background-color: var(--color-secondary-hover); */
      background-color: #B91677;
      opacity: 1;
    }

    &.--outline {
      color: var(--color-secondary);
      background-color: transparent;
    
      &:hover {
        border-color: var(--color-secondary);
        background-color: var(--color-secondary-hover);
        opacity: 1;
      }
    }

    
  }
}

.back-to-top {
  display: block;
  color: var(--color-secondary);
  font-size: 13px;
  letter-spacing: -0.2px;
  font-weight: 600;
  margin-top: 80px;
  margin-bottom: 110px;
  text-decoration: underline;
  text-align: center;
  width: 100%;

  @media screen and (max-width: 767px) {
    margin-top: 40px;
  }
}
/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/parceiros.css ***!
  \*******************************************************************************************/
.parceiros {
  display: flex;
  max-width: 874px;
  margin-inline: auto;
  margin-top: 80px;
  justify-content: center;
  gap: 30px;

  @media screen and (max-width: 767px) {
    flex-direction: column;
    padding-inline: 20px;
    align-items: center;
    gap: 20px;
  }
}
/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/content-block.css ***!
  \***********************************************************************************************/
.content-block {
  max-width: 100%;

  .category {
    font-size: 16px;
    display: block;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: var(--color-primary);
    margin-bottom: 15px;
    font-weight: 600;
  }

  .title {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -0.2px;
    font-weight: 700;
    margin-bottom: 25px;
    color: var(--color-primary);

    @media screen and (max-width: 767px) {
      font-size: 35px;
      line-height: 40px;
    }
  }

  .desc,
  .desc p{
    font-size: 18px;
    color: #000;
    line-height: 28px;
    letter-spacing: -0.2px;
    font-weight: 400;

    @media screen and (max-width: 767px) {
      font-size: 18px;
      line-height: 28px;
    }

    a {
      color: var(--color-primary);
      text-decoration: none;
    }
  }
}
/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/tabs.css ***!
  \**************************************************************************************/
.tabs {
  position: relative;
  margin-bottom: 80px;

  @media screen and (max-width: 767px) {
    overflow-x: auto;
    margin-bottom: 40px;
    position: sticky;
    top: 0;
    box-shadow: 1px 0 #ccc;
    background-color: #ffffff;
    z-index: 2;
    padding-top: 10px;
    margin-left: -20px;
    padding-left: 20px;
    width: calc(100% + 40px);
    
    /* Estilo base da scrollbar */
    &::-webkit-scrollbar {
      height: 0;
      transition: height 0.3s;
    }
    
    &::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }
    
    &::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 10px;
    }
    
    /* Classe que será adicionada via JS durante o scroll */
    &.is-scrolling {
      &::-webkit-scrollbar,
      .tab-list::-webkit-scrollbar {
        height: 4px;
      }      
    }
  }
  
  &:after {
    content: '';
    height: 1px;
    background-color: #FEFEFE;
    position: absolute;
    bottom: 0;
    width: 110%;
    left: -10%;

    @media screen and (max-width: 767px) {
      left: 0;
      width: 100%;
    }
  }

  .tab-list {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 2px solid #EBECF8;

    @media screen and (max-width: 767px) {
      overflow-x: auto;
      /* Esconde scrollbar por padrão */
      &::-webkit-scrollbar {
        height: 0;
        width: 0;
        background: transparent;
      }
      
      /* Mostra scrollbar durante o scroll */
      &::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 10px;
      }
      
      /* Aplica transição suave */
      /* &:hover::-webkit-scrollbar,
      &:active::-webkit-scrollbar {
        height: 4px;
        width: auto;
      } */
      
      justify-content: flex-start;
      padding-right: 20px;
    }
  }

  .tab-item {
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: var(--color-primary);
    text-align: center;
    padding-inline: 22px;
    padding-block: 14px;
    position: relative;
    transition: all .3s;

    &.--active {
      font-weight: 700;

      &:after {
        background-color: var(--color-primary);
      }
    }

    @media screen and (max-width: 767px) {
      white-space: nowrap;
      padding-inline: 16px;
      font-size: 16px;
      touch-action: pan-x;
    }

    &:after {
      content: '';
      height: 2px;
      position: absolute;
      background-color: transparent;
      bottom: 0;
      width: 100%;
      left: 0;
      transition: all .3s;
    }
  }
}

.page-template-frentes-de-atuacao {
  .tabs  {
    max-width: 1100px;
    margin-inline: auto;

    @media screen and (max-width: 767px) {
      max-width: none;
      margin-inline: 0;
      width: 100%;
    }
  }
}
/*!****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/orders.css ***!
  \****************************************************************************************/
.orders {
  position: relative;
  margin-left: auto;
  max-width: min-content;
  margin-bottom: 80px;
  z-index: 5;

  @media screen and (max-width: 767px) {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 130px;
    max-width: 100%;
    /* background-color: var(--color-primary); */
  }

  .open-orders {
    cursor: pointer;
    background-color: var(--color-secondary);
    padding: 8px 24px;
    display: flex;
    gap: 8px;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 21px;
    border: 0;
    position: relative;
    z-index: 3;
    border-radius: 60px;

    &:hover {
      /* color: var(--color-primary); */
      background-color: #B91677;
      transition: all .3s;
      border: 1;
      border-color: var(--color-primary);
    }

    @media screen and (max-width: 767px) {
      padding-inline: 8px 10px;
      margin-inline: auto;
    }
  }

  .order-content {
    position: absolute;
    top: -100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background-color: #FFFFFF;
    border: 1px solid var(--color-primary);
    padding-block: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all .3s;
    width: 100%;
    z-index: 5;

    &.--active {
      top: 37px;
      visibility: visible;
      opacity: 1;
    }
  }

  .order {
    color: var(--color-primary);
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.1px;
    padding-inline: 8px;
    font-weight: 400;
    transition: all .3s;

    &:hover {
      /* color: var(--color-primary); */
      color: #FFF;
      background-color: #B91677;
    }

    &.--active {
      font-weight: 700;
    }
  }
}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components/shared/form-contato.css ***!
  \**********************************************************************************************/
form.contato {
  max-width: 480px;
  margin-inline: auto;
  margin-bottom: 65px;

  .input-group {
    margin-bottom: 25px;
  }

  label {
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: var(--color-secondary);
    margin-bottom: 5px;
  }

  input,
  textarea {
    background-color: transparent;
    border: 1px solid var(--color-secondary);
    padding: 10px 15px;
    outline-color: var(--color-secondary);
    width: 100%;
  }

  input[type='checkbox'] { 
    display: none;

    &:checked + label svg {
      .icon-checked {
        display: block;
      }
    }

    + label {
      cursor: pointer;
      display: flex;
      gap: 13px;
      align-items: center;
      font-weight: 500;

      a {
        color: var(--color-secondary);
      }
    }
  }

  .btn-default {
    justify-content: center;
    width: 160px;

    @media (max-width: 767px) {
      max-width: 100%;
    }
    

    &:disabled {
      opacity: 0.7;
      cursor: not-allowed;
    }
  }

  .icon-checked {
    display: none;
  }
}
/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/pages/home.css ***!
  \**************************************************************************/
.page-home {
  position: relative;
  z-index: 3;
  background-color: #ffffff;

  .container > section {
    margin-block: 100px;
  }

  .content-first {
    display: flex;
    gap: 40px;

    @media screen and (max-width: 767px) {
      flex-direction: column;
      margin-top: 50px;
    }

    > div {
      width: calc(100% / 2);
      
      @media screen and (max-width: 767px) {
        width: 100%;
      }
    }
  }

  .content-second {
    .title {
      font-size: 32px;
      color: var(--color-primary);
      font-weight: 700;
      line-height: 44px;
      letter-spacing: -0.2px;
      margin-bottom: 12px;

      @media screen and (max-width: 767px) {
        font-size: 28px;
        line-height: 32px;
      }
    }

    .desc {
      font-size: 18px;
      color: #000;
      line-height: 28px;
      letter-spacing: -0.2px;
      display: block;
      margin-bottom: 65px;

      @media screen and (max-width: 767px) {
        font-size: 16px;
        margin-bottom: 40px;
      }
    }

    .stats {
      display: flex;
      justify-content: space-between;
      gap: 34px;

      @media screen and (max-width: 767px) {
        flex-direction: column;
        gap: 24px;
      }

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

      .state-img {
        margin-bottom: 8px;
        display: block;
      }

      .state-title {
        font-size: 74px;
        color: var(--color-secondary);
        font-weight: 600;
        font-family: "Playfair Display", serif;
        letter-spacing: -0.2px;
        margin-bottom: 12px;
        
        @media screen and (max-width: 767px) {
          font-size: 48px;
        }
      }

      .state-desc {
        text-align: center;
        font-size: 14px;
        color: var(--color-text);
        line-height: 18px;
        letter-spacing: -0.2px;
        display: block;
        font-weight: 600;

        @media screen and (max-width: 767px) {
          font-size: 18px;
        }
      }
    }

    .buttons-holder {
      justify-content: center;
    }

    &.-v2,
    &.-v3,
    &.-v4 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;

      .buttons-holder {
        flex-direction: row;
        justify-content: start;
        margin-top: 40px;

        .btn-default {
          margin: 0;
        }
      }
      
      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
        gap: 10px;

        .buttons-holder {
          margin-top: 20px;
          justify-content: center;
          flex-direction: column;
          align-items: center;
        }
      }

      img {
        max-width: 100%;
      }

      .title,
      .state-title {
        font-size: clamp(2.25rem, 2.1rem + 0.75vw, 3rem);
        line-height: calc(clamp(2.25rem, 2.1rem + 0.75vw, 3rem) + 8px);

        @media screen and (max-width: 767px) {
          font-size: 35px;
          line-height: 40px;
        }
      }

      .state-title  {
        @media screen and (max-width: 767px) {
          font-size: 55px;
          line-height: 60px;
        }
      }

      .desc {
        margin-bottom: 30px;
      
        @media screen and (max-width: 767px) {
          margin-bottom: 24px;
          font-size: 18px;
          line-height: 24px;
        }
      }

      .state {
        align-items: flex-start;
      }

      .state-title,
      .state-desc {
        text-align: left;
      }
    }

    &.-v3,
    &.-v4 {
      align-items: center;

      @media screen and (max-width: 767px) {
        > div:first-child {
          order: 2;
          margin-top: 48px;
        }
      }
    }

    &.-v4 {
      > div:first-child {
        order: 2;
      }

      .btn-default:nth-child(2) {
        border: 0;
        padding-inline: 0;

        &:hover {
          background-color: transparent;
          opacity: 0.7;
        }
      }
    }

  }

  .content-third {
    display: flex;
    gap: 30px;

    @media screen and (max-width: 767px) {
      flex-direction: column;

      .cronograma-image {
        overflow-x: scroll;
        margin-left: -20px;
        width: calc(100% + 40px);
        /* scrollbar-width: thin; */
  
        img {
          width: auto;
          max-width: none;
        }
      }
      
      .cronograma-image::-webkit-scrollbar{
        height: 6px;
        background-color: #D0D4CE;
      }
      
      .cronograma-image::-webkit-scrollbar-thumb{
        border-radius:112px;
        background-color: #403E91;
      }
    }

    

    &.-v2 {
      .content-block {
        order: 2;
      }
    }

    &.-v3 {
      flex-direction: column;
      align-items: flex-start;
      align-items: center;
      gap: 80px;

      .content-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;

        @media screen and (max-width: 767px) {
          grid-template-columns: 1fr ;
        }
      }

      .buttons-holder {
        justify-content: flex-start;
      }
    }


    &.-v4 {
      .content-block {
        text-align: center;
      }

      @media screen and (max-width: 767px) {
        .buttons-holder {
          flex-direction: row;
          margin-top: 0;
          

          .btn-default {
            margin: 0;
          }
        }
      }
    }

    .informations {
      display: flex;
      margin-top: 80px;
      gap: 48px;
      text-align: center;
      align-items: center;

      @media screen and (max-width: 767px) {
        flex-direction: column;
      }

      .information {
        margin-bottom: 60px;
      }

      img {
        margin-bottom: 24px;

        @media screen and (max-width: 767px) {
          order: 9;
        }
      }

      .title {
        font-size: clamp(1.375rem, 1.15rem + 0.125vw, 1.5rem);
        line-height: calc(clamp(1.375rem, 1.15rem + 0.125vw, 1.5rem) + 10px);
        display: block;
        margin-bottom: 16px;
      }

      .desc {
        font-size: 16px;
        line-height: 24px;
      }
    }

    &.-v5 {
      flex-direction: column;
      text-align: left;

      .content-block {
        max-width: 50%;

        @media screen and (max-width: 767px) {
          max-width: 100%;
        }
      }

      .buttons-holder {
        justify-content: flex-start;
      }

      .btn-default:nth-child(2) {
        border: 0;
        padding-inline: 0;

        &:hover {
          background-color: transparent;
          opacity: 0.7;
        }
      }
    }
  }

  .recent-posts {
    margin-top: 35px;
  }


  .content-fourth {
    .post-title {
      color: var(--color-primary);
      margin-bottom: 10px;
    }

    &.-v5 {
      .recent-posts {

        .post {
          width: calc(100% / 3);

          @media screen and (max-width: 767px) {
            width: 100%;
          }
        }
      }

      .post-thumbnail {
        display: none;
      }

      .post-content {
        padding: 0px;
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 0px;
        padding: 24px;
        height: 100%;
      }

      .btn-default:hover {
        background-color: #B91677;
        opacity: 1;
      }

      .post-title {
        color: var(--color-primary);
        margin-bottom: 10px;
      }

      .post-date {
        color: #666666;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
      }

      .post-desc {
        font-weight: 500;
      }
    }

    &.-v3 {
      .recent-posts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        margin-top: 80px;
        gap: 60px 48px;

        @media screen and (max-width: 767px) {
          grid-template-columns: 1fr;
        }
      }

      .post {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
      }

      .post-thumbnail {
        height: 250px;

        img {
          max-width: unset;
          width: auto;
          height: 100%;
        }
      }

      .post-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .post-desc {
        margin-top: 15px;
      } 
    }


    &.-v4 {
      .wrapper {
        display: flex;
        gap: 40px;
        align-items: flex-end;

        @media screen and (max-width: 767px) {
          flex-direction: column;
          align-items: flex-start;
        }

        .btn-default {
          white-space: nowrap;
        }
      }
      
      .swiper-news {
        width: 100%;
        height: 100%;
        position: relative;
        padding-bottom: 60px;
      }

      .swiper-button-next, 
      .swiper-button-prev {
        top: auto;
        bottom: 0;
        border-radius: 50%;
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        /* padding: 12px; */
        height: 48px;
        width: 48px;
        display: inline-flex;
        align-items: center;
        justify-self: center;

        &::after {
          content: none;
        }
      }

      .swiper-button-prev {
        left: auto;
        right: 70px;
      }

      .swiper-pagination {
        text-align: left;
      }

      .swiper-pagination-bullet-active {
        background-color: var(--color-primary);
      }

      .post {
        width: calc(100% / 3);

        @media screen and (max-width: 767px) {
          width: 80%;
        }
      }
    }
  }
}

.content-codes {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  padding-block: 80px;

  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }
  }

  .title {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    color: #28173E;

    @media screen and (max-width: 767px) {
      font-size: 35px;
      line-height: 40px;
    }
  }

  @media screen and (max-width: 767px) {
    .content-html {
      div:last-child {
        position: relative;

        div {
          display: flex;
          flex-direction: column;
        }

        input {
          margin-bottom: 6px;
          width: 100%;
        }

        button {
          position: absolute;
          bottom: -40px;
          left: 0;
          margin-left: 0;
        }
      }
    }
  }
}

/* Maybe component */
.proposal-content {
  max-width: 100%;
  height: fit-content;

  .title,
  .proposal-title {
    font-size: 24px;
    color: var(--color-secondary);
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -0.2px;
    display: block;
  }
  
  .title {
    margin-bottom: 26px;
    text-align: center;
  }

  .proposal-box {
    background-color: var(--color-secondary)08;
    border: 10px solid #ffffff;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.05), 4px 4px 6px rgba(0, 0, 0, 0.15);
    padding-inline: 50px;
    padding-left: 57px;
    padding-right: 30px;
    box-sizing: border-box;

    @media screen and (max-width: 767px) {
      padding-left: 20px;
    }
  }

  .proposal-desc {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    margin-top: 20px;
    max-width: 305px;

    p {
      margin-bottom: 10px;
    }

    ul {
      list-style: disc;
      padding-left: 20px;
    }

    li {
      margin-bottom: 10px;
    }
  }

  .swiper {
    padding-block: 95px;

    @media screen and (max-width: 767px) {
      padding-block: 60px;
    }
  }

  .swiper-button-next, 
  .swiper-button-prev {
    top: 45px;
    height: 16px;
    color: var(--color-primary);
    left: auto;
    right: 0;
    transition: all .3s;

    @media screen and (max-width: 767px) {
      height: 30px;
      top: 40px;
    }

    &:after {
      font-size: 16px;  
    }
    
    &:hover {
      opacity: 0.7;
    }

    @media screen and (max-width: 767px) {
      &:after {
        font-size: 26px;
      }
    }
  }

  .swiper-button-prev {
    right: 32px;

    @media screen and (max-width: 767px) {
      right: 42px;
    }
  }

  .link {
    font-weight: 600;
    font-size: 13px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.02em;
    color: var(--color-text);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    margin-top: 44px;
    transition: all .3s;
    
    &:hover {
      opacity: 0.7;
    }

    span {
      color: var(--color-primary);
      font-size: 26px;
    }
  }
}
/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/pages/internal-page.css ***!
  \***********************************************************************************/
.internal-page {
  padding-top: 100px;

  @media screen and (max-width: 767px) {
    padding-top: 50px;
  }

  .title-page,
  .description-page,
  .subtitle-page {
    text-align: left;
    max-width: 766px;
    color: var(--color-primary);
  }

  .title-page {
    line-height: 75px;
    font-weight: 700;
    font-size: 74px;
    margin-bottom: 46px;

    @media screen and (max-width: 767px) {
      font-size: 50px;
      line-height: 54px;
      margin-bottom: 30px;
    }
  }

  .subtitle-page {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 72px;
    margin-top: -30px;

    @media screen and (max-width: 767px) {
      font-size: 18px;
      line-height: 24px;
      margin-top: 0;
    }
  }

  .description-page {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 60px;

    @media screen and (max-width: 767px) {
      font-size: 18px;
      line-height: 24px;
    }
  }

  .content-holder {
    overflow: hidden;
    position: relative;
  }

  .content-page {
    position: absolute;
    top: -100%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;

    &.--active {
      position: static;
      opacity: 1;
      visibility: visible;
    }

    .content-title,
    h2 {
      font-weight: 700;
      font-size: 32px;
      line-height: 44px;
      letter-spacing: -0.02em;
      color: var(--color-primary);
      margin: 55px 0 30px 0;

      @media screen and (max-width: 767px) {
        font-size: 28px;
        margin: 40px 0 20px 0;
        line-height: 34px;
      }

      small {
        font-size: 24px;
        font-weight: 400;

        @media screen and (max-width: 767px) {
          font-size: 18px;
          font-weight: 500;
        }
      }
    }

    .content-description {
      margin-bottom: 68px;
      
      @media screen and (max-width: 767px) {
        margin-bottom: 40px;
      }

      img {
        margin-bottom: 30px;
        display: block;
        margin-inline: auto;
      }
    }

    .content-description p{
      font-weight: 400;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.02em;
      color: #000;
      margin-bottom: 35px;

      @media screen and (max-width: 767px) {
        font-size: 18px;
        line-height: 28px;
      }
    }
  }

  
  /* Paragrafo destaque dentro de uma publicação */

  .content-paragraph{
    color: var(--color-primary);
    font-size: 24px;
    margin-bottom: 80px;
    font-weight: 300;
    line-height: 150%;

    @media screen and (max-width: 767px) {
      font-size: 20px;
    }

  }

  .content-visao {
    margin-bottom: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }

    .visao-title {
      color: var(--color-secondary);
      font-size: 24px;
      line-height: 33px;
      letter-spacing: -0.2px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 24px;

      @media screen and (max-width: 767px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 16px;
      }
    }

    .visao-desc,
    .visao-desc p{
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.1px;
      margin-bottom: 25px;
      display: block;

      @media screen and (max-width: 767px) {
        margin-bottom: 16px;
      }

      strong {
        display: block;
        color: var(--color-secondary);
        font-weight: 700;
        margin-bottom: 5px;
      }

      i {
        display: block;
      }

      ul {
        padding-left: 20px;
        list-style: disc;
      }
    }

    .visao-desc li {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.1px;
      margin-bottom: 10px;

      &::marker {
        font-size: 12px;
      }
    }

    .link {
      display: block;
      color: var(--color-primary);
      font-weight: 700;
      font-size: 14px;
      line-height: 28px;
      letter-spacing: -0.02em;
    }
  }

  ol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 49px 35px;
    margin-bottom: 80px;
    counter-reset: li;
    margin-top: 40px;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
      margin-bottom: 40px;
      gap: 20px;
    }

    li {
      display: block;
      font-weight: 500;
      font-size: 14px;
      line-height: 21px;
      letter-spacing: 0.1px;

      &::before {
        counter-increment: li;
        content: counter(li);
        color: var(--color-primary);
        font-weight: 700;
        display: block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;
        margin-bottom: 24px;

        @media screen and (max-width: 767px) {
          margin-bottom: 20px;
        }
      }

      strong {
        display: block;
        color: var(--color-secondary);
        font-size: 24px;
        line-height: 33px;
        letter-spacing: -0.2px;
        font-weight: 700;
        margin-bottom: 24px;

        @media screen and (max-width: 767px) {
          font-size: 22px;
          line-height: 28px;
          margin-bottom: 20px;
        }
      }
    }
  }
  
  &.-modelo-v2,
  &.-modelo-v3 {
    padding-top: 0;

    .content-top {
      padding-block: 112px;
      padding: 112px 40px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      max-width: 100%;  

      &::before {
        content: '';
        /* background-color: #000; */
        opacity: 0.6;
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
      }
    }

    .title-page, 
    .description-page, 
    .subtitle-page {
      color: var(--color-primary);
      position: relative;
      z-index: 4;
      max-width: 1312px;
      margin-inline: auto;
    }

    .description-explore{
      font-family: 'Montserrat';
      font-size: 16px;
      color: var(--color-primary);
      font-weight: 400;
      line-height: 18px;
    }

    .title-page {
      /* font-size: clamp(2.375rem, 2.15rem + 1.125vw, 3.5rem); */
      margin-bottom: 24px;
    }

    .description-page {
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 40px;

      @media screen and (max-width: 767px) {
        font-size: 18px;
        line-height: 22px;
      }
    }
  }

  &.-modelo-v3,
  &.-modelo-v4 {
    .title-page, 
    .description-page, 
    .subtitle-page {
      text-align: left;
    }
  }

  &.-modelo-v4 {
    .content-top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80;
      max-width: 1080px;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
        gap: 30px;
      }
    }

    .title-page {
      font-size: clamp(2.375rem, 2.15rem + 1.125vw, 3.5rem);
      margin-bottom: 24px;
      
      @media screen and (max-width: 767px) {
        margin-bottom: 0;
      }
    }

    .description-page {
      font-size: 18px;
      line-height: 27px;
    }
  }

  &.-tabs-v2,
  &.-tabs-v3 {
    .cotent-internal {
      display: grid;
      grid-template-columns: 20% 1fr;
      gap: 80px;
      max-width: 1084px;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
      }
    }

    .tab-list {
      flex-direction: column;
      align-items: center;
      
      @media screen and (max-width: 767px) {
        flex-direction: row;
      }
    }

    .content-holder {
      max-width: 100%;
    }

    @media screen and (max-width: 767px) {
      .tabs {
        margin-bottom: 0;
      }
    }
  }

  &.-tabs-v3 {
    .cotent-internal {
      grid-template-columns: 1fr 20%;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
      }
    }
    .tabs {
      order: 2;

      @media screen and (max-width: 767px) {
        order: 1;
      }
    }

    .content-holder {
      @media screen and (max-width: 767px) {
        order: 2;
      }
    }
  }
}


.videos-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;

  @media screen and (max-width: 767px) {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .video-item {
    position: relative;

    &.--show {
      .material-icons {
        display: none;
      }  
    }

    .material-icons {
      display: block;
      pointer-events: none;
      color: #ffffff;
      font-size: 64px;
      position: absolute;
      left: 50%;
      top: 120px;
      transform: translateX(-50%);
      z-index: 3;
      

      @media screen and (max-width: 767px) {
        font-size: 52px;
      }
    }
  }

  .video-title {
    color: var(--color-secondary);
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.2px;
    margin-block: 15px;
    display: block;
  }

  .video-desc {
    color: var(--color-text);
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
}



/* poages */

#page_quem_somos {
  margin-bottom: 240px;

  .content-top {
    margin-bottom: 110px;
  }
}


.wonderplugin-video {
  @media screen and (max-width: 767px) {
    height: 438px!important;
  }
}

.content-description iframe {  
  @media screen and (max-width: 767px) {
    height: 290px!important;
  }
}
/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/pages/page-midia.css ***!
  \********************************************************************************/
.page-midia {

  &.-v1 {
    .recent-posts {
      grid-template-columns: 1fr 1fr 1fr;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
      }
    }
  }

  .content-holder{

    &:not(.--highlight) {
      margin-top: 80px;
    }

    > .title {
      font-weight: 700;
      font-size: 24px;
      line-height: 140%;
      color: var(--color-secondary);
      margin-bottom: 40px;
    }
  }

  &.-v2 {
    .--highlight {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 32px;

      @media screen and (max-width: 767px) {
        grid-template-columns: 1fr;
      }
    }

    .highlight-secondary {
      display: flex;
      flex-direction: column;
      gap: 32px;

      .post {
        display: flex;
        flex-direction: row;
        gap: 24px;
      }

      .post-thumbnail {
        min-height: min-content;
        max-height: 250px;
        height: auto;
        margin-bottom: 0;
        min-width: 160px;
        width: 100%;
      }

      .post-title {
        margin-bottom: 8px;
      }

      .post-title,
      .post-desc {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limita a 8 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .post-desc {
        margin-bottom: 10px;
      }
    }
  }

  &.-v3 {
    .highlight-main {
      .post-thumbnail {
        min-height: 600px;

        @media screen and (max-width: 767px) {
          min-height: fit-content;
        }
      }

      .post-title {
        margin-bottom: 60px;
        font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
        line-height: calc(clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem) + 4px);

        @media screen and (max-width: 767px) {
          margin-bottom: 0;
        }
      }

      .post-content > .post-title {
        display: none;
      }

      .post-desc {
        display: -webkit-box;
        -webkit-line-clamp: unset; /* Limita a 8 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-block: 32px;

        @media screen and (max-width: 767px) {
          margin-top: 0;
          margin-bottom: 30px;
        }
      }
    }
  }

  &.-v4 {
    .highlight-main {
      .post {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;

        @media screen and (max-width: 767px) {
          grid-template-columns: 1fr;
          gap: 30px;
        }

        .post-thumbnail {
          min-height: 450px;
          order: 2;

          img {
            height: 100%;
            width: auto;
            max-width: unset;
          }
        }

        .post-title {
          margin-bottom: 32px;
          font-size: clamp(1.375rem, 1.125rem + 1.25vw, 2.625rem);
          line-height: calc(clamp(1.375rem, 1.125rem + 1.25vw, 2.625rem) + 4px);
        }
      }
    }
  }

  .back-to-top {
    margin-top: 220px;
    margin-bottom: 135px;
  }
}
/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/pages/single.css ***!
  \****************************************************************************/
.single-page { 
  /* margin-top: 124px; */
  margin-bottom: 100px;

  @media screen and (max-width: 767px) {
    margin-top: 60px;
    margin-top: 0;
  }

  .content-top {
    /* padding-block: 112px; */
    padding: 112px 50px 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    max-width: 100%;  

    &::before {
      content: '';
      /* background-color: #000; */
      opacity: 0.6;
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
    }

    @media screen and (max-width: 767px) {
      padding-bottom: 230px;
    }

    + .container {
      margin-top: -180px;
      position: relative;
    }
  }

  .title-page {
    font-weight: 700;
    font-size: 48px;
    line-height: 57px;
    color: var(--color-primary);
    margin-bottom: 40px;
    max-width: 1312px;
    margin-inline: auto;

    @media screen and (max-width: 767px) {
      font-size: 28px;
      line-height: 34px;
      margin-bottom: 30px;
    }
  }
  

  .content {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 30px;

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }

    aside {
      display: flex;
      flex-direction: column;

      .aside-title,
      span,
      li,
      a {
        color: var(--color-primary);
        font-size: 12px;
        line-height: 17px;
      }

      .aside-title {
        display: block;
        margin-bottom: 8px;
        border-top: 0.5px solid var(--color-primary);
        padding-top: 7px;
      }

      span,
      ul{
        font-weight: 400;
        margin-bottom: 16px;
      }
    }
  }

  .description-page,
  .description-page p{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-primary);
    margin-bottom: 10px;

    @media screen and (max-width: 767px) {
      font-size: 18px;
      line-height: 28px;
    }

    h2 {
      font-size: 24px;
      line-height: 33px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    h2, h3, h4 {
      margin-top: 12px;
    }

    .wp-block-image {
      margin-block: 20px;
    }
    
    .btn-default {
      margin-top: 32px;
      max-width: 190px;
      width: fit-content;
    }
  }
}

.privacy-policy .content {
  display: block;
}
/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/main.css (1) ***!
  \************************************************************************/
/* Components */

/* Shared */

/* Pages */

/*# sourceMappingURL=style.css.map*/