h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
  font-weight: normal;
}
h1.title::after,
h2.title::after,
h3.title::after,
h4.title::after,
h5.title::after,
h6.title::after {
  content: "";
  display: block;
  width: 40px;
  height: 6px;
  margin-top: 16px;
  background-color: var(--pleca-color, #edd350);
  border-radius: 6px;
}
h1.title--center,
h2.title--center,
h3.title--center,
h4.title--center,
h5.title--center,
h6.title--center {
  text-align: center;
}
h1.title--center::after,
h2.title--center::after,
h3.title--center::after,
h4.title--center::after,
h5.title--center::after,
h6.title--center::after {
  margin: 16px auto 0;
}

.pills {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  text-decoration: none;
}
.pills__pill {
  background-color: #1CA8F7;
  color: #fff;
  display: inline-flex;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 16px;
  text-decoration: none;
}
.pills__pill--time {
  background-color: #F0D228;
  color: #081754;
  align-items: center;
  gap: 4px;
}
.pills__pill--time::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0673 1.35133C12.8927 1.114 12.6527 0.940666 12.3733 0.851333C12.0067 0.733333 11.6273 0.642 11.246 0.567333C11.202 0.504 11.1533 0.443333 11.098 0.388C10.8527 0.141333 10.5113 0 10.1633 0H9.34001C8.99201 0 8.65134 0.141333 8.40534 0.387333C8.35067 0.442667 8.30334 0.502667 8.25934 0.564667C7.76334 0.661333 7.27067 0.790667 6.79667 0.964C6.75667 0.978 6.71534 0.985333 6.67467 0.986C6.67201 0.986 6.67001 0.984667 6.66734 0.984667C6.66534 0.984667 6.66401 0.985333 6.66201 0.985333C6.62267 0.985333 6.58534 0.980667 6.55267 0.968666C4.76134 0.267333 2.77201 0.226 0.96334 0.849333C0.682007 0.938 0.44134 1.11133 0.26534 1.35067C0.0913403 1.59 -0.000659721 1.872 6.94557e-06 2.16667V10.0247C-0.000659721 10.2333 0.0466736 10.444 0.138674 10.634C0.230674 10.8227 0.366674 10.9907 0.532007 11.12C0.696674 11.248 0.892007 11.3387 1.09934 11.3833C1.30467 11.426 1.52001 11.4213 1.73467 11.366C3.19401 10.9573 4.77467 11.0387 6.19867 11.6C6.34801 11.654 6.50401 11.6813 6.66267 11.6813C6.82467 11.6813 6.98801 11.6527 7.14734 11.5947C8.55734 11.0393 10.1387 10.9567 11.612 11.37C11.8153 11.422 12.0313 11.4247 12.2327 11.3833C12.44 11.3407 12.636 11.2493 12.7987 11.122C12.9653 10.9933 13.102 10.8247 13.192 10.638C13.2847 10.4493 13.3333 10.2387 13.3333 10.028V2.16667C13.3333 1.87733 13.2393 1.58867 13.0673 1.35133ZM9.34001 1.00067H10.1627C10.2473 1.00067 10.33 1.03467 10.3907 1.096C10.4513 1.156 10.4847 1.23667 10.4847 1.32333V4.22733L10.1047 3.84733C10.0107 3.75333 9.88401 3.70067 9.75134 3.70067C9.61867 3.70067 9.49134 3.75333 9.39801 3.84733L9.01801 4.22733V1.32267C9.01801 1.23667 9.05201 1.156 9.11267 1.09467C9.17201 1.03533 9.25534 1.00067 9.34001 1.00067ZM1.47601 10.3993C1.42001 10.4133 1.35934 10.4133 1.30534 10.404C1.24801 10.3913 1.19334 10.366 1.14734 10.3307C1.10201 10.2947 1.06401 10.2487 1.03934 10.1973C1.01334 10.144 1.00001 10.086 1.00001 10.0267V2.16533C1.00001 2.08533 1.02601 2.00533 1.07267 1.94067C1.12134 1.87467 1.18734 1.82667 1.27734 1.798C2.86067 1.25133 4.59134 1.286 6.16667 1.894V10.5293C4.65467 10.0213 3.00267 9.97133 1.47601 10.3993ZM12.3333 10.028C12.3333 10.086 12.32 10.144 12.2933 10.198C12.2687 10.2487 12.2313 10.2947 12.184 10.3313C12.1393 10.3667 12.0867 10.3907 12.03 10.402C11.9727 10.4147 11.912 10.412 11.8687 10.402C10.328 9.96933 8.67267 10.0213 7.16734 10.528V1.89533C7.44601 1.79467 7.73067 1.712 8.01734 1.64V5.43467C8.01734 5.63667 8.13934 5.81933 8.32601 5.89667C8.38801 5.92267 8.45267 5.93467 8.51734 5.93467C8.64734 5.93467 8.77534 5.884 8.87067 5.788L9.75067 4.908L10.63 5.788C10.7733 5.93067 10.9873 5.97467 11.1747 5.89667C11.3613 5.81933 11.4833 5.63667 11.4833 5.43467V1.63933C11.68 1.688 11.8753 1.742 12.0667 1.804C12.1447 1.82867 12.2113 1.87667 12.258 1.94133C12.3073 2.00667 12.3333 2.08667 12.3333 2.16667V10.028Z' fill='%23081754'/%3E%3C/svg%3E");
  display: block;
  width: 12px;
  height: 10px;
}

.profile {
  display: flex;
  gap: 8px;
}
.profile__avatar {
  width: 63px;
  height: 63px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top;
}
.profile__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.profile__name {
  font-size: 14px;
  color: #081754;
}
.profile__date {
  font-size: 12px;
  color: #4A4A4A;
}

.card {
  border-radius: 24px;
  box-shadow: 0 6px 16px 0 rgba(25, 75, 123, 0.08);
  display: flex;
  flex-direction: column;
}
.card picture {
  display: contents;
}
.card__wrap {
  padding: var(--card-wrap-padding, 24px);
  display: flex;
  flex-direction: column;
  gap: var(--card-wrap-spacing, 16px);
}
.card--white {
  position: relative;
  --card-wrap-spacing: 8px;
}
.card--white .pills {
  position: absolute;
  padding: 24px;
  flex-direction: column;
}
.card__img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  object-fit: cover;
  object-position: center;
}
.card--white .card__wrapper {
  background-color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.card__title {
  font-weight: 600;
  font-size: 18px;
  color: #081754;
}
.card__description {
  font-size: 14px;
  color: #4A4A4A;
}
.card--blue .card__wrapper {
  background-color: #05297A;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.card--blue .card__wrapper > * {
  padding-top: 0;
  padding-bottom: 0;
}
.card--blue *:not(.pills__pill--time), .card--blue .profile__name {
  color: #fff;
}
.card--blue .pills__date {
  width: 100%;
}
.card--blue .pills {
  gap: 8px 16px;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: var(--card-wrap-padding, 24px);
  padding-right: var(--card-wrap-padding, 24px);
}
.card--blue .profile__avatar {
  width: 32px;
  height: 32px;
}
.card--blue .profile__wrap {
  gap: 6px;
}
.card--blue .profile__name {
  font-size: 12px;
}

@media (min-width: 768px) {
  .card__title {
    font-size: 20px;
  }
  .card__description {
    font-size: 16px;
  }
  .card--white, .card--blue {
    display: flex;
    flex-direction: row;
  }
  .card--white .card__img, .card--blue .card__img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 24px;
    max-width: 50%;
  }
  .card--blue .card__img {
    max-width: 60%;
  }
  .card__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .card--blue {
    align-items: center;
    border-bottom-left-radius: 0;
    box-shadow: none;
  }
  .card--white .card__wrapper {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
  }
  .card--blue .card__wrapper {
    height: fit-content;
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
  }
}
.button {
  font-size: 14px;
  padding: 12px 32px;
  background-color: #1c42e8;
  color: #fff;
  text-decoration: none;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
}
.button:hover {
  background-color: #0b1754;
}
.button--secondary {
  color: #1C42E8;
  outline: 1px solid #1C42E8;
  background-color: #fff;
}
.button--secondary:hover {
  background-color: #dfdfdf;
}
.button--link {
  background-color: #fff;
  color: #1C42E8;
  text-decoration: underline;
}
.button--link:hover {
  background-color: unset;
}

section.most-ready {
  background-color: #F3F3F3;
}
section.most-ready .title {
  margin-bottom: 24px;
}

com-carousel.most-ready .card {
  flex: 0 0 100%;
}
com-carousel.most-ready .card a {
  display: contents;
}

@media (min-width: 768px) {
  section.most-ready .title {
    margin-bottom: 40px;
  }
  com-carousel.most-ready .card {
    justify-content: center;
  }
  com-carousel.most-ready .card img {
    border-radius: 24px;
  }
  com-carousel.most-ready .card__wrapper {
    max-width: 364px;
  }
}
@media (min-width: 1200px) {
  com-carousel.most-ready .card img {
    max-width: 560px;
    max-height: 390px;
  }
}
section.related-posts .title {
  margin-bottom: 24px;
}

com-carousel.related-posts .card {
  flex: 0 0 100%;
  opacity: 1;
  transition: all 0.3s ease;
}
com-carousel.related-posts .card:not(.focus) {
  opacity: 0.3;
}
com-carousel.related-posts .card a {
  display: contents;
  text-decoration: none;
  display: flex;
}

@media (min-width: 768px) {
  section.related-posts .title {
    margin-bottom: 40px;
  }
  com-carousel.related-posts .card {
    max-width: 654px;
  }
}
.hero {
  background-color: #f3f3f3;
}
.hero__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero__thumbnail {
  display: none;
}

section.content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.indice.hidden {
  display: none;
}
.indice__content {
  display: flex;
  flex-direction: row;
  overflow: auto;
  scroll-behavior: smooth;
  padding-bottom: 8px;
}
.indice a {
  text-decoration: none;
  scroll-snap-align: start;
  height: fit-content;
  white-space: nowrap;
  padding: 8px 16px;
  color: #4A4A4A;
  border-bottom: 2px solid #f3f3f3;
  scroll-snap-align: start;
}
.indice a.active {
  color: #1c42e8;
  border-bottom-color: #1c42e8;
}

article.post * {
  font-family: "Poppins";
  margin-bottom: 24px;
}
article.post h1,
article.post h2,
article.post h3,
article.post h4 {
  color: #103151;
}
article.post p {
  color: #4A4A4A;
}
article.post a {
  color: #1C42E8;
  font-weight: bold;
}
article.post h1 {
  font-size: 20px;
}
article.post h2 {
  font-size: 18px;
}
article.post h3 {
  font-size: 16px;
}
article.post h4,
article.post h5,
article.post h6 {
  font-size: 16px;
}
article.post img {
  border-radius: 24px;
}

section.survey .card {
  --card-wrap-padding: 16px;
  width: 100%;
  max-width: 312px;
  margin: 0 auto;
}
section.survey .card p {
  font-size: 16px;
}
section.survey .card label {
  display: flex;
}
section.survey .card .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
section.survey .card .buttons .button__yes,
section.survey .card .buttons .button__no {
  width: 100%;
}
section.survey .card .buttons label {
  display: flex;
  border: 1px solid #1C42E8;
  padding: 12px 32px;
  border-radius: 12px;
  width: 100%;
  color: #1C42E8;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
}
section.survey .card .buttons input {
  display: none;
}
section.survey .card .buttons input:checked ~ label {
  background-color: #1C42E8;
  color: #fff;
}
section.survey .card .buttons input:checked ~ label svg path {
  fill: #fff;
}

.other-resources {
  background-color: #f3f3f3;
}
.other-resources .card {
  flex: 0 0 100%;
  background-color: #fff;
}
.other-resources .card .button {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-left: auto;
  color: #1C42E8;
}

.author {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.author .thumbnail img {
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  aspect-ratio: 1/1;
  max-width: 100%;
}
.author .info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) {
  article.post h1 {
    font-size: 32px;
  }
  article.post h2 {
    font-size: 24px;
  }
  article.post h3 {
    font-size: 22px;
  }
  article.post h4,
  article.post h5,
  article.post h6 {
    font-size: 18px;
  }
  .other-resources .card {
    flex: 0 0 30%;
    height: unset;
  }
  .author {
    flex-direction: row;
    gap: 40px;
  }
  .author .thumbnail {
    width: 100%;
  }
  .author .thumbnail img {
    border-radius: 50%;
    width: 100%;
    max-width: 356px;
    aspect-ratio: 1/1;
  }
  .author .info .bio {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .hero {
    display: grid;
    grid-template-columns: 4fr 3fr;
    padding-top: 0;
    padding-right: 0;
    gap: 48px;
  }
  .hero__info {
    padding-top: 48px;
  }
  .hero__thumbnail {
    display: block;
  }
  .hero__thumbnail img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    max-height: 550px;
  }
  section.content {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .indice {
    order: 2;
    position: relative;
    display: block;
  }
  .indice__content {
    position: sticky;
    display: flex;
    flex-direction: column;
    top: 100px;
    height: fit-content;
  }
  .indice a {
    white-space: normal;
    border-bottom: none;
    border-left: 2px solid #f3f3f3;
  }
  .indice a.active {
    border-left-color: #1c42e8;
  }
  article.post {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .hero {
    gap: 68px;
  }
  article.post h1 {
    font-size: 46px;
  }
  article.post h2 {
    font-size: 36px;
  }
  article.post h3 {
    font-size: 28px;
  }
  article.post h4,
  article.post h5,
  article.post h6 {
    font-size: 22px;
  }
}

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