/* Cards */
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .c--display-cards-rollover {
    padding-top: 4.375rem;
  }
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .c--display-cards-rollover {
    padding-top: 5rem;
  }
}
.cc--display-cards-rollover + .cc--display-cards-rollover .c--display-cards-rollover {
  padding-top: 0;
  padding-bottom: nul;
}
.cc--display-cards-rollover .title-cta {
  max-width: 1440px;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .title-cta {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .title-cta {
    margin-bottom: 3.75rem;
  }
}
.cc--display-cards-rollover .title-cta .title-cta-inner {
  padding-right: 8%;
  padding-left: 8%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .title-cta .title-cta-inner {
    padding-right: 12%;
    padding-left: 12%;
  }
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .title-cta .title-cta-inner {
    padding-right: 20%;
    padding-left: 20%;
  }
}
.cc--display-cards-rollover .title-cta .f--section-title h2 {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .title-cta .f--section-title h2 {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.cc--display-cards-rollover .cards .card-link {
  display: block;
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .cards .card-link {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .cc--display-cards-rollover .cards .card-link.hovered .rollover-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* Comportamiento de hover solo para pantallas grandes (1024px+) */
@media screen and (min-width: 1024px) {
  html[data-whatintent="mouse"] .cc--display-cards-rollover .cards .card-link {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  html[data-whatintent="mouse"] .cc--display-cards-rollover .cards .card-link:hover .rollover-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.cc--display-cards-rollover .cards .card {
  position: relative;
  height: 25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .cards .card {
    height: 33.3125rem;
  }
}

/* Título - color blanco en pantallas grandes */
.cc--display-cards-rollover .cards .card .f--sub-title h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  padding-bottom: 1.875rem;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .cards .card .f--sub-title h3 {
    font-size: 1.5rem;
    line-height: 1.3334;
    padding-bottom: 2.5rem;
    color: #fff;
  }
}

.cc--display-cards-rollover .cards .gradient-wrapper,
.cc--display-cards-rollover .cards .rollover-wrapper {
  padding-right: 8%;
  padding-left: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cc--display-cards-rollover .cards .gradient-wrapper {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(70%, transparent));
  background: linear-gradient(to top, black, transparent 70%);
  z-index: 1;
}

/* Rollover wrapper - comportamiento responsive */
.cc--display-cards-rollover .cards .rollover-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1978b3;
  opacity: 0.8;
  overflow: hidden;
  z-index: 2;
}

/* En pantallas menores a 1024px, mostrar siempre el rollover */
@media screen and (max-width: 1023px) {
  .cc--display-cards-rollover .cards .rollover-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* En pantallas grandes (1024px+), ocultar por defecto y mostrar en hover */
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .cards .rollover-wrapper {
    display: none;
  }
}

.cc--display-cards-rollover .cards .rollover-wrapper .f--description p {
  font-size: 0.875rem;
  line-height: 1.7143;
  color: #fff;
}

.cc--display-cards-rollover .cards .rollover-wrapper .f--description li {
  font-size: 0.875rem !important;
  line-height: 1.7143;
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .cc--display-cards-rollover .cards .rollover-wrapper .f--description p {
    font-size: 1rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 1024px) {
  .cc--display-cards-rollover .cards .rollover-wrapper .f--description p {
    font-size: 1.125rem;
    line-height: 1.7778;
  }
}

.card.background-image {
  border: unset;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
.cc--display-cards-rollover .cards .card:hover {
transform:none;
}

@media (max-width: 768px) {
  .cards .card.background-image {
    max-width: 100% !important;
  }
}