@charset "UTF-8";

.carrusel-cards {
  margin-top: -5%; }
  .carrusel-cards.slick-slider .icon-arrow_left {
    position: absolute;
    top: 63%;
    left: 13px;
    color: lightgray;
    z-index: 1; }
  .carrusel-cards.slick-slider .icon-arrow_right {
    position: absolute;
    top: 63%;
    right: 13px;
    color: lightgray;
    z-index: 1; }
  .carrusel-cards .slick-slide {
    height: 350px !important; }
  .carrusel-cards .slick-list {
    overflow: visible; }
  .carrusel-cards .slick-dots {
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 1rem 0;
    list-style-type: none; }
    .carrusel-cards .slick-dots li {
      margin: 0 0.25rem; }
    .carrusel-cards .slick-dots button {
      display: block;
      width: 10px;
      height: 10px;
      padding: 0;
      border: none;
      border-radius: 100%;
      background-color: lightGray;
      text-indent: -9999px; }
    .carrusel-cards .slick-dots li.slick-active button {
      background-color: lightGray;
      width: 15px;
      height: 15px; }
  .carrusel-cards .card-publicidad {
    cursor: pointer; }
    .carrusel-cards .card-publicidad .slider-publicidad {
      height: 350px;
      overflow: hidden; }
      .carrusel-cards .card-publicidad .slider-publicidad .img-publicidad {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: 100%;
        max-height: 100%; }
        .carrusel-cards .card-publicidad .slider-publicidad .img-publicidad img {
          width: 100%;
          height: auto; }
  .carrusel-cards .carrusel-pauta .slick-list {
    overflow: hidden; }
    .carrusel-cards .carrusel-pauta .slick-list .slick-slide {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .carrusel-cards a.card, .carrusel-cards .card-publicidad, .carrusel-cards .carrusel-pauta {
    display: inline-block;
    width: 31%;
    margin: 1% 1%;
    vertical-align: top;
    max-height: 350px;
    cursor: pointer; }
    .carrusel-cards a.card:hover .card-content, .carrusel-cards .card-publicidad:hover .card-content, .carrusel-cards .carrusel-pauta:hover .card-content {
      -webkit-transform: translate(0px, -10px);
      -ms-transform: translate(0px, -10px);
      transform: translate(0px, -10px);
      -webkit-box-shadow: 0px 10px 15px 1px rgba(60, 60, 60, 0.1);
      -moz-box-shadow: 0px 10px 15px 1px rgba(60, 60, 60, 0.1);
      box-shadow: 0px 10px 15px 1px rgba(60, 60, 60, 0.1); }
    .carrusel-cards a.card .img-card, .carrusel-cards .card-publicidad .img-card, .carrusel-cards .carrusel-pauta .img-card {
      height: 220px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .carrusel-cards a.card .card-content, .carrusel-cards .card-publicidad .card-content, .carrusel-cards .carrusel-pauta .card-content {
      height: 160px;
      position: relative;
      background-color: white;
      width: 85%;
      margin: -30px auto 0;
      -webkit-box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1);
      -moz-box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1);
      box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1);
      padding: 10px 20px 20px 20px;
      transition: transform 0.3s; }
      .carrusel-cards a.card .card-content .label-card, .carrusel-cards .card-publicidad .card-content .label-card, .carrusel-cards .carrusel-pauta .card-content .label-card {
        width: calc(100% - 10px);
        position: absolute;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 0%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .carrusel-cards a.card .card-content .label-card span, .carrusel-cards .card-publicidad .card-content .label-card span, .carrusel-cards .carrusel-pauta .card-content .label-card span {
          color: white;
          padding: 3px 10px;
          text-transform: uppercase;
          font-size: 0.7rem;
          opacity: 1;
          display: table;
          margin: 0 auto; }
      .carrusel-cards a.card .card-content .card-titulo, .carrusel-cards .card-publicidad .card-content .card-titulo, .carrusel-cards .carrusel-pauta .card-content .card-titulo {
        height: 75px;
        margin-top: 10px; }
        .carrusel-cards a.card .card-content .card-titulo h2, .carrusel-cards .card-publicidad .card-content .card-titulo h2, .carrusel-cards .carrusel-pauta .card-content .card-titulo h2 {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-family: "uniform_rnd_black";
          font-size: 1.2rem;
          color: #454545;
          line-height: 1.4rem;
          text-align: center;
          width: 100%;
          letter-spacing: 0.5px; }
          .carrusel-cards a.card .card-content .card-titulo h2 span, .carrusel-cards .card-publicidad .card-content .card-titulo h2 span, .carrusel-cards .carrusel-pauta .card-content .card-titulo h2 span {
            font-family: "uniform_rnd_black"; }
      .carrusel-cards a.card .card-content .card-texto, .carrusel-cards .card-publicidad .card-content .card-texto, .carrusel-cards .carrusel-pauta .card-content .card-texto {
        font-family: "COCOGOOSE UltraLight', sans-serif";
        height: 10%;
        font-size: 13;
        color: #454545;
        line-height: 1.1rem; }
  @media screen and (max-width: 1024px) {
    .carrusel-cards a.card, .carrusel-cards .card-publicidad, .carrusel-cards .carrusel-pauta {
      width: 47%; } }
  @media screen and (max-width: 768px) {
    .carrusel-cards {
      width: 100%;
      overflow-x: visible;
      margin-bottom: 130px; }
      .carrusel-cards a.card, .carrusel-cards .card-publicidad, .carrusel-cards .carrusel-pauta {
        margin: 0 15px;
        display: block;
        width: 100%; }
      .carrusel-cards .slick-slide {
        height: 300px !important; }
      .carrusel-cards > .slick-list {
        width: 80%;
        margin: 0 auto; }
      .carrusel-cards .slick-dots {
        bottom: -120px; }
      .carrusel-cards .card {
        margin: 0 15px; }
        .carrusel-cards .card .card-content {
          margin: -5% auto 0;
          transition: transform 0.3s; }
          .carrusel-cards .card .card-content:hover {
            -webkit-transform: translate(0px, 0px);
            -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
            -webkit-box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1);
            -moz-box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1);
            box-shadow: 0px 5px 11px 1px rgba(100, 100, 100, 0.1); } }
  @media screen and (max-width: 500px) {
    .carrusel-cards a.card .card-content, .carrusel-cards .card-publicidad .card-content {
      margin: -10% auto 0;
      height: 140px; }
      .carrusel-cards a.card .card-content .card-titulo, .carrusel-cards .card-publicidad .card-content .card-titulo {
        height: 30px;
        padding: 20px 0; }
        .carrusel-cards a.card .card-content .card-titulo h2, .carrusel-cards .card-publicidad .card-content .card-titulo h2 {
          font-size: 0.9rem;
          margin: 0 auto;
          line-height: 0.8rem;
          text-align: center; } }
  @media screen and (max-width: 550px) {
    .carrusel-cards a.card .card-content .label-card span, .carrusel-cards .card-publicidad .card-content .label-card span {
      overflow: hidden;
      display: table;
      max-height: 36px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      margin: 0 auto; }
    .carrusel-cards a.card .card-content .card-titulo, .carrusel-cards .card-publicidad .card-content .card-titulo {
      margin-top: 10px; } }
  @media screen and (max-width: 390px) {
    .carrusel-cards .slick-slide {
      height: 240px !important; } }