@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,400;0,800;1,200;1,400;1,800&display=swap);
html {
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
}

.lazy {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.lazy.loaded {
  opacity: 1;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
  cursor: pointer;
}

.default-image {
  width: 100%;
  height: auto;
  padding-bottom: 61.29%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
@media screen and (min-width: 992px) {
  .default-image {
    border-radius: 16px;
  }
}
.default-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.container-fluid-custom {
  padding: 0 16px;
  overflow: hidden;
}

.container-custom {
  padding: 0;
}

@media screen and (min-width: 992px) {
  .container-fit-custom {
    padding: 0 100px;
  }
}

@media screen and (min-width: 992px) {
  .container-mid-custom {
    padding: 0 50px;
  }
}

.container-ads {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
@media screen and (min-width: 992px) {
  .container-ads {
    padding: 32px 0;
  }
}
.container-ads .ads-slim,
.container-ads .ads-square,
.container-ads .ads-large .ads-slim-mobile {
  padding: 0 16px;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.container-ads .ads-slim img,
.container-ads .ads-square img,
.container-ads .ads-large .ads-slim-mobile img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.container-ads .ads-square {
  padding: 31px 64px;
}
@media screen and (min-width: 992px) {
  .container-ads .ads-square {
    padding: 32px 0 32px 0;
  }
}
.container-ads .ads-square img {
  width: 100%;
  height: auto;
}

.box-align-ads {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

.share-container {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 20px 0;
}

.share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 2px solid #ccc;
  color: #ccc;
  text-decoration: none;
  font-size: 20px;
  transition: 0.3s;
}

.share-button:hover {
  color: white;
}

.whatsapp:hover {
  background: #25d366;
  border-color: #25d366;
}

.linkedin:hover {
  background: #0077b5;
  border-color: #0077b5;
}

.facebook:hover {
  background: #1877f2;
  border-color: #1877f2;
}

.twitter:hover {
  background: #000;
  border-color: #000;
}

.email:hover {
  background: #dd4b39;
  border-color: #dd4b39;
}

.container-more-news .box-more-news {
  gap: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0;
}
@media screen and (min-width: 992px) {
  .container-more-news .box-more-news {
    padding: 32px 0;
  }
}
.container-more-news .box-more-news .title h2 {
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-more-news .box-more-news .title h2 {
    font-size: 29px;
  }
}
.container-more-news .box-more-news .grid-more-news {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  row-gap: 24px;
  gap: 32px;
}
.container-more-news .box-more-news .grid-more-news .post-simple {
  width: 100%;
  gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-more-news .box-more-news .grid-more-news .post-simple h3 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-more-news .box-more-news .grid-more-news .post-simple h3 {
    font-size: 20px;
  }
}
.container-more-news .box-more-news .grid-more-news .post-simple p {
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-more-news .box-more-news .grid-more-news .post-simple p {
    font-size: 18px;
  }
}

@media screen and (min-width: 992px) {
  .container-more-news .box-more-news {
    gap: 32px;
  }
  .container-more-news .box-more-news .grid-more-news {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 24px;
    gap: 32px;
  }
}
.container-table {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 992px) {
  .container-table {
    border: none;
  }
}
.container-table .title {
  width: 100%;
  padding: 16px 0;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .container-table .title {
    padding: 16px;
  }
}
.container-table .title h2 {
  width: 100%;
  text-transform: uppercase;
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table .title h2 {
    font-size: 20px;
  }
}
.container-table .title p {
  width: 100%;
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table .title p {
    font-size: 14px;
  }
}
.container-table .box-table {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-table .box-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  border-radius: 16px;
  background: #ececec;
  margin-bottom: 16px;
}
.container-table .box-table table thead tr {
  position: relative;
}
.container-table .box-table table thead tr::after {
  width: calc(100% - 32px);
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #d9d9d9;
}
.container-table .box-table table thead tr th .title {
  width: 100%;
  padding-bottom: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.container-table .box-table table thead tr th .title h6 {
  width: -moz-max-content;
  width: max-content;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  color: #000;
  font-size: 14px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table thead tr th .title h6 {
    font-size: 14px;
  }
}
.container-table .box-table table thead tr th:nth-child(1) {
  width: 60%;
  padding: 8px 0px 8px 16px;
}
.container-table .box-table table thead tr th:nth-child(2) {
  width: 10%;
}
.container-table .box-table table thead tr th:nth-child(2) .title {
  justify-content: center;
}
.container-table .box-table table thead tr th:nth-child(3) {
  max-width: 110px;
}
.container-table .box-table table thead tr th:nth-child(3) .title {
  justify-content: center;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table thead tr th:nth-child(1) {
    width: 75%;
  }
  .container-table .box-table table thead tr th:nth-child(2) {
    width: 10%;
  }
  .container-table .box-table table thead tr th:nth-child(3) {
    max-width: 115px;
  }
}
.container-table .box-table table tbody tr {
  position: relative;
}
.container-table .box-table table tbody tr::after {
  width: calc(100% - 32px);
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #d9d9d9;
}
.container-table .box-table table tbody tr:last-child::after {
  display: none;
}
.container-table .box-table table tbody tr th {
  padding: 8px 0px 8px 16px;
}
.container-table .box-table table tbody tr th .data-name {
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.container-table .box-table table tbody tr th .data-name .title-table {
  width: 100%;
  padding-bottom: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-table .box-table table tbody tr th .data-name .title-table h6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  color: #000;
  font-size: 14px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table tbody tr th .data-name .title-table h6 {
    font-size: 14px;
  }
}
.container-table .box-table table tbody tr th .data-name .indice {
  padding: 0 6px;
  min-width: 21px;
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table tbody tr th .data-name .indice {
    font-size: 16px;
  }
}
.container-table .box-table table tbody tr th .data-name .logo {
  width: 32px;
  height: 32px;
}
.container-table .box-table table tbody tr th .data-name .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.container-table .box-table table tbody tr th .data-name .name {
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table tbody tr th .data-name .name {
    font-size: 16px;
  }
}
.container-table .box-table table tbody tr td:nth-child(3) {
  padding: 8px 16px 8px 0px;
}
.container-table .box-table table tbody tr td p {
  width: 100%;
  color: #000;
  font-size: 14px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 992px) {
  .container-table .box-table table tbody tr td p {
    font-size: 14px;
  }
}
.container-table .box-table table tbody tr td .marcacao {
  height: 100%;
  gap: 3px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.container-table .box-table table tbody tr td .marcacao .status {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-color: #ccc;
}
.container-table .box-table table tbody tr td .marcacao .status.v {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M16 8.67383C16 13.0921 12.4183 16.6738 8 16.6738C3.58172 16.6738 0 13.0921 0 8.67383C0 4.25555 3.58172 0.673828 8 0.673828C12.4183 0.673828 16 4.25555 16 8.67383Z' fill='%23036912'/%3E%3Cpath d='M3.88257 7.80636L7.48532 11.4091L7.07639 11.818L3.47364 8.21529L3.88257 7.80636Z' fill='white'/%3E%3Cpath d='M12.7455 6.13004L7.16574 11.7295L6.75609 11.3213L12.3359 5.72183L12.7455 6.13004Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.container-table .box-table table tbody tr td .marcacao .status.d {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M16 8.67383C16 13.0921 12.4183 16.6738 8 16.6738C3.58172 16.6738 0 13.0921 0 8.67383C0 4.25555 3.58172 0.673828 8 0.673828C12.4183 0.673828 16 4.25555 16 8.67383Z' fill='%23751818'/%3E%3Cpath d='M4.43374 11.923L11.2492 5.10756L11.6582 5.51649L4.84266 12.332L4.43374 11.923Z' fill='white'/%3E%3Cpath d='M11.6582 11.923L4.84266 5.10756L4.43373 5.51649L11.2492 12.332L11.6582 11.923Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.container-table .box-table table tbody tr td .marcacao .status.e {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M16 8.67383C16 13.0921 12.4183 16.6738 8 16.6738C3.58172 16.6738 0 13.0921 0 8.67383C0 4.25555 3.58172 0.673828 8 0.673828C12.4183 0.673828 16 4.25555 16 8.67383Z' fill='%23919191'/%3E%3Cpath d='M3.08434 8.38467H12.7229V8.96298H3.08434V8.38467Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.container-table .box-table .ver-mais {
  margin-bottom: 16px;
  justify-self: center;
  border-radius: 4px;
  background: #000;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  outline: none;
  border: none;
  transition: 0.3s ease-in-out;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table .box-table .ver-mais {
    font-size: 12px;
  }
}
.container-table .box-table .ver-mais:hover {
  background: #ECECEC;
  color: #000;
}

.container-table-agenda {
  border-bottom: 1px solid #ECECEC;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-table-agenda .title {
  width: 100%;
  padding: 16px 0;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .container-table-agenda .title {
    padding: 16px;
  }
}
.container-table-agenda .title h2 {
  width: 100%;
  text-transform: uppercase;
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .title h2 {
    font-size: 20px;
  }
}
.container-table-agenda .title p {
  width: 100%;
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .title p {
    font-size: 14px;
  }
}
.container-table-agenda .title .rodada-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.container-table-agenda .title .rodada-row .rodada-btn {
  cursor: pointer;
}
.container-table-agenda .title .rodada-row .rodada-btn.anterior {
  transform: rotate(180deg);
}
.container-table-agenda .title .rodada-row .rodada-btn svg {
  height: 20px;
}
.container-table-agenda .title .rodada-row .rodada-btn svg path {
  fill: #FF5733;
}
.container-table-agenda .title .rodada-row .rodada-btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.container-table-agenda .title .rodada-row p {
  text-align: center;
}
.container-table-agenda .table-agenda {
  background: #ececec;
  padding: 16px;
  width: 100%;
  border-radius: 16px;
  gap: 8px;
  margin-bottom: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .title-table-agenda {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .title-table-agenda h6 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .title-table-agenda h6 {
    font-size: 14px;
  }
}
.container-table-agenda .table-agenda .title-table-agenda .data {
  gap: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .title-table-agenda .data .day {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .title-table-agenda .data .day {
    font-size: 12px;
  }
}
.container-table-agenda .table-agenda .title-table-agenda .data .day.live {
  color: #064920;
}
.container-table-agenda .table-agenda .title-table-agenda .data .day.hoje {
  color: #2c2c2c;
}
.container-table-agenda .table-agenda .title-table-agenda .data .day.final {
  color: #ff5733;
}
.container-table-agenda .table-agenda .title-table-agenda .data .hour {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .title-table-agenda .data .hour {
    font-size: 12px;
  }
}
.container-table-agenda .table-agenda .game {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .game .time-1,
.container-table-agenda .table-agenda .game .time-2 {
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .game .time-1 p,
.container-table-agenda .table-agenda .game .time-2 p {
  color: #000;
  font-size: 18px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .game .time-1 p,
  .container-table-agenda .table-agenda .game .time-2 p {
    font-size: 18px;
  }
}
.container-table-agenda .table-agenda .game .time-1 .logo-time,
.container-table-agenda .table-agenda .game .time-2 .logo-time {
  width: auto;
  height: 40px;
}
.container-table-agenda .table-agenda .game .time-1 .logo-time img,
.container-table-agenda .table-agenda .game .time-2 .logo-time img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-table-agenda .table-agenda .game .pontuacao-status {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .game .pontuacao-status .pontos {
  gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-table-agenda .table-agenda .game .pontuacao-status .pontos .ponto-time-1,
.container-table-agenda .table-agenda .game .pontuacao-status .pontos .ponto-time-2 {
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .game .pontuacao-status .pontos .ponto-time-1,
  .container-table-agenda .table-agenda .game .pontuacao-status .pontos .ponto-time-2 {
    font-size: 18px;
  }
}
.container-table-agenda .table-agenda .game .ao-vivo {
  padding: 8px 16px;
  border-radius: 4px;
  background: rgba(255, 0, 0, 0.6);
}
.container-table-agenda .table-agenda .game .ao-vivo p {
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .game .ao-vivo p {
    font-size: 12px;
  }
}
.container-table-agenda .table-agenda .conferir {
  text-transform: uppercase;
  text-decoration: underline !important;
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-table-agenda .table-agenda .conferir {
    font-size: 14px;
  }
}

.container-posts-list {
  padding-left: 0;
  padding-right: 0;
}
.container-posts-list .dual-grid {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  gap: 24px;
}
.container-posts-list .dual-grid .grid-posts-list,
.container-posts-list .dual-grid .box-post {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction,
.container-posts-list .dual-grid .box-post .row-post-direction {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post {
  width: 100%;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #ECECEC;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .image,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .image {
  background-color: #ECECEC;
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .image,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .image {
    border-radius: 16px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .post-video,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .post-video {
  position: relative;
  z-index: 0;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .post-video::after,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .post-video::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  z-index: 1;
  background-color: #ECECEC;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content {
  padding: 0 16px;
  width: 100%;
  gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .box-category-date,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .box-category-date {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .box-category-date .category,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .box-category-date .category {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .box-category-date .category,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .box-category-date .category {
    font-size: 14px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .date,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .date {
  font-weight: bold;
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .date,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .date {
    font-size: 14px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description h3,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description h3 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description h3,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description h3 {
    font-size: 26px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .excerpt,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .excerpt {
  display: none;
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .excerpt,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .description .excerpt {
    font-size: 18px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .date-ex,
.container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .date-ex {
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .date-ex,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-post .content .date-ex {
    font-size: 14px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos {
  width: 100%;
  max-width: 650px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple {
  width: 100%;
  gap: 16px;
  padding: 32px 16px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple:first-child,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple:first-child {
  border: none;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple:last-child,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple:last-child {
  border-top: none;
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple h5,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple h5 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple h5,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple h5 {
    font-size: 18px;
  }
}
.container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple p,
.container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple p {
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple p,
  .container-posts-list .dual-grid .box-post .row-post-direction .container-posts-relacioandos .post-simple p {
    font-size: 12px;
  }
}
.container-posts-list .dual-grid .container-tables {
  position: relative;
  width: 100%;
  height: 100%;
}
.container-posts-list .container-button {
  padding: 32px 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-posts-list .container-button .veja-mais {
  display: flex;
  width: 156px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 4px;
  background: #000;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-posts-list .container-button .veja-mais {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  .container-posts-list .dual-grid {
    padding: 32px 0;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
  }
  .container-posts-list .dual-grid .grid-posts-list {
    row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    border: none;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content {
    height: 100%;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description {
    gap: 8px;
    padding: 0;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .box-category-date .date {
    display: none;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-post .content .description .excerpt {
    display: block;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos {
    width: -moz-max-content;
    width: max-content;
    gap: 8px;
    padding-bottom: 16px;
    border-bottom: 1.5px solid #ECECEC;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple {
    width: 100%;
    padding: 0;
    border: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .container-posts-list .dual-grid .grid-posts-list .row-post-direction .container-posts-relacioandos .post-simple p {
    display: none;
  }
  .container-posts-list .dual-grid .container-tables {
    width: 100%;
    height: 100%;
  }
}
.container-title-category {
  background-color: #2C2C2C;
}
.container-title-category .box-title-category {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
@media screen and (min-width: 992px) {
  .container-title-category .box-title-category {
    padding: 32px 0;
  }
}
.container-title-category .box-title-category h2 {
  text-transform: uppercase;
  color: #ECECEC;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-title-category .box-title-category h2 {
    font-size: 32px;
  }
}

.container-single-post {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-single-post article {
  width: 100%;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  padding: 0 16px;
}
.container-single-post article .header-post {
  width: 100%;
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-single-post article .header-post .box-title {
  gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-single-post article .header-post .box-title h1 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .header-post .box-title h1 {
    font-size: 32px;
  }
}
.container-single-post article .header-post .box-image-text {
  width: calc(100% + 32px);
  gap: 10px;
  margin: 0 -16px 0 -16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-single-post article .header-post .box-image-text .box-image {
  width: 100%;
  padding-bottom: 56.35%;
  position: relative;
  overflow: hidden;
}
.container-single-post article .header-post .box-image-text .box-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-single-post article .header-post .box-image-text p {
  width: 100%;
  text-align: left;
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 16px;
}
@media screen and (min-width: 992px) {
  .container-single-post article .header-post .box-image-text p {
    font-size: 12px;
  }
}
.container-single-post article .box-author {
  width: 100%;
  padding: 8px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  border-top: 1px solid #ececec;
}
.container-single-post article .box-author .author {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .box-author .author {
    font-size: 12px;
  }
}
.container-single-post article .box-author .author span {
  color: #FF5733;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .box-author .author span {
    font-size: 12px;
  }
}
.container-single-post article .box-author .date {
  padding: 0;
  color: #505050;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .box-author .date {
    font-size: 12px;
  }
}
.container-single-post article .box-author .date .ponto {
  color: #FF5733;
}
.container-single-post article .post-content {
  gap: 16px;
  display: block;
}
.container-single-post article .post-content h1,
.container-single-post article .post-content h2,
.container-single-post article .post-content h3,
.container-single-post article .post-content h4,
.container-single-post article .post-content h5,
.container-single-post article .post-content h6,
.container-single-post article .post-content p,
.container-single-post article .post-content ul,
.container-single-post article .post-content li {
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h1,
  .container-single-post article .post-content h2,
  .container-single-post article .post-content h3,
  .container-single-post article .post-content h4,
  .container-single-post article .post-content h5,
  .container-single-post article .post-content h6,
  .container-single-post article .post-content p,
  .container-single-post article .post-content ul,
  .container-single-post article .post-content li {
    margin-bottom: 32px;
  }
}
.container-single-post article .post-content h2 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h2 {
    font-size: 32px;
  }
}
.container-single-post article .post-content h3 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h3 {
    font-size: 28px;
  }
}
.container-single-post article .post-content h4 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h4 {
    font-size: 26px;
  }
}
.container-single-post article .post-content h5 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h5 {
    font-size: 23px;
  }
}
.container-single-post article .post-content h6 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content h6 {
    font-size: 18px;
  }
}
.container-single-post article .post-content p {
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content p {
    padding: 0;
  }
}
.container-single-post article .post-content p strong {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content p strong {
    font-size: 16px;
  }
}
.container-single-post article .post-content p a {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content p a {
    font-size: 16px;
  }
}
.container-single-post article .post-content .container-anuncio {
  float: none;
  margin: 20px auto;
  width: 300px;
  padding: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-single-post article .post-content .container-anuncio p {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio p {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio p {
    padding: 0;
  }
}
.container-single-post article .post-content .container-anuncio p strong {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio p strong {
    font-size: 16px;
  }
}
.container-single-post article .post-content .container-anuncio p a {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio p a {
    font-size: 16px;
  }
}
.container-single-post article .post-content .container-anuncio .container-ads {
  padding: 0;
}
.container-single-post article .post-content .container-anuncio .container-ads .ads-square {
  padding: 0;
}
.container-single-post article .post-content .container-anuncio-large {
  gap: 32px;
  padding: 16px 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-single-post article .post-content .container-anuncio-large p {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio-large p {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio-large p {
    padding: 0;
  }
}
.container-single-post article .post-content .container-anuncio-large p strong {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio-large p strong {
    font-size: 16px;
  }
}
.container-single-post article .post-content .container-anuncio-large p a {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .container-anuncio-large p a {
    font-size: 16px;
  }
}
.container-single-post article .post-content .container-anuncio-large .container-ads {
  padding: 0;
}
.container-single-post article .post-content .wp-block-quote {
  margin: 16px 0;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .wp-block-quote {
    padding: 0;
    margin: 32px 0;
  }
}
.container-single-post article .post-content .wp-block-quote p {
  border-left: 6px solid #FF5733;
  padding: 6px 0 6px 10px;
  color: #000;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .wp-block-quote p {
    font-size: 16px;
  }
}
.container-single-post article .post-content .wp-block-image {
  width: calc(100% + 32px);
  gap: 10px;
  margin: 16px -16px 16px -16px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .wp-block-image {
    margin: 32px 0;
    border: none;
  }
}
.container-single-post article .post-content .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-single-post article .post-content .wp-block-image .wp-element-caption {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #989898;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .post-content .wp-block-image .wp-element-caption {
    font-size: 12px;
  }
}
.container-single-post article .post-content .wp-block-embed {
  width: 100%;
  padding-bottom: 56.35%;
  position: relative;
  overflow: hidden;
}
.container-single-post article .post-content .wp-block-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.container-single-post article .container-tags {
  width: 100%;
}
.container-single-post article .container-tags .post-tags {
  width: 100%;
  padding: 16px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  flex-wrap: wrap;
  gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.container-single-post article .container-tags .post-tags a {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 8px;
  gap: 10px;
  border-radius: 4px;
  background: #ececec;
  color: #000;
  font-size: 16px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-single-post article .container-tags .post-tags a {
    font-size: 16px;
  }
}
.container-single-post article .container-tags .post-tags svg {
  width: 19.975px;
  height: 20px;
}
.container-single-post article .share-container {
  width: 100%;
  padding: 16px 32px;
  justify-content: space-between;
  align-items: center;
}
.container-single-post article .share-container .share-button {
  width: 30px;
  height: 30px;
}
.container-single-post article .share-container .share-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

.container-related-posts {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .title {
  width: 100%;
  gap: 16px;
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid #ECECEC;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .title h2 {
  text-transform: uppercase;
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-related-posts .title h2 {
    font-size: 29px;
  }
}
.container-related-posts .title p {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .title p {
    font-size: 20px;
  }
}
.container-related-posts .grid-related-posts {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post {
  width: 100%;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #ECECEC;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .image {
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .image {
    border-radius: 16px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .post-video {
  position: relative;
  z-index: 0;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .post-video::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  z-index: 1;
  background-color: #ECECEC;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content {
  width: 100%;
  gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .box-category-date {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .box-category-date .category {
  color: #000;
  font-size: 12px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .box-category-date .category {
    font-size: 14px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .date {
  font-weight: bold;
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .date {
    font-size: 14px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description h3 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description h3 {
    font-size: 26px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .excerpt {
  display: none;
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .excerpt {
    font-size: 18px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-post .content .date-ex {
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .date-ex {
    font-size: 14px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple {
  width: 100%;
  gap: 16px;
  padding: 32px 16px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple:first-child {
  border: none;
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple:last-child {
  border-top: none;
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple h5 {
  color: #FF5733;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple h5 {
    font-size: 20px;
  }
}
.container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple p {
  color: #000;
  font-size: 10px;
  text-overflow: ellipsis;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .container-related-posts .grid-related-posts .row-post-direction .container-posts-relacioandos .post-simple p {
    font-size: 12px;
  }
}

@media screen and (min-width: 992px) {
  .container-single-post {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .container-single-post article {
    padding: 0 140px;
    gap: 32px;
  }
  .container-single-post article .header-post .box-image-text {
    width: 100%;
    gap: 10px;
    margin: 0;
  }
  .container-single-post article .header-post .box-image-text p {
    padding: 0;
  }
  .container-single-post article .header-post .box-title h1 {
    padding: 0;
  }
  .container-single-post article .header-post .box-title p {
    padding: 0;
  }
  .container-single-post article .header-post .box-author {
    padding: 8px 0;
    border: none;
  }
  .container-single-post article .post-content {
    gap: 0;
  }
  .container-single-post article .post-content .box-author {
    margin: -16px 0;
    padding: 0 0;
    background-color: blue;
  }
  .container-single-post article .post-content h2,
  .container-single-post article .post-content h3,
  .container-single-post article .post-content h4,
  .container-single-post article .post-content h5,
  .container-single-post article .post-content h6 {
    padding: 0 0;
  }
  .container-single-post article .post-content ul {
    padding: 0 0;
  }
  .container-single-post article .post-content p {
    padding: 0;
  }
  .container-single-post article .post-content .container-anuncio {
    float: right;
    margin: 0 0 20px 20px;
    padding: 0 !important;
  }
  .container-single-post article .post-content .container-anuncio p {
    padding: 0;
  }
  .container-single-post article .post-content .wp-block-quote {
    padding: 0;
  }
  .container-single-post article .post-content .wp-block-image {
    border: none;
    width: 100%;
    margin: 16px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .container-single-post article .post-content p,
  .container-single-post article .post-content .wp-block-embed,
  .container-single-post article .post-content .wp-block-image,
  .container-single-post article .post-content .wp-block-quote,
  .container-single-post article .post-content .container-anuncio,
  .container-single-post article .post-content .container-anuncio-large p {
    padding: 0 0;
  }
}
@media screen and (min-width: 992px) {
  .container-single-post article .container-tags {
    padding: 0 0;
  }
  .container-single-post article .container-tags .post-tags {
    padding: 16px 0;
  }
  .container-related-posts .title {
    border: none;
  }
  .container-related-posts .grid-related-posts {
    row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .container-related-posts .grid-related-posts .row-post-direction .container-post {
    display: grid;
    grid-template-columns: 1.2fr 2.8fr;
    gap: 24px;
    border: none;
  }
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content {
    height: 100%;
  }
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description {
    gap: 8px;
    padding: 0;
  }
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .box-category-date .date {
    display: none;
  }
  .container-related-posts .grid-related-posts .row-post-direction .container-post .content .description .excerpt {
    display: block;
  }
}