/* [project]/src/components/card-post/CardPost.module.css [app-client] (css) */
.CardPost-module__1g3v_G__BannerBlog {
  position: relative;
}

.CardPost-module__1g3v_G__CardPost {
  border-radius: 15px;
  max-height: 812px;
  position: relative;
  overflow: hidden;
}

.CardPost-module__1g3v_G__CardPost:after {
  content: "";
  opacity: .9;
  background-image: linear-gradient(#2e3c71 25%, #4c6f6a 100%);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.CardPost-module__1g3v_G__CardImage {
  height: 100%;
}

.CardPost-module__1g3v_G__CardImage img {
  object-fit: cover;
  object-position: center;
  border-radius: 15px;
  max-height: 100%;
  margin-bottom: 0;
  transition: transform .3s ease-in-out;
  transform: scale(1);
  width: 100% !important;
  height: 100% !important;
}

.CardPost-module__1g3v_G__CardPost:hover img {
  transform: scale(1.1);
}

.CardPost-module__1g3v_G__CardCategory {
  gap: var(--space-24);
  margin-bottom: var(--space-16);
  display: flex;
}

.CardPost-module__1g3v_G__CardCategory span {
  color: var(--color-01);
  text-align: center;
  font-size: var(--fs-16);
  border: 1px solid var(--color-01);
  border-radius: var(--b-radius-8);
  padding: var(--space-8) var(--space-16);
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  line-height: 127.4%;
  display: inline-flex;
}

.CardPost-module__1g3v_G__CardDate {
  margin-bottom: var(--space-24);
}

.CardPost-module__1g3v_G__CardDate span {
  color: var(--color-09);
  font-weight: 400;
  font-family: var(--primary-font);
}

.CardPost-module__1g3v_G__CardTitle {
  margin-bottom: var(--space-24);
}

.CardPost-module__1g3v_G__CardTitle h3 {
  font-size: var(--fs-25);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.CardPost-module__1g3v_G__CardTitle a {
  color: #fff;
  transition: all .3s ease-in-out;
}

.CardPost-module__1g3v_G__CardTitle a:hover {
  color: #fff;
}

.CardPost-module__1g3v_G__CardShortContent p {
  color: #fff;
  font-size: var(--fs-40);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all .3s ease-in-out;
  display: inline-block;
}

.CardPost-module__1g3v_G__CardShortContent p:after {
  content: "";
  height: 2px;
  margin-block: var(--space-8) 0;
  transform-origin: 0;
  background-color: #fff;
  transition: transform .3s ease-in-out;
  display: block;
  transform: scaleX(0);
}

.CardPost-module__1g3v_G__CardPost:hover .CardPost-module__1g3v_G__CardShortContent p:after {
  transform-origin: 0;
  transform: scaleX(1);
}

.CardPost-module__1g3v_G__CardTags {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-16);
  display: flex;
}

.CardPost-module__1g3v_G__CardTags span {
  color: var(--color-01);
}

.CardPost-module__1g3v_G__CardTags span:first-child {
  text-decoration: underline;
}

.CardPost-module__1g3v_G__itemTag span:nth-child(2) {
  margin-left: var(--space-16);
}

.CardPost-module__1g3v_G__CardInfo {
  text-align: center;
  z-index: 9;
  width: 100%;
  padding: 30px;
  position: absolute;
  top: 0;
  transform: translateY(25px);
}

@media screen and not (min-width: 768px) {
  .CardPost-module__1g3v_G__CardCategory {
    gap: var(--space-8);
  }

  .CardPost-module__1g3v_G__CardDate {
    margin-bottom: var(--space-16);
  }

  .CardPost-module__1g3v_G__CardDate span, .CardPost-module__1g3v_G__CardTags span {
    font-size: var(--fs-15);
  }

  .CardPost-module__1g3v_G__CardImage img {
    max-height: 290px;
  }

  .CardPost-module__1g3v_G__CardShortContent p {
    font-size: var(--fs-24);
    margin-bottom: 1rem;
  }

  .CardPost-module__1g3v_G__CardTitle h3 {
    font-size: var(--fs-18);
  }
}

/* [project]/src/components/grid-post/GridPost.module.css [app-client] (css) */
.GridPost-module__RLYGUa__linesBanner {
  z-index: 0;
  z-index: 99999;
  background-image: url("https://evanhub-cms.somosforma.dev/uploads/lineas_blog_134f9ddf58.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.GridPost-module__RLYGUa__ContentBanner {
  color: #fff;
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 20rem;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.GridPost-module__RLYGUa__ContentBanner h2 {
  color: #fff;
  font-size: var(--fs-40);
  text-transform: uppercase;
  font-family: var(--primary-font) !important;
}

.GridPost-module__RLYGUa__breadcrumbs {
  z-index: 9999;
  position: relative;
}

.GridPost-module__RLYGUa__breadcrumbs ol, .GridPost-module__RLYGUa__breadcrumbs ol span, .GridPost-module__RLYGUa__breadcrumbs ol a {
  color: #fff !important;
}

.GridPost-module__RLYGUa__GridPost {
  margin-bottom: var(--space-96);
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  display: grid;
}

.GridPost-module__RLYGUa__GridPost article:first-child {
  height: 390px;
  max-height: 390px;
  grid-area: 1 / 1 !important;
}

.GridPost-module__RLYGUa__GridPost article:nth-child(2) {
  grid-area: 1 / 2 / span 2 !important;
}

.GridPost-module__RLYGUa__GridPost article:nth-child(3) {
  height: 390px;
  max-height: 390px;
  grid-area: 2 / 1 !important;
}

.GridPost-module__RLYGUa__GridPost article:nth-child(4) {
  grid-area: 3 / 1 / span 2 !important;
}

.GridPost-module__RLYGUa__GridPost article:nth-child(5) {
  height: 390px;
  max-height: 390px;
  grid-area: 3 / 2 !important;
}

.GridPost-module__RLYGUa__GridPost article:last-child {
  grid-area: 4 / 2;
  height: 390px;
  max-height: 390px;
}

.GridPost-module__RLYGUa__Pagination {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: -165px;
  margin-bottom: 75px;
  display: flex;
  position: relative;
}

.GridPost-module__RLYGUa__PageNumber {
  width: 30px;
  height: 30px;
  color: var(--color-09);
  font-family: var(--primary-font);
  background-color: #f6f6f6;
  border: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  display: flex;
  text-decoration: none !important;
}

.GridPost-module__RLYGUa__PageNumber:not(:first-child):not(:last-child) {
  border-color: #0000;
}

.GridPost-module__RLYGUa__PageNumber:hover {
  color: var(--color-02);
  text-decoration: underline !important;
}

.GridPost-module__RLYGUa__PageCurrent {
  color: var(--color-02);
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
  text-decoration: underline !important;
}

.GridPost-module__RLYGUa__filterCategories {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-40);
  display: flex;
}

.GridPost-module__RLYGUa__filterCategory {
  color: #fff;
  text-align: center;
  font-size: var(--fs-20);
  font-style: normal;
  font-weight: 400;
  line-height: 127.4%;
  font-family: var(--primary-font);
  cursor: pointer;
  background: none;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  transition: color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out;
}

.GridPost-module__RLYGUa__filterCategory:hover {
  color: #fff;
  font-weight: 600;
}

.GridPost-module__RLYGUa__orderSelectors {
  margin-bottom: var(--space-32);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.GridPost-module__RLYGUa__orderSelectors span {
  font-size: var(--fs-16);
  margin-right: 0;
}

.GridPost-module__RLYGUa__selectorDate select {
  color: var(--color-09);
  border: none;
}

.GridPost-module__RLYGUa__CategoryCurrent {
  color: #fff;
  font-weight: 600;
}

.GridPost-module__RLYGUa__Loading {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 96px 0;
  display: flex;
}

.GridPost-module__RLYGUa__Loader {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite GridPost-module__RLYGUa__rotate;
  display: block;
  position: relative;
}

.GridPost-module__RLYGUa__Loader:before, .GridPost-module__RLYGUa__Loader:after {
  content: "";
  box-sizing: border-box;
  border: 5px solid var(--color-01);
  border-radius: 50%;
  animation: 2s linear infinite GridPost-module__RLYGUa__prixClipFix;
  position: absolute;
  inset: 0;
}

.GridPost-module__RLYGUa__Loader:after {
  border-color: var(--color-02);
  transform: rotate3d(90, 90, 0, 180deg);
}

.GridPost-module__RLYGUa__noResultsMessage {
  text-align: center;
  margin: 96px 0;
}

.GridPost-module__RLYGUa__panel__tags {
  z-index: 999;
  background: #fff;
  width: 100%;
  height: 100vh;
  transition: transform .3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.GridPost-module__RLYGUa__panelTagsActive {
  transform: translateX(0);
}

.GridPost-module__RLYGUa__header__panel {
  background: var(--color-02);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

.GridPost-module__RLYGUa__header__panel p {
  font-family: var(--primary-font);
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.GridPost-module__RLYGUa__header__panel p i {
  font-size: 1.3rem;
}

.GridPost-module__RLYGUa__subheader__panel {
  color: #000;
  background: #f6f6f6;
  border-bottom: 1px solid #00000026;
  padding: 16px;
  font-size: 16px;
}

.GridPost-module__RLYGUa__subheader__panel p {
  margin-bottom: 0;
}

.GridPost-module__RLYGUa__body__panel {
  max-height: calc(100vh - 200px);
  padding: 16px 16px 24px;
}

.GridPost-module__RLYGUa__footer__panel {
  border-top: 1px solid var(--Lneas-Lnea-1, #1e1f2226);
  z-index: 99;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 16px 8px;
  display: flex;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 8px #0003;
}

.GridPost-module__RLYGUa__footer__panel button {
  width: fit-content;
}

.GridPost-module__RLYGUa__item__tag {
  padding: 8px 16px;
  font-size: 16px;
  position: relative;
}

.GridPost-module__RLYGUa__item__tag input {
  opacity: 0;
  position: absolute;
}

.GridPost-module__RLYGUa__item__tag input:checked + label {
  text-decoration: underline;
}

.GridPost-module__RLYGUa__item__tag input:checked + label:before {
  content: "";
  background: var(--color-02);
  width: 5px;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.GridPost-module__RLYGUa__selected__numb {
  background: var(--color-02);
  color: #fff;
  width: 17px;
  height: 17px;
  font-size: var(--fs-12);
  font-family: var(--secondary-font);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.GridPost-module__RLYGUa__drop {
  margin-inline: auto 0;
}

@keyframes GridPost-module__RLYGUa__rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes GridPost-module__RLYGUa__prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  75%, 100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
}

.GridPost-module__RLYGUa__tagsTemas {
  background-color: #f6f6f6;
  margin-bottom: 100px;
  padding-block: 80px 160px;
  position: relative;
}

.GridPost-module__RLYGUa__tagsTemas h3 {
  color: var(--color-01);
  font-size: var(--fs-25);
  text-align: center;
  font-weight: 600;
}

.GridPost-module__RLYGUa__tagsTemas:after {
  content: "";
  background: #f6f6f6;
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -100vw;
}

.GridPost-module__RLYGUa__tagsTemas:before {
  content: "";
  background: #f6f6f6;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -100vw;
}

.GridPost-module__RLYGUa__tagsTemas p {
  text-align: center;
  max-width: 230px;
  font-size: var(--fs-16);
  margin: 0 auto;
}

.GridPost-module__RLYGUa__tagsTemas p a {
  color: #000;
  font-size: var(--fs-16);
}

.GridPost-module__RLYGUa__ContainerGridPost {
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: 100%;
  display: flex;
}

@media screen and not (min-width: 768px) {
  .GridPost-module__RLYGUa__ContentBanner {
    top: 20rem;
  }

  .GridPost-module__RLYGUa__GridPost {
    grid-template-columns: repeat(1, 1fr);
  }

  .GridPost-module__RLYGUa__gridPostWrap {
    padding: 0 var(--space-15);
  }

  .GridPost-module__RLYGUa__blogPosts h2 {
    padding: 0 var(--space-15);
    font-size: var(--fs-28);
  }

  .GridPost-module__RLYGUa__gridBlogPosts {
    padding: 0 var(--space-15);
  }

  .GridPost-module__RLYGUa__filterCategories {
    white-space: nowrap;
    gap: var(--space-8);
    padding: 0 0 var(--space-16) var(--space-15);
    border: none;
    flex-wrap: nowrap;
    margin-bottom: 0;
    position: relative;
    overflow: auto !important;
  }

  .GridPost-module__RLYGUa__filterCategories::-webkit-scrollbar {
    background: none;
    width: 0;
  }

  .GridPost-module__RLYGUa__drop:before {
    content: "";
    background: var(--color-02);
    width: 100%;
    height: 1px;
    margin: 0 auto;
    display: none;
  }

  .GridPost-module__RLYGUa__drop > div > button {
    color: var(--color-09);
    font-family: var(--primary-font);
    font-size: var(--fs-16);
    width: 100%;
    padding: var(--space-16);
    background: none;
    border: none;
    border-bottom: 1px solid #2e3c7126;
    gap: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
  }

  .GridPost-module__RLYGUa__GridPost {
    display: block;
  }

  .GridPost-module__RLYGUa__GridPost article {
    height: 280px !important;
    max-height: 280px !important;
  }

  .GridPost-module__RLYGUa__GridPost article + article {
    margin-top: var(--space-32);
  }

  .GridPost-module__RLYGUa__ContentBanner h2 {
    font-size: var(--fs-40);
  }

  .GridPost-module__RLYGUa__tagsTemas {
    padding-inline: 30px;
  }

  .GridPost-module__RLYGUa__tagsTemas .GridPost-module__RLYGUa__columns {
    margin-top: var(--space-24);
  }

  .GridPost-module__RLYGUa__linesBanner {
    display: none;
  }

  #GridPost-module__RLYGUa__filterCategories {
    justify-content: center;
    width: 100% !important;
    margin: 0 auto !important;
    display: inline-flex !important;
    overflow: visible !important;
  }

  .GridPost-module__RLYGUa__blogPosts {
    overflow: hidden !important;
  }

  .GridPost-module__RLYGUa__GridPost .GridPost-module__RLYGUa__dropdown-toggle, .GridPost-module__RLYGUa__GridPost .GridPost-module__RLYGUa__dropdown-toggle span {
    color: var(--color-02) !important;
    border-color: var(--color-02) !important;
  }
}

/*# sourceMappingURL=src_components_124d0824._.css.map*/