/*---------------------------------------
geral
---------------------------------------*/
* {
  position: relative; }

/*bloco especial */
@media (max-width: 767px) {
  .noBr-mob br {
    display: none; } }
/*---------------------------------------
reveal
---------------------------------------
main .col:not(.noreveal) {
	opacity: 0;
	transition: all .5s ease-out;
	transform: scale(0.95);
	&.active {
		opacity: 1;
		transform: none;
	}
}
*/
/*---------------------------------------
sm
---------------------------------------*/
/*---------------------------------------
header + footer
---------------------------------------*/
header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: white;
  transition: var(--transition); }
  header.is-hidden {
    transform: translate(0, -300px); }
  header .row-logo {
    transition: var(--transition);
    overflow: hidden; }
  header h1.logo {
    text-align: center;
    margin: 0em auto;
    line-height: 1em;
    font-size: 0; }
    header h1.logo img {
      display: inline-block;
      max-width: 300px;
      width: 80%;
      margin: 0 auto; }
  header .search-form {
    border-radius: var(--radius);
    display: flex;
    position: relative; }
    header .search-form input[type='text'] {
      transition: var(--transition);
      background-color: var(--bs-light);
      font-family: "Montserrat", sans-serif;
      font-size: 13px;
      border: none;
      color: var(--bs-dark);
      width: 100%;
      padding: 5px; }
      header .search-form input[type='text']::placeholder {
        font-weight: 100; }
      header .search-form input[type='text']:focus {
        outline-color: var(--bs-green); }
    header .search-form input[type='submit'] {
      display: none; }
    header .search-form i {
      position: absolute;
      top: calc(50% - 10px);
      height: 16px;
      right: 8px;
      z-index: 1; }
  header .menu {
    border-bottom: 1px solid var(--bs-dark); }
    header .menu ul {
      display: block;
      font-size: 14px;
      padding: 1em 0;
      margin: 0;
      list-style: none;
      text-align: center; }
      header .menu ul li {
        display: inline-block;
        margin: 0 .3em; }
        header .menu ul li a {
          display: inline-block;
          font-weight: 500;
          border-radius: var(--radius);
          border: 1px solid transparent;
          color: var(--bs-dark);
          padding: 2px 8px;
          text-decoration: none; }
          header .menu ul li a:hover {
            background-color: var(--bs-red);
            color: white; }

footer {
  background-color: white;
  color: var(--bs-dark);
  line-height: 1.3em; }
  footer a {
    text-decoration: none; }
  footer .logo {
    max-width: 300px; }
  footer hr {
    background-color: var(--bs-gray); }
  footer .copyright {
    font-size: 13px; }
    footer .copyright a {
      color: var(--bs-dark);
      text-decoration: underline; }
  footer .sm {
    height: 36px;
    width: 36px;
    margin: 0;
    display: inline-block;
    border-radius: 100px;
    background-color: var(--bs-green-light);
    padding: 5px;
    line-height: 1em; }
    footer .sm + .sm {
      margin-left: 8px; }
    footer .sm img {
      transition: var(--transition); }
    footer .sm:hover {
      background-color: var(--bs-green); }
      footer .sm:hover img {
        filter: brightness(10) grayscale(1); }

@media (max-width: 767px) {
  header {
    /*btn ctrole menu */
    /* menu ativo */ }
    header.ativo {
      box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, 0.24); }
    header .search-form input[type="text"] {
      opacity: 0; }
    header .menu {
      position: fixed;
      background-color: var(--bs-green-dark);
      left: 0;
      top: 86px;
      right: 0;
      bottom: 0;
      padding: 2em;
      opacity: 0;
      overflow: scroll;
      transform: translate(-100vw, 0);
      transition: var(--transition);
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: white; }
      header .menu ul {
        text-align: center; }
        header .menu ul li {
          display: block;
          font-size: 21px;
          margin: 1em 0; }
          header .menu ul li a {
            padding: 5px 20px; }
    header .menu-btn {
      cursor: pointer;
      width: 44px;
      height: 44px;
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      position: absolute;
      z-index: 11;
      left: 0;
      top: calc(50% - 22px); }
    header .menu-btn .bar {
      width: 18px;
      height: 3px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: var(--bs-dark);
      transition: var(--transition);
      border-radius: 3px; }
      header .menu-btn .bar:nth-of-type(2) {
        top: calc(50% - 7px); }
      header .menu-btn .bar:nth-of-type(3) {
        top: calc(50% + 7px); }
    header.menu-ativo {
      overflow: visible; }
      header.menu-ativo.is-hidden {
        top: 0; }
      header.menu-ativo #menu {
        transform: none;
        opacity: 1; }
      header.menu-ativo .menu-btn .bar {
        top: 50%; }
        header.menu-ativo .menu-btn .bar:nth-of-type(1) {
          display: none; }
        header.menu-ativo .menu-btn .bar:nth-of-type(2) {
          transform: translate(-50%, 0%) rotate(45deg); }
        header.menu-ativo .menu-btn .bar:nth-of-type(3) {
          transform: translate(-50%, 0%) rotate(-45deg); }

  footer {
    text-align: center; }
    footer .col {
      max-width: 500px;
      margin: auto; } }
@media (min-width: 768px) {
  header.ativo {
    background-color: black; }
    header.ativo ul li a {
      color: white; }
    header.ativo .row-logo {
      height: 0 !important;
      padding: 0 !important; } }
/*---------------------------------------
post-list
---------------------------------------*/
.blog-title {
  color: var(--bs-dark); }

hr {
  background-color: var(--bs-gray); }

/* postlist */
.post-preview {
  margin-bottom: 3em; }
  .post-preview .img-preview {
    display: block;
    border-radius: var(--radius);
    width: 100%;
    max-width: 595px;
    aspect-ratio: 10/6;
    background-color: var(--bs-yellow);
    color: var(--bs-navy);
    padding: 2em; }
    .post-preview .img-preview h2 {
      display: none;
      color: var(--bs-dark); }
  .post-preview a {
    text-decoration: none;
    color: var(--bs-dark); }
    .post-preview a h2 {
      color: var(--bs-red); }
    .post-preview a .author {
      color: var(--bs-dark);
      display: none; }
    .post-preview a .cat-list {
      color: var(--bs-gray);
      font-weight: bold;
      font-size: 14px; }
    .post-preview a p {
      overflow: hidden;
      display: -webkit-box;
      margin-bottom: 12px;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; }
  .post-preview:nth-child(3n + 2) .img-preview {
    background-color: var(--bs-red);
    color: white; }
  .post-preview:nth-child(3n) .img-preview {
    background-color: var(--bs-green);
    color: var(--bs-navy); }
  .post-preview-destaque .img-preview {
    max-width: 100%;
    aspect-ratio: 10/5; }
  .post-preview-destaque p {
    -webkit-line-clamp: 2; }
  .post-preview-destaque h2 {
    max-width: 700px;
    display: block; }

a.ahref-info {
  color: var(--bs-navy);
  font-family: "Familjen Grotesk", sans-serif;
  font-weight: bold; }

ul.tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }
  ul.tag-list li {
    margin-bottom: 1em; }
    ul.tag-list li a {
      color: var(--bs-dark);
      text-decoration: none; }
      ul.tag-list li a:hover {
        color: var(--bs-dark); }

@media (min-width: 768px) {
  .post-preview .no-thumb h2 {
    display: block; }
  .post-preview .no-thumb + a h2.h3 {
    display: none; } }
/*---------------------------------------
article
---------------------------------------*/
article {
  line-height: 1.75em;
  font-size: 20px;
  line-height: 38px; }
  article .author {
    color: var(--bs-orange); }
  article .banner-destaque {
    height: 80vh;
    max-height: 675px; }
  article .excerpt {
    color: var(--bs-gray); }
    article .excerpt p {
      line-height: 1.35em;
      font-size: 16px; }
  article .cat-list {
    font-weight: bold;
    font-size: 16px;
    color: var(--bs-navy); }
    article .cat-list a {
      color: var(--bs-navy);
      text-transform: uppercase;
      font-family: "Familjen Grotesk", sans-serif; }
      article .cat-list a:hover {
        color: var(--bs-blue); }
  article h2, article h3 {
    color: var(--bs-navy);
    margin: 1em 0 0.5em; }

.box-autor {
  padding: 1em;
  border-radius: var(--radius);
  background-color: var(--bs-pink-light);
  color: var(--bs-orange);
  margin-top: 2em; }
  .box-autor .avatar {
    max-width: 180px  !important;
    max-height: 180px !important;
    min-width: 150px;
    border-radius: 12px;
    margin: 0 1em 1em 0; }
  .box-autor .sobre {
    font-size: 14px;
    line-height: 1.4em; }
    .box-autor .sobre p + p {
      margin-top: 0.5em; }

.share {
  display: inline-block;
  color: var(--bs-orange);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-style: italic; }
  .share span {
    display: inline-block;
    text-transform: lowercase;
    transform: translate(0, -10px); }
  .share a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    border-radius: 100px;
    margin-left: 4px; }
    .share a img {
      display: block;
      width: 100%;
      height: auto;
      transition: var(--transition); }
    .share a:hover {
      background-color: var(--bs-orange); }
      .share a:hover img {
        filter: grayscale(1) brightness(10); }

a.btn-up {
  display: inline-block;
  max-width: 54px; }
  a.btn-up img {
    width: 100%;
    height: auto;
    display: block; }

/* swiper */
.swiper-blog {
  overflow: visible; }
  .swiper-blog .swiper-slide .row {
    flex-direction: column; }
    .swiper-blog .swiper-slide .row .col-lg-6 {
      width: 100% !important; }
  .swiper-blog .swiper-slide p {
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 12px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
  .swiper-blog .swiper-pagination .swiper-pagination-bullet {
    border-radius: 100px;
    height: 12px;
    width: 12px;
    background-color: var(--bs-yellow);
    transition: var(--transition);
    opacity: 1; }
  .swiper-blog .swiper-pagination .swiper-pagination-bullet-active {
    width: 28px;
    background-color: var(--bs-orange); }

@media (max-width: 767px) {
  .swiper-blog .swiper-slide .no-thumb {
    display: none; }
  .swiper-blog .swiper-slide h2.h3 {
    font-size: 22px; }
  .swiper-blog .swiper-slide h2.h3.title-no-thumb {
    font-size: 26px; } }