@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: fade-out 0.5s forwards;
}

::view-transition-new(root) {
  animation: fade-in 0.5s forwards;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.home .header {
  border: none;
}

.item_0 {
  grid-area: item1;
}
.item_1 {
  grid-area: item2;
}
.item_2 {
  grid-area: item3;
}
.item_3 {
  grid-area: item4;
}
.item_4 {
  grid-area: item5;
}
.item_5 {
  grid-area: item6;
}
.item_6 {
  grid-area: item7;
}
.item_7 {
  grid-area: item8;
}
.item_8 {
  grid-area: item9;
}
.item_9 {
  grid-area: item10;
}
.item_10 {
  grid-area: item11;
}
.item_11 {
  grid-area: item12;
}
.item_12 {
  grid-area: item13;
}
.item_13 {
  grid-area: item14;
}
.item_14 {
  grid-area: item15;
}
.item_15 {
  grid-area: item16;
}
.item_16 {
  grid-area: item17;
}
.item_17 {
  grid-area: item18;
}
.item_18 {
  grid-area: item19;
}
.item_19 {
  grid-area: item20;
}
.item_20 {
  grid-area: item21;
}
.item_21 {
  grid-area: item22;
}
.item_22 {
  grid-area: item23;
}
.item_23 {
  grid-area: item24;
}
.item_24 {
  grid-area: item25;
}
.item_25 {
  grid-area: item26;
}
.item_26 {
  grid-area: item27;
}

.loader {
  align-items: center;
  bottom: 0;
  background: #003746;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}

.loader__content img {
  max-width: 300px;
}

#video,
#intro {
  align-items: center;
  bottom: 0;
  background: #1a2433;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8;
  overflow: hidden;
  opacity: 1;
  transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
  transition-timing-function: cubic-bezier(
    0.77,
    0,
    0.175,
    1
  ); /* easeInOutQuart */
}

#intro {
  z-index: 10;
  position: relative;
  overflow: hidden;
}

#video__landscape_player_intro {
  background: #016eb3;
}

#video.out {
  opacity: 0;
}

#intro video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.container-fluid.sticky-container {
  background-color: #fff;
  transition: background-color 1000ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
  transition-timing-function: cubic-bezier(
    0.77,
    0,
    0.175,
    1
  ); /* easeInOutQuart */
}
.container-fluid.sticky-container.in {
  background-color: #fff;
}
.home_grid {
  background-color: #fff;
}
#video__landscape,
#video__portrait,
#video__landscape_player_intro,
#video__portrait_player_intro {
  display: none;
}

#video__landscape.visible,
#video__portrait.visible,
#video__landscape_player_intro.visible,
#video__portrait_player_intro.visible {
  display: block;
}

#video__landscape.visible img,
#video__portrait.visible img,
#video__landscape.visible video,
#video__portrait.visible video {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#video__landscape.visible img,
#video__portrait.visible img {
  display: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 3;
}

.video__content {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 4rem 0 2rem 0;
  justify-content: space-between;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  top: 0;
  z-index: 5;
}
.video__content.out {
  display: none;
}
#close__video {
  position: absolute;
  top: 40px;
  right: 40px;
  color: #fff;
  font-size: 1rem;
  z-index: 10;
  font-family: "Interstate bold";
  text-transform: uppercase;
  cursor: pointer;
  display: none;
  background: #1a2433;
  border-radius: 20px;
  padding: 10px 20px;
}
#close__video.in {
  display: block;
}

.video__content .banamex {
  color: #fff;
  text-align: center;
  font-family: "BanamexDisplay";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  letter-spacing: -0.03rem;
  text-transform: uppercase;
}

#video_btn {
  cursor: pointer;
}

.video__content .banamex p {
  margin: 0;
}

.video__content .banamex img {
  height: 1rem;
}

.video__content .content {
  color: #fff;
  font-family: "BanamexDisplay";
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.8rem; /* 1.3rem */
  letter-spacing: -0.0375rem;
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 10vw;
  text-transform: uppercase;
}
.white_arrow {
  filter: invert(1);
  transform: translateY(4px) translateX(6px);
}
#play_video_btn {
  cursor: pointer;
}

.loader__footer {
  align-items: center;
  display: flex;
  bottom: 5%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}

.loader__footer img {
  margin-right: 5px;
}

.loader__footer span {
  color: rgba(255, 255, 255, 0.25);
  font-family: "BanamexDisplay";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 104%; /* 0.78rem */
  letter-spacing: -0.0225rem;
  text-transform: uppercase;
}

.loader.hide {
  display: none;
}

.home__item {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}

.home {
  overflow-x: hidden;
}

.home.overflow {
  overflow-y: auto;
}

.home__item.right {
  flex-direction: row-reverse;
}

.home__item.more {
  display: block !important;
}

.home__item.right_border {
  border-right: solid 1px #000;
}

.home__item_content {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 0.7rem;
}

.home__item_content .category {
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "BanamexDisplay";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02438rem;
  text-transform: uppercase;
}

.home__item_content .category img {
  height: 0.8125rem;
  margin-left: 5px;
}

.home__item_content .title {
  color: #000;
  font-family: "BanamexDisplay";
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 104%; /* 1.56rem */
  letter-spacing: -0.045rem;
  text-transform: uppercase;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* number of lines to show */
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.home__block {
  box-sizing: border-box;
  /*   border: solid 1px #000; */
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}

.home__item.right .home__block.left {
  /*   border-left: none; */
}

/*
.home__block.left {
  border-left: none;
}
*/

/*
.right .home__block.right {
  border-right: solid 1px #000;
  border-left: none;
}

.right  .home__block.left {
  border-left: solid 1px #000;
  border-right: none;
}

.home__item .mask.rt.right {
  border-right: 1px #000 solid;
  border-left: 0;
}
*/

.home__item_cover {
  background: aqua;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.home__item.full {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.home__item.full .cover {
  /*   background: wheat; */
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.home__item.full .home__block {
  position: relative;
  z-index: 1;
}
/*
.home__item .mask {
  background-image: url(/wp-content/themes/comunidades/assets/shape.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.home__item .mask.rt {
  transform: rotateY(180deg);
}

.home__item .mask.bl {
  transform: rotateX(180deg);
}
*/
.home__item.full .home__block {
  aspect-ratio: 1;
  height: 50%;
  width: 50%;
  border: 0px solid #000;
}

.home__item.full .home__block .border {
  position: absolute;
  left: -150px;
  top: -150px;
  width: calc(100% + 300px);
  height: calc(100% + 300px);
  border: 150px solid #fff;
  border-radius: 50%;
  /*     outline: 75px solid #fff; */
}
.home__item.full .mask.left {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.home__item.full .mask.left.bl {
  border-bottom: 0px;
}
.home__item.full .mask.rt {
  border-bottom: 1px solid #000;
}

.home__item.full .mask.left .border {
  border-bottom-right-radius: 0;
}
.home__item.full .mask.rt .border {
  border-bottom-left-radius: 0;
}

.home__item.full .mask.left.bl .border {
  border-top-right-radius: 0;
  border-bottom-right-radius: 50%;
}

.home__item .link_container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "BanamexDisplay";
  text-transform: uppercase;
  font-size: 1.3rem;
  gap: 20px;
  padding: 2vw;
  color: #000 !important;
}
.home__item .link_container span {
  width: 75%;
}
.home__item .link_container img {
  width: 25%;
}

.home .container-fluid {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .home .home__grid_moga {
    margin: 2rem 0 4rem 0;
  }

  .home__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*
    grid-template-areas:
      "item1 item2 item3 item4"
      "item5 item6 item3 item7"
      "item5 item8 item9 item7";
      "item10 item11 item12 item13"
      "item10 item14 item15 item16"
      "item17 item14 item15 item18"
      "item19 item20 item21 item22"
      "item23 item24 item21 item25"
      "item23 item26 item27 item25"
    */
    grid-gap: 1rem;
    max-width: 90vw;
    margin: 0 auto 1rem auto;
    width: 90vw;
  }

  .template-0 {
    grid-template-rows: repeat(7, 28vh);
    grid-template-areas:
      "item2 item3"
      "item6 item6"
      "item6 item6"
      "item8 item1"
      "item4 item4"
      "item7 item5"
      "item7 item9";
  }

  .template-1 {
    grid-template-rows: repeat(7, 28vh);
    grid-template-areas:
      "item2 item1"
      "item6 item6"
      "item6 item6"
      "item8 item4"
      "item3 item3"
      "item7 item5"
      "item7 item9";
  }

  .template-2 {
    grid-template-rows: repeat(7, 28vh);
    grid-template-areas:
      "item2 item3"
      "item1 item1"
      "item1 item1"
      "item8 item6"
      "item9 item9"
      "item5 item7"
      "item5 item4";
  }

  .template-3 .card__container {
    max-height: 28vh;
  }

  .template-0 .item_3 .card__info_container,
  .template-0 .item_5 .card__info_container,
  .template-1 .item_3 .card__info_container,
  .template-1 .item_5 .card__info_container,
  .template-2 .item_0 .card__info_container,
  .template-2 .item_3 .card__info_container,
  .template-2 .item_5 .card__info_container,
  .template-3 .element3 .card__info_container {
    flex-direction: column;
  }

  .template-0 .item_3 .card__info_content,
  .template-0 .item_5 .card__info_content,
  .template-1 .item_3 .card__info_content,
  .template-1 .item_5 .card__info_content,
  .template-2 .item_0 .card__info_content,
  .template-2 .item_3 .card__info_content,
  .template-2 .item_5 .card__info_content,
  .template-3 .element3 .card__info_content {
    width: 100% !important;
  }

  .template-0 .item_3 .card__shape__container,
  .template-0 .item_5 .card__shape__container,
  .template-1 .item_3 .card__shape__container,
  .template-1 .item_5 .card__shape__container,
  .template-2 .item_0 .card__shape__container,
  .template-2 .item_3 .card__shape__container,
  .template-2 .item_5 .card__shape__container,
  .template-3 .element3 .card__shape__container {
    display: flex;
  }

  .template-0 .item_3 .card__shape,
  .template-0 .item_5 .card__shape,
  .template-1 .item_3 .card__shape,
  .template-1 .item_5 .card__shape,
  .template-2 .item_0 .card__shape,
  .template-2 .item_3 .card__shape,
  .template-2 .item_5 .card__shape,
  .template-3 .element3 .card__shape {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 0 !important;
    height: 1.2rem !important;
    position: relative;
    width: 50% !important;
  }

  .template-0 .item_3.card__container.column .card__shape::after,
  .template-0 .item_5.card__container.column .card__shape::after,
  .template-1 .item_3.card__container.column .card__shape::after,
  .template-1 .item_5.card__container.column .card__shape::after,
  .template-2 .item_0.card__container.column .card__shape::after,
  .template-2 .item_3.card__container.column .card__shape::after,
  .template-2 .item_5.card__container.column .card__shape::after,
  .template-3 .element3.card__container.column .card__shape::after {
    bottom: 0 !important;
    left: 100% !important;
    transform: scale(-1, 1) rotate(0deg) !important;
  }

  .template-0 .item_3 .card__info_content,
  .template-1 .item_2 .card__info_content,
  .template-2 .item_8 .card__info_content {
    padding-top: 1.5rem;
  }

  .card__container .title {
    font-size: 1rem;
    letter-spacing: 0;
  }

  /*.item_5 .title {
    font-size: 2rem;
  }*/

  #intro {
    background: #000;
  }

  #intro video {
    background: #000;
    max-width: 100vw;
    z-index: 100;
  }

  #footer_home #ul-footer-menu {
    flex-direction: row;
  }

  #footer_home #ul-footer-menu li:first-child {
    margin-right: 2rem;
  }

  .home__block {
    height: 50vw;
    width: 50vw;
  }
  .home__item.more {
    width: 100%;
  }
  .home__item.more .home__block {
    width: 100%;
    height: 30vw;
  }
  .home__item .link_container span,
  .home__item .link_container img {
    width: auto;
  }
}
@media screen and (max-width: 100px) {
  .home__grid {
    /* grid-template-columns: repeat(1, 1fr); */
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
  .template-0 {
    grid-template-areas:
      "item2"
      "item3"
      "item6"
      "item1"
      "item8"
      "item5"
      "item4"
      "item7"
      "item9";
  }
  .template-1 {
    grid-template-areas:
      "item2"
      "item1"
      "item6"
      "item3"
      "item4"
      "item8"
      "item5"
      "item7"
      "item9";
  }
  .template-2 {
    grid-template-areas:
      "item2"
      "item1"
      "item3"
      "item8"
      "item9"
      "item6"
      "item5"
      "item7"
      "item4";
  }
  .card__container.row {
    height: 50vh;
  }
  .card__container,
  .card__container.row.persona {
    height: 30vh;
  }
}

@media screen and (min-width: 768px) {
  .home__item_content {
    padding: 0 1.4rem 1.4rem 1.4rem;
  }
}

/* DESKTOP ANIMATIONS */
.home__item {
  transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
  transition-timing-function: cubic-bezier(
    0.77,
    0,
    0.175,
    1
  ); /* easeInOutQuart */
  opacity: 1;
}

.home__item.out {
  opacity: 0;
}

.home__item_cover {
  transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
  transition-timing-function: cubic-bezier(
    0.77,
    0,
    0.175,
    1
  ); /* easeInOutQuart */
  transform: scale(1);
}

.home__item.out .home__item_cover {
  transform: scale(1.2);
  border-radius: 0% !important;
}

#main_header .logo,
#header-menu .menu-item {
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
  transition-timing-function: cubic-bezier(
    0.175,
    0.885,
    0.32,
    1.275
  ); /* easeOutBack */
  transform: translateY(0px);
  opacity: 1;
}
#main_header .logo.out,
#header-menu .menu-item.out {
  transform: translateY(-50px);
  opacity: 0;
}

#footer_home {
  opacity: 0;
  transition: opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
  transition-timing-function: cubic-bezier(
    0.77,
    0,
    0.175,
    1
  ); /* easeInOutQuart */
}
#footer_home.in {
  opacity: 1;
}

.logo_centered {
  display: none;
}

.home .home__grid_moga {
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .home .template-0 .item_2 .cover.sm_thumb,
  .home .template-0 .item_2 .cover.sm50_thumb,
  .home .template-0 .item_2 .cover.wide_thumb,
  .home .template-0 .item_4 .cover.sm_thumb,
  .home .template-0 .item_4 .cover.sm50_thumb,
  .home .template-0 .item_4 .cover.wide_thumb,
  .home .template-0 .item_6 .cover.sm_thumb,
  .home .template-0 .item_6 .cover.sm50_thumb,
  .home .template-0 .item_6 .cover.wide_thumb {
    display: none;
  }
  .home .template-0 .item_2 .cover.tall_thumb,
  .home .template-0 .item_4 .cover.tall_thumb,
  .home .template-0 .item_6 .cover.tall_thumb {
    display: block;
  }

  .home .template-1 .item_0 .cover.sm_thumb,
  .home .template-1 .item_0 .cover.sm50_thumb,
  .home .template-1 .item_0 .cover.wide_thumb,
  .home .template-1 .item_4 .cover.sm_thumb,
  .home .template-1 .item_4 .cover.sm50_thumb,
  .home .template-1 .item_4 .cover.wide_thumb,
  .home .template-1 .item_7 .cover.sm_thumb,
  .home .template-1 .item_7 .cover.sm50_thumb,
  .home .template-1 .item_7 .cover.wide_thumb {
    display: none;
  }
  .home .template-1 .item_0 .cover.tall_thumb,
  .home .template-1 .item_4 .cover.tall_thumb,
  .home .template-1 .item_7 .cover.tall_thumb {
    display: block;
  }

  .card__container.column .card__cover_container::after {
    height: 1px;
    width: 1px;
  }

  .home .template-2 .item_1 .cover.sm_thumb,
  .home .template-2 .item_1 .cover.sm50_thumb,
  .home .template-2 .item_1 .cover.wide_thumb,
  .home .template-2 .item_2 .cover.sm_thumb,
  .home .template-2 .item_2 .cover.sm50_thumb,
  .home .template-2 .item_2 .cover.wide_thumb,
  .home .template-2 .item_5 .cover.sm_thumb,
  .home .template-2 .item_5 .cover.sm50_thumb,
  .home .template-2 .item_5 .cover.wide_thumb {
    display: none;
  }
  .home .template-2 .item_1 .cover.tall_thumb,
  .home .template-2 .item_2 .cover.tall_thumb,
  .home .template-2 .item_5 .cover.tall_thumb {
    display: block;
  }

  .links {
    align-items: flex-end;
  }

  .logo_centered {
    display: block;
    width: 10%;
  }

  .home__item.right .home__item_content,
  .home__item.left .home__item_content {
    background: #fff;
    /*
    transform: translateY(40vw);
    transition: transform ease 0.5s;
*/
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    opacity: 1;
  }

  .home__item_content::after {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    content: "";
    position: absolute;
    top: -2rem;
    left: 0;
    right: 0;
    background: #ff1b44;
    z-index: 1;
    width: 50%;
    height: 2rem;
  }

  .home__item_content .description {
    height: 1px;
    overflow: hidden;
  }

  .home__item:hover .home__item_content .description {
    height: auto;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    transition-delay: 150ms;
    max-height: 100%;
  }

  .home__item_content::before {
    content: "";
    display: flex;
    width: 1rem;
    height: 1rem;
    background: radial-gradient(
      circle at 0% 0%,
      transparent 1rem,
      #ff1b44 1rem
    );
    transform: scale(-1, 1) rotate(0deg);
    position: absolute;
    right: calc(50% - 16px);
    top: -1rem;
  }

  .home__item_cover_container::after {
    background: #ff1b44;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  }

  .home__item:hover .home__item_cover_container::after {
    height: 100%;
  }

  .home__item.left:hover .home__item_content,
  .home__item.right:hover .home__item_content {
    /*     transform: translateY(0); */
    opacity: 1;
    transition-delay: 150ms;
    padding: 1.4rem;
  }

  .home__item .shape {
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    background: #ff1b44;
  }

  .home__item:hover .shape {
  }

  .home__item_content .category span,
  .home__item_content .category img {
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .home__item:hover .home__item_content .category span {
    transform: translateY(0px);
    transition-delay: 250ms;
  }
  .home__item:hover .home__item_content .category img {
    transform: translateY(0px);
    transition-delay: 400ms;
    opacity: 0;
  }

  .home__item_content .title {
    transition: all 750ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
  }
  .home__item:hover .home__item_content .title {
    transform: translateX(0%);
  }

  .home__item_cover {
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    transform: scale(1);
  }
  .home__item:hover .home__item_cover {
    transform: scale(1.2);
    border-radius: 0% !important;
  }

  .home__item.full .home__item_content .category span,
  .home__item.full .home__item_content .category img,
  .home__item.full .home__item_content .title {
    transform: translateY(0px) translateX(0);
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
    transition-delay: 0ms;
  }
  .home__item.full:hover .home__item_content .category span {
    transform: translateY(5px) translateX(5px);
  }
  .home__item.full:hover .home__item_content .category img {
    transform: translateY(5px) translateX(-5px);
  }
  .home__item.full:hover .home__item_content .title {
    transform: translateX(5px);
    transition-delay: 0ms;
  }

  .home__item.full .cover {
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
  }
  .home__item.full:hover .cover {
    transform: scale(1.05);
  }
  .home__item.full .home__block .border {
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
  }
  .home__item.full:hover .home__block .border {
    transform: scale(2.1);
  }
  .home__item.full .mask.left {
    transition: all 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75); /* linear */
    transition-timing-function: cubic-bezier(
      0.25,
      0.25,
      0.75,
      0.75
    ); /* linear */
  }
  .home__item.full:hover .mask.left {
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
  }

  .link_container img,
  .link_container span {
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); /* easeInOutQuart */
    transition-timing-function: cubic-bezier(
      0.77,
      0,
      0.175,
      1
    ); /* easeInOutQuart */
  }
  .link_container:hover img {
    transform: translateX(7px);
  }
  .link_container:hover span {
    transform: translateX(-4px);
  }
  .video__content .content {
    font-size: 1.25rem;
    line-height: 104%; /* 1.3rem */
    letter-spacing: -0.0375rem;
    gap: 2vw;
  }
}

/* DESKTOP ANIMATIONS */

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .home__item_content .category {
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 125% */
  }

  .home__item_content .category img {
    height: 1.5rem;
  }

  .home__item_content .title {
    font-size: 2.3rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8125rem;
    text-overflow: ellipsis;
  }

  .home__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 90vw;
    margin: 0 auto 1rem auto;
    gap: 1rem;
    width: 90vw;
  }

  .template-0 {
    grid-template-rows: repeat(5, 15rem);
    grid-template-areas:
      "item1 item2 item3"
      "item1 item5 item3"
      "item4 item5 item9"
      "item7 item8 item9"
      "item7 item8 item6";
  }

  .template-1 {
    grid-template-rows: repeat(5, 15rem);
    grid-template-areas:
      "item1 item2 item5"
      "item1 item4 item5"
      "item3 item4 item9"
      "item7 item8 item9"
      "item7 item8 item6";
  }

  .template-2 {
    grid-template-rows: repeat(5, 15rem);
    grid-template-areas:
      "item2 item1 item3"
      "item2 item4 item3"
      "item5 item4 item6"
      "item7 item8 item6"
      "item7 item8 item9";
  }

  .template-3 .card__container {
    max-height: 15rem;
  }

  .home__item {
    overflow: hidden;
    position: relative;
    aspect-ratio: 450.54/300.87;
  }
  .page-template-temp_personas .home__item:nth-child(4) {
    border-top: 1px solid #000;
  }

  /*
  .home__item {
    border: solid 1px #000;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
  }

  .home__item.right .home__item_content,
  .home__item.left .home__item_content {
    bottom: 0;
    background: #FFF;
    position: absolute;
    transform: translateY(40vw);
    transition: transform ease 0.5s;
    left: 0;
    top: 0;
  }
  .home__item.left:hover .home__item_content,
  .home__item.right:hover .home__item_content {
    transform: translateY(0);
  }
*/
  .home__block {
    border: none;
    width: 100%;
  }

  .home__item.full {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
  }

  /*
  .home__item.full .home__block  {
    aspect-ratio: 1;
    border: 1px solid #000;
    height: 50%;
    width: 50%;
  }

  .home__item.full .home__block:nth-child(4) {
    border-left: 0;
    border-top: 0;
  }

  .home__item.full .home__block:nth-child(2) {
    border-left: 0;
  }

  .home__item.full .home__block:last-child {
    border-right: 0;
    border-bottom: 0;
  }
*/

  .home__item:last-child {
    display: none;
  }

  .home__item:nth-child(14n) {
    display: none;
  }
  .page-template-temp_personas .home__item:nth-child(14n) {
    display: block;
  }
}

@media screen and (min-width: 1301px) {
  .home__item_content .category {
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem; /* 125% */
  }

  .home__item_content .category img {
    height: 1.5rem;
  }

  .home__item_content .title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4125rem;
    text-overflow: ellipsis;
    width: 90%;
  }

  .home__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /*
    grid-template-areas:
      "item1 item2 item3 item4"
      "item5 item6 item3 item7"
      "item5 item8 item9 item7";
      "item10 item11 item12 item13"
      "item10 item14 item15 item16"
      "item17 item14 item15 item18"
      "item19 item20 item21 item22"
      "item23 item24 item21 item25"
      "item23 item26 item27 item25"
    */
    grid-gap: 1rem;
    max-width: 90vw;
    margin: 0 auto 1rem auto;
    width: 90vw;
  }

  .template-0 {
    grid-template-rows: repeat(3, max(30vh, 240px));
    grid-template-areas:
      "item1 item2 item3 item4"
      "item5 item6 item3 item7"
      "item5 item8 item9 item7";
  }

  .template-1 {
    grid-template-rows: repeat(3, max(30vh, 240px));
    grid-template-areas:
      "item1 item2 item3 item4"
      "item1 item5 item8 item7"
      "item6 item5 item8 item9";
  }

  .template-2 {
    grid-template-rows: repeat(3, max(30vh, 240px));
    grid-template-areas:
      "item1 item2 item3 item4"
      "item5 item2 item3 item6"
      "item7 item8 item9 item6";
  }

  .template-3 .card__container {
    max-height: 30vh;
  }

  .person__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(6, 25vh);
    grid-template-areas:
      "item1 item2 item3 item4"
      "item5 item6 item3 item7"
      "item5 item8 item9 item7"
      "item10 item11 item12 item13"
      "item10 item14 item15 item16"
      "item17 item14 item15 item18";
    grid-gap: 1rem;
    max-width: 90vw;
    margin: 0 auto 2rem auto;
    width: 90vw;
  }

  .home__item {
    position: relative;
  }

  .home__item .shape {
    background: #ff1b44;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 2rem;
    width: 50%;
  }

  .info_container {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .item_slim {
    aspect-ratio: 445.54/300.87 !important;
  }

  .home__item {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    /*
    aspect-ratio: 450.54/300.87;*/
  }
  .page-template-temp_personas .home__item:nth-child(6) {
    border-top: 1px solid #000;
  }

  .home__block {
    border: none;
    width: 100%;
  }

  .home__item.full {
    background-repeat: no-repeat;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .home__item_content .title {
    font-size: 1.8rem !important;
    line-height: 120%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .home__item_content {
    padding: 1.2rem;
  }
}

@media screen and (min-width: 1400px) {
  .template-0 .item_3 .title,
  .template-0 .item_5 .title,
  .template-1 .item_3 .title,
  .template-1 .item_5 .title,
  .template-2 .item_0 .title,
  .template-2 .item_3 .title,
  .template-2 .item_5 .title,
  .template-3 .element3 .title {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }

  .template-0 .item_3 .card__info_content,
  .template-0 .item_5 .card__info_content,
  .template-1 .item_3 .card__info_content,
  .template-1 .item_5 .card__info_content,
  .template-2 .item_3 .card__info_content,
  .template-2 .item_5 .card__info_content,
  .template-3 .element3 .card__info_content {
    padding-top: 2rem;
  }
}