* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", serif;
  font-style: normal;
  outline: none; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  text-decoration: none; }
  a:active {
    color: inherit; }

.wrapper-navegation-iffa2022 {
  width: 100%; }
  .wrapper-navegation-iffa2022 .content-iffa2022 {
    width: 90%;
    margin: 0 auto;
    padding: 1em 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    background-color: white;
    border-bottom: 5px solid #90c43d; }
    @media (max-width: 1100px) {
      .wrapper-navegation-iffa2022 .content-iffa2022 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
      width: 200px;
      position: relative;
      z-index: 1; }
      @media (max-width: 1100px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
          width: 250px;
          margin-top: 1em;
          margin-left: 50px; } }
      @media (max-width: 600px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
          width: 200px; } }
      @media (max-width: 500px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
          width: 180px;
          margin-left: 40px; } }
    .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
      font-weight: 600;
      text-transform: uppercase;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      list-style: none;
      background-color: white;
      -webkit-transition: all ease .6s;
      -o-transition: all ease .6s;
      transition: all ease .6s; }
      @media (max-width: 1100px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
          width: 100%;
          min-height: 100vh;
          margin: 0;
          font-size: 3em;
          line-height: 1.3;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-clip-path: circle(0% at 100% 0);
          clip-path: circle(0% at 100% 0);
          position: absolute;
          left: 0; } }
      @media (max-width: 600px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
          font-size: 2em; } }
      .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link {
        text-decoration: none; }
        .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
          font-size: .9em;
          color: #151926;
          margin: 0 0 0 2em;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          @media (max-width: 1100px) {
            .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
              font-size: 1.2em;
              margin: 0; } }
          @media (max-width: 900px) {
            .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
              margin: 0;
              opacity: 0;
              -webkit-transform: translateY(200px);
              -ms-transform: translateY(200px);
              transform: translateY(200px);
              -webkit-transition: all 1s;
              -o-transition: all 1s;
              transition: all 1s;
              -webkit-transition-delay: .4s;
              -o-transition-delay: .4s;
              transition-delay: .4s; } }
          @media (max-width: 600px) {
            .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
              font-size: 1.1em; } }
          .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:before {
            content: "";
            width: 0;
            height: 3px;
            position: absolute;
            top: 22px;
            background-color: #95c11f;
            -webkit-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s; }
          .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:hover:before {
            width: 60px; }
            @media (max-width: 900px) {
              .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:hover:before {
                width: 150px; } }
        .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .efecto-menu-mobile {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
    .wrapper-navegation-iffa2022 .content-iffa2022 .activa-menu {
      -webkit-clip-path: circle(70.7% at 50% 50%);
      clip-path: circle(70.7% at 50% 50%);
      opacity: .95; }
    .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer {
      position: absolute;
      right: 0;
      display: none; }
      @media (max-width: 1100px) {
        .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer {
          margin: 2em;
          display: block; } }
      .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer1,
      .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer2,
      .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer3 {
        width: 40px;
        height: 3px;
        border-radius: 2px;
        background-color: #191d2a;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer2 {
        margin-top: 5px; }
      .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer3 {
        margin-top: 5px; }
    .wrapper-navegation-iffa2022 .content-iffa2022 .off-burguer {
      opacity: 0; }
    .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer1,
    .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer3 {
      position: relative; }
    .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer1 {
      top: 5px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer3 {
      top: -10px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.swiper {
  width: 1200px;
  margin: 3em auto 0; }
  @media (max-width: 1100px) {
    .swiper {
      width: 100%; } }
  @media (max-width: 700px) {
    .swiper {
      width: 800px; } }
  .swiper .btn-next,
  .swiper .btn-prev {
    color: #95c11f; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }
  @media (max-width: 1100px) {
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      display: none; } }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto; }
  @media (max-width: 1100px) {
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      display: none; } }

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 300px;
  text-align: center; }

#countdown {
  font-size: 2rem;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px; }
  #countdown .box {
    font-size: 1.5rem;
    width: 100px;
    background: #1d263cd9;
    color: #ffffff;
    margin: .2em;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 500px) {
      #countdown .box {
        width: 80px; } }
    #countdown .box #days,
    #countdown .box #hours,
    #countdown .box #minutes,
    #countdown .box #seconds {
      color: #90c43d; }
    #countdown .box .label {
      font-size: 0.9rem;
      margin-top: 5px;
      text-transform: uppercase; }
  #countdown .label {
    font-size: 0.9rem;
    margin-top: 5px;
    color: #ddd;
    text-transform: uppercase; }

.wrapper-iffa2022-background {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden; }
  .wrapper-iffa2022-background:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(-30%, rgba(25, 29, 42, 0)), to(#191d2a));
    background: -webkit-linear-gradient(right, rgba(25, 29, 42, 0) -30%, #191d2a 100%);
    background: -o-linear-gradient(right, rgba(25, 29, 42, 0) -30%, #191d2a 100%);
    background: linear-gradient(to left, rgba(25, 29, 42, 0) -30%, #191d2a 100%); }
  .wrapper-iffa2022-background .video-intro {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover; }
  .wrapper-iffa2022-background .wrapper-navegation-iffa2022 {
    width: 100%; }
    .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 {
      width: 90%;
      margin: 0 auto;
      padding: 1em 2em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      z-index: 2;
      background-color: white;
      border-bottom: 5px solid #90c43d; }
      @media (max-width: 1100px) {
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 {
          width: 100%;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; } }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
        width: 200px;
        position: relative;
        z-index: 1; }
        @media (max-width: 1100px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
            width: 250px;
            margin-top: 1em;
            margin-left: 50px; } }
        @media (max-width: 600px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
            width: 200px; } }
        @media (max-width: 500px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .img-logotipo-iffa2022 {
            width: 180px;
            margin-left: 40px; } }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
        font-weight: 600;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        background-color: white;
        -webkit-transition: all ease .6s;
        -o-transition: all ease .6s;
        transition: all ease .6s; }
        @media (max-width: 1100px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
            width: 100%;
            min-height: 100vh;
            margin: 0;
            font-size: 3em;
            line-height: 1.3;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-clip-path: circle(0% at 100% 0);
            clip-path: circle(0% at 100% 0);
            position: absolute;
            left: 0; } }
        @media (max-width: 600px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 {
            font-size: 2em; } }
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link {
          text-decoration: none; }
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
            font-size: .9em;
            color: #151926;
            margin: 0 0 0 2em;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            @media (max-width: 1100px) {
              .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
                font-size: 1.2em;
                margin: 0; } }
            @media (max-width: 900px) {
              .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
                margin: 0;
                opacity: 0;
                -webkit-transform: translateY(200px);
                -ms-transform: translateY(200px);
                transform: translateY(200px);
                -webkit-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                -webkit-transition-delay: .4s;
                -o-transition-delay: .4s;
                transition-delay: .4s; } }
            @media (max-width: 600px) {
              .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022 {
                font-size: 1.1em; } }
            .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:before {
              content: "";
              width: 0;
              height: 3px;
              position: absolute;
              top: 22px;
              background-color: #95c11f;
              -webkit-transition: all .2s;
              -o-transition: all .2s;
              transition: all .2s; }
            .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:hover:before {
              width: 60px; }
              @media (max-width: 900px) {
                .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .li-iffa2022:hover:before {
                  width: 150px; } }
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .ul-iffa2022 .link .efecto-menu-mobile {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0); }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .activa-menu {
        -webkit-clip-path: circle(70.7% at 50% 50%);
        clip-path: circle(70.7% at 50% 50%);
        opacity: .95; }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer {
        position: absolute;
        right: 0;
        display: none; }
        @media (max-width: 1100px) {
          .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer {
            margin: 2em;
            display: block; } }
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer1,
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer2,
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer3 {
          width: 40px;
          height: 3px;
          border-radius: 2px;
          background-color: #191d2a;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer2 {
          margin-top: 5px; }
        .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .wrapper-burguer .burguer3 {
          margin-top: 5px; }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .off-burguer {
        opacity: 0; }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer1,
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer3 {
        position: relative; }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer1 {
        top: 5px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
      .wrapper-iffa2022-background .wrapper-navegation-iffa2022 .content-iffa2022 .line-burguer3 {
        top: -10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .wrapper-iffa2022-background .wrapper-title-iffa2025 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    z-index: 1; }
    .wrapper-iffa2022-background .wrapper-title-iffa2025 img {
      width: 300px;
      margin: 0 0 2em 0; }
      @media (max-width: 500px) {
        .wrapper-iffa2022-background .wrapper-title-iffa2025 img {
          width: 50%; } }
    .wrapper-iffa2022-background .wrapper-title-iffa2025 p {
      color: white;
      font-size: 2em;
      width: 750px;
      text-align: center;
      line-height: 1; }
      @media (max-width: 800px) {
        .wrapper-iffa2022-background .wrapper-title-iffa2025 p {
          width: 90%; } }
      @media (max-width: 500px) {
        .wrapper-iffa2022-background .wrapper-title-iffa2025 p {
          font-size: 1.3em;
          line-height: 1.2; } }
    .wrapper-iffa2022-background .wrapper-title-iffa2025 .line-separation-green {
      width: 500px;
      height: 2px;
      margin: 2em 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      background-color: #90c43d; }
      @media (max-width: 600px) {
        .wrapper-iffa2022-background .wrapper-title-iffa2025 .line-separation-green {
          width: 80%; } }
      .wrapper-iffa2022-background .wrapper-title-iffa2025 .line-separation-green:before {
        content: "";
        width: 100px;
        height: 15px;
        background-color: #90c43d;
        position: absolute;
        top: -6px; }
  .wrapper-iffa2022-background .wrapper-mouse-scrooll {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .wrapper-iffa2022-background .wrapper-mouse-scrooll .mouse-scroll {
      width: 35px;
      height: 60px;
      position: absolute;
      z-index: 1;
      bottom: 20px;
      border-radius: 20px;
      border: 3px solid white; }
      .wrapper-iffa2022-background .wrapper-mouse-scrooll .mouse-scroll .circle-animation {
        width: 7px;
        height: 7px;
        margin: 0 auto;
        position: relative;
        top: 5px;
        border-radius: 50%;
        background-color: #95c11e;
        -webkit-animation: circleAnimation 1.2s linear 10ms infinite;
        animation: circleAnimation 1.2s linear 10ms infinite; }

@-webkit-keyframes circleAnimation {
  0% {
    top: 0; }
  100% {
    top: 40px; } }

@keyframes circleAnimation {
  0% {
    top: 0; }
  100% {
    top: 40px; } }

.fondo-scroll {
  width: 100%;
  background-color: #151926; }
  .fondo-scroll .content-title-info2025 {
    width: 100%;
    padding: 5em 0 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (max-width: 600px) {
      .fondo-scroll .content-title-info2025 {
        width: 90%;
        margin: 0 auto; } }
    .fondo-scroll .content-title-info2025 h2,
    .fondo-scroll .content-title-info2025 h3 {
      line-height: 1; }
    .fondo-scroll .content-title-info2025 h2 {
      font-size: 3.5em;
      color: white;
      -webkit-text-stroke: 2px; }
      @media (max-width: 700px) {
        .fondo-scroll .content-title-info2025 h2 {
          font-size: 2.5em;
          margin: 0 0 .2em 0; } }
    .fondo-scroll .content-title-info2025 h3 {
      font-size: 2em;
      color: #90c43d;
      margin: .2em 0 0; }
  .fondo-scroll .line-separation-green {
    width: 500px;
    height: 2px;
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: white; }
    @media (max-width: 600px) {
      .fondo-scroll .line-separation-green {
        width: 80%; } }
    .fondo-scroll .line-separation-green:before {
      content: "";
      width: 100px;
      height: 15px;
      background-color: white;
      position: absolute;
      top: -6px; }

.wrapper-info2025 {
  width: 100%;
  padding: 0 0 10em 0;
  background-color: #151926;
  overflow: hidden; }
  @media (max-width: 700px) {
    .wrapper-info2025 {
      padding: 0 0 4em 0;
      overflow-x: scroll; } }
  .wrapper-info2025 .wrapper-box-information {
    max-width: 1100px;
    width: 100%;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin: 2em auto 0; }
    @media (max-width: 700px) {
      .wrapper-info2025 .wrapper-box-information {
        max-width: 1000px;
        width: 1000px;
        height: 400px;
        margin: 1.2em 1.2em 0 1.2em; } }
    .wrapper-info2025 .wrapper-box-information .box-information {
      width: 100%;
      height: 100%;
      border: 1px solid #393939;
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      .wrapper-info2025 .wrapper-box-information .box-information .content-img {
        width: 100%;
        height: 100%;
        position: relative; }
        .wrapper-info2025 .wrapper-box-information .box-information .content-img img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover; }
      .wrapper-info2025 .wrapper-box-information .box-information .content-txt {
        width: 100%;
        height: 100%;
        background-color: #299cfa;
        position: absolute;
        top: 0;
        -webkit-clip-path: circle(0% at 0 100%);
        clip-path: circle(0% at 0 100%);
        -webkit-transition: all .7s;
        -o-transition: all .7s;
        transition: all .7s; }
        @media (max-width: 1100px) {
          .wrapper-info2025 .wrapper-box-information .box-information .content-txt {
            display: none; } }
        .wrapper-info2025 .wrapper-box-information .box-information .content-txt .img-txt {
          width: 100%; }
          .wrapper-info2025 .wrapper-box-information .box-information .content-txt .img-txt img {
            width: 290px;
            margin: 1em 0 0;
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
            opacity: 0;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            -webkit-transition-delay: .1s;
            -o-transition-delay: .1s;
            transition-delay: .1s; }
          .wrapper-info2025 .wrapper-box-information .box-information .content-txt .img-txt p {
            margin: 1em 1.5em;
            color: white;
            line-height: 1.3;
            opacity: 0;
            -webkit-transform: translateY(70px);
            -ms-transform: translateY(70px);
            transform: translateY(70px);
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            -webkit-transition-delay: .2s;
            -o-transition-delay: .2s;
            transition-delay: .2s; }
          .wrapper-info2025 .wrapper-box-information .box-information .content-txt .img-txt button {
            width: 90%;
            line-height: 3;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 2em auto;
            border: 0;
            border-radius: 20px;
            background-color: #161925;
            color: white;
            font-weight: bold;
            opacity: 0;
            -webkit-transform: translateY(90px);
            -ms-transform: translateY(90px);
            transform: translateY(90px);
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            -webkit-transition-delay: .3s;
            -o-transition-delay: .3s;
            transition-delay: .3s; }

.wrapper-fondo-marcas {
  padding: 3em 0 11em 0;
  overflow: hidden; }
  @media (max-width: 500px) {
    .wrapper-fondo-marcas {
      padding: 0 0 5em 0; } }
  .wrapper-fondo-marcas .content-title-info2025 {
    width: 100%;
    padding: 5em 0 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (max-width: 600px) {
      .wrapper-fondo-marcas .content-title-info2025 {
        width: 90%;
        margin: 0 auto; } }
    .wrapper-fondo-marcas .content-title-info2025 h2,
    .wrapper-fondo-marcas .content-title-info2025 h3 {
      line-height: 1; }
    .wrapper-fondo-marcas .content-title-info2025 h2 {
      font-size: 3.5em;
      color: #90c43d;
      -webkit-text-stroke: 2px; }
      @media (max-width: 700px) {
        .wrapper-fondo-marcas .content-title-info2025 h2 {
          font-size: 2.5em;
          margin: 0 0 .2em 0; } }
    .wrapper-fondo-marcas .content-title-info2025 h3 {
      font-size: 2em;
      color: #616c7a;
      margin: .2em 0 0; }
  .wrapper-fondo-marcas .line-separation-green {
    width: 500px;
    height: 2px;
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #90c43d; }
    @media (max-width: 600px) {
      .wrapper-fondo-marcas .line-separation-green {
        width: 80%; } }
    .wrapper-fondo-marcas .line-separation-green:before {
      content: "";
      width: 100px;
      height: 15px;
      background-color: #90c43d;
      position: absolute;
      top: -6px; }
  .wrapper-fondo-marcas .logos-grid {
    width: 170px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .wrapper-fondo-marcas .logos-color {
    width: 150px;
    position: absolute;
    -webkit-transform: translateY(-160px);
    -ms-transform: translateY(-160px);
    transform: translateY(-160px);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .wrapper-fondo-marcas .grid-item:hover .logos-color {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  .wrapper-fondo-marcas button {
    font-size: 1em;
    width: 350px;
    margin: 5em auto 0;
    padding: .5em 3em;
    line-height: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    border-radius: 30px;
    font-weight: bold;
    color: white;
    background-color: #1c2944; }
    @media (max-width: 500px) {
      .wrapper-fondo-marcas button {
        width: 90%; } }

.wrapper-feria-comercial {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  @media (max-width: 500px) {
    .wrapper-feria-comercial {
      height: 500px; } }
  .wrapper-feria-comercial img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .wrapper-feria-comercial .wrapper-textos-feria {
    width: 100%;
    line-height: 1;
    position: absolute;
    z-index: 1;
    text-align: center; }
    .wrapper-feria-comercial .wrapper-textos-feria p,
    .wrapper-feria-comercial .wrapper-textos-feria h2 {
      color: white; }
    .wrapper-feria-comercial .wrapper-textos-feria p {
      font-size: 2em;
      margin: .3em 0; }
      @media (max-width: 1100px) {
        .wrapper-feria-comercial .wrapper-textos-feria p {
          margin: 1em 0; } }
      @media (max-width: 500px) {
        .wrapper-feria-comercial .wrapper-textos-feria p {
          width: 90%;
          margin: .5em auto; } }
    .wrapper-feria-comercial .wrapper-textos-feria h2 {
      font-size: 3em;
      font-weight: bold;
      margin: 0 0 .1em 0; }
  .wrapper-feria-comercial .content-vector-line {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute; }
    @media (max-width: 850px) {
      .wrapper-feria-comercial .content-vector-line {
        top: 13px; } }
    .wrapper-feria-comercial .content-vector-line .vector-line {
      width: 900px;
      height: auto;
      -webkit-transform: translateY(-90px);
      -ms-transform: translateY(-90px);
      transform: translateY(-90px); }
      @media (max-width: 1100px) {
        .wrapper-feria-comercial .content-vector-line .vector-line {
          width: 90%;
          -webkit-transform: translate(0);
          -ms-transform: translate(0);
          transform: translate(0); } }
      @media (max-width: 500px) {
        .wrapper-feria-comercial .content-vector-line .vector-line {
          display: none; } }

.typed {
  color: white;
  font-weight: 900;
  font-size: 3em;
  background-color: #299cfa;
  padding: 0 1em;
  position: relative; }

.content-title-info2025 {
  width: 100%;
  padding: 5em 0 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 600px) {
    .content-title-info2025 {
      width: 90%;
      margin: 0 auto; } }
  .content-title-info2025 h2,
  .content-title-info2025 h3 {
    line-height: 1; }
  .content-title-info2025 h2 {
    font-size: 3.5em;
    color: #90c43d;
    -webkit-text-stroke: 2px; }
    @media (max-width: 700px) {
      .content-title-info2025 h2 {
        font-size: 2.5em;
        margin: 0 0 .2em 0; } }
  .content-title-info2025 h3 {
    font-size: 2em;
    color: #616c7a;
    margin: .2em 0 0; }

.line-separation-green {
  width: 500px;
  height: 2px;
  margin: 2em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-color: #90c43d; }
  @media (max-width: 600px) {
    .line-separation-green {
      width: 80%; } }
  .line-separation-green:before {
    content: "";
    width: 100px;
    height: 15px;
    background-color: #90c43d;
    position: absolute;
    top: -6px; }

.wrapper-temas-principales {
  width: 100%; }
  @media (max-width: 800px) {
    .wrapper-temas-principales {
      overflow-x: scroll; } }
  .wrapper-temas-principales .title-bajada {
    max-width: 800px;
    width: 100%;
    margin: 2em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    line-height: 1.5; }
    @media (max-width: 700px) {
      .wrapper-temas-principales .title-bajada {
        width: 90%; } }
    .wrapper-temas-principales .title-bajada p {
      font-size: 1.2em;
      color: #616c7a; }
  .wrapper-temas-principales .wrapper-box-temas-principales {
    max-width: 1200px;
    width: 100%;
    margin: 3em auto 10em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
    @media (max-width: 1200px) {
      .wrapper-temas-principales .wrapper-box-temas-principales {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    @media (max-width: 800px) {
      .wrapper-temas-principales .wrapper-box-temas-principales {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 2000px;
        margin: .5em 1.2em 3em 1.2em; } }
    .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales {
      width: 300px;
      height: 450px; }
      @media (max-width: 1200px) {
        .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales {
          width: 400px; } }
      @media (max-width: 840px) {
        .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales {
          width: 350px; } }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90,
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-10 {
        width: 100%; }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 {
        height: 88%;
        border-radius: 20px 20px 0 0;
        position: relative;
        overflow: hidden; }
        .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          position: relative;
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
          .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(18, 27, 46, 0.84); }
          .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover; }
          .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos {
            margin: 1.5em;
            position: absolute; }
            .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos span,
            .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos p {
              color: white; }
            .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos span {
              font-size: 5em;
              font-weight: bold;
              position: relative; }
              .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos span:before {
                content: "";
                width: 100%;
                height: 2px;
                background-color: white;
                position: absolute;
                bottom: 8px;
                left: 0; }
            .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-img-front .title-textos p {
              font-size: 1.1em;
              margin: .5em 0 0;
              font-weight: bold; }
        .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-txt-back {
          width: 100%;
          height: 100%;
          background-color: #77a330;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1; }
          .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-txt-back p {
            margin: 2em;
            color: white;
            text-align: center;
            font-weight: 300;
            line-height: 1.4;
            -webkit-transform: translateY(200px);
            -ms-transform: translateY(200px);
            transform: translateY(200px);
            opacity: 0; }
            @media (max-width: 1200px) {
              .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-90 .content-txt-back p {
                font-size: 1.2em;
                margin: 1em; } }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-10 {
        height: 12%;
        border-radius: 0 0 20px 20px;
        background-color: #89bf3b;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales .box-10 img {
          width: 35px;
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          -webkit-transition: all .4s;
          -o-transition: all .4s;
          transition: all .4s; }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales:hover .content-img-front {
        -webkit-transform: translateY(-101%);
        -ms-transform: translateY(-101%);
        transform: translateY(-101%); }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales:hover .box-10 img {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
      .wrapper-temas-principales .wrapper-box-temas-principales .box-temas-principales:hover .content-txt-back p {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s; }

.title-bajada1 {
  max-width: 800px;
  width: 100%;
  margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  line-height: 1.5; }
  @media (max-width: 700px) {
    .title-bajada1 {
      width: 90%; } }
  .title-bajada1 p {
    font-size: 1.2em;
    color: #616c7a; }

.wrapper-streaming {
  width: 100%;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #151926;
  position: relative; }
  .wrapper-streaming .content-algunas-cifras {
    max-width: 1000px;
    width: 100%;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .wrapper-streaming .content-algunas-cifras img {
      width: 200px;
      margin: 1em 0; }
    .wrapper-streaming .content-algunas-cifras p {
      color: white;
      font-size: 1.5em;
      text-align: center; }
    .wrapper-streaming .content-algunas-cifras .line-separation-green {
      width: 500px;
      height: 2px;
      margin: 2em 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      background-color: #90c43d; }
      @media (max-width: 600px) {
        .wrapper-streaming .content-algunas-cifras .line-separation-green {
          width: 80%; } }
      .wrapper-streaming .content-algunas-cifras .line-separation-green:before {
        content: "";
        width: 100px;
        height: 15px;
        background-color: #90c43d;
        position: absolute;
        top: -6px; }
  .wrapper-streaming .content-img-streaming {
    max-width: 1200px;
    width: 80%;
    height: 600px;
    position: absolute;
    top: 350px; }
    .wrapper-streaming .content-img-streaming:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(21, 25, 28, 0.6); }
    @media (max-width: 670px) {
      .wrapper-streaming .content-img-streaming {
        width: 100%; } }
    @media (max-width: 600px) {
      .wrapper-streaming .content-img-streaming {
        height: 500px;
        overflow: hidden; } }
    .wrapper-streaming .content-img-streaming .content-textos-streaming {
      width: 500px;
      height: 300px;
      position: absolute;
      top: 150px;
      left: 100px;
      line-height: 1; }
      @media (max-width: 515px) {
        .wrapper-streaming .content-img-streaming .content-textos-streaming {
          width: 100%;
          left: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      .wrapper-streaming .content-img-streaming .content-textos-streaming a {
        text-decoration: none; }
        @media (max-width: 500px) {
          .wrapper-streaming .content-img-streaming .content-textos-streaming a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; } }
      .wrapper-streaming .content-img-streaming .content-textos-streaming .title-en-vivo {
        width: 300px;
        font-weight: normal;
        color: white;
        line-height: 1.2; }
      .wrapper-streaming .content-img-streaming .content-textos-streaming .title-streaming {
        color: white;
        font-size: 5em;
        -webkit-text-stroke: 3px;
        letter-spacing: -1px;
        margin-top: 30px; }
        @media (max-width: 500px) {
          .wrapper-streaming .content-img-streaming .content-textos-streaming .title-streaming {
            font-size: 4.5em; } }
      .wrapper-streaming .content-img-streaming .content-textos-streaming .content-circle-play {
        width: 80px;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 5px #95c12b;
        box-shadow: 0 0 0 5px #95c12b; }
        .wrapper-streaming .content-img-streaming .content-textos-streaming .content-circle-play .icon-play {
          width: 40px;
          margin-left: 10px; }
      .wrapper-streaming .content-img-streaming .content-textos-streaming .circle-animation {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        -webkit-animation: play 2s infinite;
        animation: play 2s infinite; }
        @media (max-width: 500px) {
          .wrapper-streaming .content-img-streaming .content-textos-streaming .circle-animation {
            top: 25px; } }

@-webkit-keyframes play {
  0% {
    -webkit-box-shadow: 0 0 0 0 #95c12b;
    box-shadow: 0 0 0 0 #95c12b;
    opacity: 1; }
  100% {
    -webkit-box-shadow: 0 0 0 50px #95c12b;
    box-shadow: 0 0 0 50px #95c12b;
    opacity: 0; } }

@keyframes play {
  0% {
    -webkit-box-shadow: 0 0 0 0 #95c12b;
    box-shadow: 0 0 0 0 #95c12b;
    opacity: 1; }
  100% {
    -webkit-box-shadow: 0 0 0 50px #95c12b;
    box-shadow: 0 0 0 50px #95c12b;
    opacity: 0; } }
    .wrapper-streaming .content-img-streaming .video-trailer {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

.content-title-timeline {
  margin: 30em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .content-title-timeline .line-separation-green {
    width: 500px;
    height: 2px;
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #90c43d; }
    @media (max-width: 600px) {
      .content-title-timeline .line-separation-green {
        width: 80%; } }
    .content-title-timeline .line-separation-green:before {
      content: "";
      width: 100px;
      height: 15px;
      background-color: #90c43d;
      position: absolute;
      top: -6px; }
  @media (max-width: 600px) {
    .content-title-timeline {
      margin: 21em 0 0; } }
  .content-title-timeline h2 {
    font-size: 3.2em;
    color: #616c7a;
    text-align: center;
    line-height: 1;
    -webkit-text-stroke: 2px; }

.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

@media (max-width: 800px) {
  .cd-horizontal-timeline {
    overflow: hidden;
    margin: 0; } }

.cd-horizontal-timeline::before {
  content: "mobile";
  display: none; }

.cd-horizontal-timeline.loaded {
  opacity: 1; }

.cd-horizontal-timeline .timeline {
  width: 100%;
  max-width: 1000px;
  height: 120px;
  margin: 2em auto;
  padding: 3em 0 0;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden; }

@media (max-width: 800px) {
  .cd-horizontal-timeline .timeline {
    width: 100%; } }

@media (max-width: 700px) {
  .cd-horizontal-timeline .timeline {
    padding: 0; } }

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 -40px; }

@media (max-width: 700px) {
  .cd-horizontal-timeline .events-wrapper {
    margin: 3em 0; } }

.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(rgba(248, 248, 248, 0)));
  background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: -o-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); }

.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#f8f8f8), to(rgba(248, 248, 248, 0)));
  background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: -o-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); }

.cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background: #dfdfdf;
  transition: -webkit-transform 0.4s;
  -webkit-transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s; }

.cd-horizontal-timeline .filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #95c11f;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  text-align: center;
  text-decoration: none;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #151926;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: bold;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.cd-horizontal-timeline .events a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -27px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  -webkit-box-shadow: 0 0 0 4px white, 0 0 0 6px #dfdfdf;
  box-shadow: 0 0 0 4px white, 0 0 0 6px #dfdfdf; }

@media (max-width: 600px) {
  .cd-horizontal-timeline .events a::after {
    left: -80px; } }

@media (max-width: 600px) {
  .cd-horizontal-timeline .events a::after {
    left: -120px; } }

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #95c11f;
  border-color: #95c11f; }

.cd-horizontal-timeline .events a.selected {
  pointer-events: none; }

.cd-horizontal-timeline .events a.selected::after {
  background-color: #95c11f;
  border-color: #95c11f;
  -webkit-box-shadow: 0 0 0 4px white, 0 0 0 6px #95c11f;
  box-shadow: 0 0 0 4px white, 0 0 0 6px #95c11f; }

.cd-horizontal-timeline .events a.older-event::after {
  border-color: #95c11f;
  background-color: #95c11f;
  -webkit-box-shadow: 0 0 0 4px white, 0 0 0 6px #95c11f;
  box-shadow: 0 0 0 4px white, 0 0 0 6px #95c11f; }

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto 0; }
  .cd-horizontal-timeline::before {
    content: "desktop"; } }

.wrapper-evento {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .wrapper-evento .wrapper-box-left,
  .wrapper-evento .wrapper-box-right {
    width: 50%;
    height: auto; }
  .wrapper-evento .wrapper-box-left {
    width: 100%;
    background-color: #616c7a; }
    .wrapper-evento .wrapper-box-left .content-logo-date {
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #469cf8; }
      .wrapper-evento .wrapper-box-left .content-logo-date img {
        width: 200px;
        -webkit-transform: translateX(33px);
        -ms-transform: translateX(33px);
        transform: translateX(33px); }
    .wrapper-evento .wrapper-box-left .content-fechas-date {
      width: 100%;
      height: 90%; }
      @media (max-width: 600px) {
        .wrapper-evento .wrapper-box-left .content-fechas-date {
          height: auto; } }
      .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date {
        padding: 3em 2em; }
        @media (max-width: 500px) {
          .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date {
            padding: 2em; } }
        .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date .title {
          color: white;
          font-size: 2.5em;
          line-height: 1; }
        .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date .subtitle {
          font-style: italic;
          margin: .3em 0; }
        .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date .parrafo {
          color: #e7e7e7;
          margin: 3em 0 0;
          line-height: 1.5;
          font-weight: 300; }
          @media (max-width: 500px) {
            .wrapper-evento .wrapper-box-left .content-fechas-date .txt-fechas-date .parrafo {
              margin: 1em 0 0; } }
  .wrapper-evento .wrapper-box-right {
    width: 100%; }
    @media (max-width: 700px) {
      .wrapper-evento .wrapper-box-right {
        display: none; } }
    .wrapper-evento .wrapper-box-right img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

.cd-timeline-navigation a {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.cd-timeline-navigation a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  background: url(../img/cd-arrow.svg) no-repeat 0 0; }

.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

.cd-timeline-navigation a.next {
  right: 0; }

.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f; }

.cd-timeline-navigation a.inactive {
  cursor: not-allowed; }

.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px; }

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf; }

.wrapper-textos-timeline {
  width: 100%;
  padding: 0 0 4em 0;
  background-color: white; }

.day {
  width: 70px;
  margin-top: -45px;
  margin-left: -20px; }

@media (max-width: 600px) {
  .day {
    margin-left: -185px; } }

@media (max-width: 500px) {
  .day {
    margin-left: -270px; } }

.sin-number {
  list-style: none; }

.cd-horizontal-timeline .events-content {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s; }

@media (max-width: 600px) {
  .cd-horizontal-timeline .events-content {
    padding-bottom: 0; } }

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: white;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 0 4em 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@media (max-width: 600px) {
  .cd-horizontal-timeline .events-content li {
    padding: 0; } }

.cd-horizontal-timeline .events-content li.selected {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  animation-name: cd-enter-right; }

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  animation-name: cd-enter-left; }

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
  animation-direction: reverse; }

.cd-horizontal-timeline .events-content li > * {
  max-width: 1100px; }

.cd-horizontal-timeline .events-content h2 {
  color: white;
  font-weight: bold;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: .9;
  margin-top: 10px; }

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic; }

.cd-horizontal-timeline .events-content em::before {
  content: "- "; }

.cd-horizontal-timeline .events-content p {
  font-size: 1em;
  margin: 0;
  color: #959595; }

.cd-horizontal-timeline .events-content em {
  line-height: 1.6; }

.cd-horizontal-timeline .events-content em {
  color: #95c11e; }

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem; }
  .cd-horizontal-timeline .events-content em {
    font-size: 1.3em; }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.1em; } }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

.wrapper-linkedin {
  width: 100%;
  padding: 2em 0 0;
  background-image: url(../assets/img/imagenes/banner-linkedin.jpg);
  background-size: cover;
  background-position: center center; }
  .wrapper-linkedin .content-title-info2025 {
    width: 100%;
    padding: 5em 0 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (max-width: 600px) {
      .wrapper-linkedin .content-title-info2025 {
        width: 90%;
        margin: 0 auto; } }
    .wrapper-linkedin .content-title-info2025 h2,
    .wrapper-linkedin .content-title-info2025 h3 {
      line-height: 1; }
    .wrapper-linkedin .content-title-info2025 h2 {
      font-size: 3.5em;
      color: #90c43d;
      -webkit-text-stroke: 2px; }
      @media (max-width: 700px) {
        .wrapper-linkedin .content-title-info2025 h2 {
          font-size: 2.5em;
          margin: 0 0 .2em 0; } }
    .wrapper-linkedin .content-title-info2025 h3 {
      font-size: 2em;
      color: #ffffff;
      margin: .2em 0 0; }
  .wrapper-linkedin .line-separation-green {
    width: 500px;
    height: 2px;
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #90c43d; }
    @media (max-width: 600px) {
      .wrapper-linkedin .line-separation-green {
        width: 80%; } }
    .wrapper-linkedin .line-separation-green:before {
      content: "";
      width: 100px;
      height: 15px;
      background-color: #90c43d;
      position: absolute;
      top: -6px; }
  .wrapper-linkedin img {
    width: 500px;
    margin: 3em 0 0; }
    @media (max-width: 600px) {
      .wrapper-linkedin img {
        width: 90%;
        margin: 3em auto 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.exagon {
  width: 100%;
  position: absolute;
  top: 600px; }

.exagon .svg-hexagon {
  position: absolute;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  opacity: .1; }

.exagon .hexagono-color {
  width: 600px;
  position: absolute;
  top: 30px;
  right: 0; }

.wrapper-background-galeria {
  width: 100%;
  height: 700px;
  position: absolute;
  top: 0;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.wrapper-background-galeria:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(17, 39, 63, 0.7); }

.wrapper-background-galeria .mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: -1; }

.wrapper-background-galeria .mask .img-background-galeria {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-animation: imagen 10s linear 10ms infinite alternate;
  animation: imagen 10s linear 10ms infinite alternate; }

@-webkit-keyframes imagen {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4); } }

@keyframes imagen {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4); } }

.wrapper-background-galeria .pattern-top-background {
  width: 70%;
  position: absolute;
  bottom: 0;
  opacity: 0.2; }

@media (max-width: 900px) {
  .wrapper-background-galeria .pattern-top-background {
    width: 100%; } }

.content-titles-section {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute; }
  .content-titles-section h2 {
    font-size: 2.5em;
    width: 800px;
    text-align: center;
    font-weight: 200;
    line-height: 1.2;
    color: white; }
    @media (max-width: 800px) {
      .content-titles-section h2 {
        width: 90%; } }
  .content-titles-section .line-separation-green {
    width: 500px;
    height: 2px;
    margin: 2em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #90c43d; }
    @media (max-width: 600px) {
      .content-titles-section .line-separation-green {
        width: 80%; } }
    .content-titles-section .line-separation-green:before {
      content: "";
      width: 100px;
      height: 15px;
      background-color: #90c43d;
      position: absolute;
      top: -6px; }

.wrapper-background-galeria .title-principal-galeria {
  margin-left: 220px;
  position: absolute;
  line-height: 1; }

@media (max-width: 650px) {
  .wrapper-background-galeria .title-principal-galeria {
    margin-left: 100px; } }

.wrapper-background-galeria .title-principal-galeria .subtitle-banner {
  font-size: 2em;
  color: #95c11e; }

@media (max-width: 425px) {
  .wrapper-background-galeria .title-principal-galeria .subtitle-banner {
    font-size: 1.3em; } }

.wrapper-background-galeria .title-principal-galeria .title-banner {
  font-size: 5em;
  color: white;
  -webkit-text-stroke: 3px; }

@media (max-width: 520px) {
  .wrapper-background-galeria .title-principal-galeria .title-banner {
    font-size: 4em; } }

@media (max-width: 425px) {
  .wrapper-background-galeria .title-principal-galeria .title-banner {
    font-size: 3em;
    -webkit-text-stroke: 1px; } }

.wrapper-background-galeria .title-principal-galeria .conector-equipo {
  width: 200px;
  position: absolute;
  left: -50px;
  top: -130px; }

@media (max-width: 500px) {
  .wrapper-background-galeria .title-principal-galeria .conector-equipo {
    width: 150px;
    left: -50px;
    top: -100px; } }

.grid-container-multimedia {
  max-width: 1000px;
  width: 90%;
  margin: 43em auto 10em;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: minmax(450px, auto);
  grid-auto-flow: dense; }
  .grid-container-multimedia .grid-item-multimedia {
    margin: .5em 0;
    -webkit-box-shadow: 0 0 8px 0 #ccc;
    box-shadow: 0 0 8px 0 #ccc;
    border-radius: 10px;
    overflow: hidden; }
    .grid-container-multimedia .grid-item-multimedia a {
      text-decoration: none;
      color: black; }
    .grid-container-multimedia .grid-item-multimedia .content-grid-img {
      width: 100%;
      height: 300px;
      position: relative; }
      .grid-container-multimedia .grid-item-multimedia .content-grid-img:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(25, 29, 42, 0)), to(#191d2a));
        background: -webkit-linear-gradient(top, rgba(25, 29, 42, 0) 50%, #191d2a 100%);
        background: -o-linear-gradient(top, rgba(25, 29, 42, 0) 50%, #191d2a 100%);
        background: linear-gradient(to bottom, rgba(25, 29, 42, 0) 50%, #191d2a 100%); }
      .grid-container-multimedia .grid-item-multimedia .content-grid-img .img-grid {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }
      .grid-container-multimedia .grid-item-multimedia .content-grid-img .txt-day {
        font-size: 1em;
        width: 100px;
        padding: 0.5em 1em;
        text-align: center;
        font-weight: 500;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #95c11e;
        color: white;
        border-radius: 0 10px 10px 0; }
    .grid-container-multimedia .grid-item-multimedia .grid-item-textos {
      width: 100%;
      height: 150px;
      padding: 2.8em 1.5em 0;
      line-height: 1.2; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos .subtitle-item-textos {
        font-size: 0.9em;
        font-weight: normal; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos .title-item-textos {
        font-size: 1.4em; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos .content-icon-fecha {
        margin: 1em 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .grid-container-multimedia .grid-item-multimedia .grid-item-textos .content-icon-fecha .icon-calendar2 {
          width: 20px;
          margin-right: 10px; }
        .grid-container-multimedia .grid-item-multimedia .grid-item-textos .content-icon-fecha .txt-fechas {
          font-size: 0.8em;
          line-height: 1; }
    .grid-container-multimedia .grid-item-multimedia .grid-item-textos-noticias {
      width: 100%;
      padding: 2em;
      line-height: 1.2; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos-noticias .title-txt-2025 {
        font-size: 1em;
        margin: 0 0 .2em 0;
        color: #959595; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos-noticias .title-item-textos {
        font-size: 1.4em; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos-noticias img {
        width: 90px;
        margin: 0 0 .3em 0; }
      .grid-container-multimedia .grid-item-multimedia .grid-item-textos-noticias .parrafo-detalle {
        font-size: 0.9em;
        margin: .5em 0 0;
        color: #6e6e6e; }
    .grid-container-multimedia .grid-item-multimedia .content-buttons {
      width: 100%;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-date,
      .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-ver-mas {
        width: 50%;
        color: white;
        border: 0; }
      .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #373a3b;
        border-radius: 10px 0 0 0; }
        .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-date img {
          width: 20px; }
        .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-date h2 {
          font-size: 1em;
          margin: 0 0 0 .4em; }
      .grid-container-multimedia .grid-item-multimedia .content-buttons .btn-ver-mas {
        font-size: 1em;
        font-weight: bold;
        background-color: #489ee5;
        border-radius: 0 10px 0 0; }
  .grid-container-multimedia .grid-item-video {
    height: 500px;
    -webkit-box-shadow: 0 0 8px 0 #ccc;
    box-shadow: 0 0 8px 0 #ccc;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .grid-container-multimedia .grid-item-video:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, rgba(25, 29, 42, 0)), to(#202f41));
      background: -webkit-linear-gradient(top, rgba(25, 29, 42, 0) -10%, #202f41 100%);
      background: -o-linear-gradient(top, rgba(25, 29, 42, 0) -10%, #202f41 100%);
      background: linear-gradient(to bottom, rgba(25, 29, 42, 0) -10%, #202f41 100%); }
    .grid-container-multimedia .grid-item-video .wrapper-color {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: #202f41;
      -webkit-clip-path: circle(0% at 50% 50%);
      clip-path: circle(0% at 50% 50%);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .grid-container-multimedia .grid-item-video:hover .wrapper-color {
      -webkit-clip-path: circle(70.7% at 50% 50%);
      clip-path: circle(70.7% at 50% 50%); }
    .grid-container-multimedia .grid-item-video .enlaces {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .grid-container-multimedia .grid-item-video .icon-play,
    .grid-container-multimedia .grid-item-video .icon-picture {
      position: absolute;
      z-index: 1;
      top: 180px;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .grid-container-multimedia .grid-item-video .icon-play {
      width: 70px; }
    .grid-container-multimedia .grid-item-video .icon-picture {
      width: 90px; }
    .grid-container-multimedia .grid-item-video:hover .icon-play,
    .grid-container-multimedia .grid-item-video:hover .icon-picture {
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5); }
    .grid-container-multimedia .grid-item-video .content-grid-video {
      width: 100%;
      height: 100%; }
      .grid-container-multimedia .grid-item-video .content-grid-video .preview-img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: relative;
        z-index: -1;
        -webkit-animation: PreviewImg 8s linear 10ms infinite alternate;
        animation: PreviewImg 8s linear 10ms infinite alternate; }

@-webkit-keyframes PreviewImg {
  0% {
    object-position: center; }
  100% {
    -o-object-position: -100px;
    object-position: -100px; } }

@keyframes PreviewImg {
  0% {
    -o-object-position: center;
    object-position: center; }
  100% {
    -o-object-position: -100px;
    object-position: -100px; } }
      .grid-container-multimedia .grid-item-video .content-grid-video .img-grid {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }
      .grid-container-multimedia .grid-item-video .content-grid-video .video,
      .grid-container-multimedia .grid-item-video .content-grid-video .img-preview-galeria {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .grid-container-multimedia .grid-item-video .wrapper-txt-video {
      width: 100%;
      height: 150px;
      padding: 2.8em 1.5em 0;
      line-height: 1.2;
      position: absolute;
      z-index: 1;
      bottom: 0; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .title-video {
        font-size: 1.4em;
        color: white; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .subtitle-video {
        font-size: 0.9em;
        font-weight: normal;
        color: white; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .color-iffa,
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .txt-day {
        font-size: 0.8em;
        font-weight: 500;
        position: absolute;
        top: -20px;
        left: 0;
        padding: 0.5em 2em;
        color: white;
        border-radius: 0 10px 10px 0; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .color-iffa {
        background-color: #0ba0ec; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .txt-day {
        background-color: #95c11e; }
      .grid-container-multimedia .grid-item-video .wrapper-txt-video .content-icon-fecha {
        margin: 1em 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .grid-container-multimedia .grid-item-video .wrapper-txt-video .content-icon-fecha .icon-calendar2 {
          width: 20px;
          margin-right: 10px; }
        .grid-container-multimedia .grid-item-video .wrapper-txt-video .content-icon-fecha .txt-fechas {
          font-size: 0.8em;
          line-height: 1;
          color: white; }

.wrapper-detalle-noticia {
  max-width: 1100px;
  width: 100%;
  margin: 43em auto 0; }
  @media (max-width: 1100px) {
    .wrapper-detalle-noticia {
      margin: 40em auto 0; } }
  .wrapper-detalle-noticia .grid-container-detalle-noticia {
    margin: 35em 0 10em;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: minmax(200px, auto);
    gap: 20px;
    padding: 20px;
    grid-auto-flow: dense;
    overflow: hidden; }
    .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia {
      border-radius: 10px; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(1) {
        -ms-grid-column-span: 3;
        grid-column: span 3;
        -ms-grid-row-span: 1;
        grid-row: span 1; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(2) {
        -ms-grid-column-span: 4;
        grid-column: span 4;
        -ms-grid-row-span: 2;
        grid-row: span 2; }
        @media (max-width: 500px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(2) {
            -ms-grid-row-span: 2;
            grid-row: span 2; } }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(3) {
        margin: 4em 0;
        -ms-grid-column-span: 4;
        grid-column: span 4;
        -ms-grid-row-span: 2;
        grid-row: span 2; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(4) {
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -ms-grid-row-span: 2;
        grid-row: span 2; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(5) {
        -ms-grid-column-span: 2;
        grid-column: span 2; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia:nth-child(6) {
        padding: 2em 0 0;
        margin-top: 70px;
        -ms-grid-column-span: 2;
        grid-column: span 2; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-noticia {
        font-size: 5em;
        line-height: .9;
        margin: 0 0 0.5em 0;
        -webkit-text-stroke: 4px; }
        @media (max-width: 750px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-noticia {
            font-size: 4em; } }
        @media (max-width: 550px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-noticia {
            -webkit-text-stroke: 2px;
            font-size: 3em; } }
        @media (max-width: 400px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-noticia {
            font-size: 2.5em; } }
        .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-noticia span {
          color: #95c11e; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-subtitle {
        font-size: 2em; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .txt-bajada {
        font-size: 1.5em;
        font-weight: 500;
        color: #8e8e8e; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .grid-dos-noticia {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .wrapper-color-fondo {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #3B9DD8; }
        .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .wrapper-color-fondo .text-complement {
          width: 220px;
          font-size: 2.3em;
          color: white;
          font-weight: 600; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .h3-titulo-noticia {
        width: 700px;
        font-size: 2em;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.2;
        position: relative; }
        .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .h3-titulo-noticia:before {
          content: "";
          width: 60px;
          height: 4px;
          position: absolute;
          top: -15px;
          background-color: #95c11e; }
        @media (max-width: 800px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .h3-titulo-noticia {
            width: 100%; } }
        @media (max-width: 500px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .h3-titulo-noticia {
            font-size: 1.5em;
            color: #4f4f4f; } }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia p {
        font-size: 1em;
        margin: 1em 0;
        line-height: 1.5; }
        .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia p .marcar {
          color: #95c11f;
          font-weight: bold; }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia ul {
        margin: 2em 0 2em 3em; }
        @media (max-width: 600px) {
          .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia ul {
            margin: 2em 0 1em 1em; } }
      .wrapper-detalle-noticia .grid-container-detalle-noticia .grid-item-noticia .btn-linkedin {
        font-size: 1em;
        margin: 1em 0;
        padding: 1em 3em;
        border: 0;
        font-weight: bold;
        border-radius: 5px;
        background-color: #95c11e;
        color: white;
        cursor: pointer; }
    @media (max-width: 500px) {
      .wrapper-detalle-noticia .grid-container-detalle-noticia {
        grid-auto-rows: minmax(100px, auto);
        margin: 30em 0 1em; } }

.wrapper-reciclable {
  max-width: 1000px;
  width: 100%;
  margin: 35em auto 10em; }

.wrapper-reciclable h2 {
  font-size: 3em;
  line-height: 1; }

.wrapper-reciclable h2 span {
  color: #95c11e; }

.wrapper-reciclable p {
  font-size: 1.2em;
  margin: .7em 0 0 0; }

.wrapper-reciclable .content-reciclable {
  margin: 6em 0 0; }

.wrapper-reciclable .content-reciclable h3 {
  font-size: 3em;
  line-height: 1; }

.wrapper-reciclable .content-reciclable p {
  font-size: 1.2em;
  margin: .5em 0 1em 0; }

.wrapper-reciclable .content-reciclable p span {
  font-weight: bold; }

@media (max-width: 1000px) {
  .wrapper-reciclable .content-reciclable {
    margin: 4em 0 0; } }

.wrapper-reciclable .wrapper-box-reciclable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.wrapper-reciclable .wrapper-box-reciclable .box-img-reciclable {
  width: 490px;
  padding: .5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px; }

.wrapper-reciclable .wrapper-box-reciclable .box-img-reciclable img {
  width: 100%; }

@media (max-width: 1000px) {
  .wrapper-reciclable .wrapper-box-reciclable .box-img-reciclable {
    width: 100%; } }

@media (max-width: 1000px) {
  .wrapper-reciclable {
    padding: 0 1em;
    margin: 31em auto 10em; } }

.wrapper-detalle-equipo {
  max-width: 1100px;
  width: 75%;
  margin: 50em auto 0; }
  @media (max-width: 1100px) {
    .wrapper-detalle-equipo {
      width: 90%; } }
  @media (max-width: 500px) {
    .wrapper-detalle-equipo {
      margin: 45em auto 0; } }

.wrapper-detalle-equipo .wrapper-content-titulos {
  margin: 2em 0;
  line-height: 1;
  position: relative; }

.wrapper-detalle-equipo .wrapper-content-titulos .txt-noticia-equipo {
  font-size: 1.2em;
  font-weight: 600; }

.wrapper-detalle-equipo .wrapper-content-titulos .txt-subtitle-equipo {
  font-size: 3.5em; }
  @media (max-width: 500px) {
    .wrapper-detalle-equipo .wrapper-content-titulos .txt-subtitle-equipo {
      font-size: 2.3em; } }

.wrapper-detalle-equipo .wrapper-content-titulos .txt-verde {
  font-size: 1.3em;
  -webkit-text-stroke: 3px;
  text-transform: uppercase;
  color: #95c11e; }

@media (max-width: 520px) {
  .wrapper-detalle-equipo .wrapper-content-titulos .txt-verde {
    font-size: 1em; } }

.wrapper-detalle-equipo .grid-container-equipo {
  margin: 5em auto 13em;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: minmax(400px, auto);
  gap: 30px;
  grid-auto-flow: dense; }

.wrapper-detalle-equipo .grid-container-equipo .grid-item-equipo {
  line-height: 1; }

.wrapper-detalle-equipo .grid-container-equipo .grid-item-equipo .wrapper-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 1371px) {
  .wrapper-detalle-equipo .grid-container-equipo {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    margin: 5em auto 1em; } }

.wrapper-footer {
  width: 100%;
  padding: 5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #151926; }
  @media (max-width: 700px) {
    .wrapper-footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      padding: 3em 0 2em; } }
  .wrapper-footer .ul-footer {
    list-style: none;
    width: 200px; }
    @media (max-width: 900px) {
      .wrapper-footer .ul-footer {
        margin: 0;
        width: 100%; } }
    .wrapper-footer .ul-footer a {
      text-decoration: none;
      font-size: 1.2em;
      color: white; }
      .wrapper-footer .ul-footer a .li-footer {
        font-size: .8em;
        font-weight: 300;
        line-height: 1.5;
        color: #cbcbcb; }
        @media (max-width: 700px) {
          .wrapper-footer .ul-footer a .li-footer {
            font-size: 1em; } }
    .wrapper-footer .ul-footer .negrita {
      font-size: 1.2em;
      font-weight: 600;
      color: #95c11f; }
      @media (max-width: 730px) {
        .wrapper-footer .ul-footer .negrita {
          font-size: .9em;
          margin: .5em 0 0; } }
      @media (max-width: 500px) {
        .wrapper-footer .ul-footer .negrita {
          font-size: 1em; } }
  .wrapper-footer .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px; }
    @media (max-width: 700px) {
      .wrapper-footer .logos {
        width: 100%;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
    .wrapper-footer .logos .logo-cuadros {
      width: 120px;
      margin: 0 1em; }
      @media (max-width: 700px) {
        .wrapper-footer .logos .logo-cuadros {
          margin: 1em 0;
          width: 100px; } }
  .wrapper-footer .separation-vertical {
    width: 1px;
    margin: 0 5em;
    background-color: #7e7e7e; }
    @media (max-width: 900px) {
      .wrapper-footer .separation-vertical {
        margin: 0; } }

.border-footer {
  width: 100%;
  background-color: #95c11e; }
  .border-footer .title-copy {
    font-size: .8em;
    line-height: 3.5;
    text-align: center;
    font-weight: 600; }

.fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear; }

@-webkit-keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.material-card {
  width: 100%;
  height: 100%;
  position: relative;
  padding-bottom: calc(100% - 10px);
  margin-bottom: 6.6em; }
  @media (max-width: 1371px) {
    .material-card {
      margin-bottom: 4em; } }
  .material-card .wrapper-name-users {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #4a4a4a;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(100% - 16px);
    left: 0;
    padding: 20px 16px;
    margin: 0; }
    .material-card .wrapper-name-users h2 {
      color: #fff;
      font-size: 1.1em;
      line-height: 1.1;
      margin: 0;
      border-left: 2px solid #95c11f;
      padding: 0 0 0 .3em; }
      .material-card .wrapper-name-users h2 span {
        display: block;
        font-size: .95em; }
      .material-card .wrapper-name-users h2 strong {
        font-weight: 500;
        display: block;
        font-size: .9em;
        color: #95c11f; }
    .material-card .wrapper-name-users .icons-socials {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .material-card .wrapper-name-users .icons-socials .icon-whatsapp,
      .material-card .wrapper-name-users .icons-socials .icon-mail {
        width: 40px;
        padding: .3em;
        margin: 0 .3em;
        border-radius: 5px; }
      .material-card .wrapper-name-users .icons-socials .icon-whatsapp {
        background-color: #19d819; }
      .material-card .wrapper-name-users .icons-socials .icon-mail {
        background-color: #03a9f4; }

.qr {
  width: 100px; }

.material-card h2:before,
.material-card h2:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.material-card h2:after {
  top: auto;
  bottom: 0; }

@media screen and (max-width: 767px) {
  .material-card.mc-active {
    padding-bottom: 0;
    height: auto; } }

.material-card.mc-active h2 {
  top: 0;
  padding: 25px 16px 25px 90px; }

.material-card.mc-active h2:before {
  top: 0; }

.material-card.mc-active h2:after {
  bottom: -16px; }

.material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 16px;
  left: 16px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.material-card .mc-btn-action {
  position: absolute;
  right: 16px;
  top: 15px;
  border-radius: 50%;
  border: 5px solid;
  width: 54px;
  height: 54px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.material-card.mc-active .mc-btn-action {
  top: 62px; }

.material-card .mc-description {
  position: absolute;
  top: 100%;
  right: 30px;
  left: 30px;
  bottom: 20px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s; }

.material-card .mc-description p {
  font-size: .95em;
  margin-top: 20px;
  line-height: 1.4; }

@media (max-width: 500px) {
  .material-card .mc-description {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; } }

.material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.material-card .mc-footer .icon-app {
  width: 45px;
  height: 45px;
  padding: 0.3em;
  border-radius: 10px; }

.material-card .mc-footer .color-whatsapp {
  background-color: #8bc34a; }

.material-card .mc-footer .color-mail {
  background-color: #23b0ff; }

.material-card .mc-footer h4 {
  position: absolute;
  top: 200px;
  left: 30px;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 1.4s;
  -o-transition: all 1.4s;
  transition: all 1.4s; }

.material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-left: 5px;
  margin-bottom: 15px;
  font-size: 28px;
  color: #fff;
  line-height: 52px;
  text-decoration: none;
  top: 200px; }

.material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s; }

.material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s; }

.material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s; }

.material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s; }

.material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.material-card .img-container .img-user {
  width: 100%;
  height: 100%;
  border-radius: 15px 15px 0 0; }

.material-card.mc-active .img-container {
  border-radius: 50%;
  left: 0;
  top: 12px;
  width: 60px;
  height: 60px;
  z-index: 20;
  -webkit-box-shadow: 0 0 0 4px white;
  box-shadow: 0 0 0 4px white; }

.material-card.mc-active .mc-content {
  padding-top: 7.2em; }

@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px; } }

.material-card.mc-active .mc-description {
  top: 50px;
  padding-top: 4em;
  opacity: 1;
  line-height: 1.1;
  filter: alpha(opacity=100); }

@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 0 30px 70px 30px;
    bottom: 0; } }

.ul-globe {
  margin: .5em 0 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ul-globe .globe-marcas {
  font-size: 1.1em;
  padding: 0.15em 0.5em;
  margin: .3em .3em .3em 0;
  list-style: none;
  border-radius: 10px;
  text-align: center;
  font-weight: 600;
  background-color: #c7dab1;
  color: #64883b; }

.material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: calc(100% - 16px);
  left: 16px;
  right: 0;
  height: 82px;
  padding-top: 15px;
  padding-left: 25px; }

.material-card.mc-active .mc-footer a {
  top: 0; }

.material-card.mc-active .mc-footer h4 {
  top: -32px; }

.material-card.Red h2 {
  background-color: #F44336; }

.material-card.Red h2:after {
  border-top-color: #F44336;
  border-right-color: #F44336;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Red h2:before {
  border-top-color: transparent;
  border-right-color: #B71C1C;
  border-bottom-color: #B71C1C;
  border-left-color: transparent; }

.material-card.Red.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f44337;
  border-bottom-color: #f44337;
  border-left-color: transparent; }

.material-card.Red.mc-active h2:after {
  border-top-color: #B71C1C;
  border-right-color: #B71C1C;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Red .mc-btn-action {
  background-color: #F44336; }

.material-card.Red .mc-footer h4 {
  color: #1c1c1c; }

.material-card.Red .mc-footer a {
  background-color: #f44337; }

.material-card.Red.mc-active .mc-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 #efefef;
  box-shadow: 0 0 10px 0 #efefef; }

.material-card.Red.mc-active .mc-footer {
  background-color: #efefef; }

.material-card.Red.mc-active .mc-btn-action {
  border-color: #ffffff; }

.material-card.Blue-Grey h2 {
  background-color: #607D8B; }

.material-card.Blue-Grey h2:after {
  border-top-color: #607D8B;
  border-right-color: #607D8B;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue-Grey h2:before {
  border-top-color: transparent;
  border-right-color: #263238;
  border-bottom-color: #263238;
  border-left-color: transparent; }

.material-card.Blue-Grey.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #607D8B;
  border-bottom-color: #607D8B;
  border-left-color: transparent; }

.material-card.Blue-Grey.mc-active h2:after {
  border-top-color: #263238;
  border-right-color: #263238;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue-Grey .mc-btn-action {
  background-color: #607D8B; }

.material-card.Blue-Grey .mc-btn-action:hover {
  background-color: #263238; }

.material-card.Blue-Grey .mc-footer h4 {
  color: #263238; }

.material-card.Blue-Grey .mc-footer a {
  background-color: #263238; }

.material-card.Blue-Grey.mc-active .mc-content {
  background-color: #ECEFF1; }

.material-card.Blue-Grey.mc-active .mc-footer {
  background-color: #CFD8DC; }

.material-card.Blue-Grey.mc-active .mc-btn-action {
  border-color: #ECEFF1; }

.material-card.Pink h2 {
  background-color: #E91E63; }

.material-card.Pink h2:after {
  border-top-color: #E91E63;
  border-right-color: #E91E63;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Pink h2:before {
  border-top-color: transparent;
  border-right-color: #880E4F;
  border-bottom-color: #880E4F;
  border-left-color: transparent; }

.material-card.Pink.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #E91E63;
  border-bottom-color: #E91E63;
  border-left-color: transparent; }

.material-card.Pink.mc-active h2:after {
  border-top-color: #880E4F;
  border-right-color: #880E4F;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Pink .mc-btn-action {
  background-color: #E91E63; }

.material-card.Pink .mc-btn-action:hover {
  background-color: #880E4F; }

.material-card.Pink .mc-footer h4 {
  color: #1c1c1c; }

.material-card.Pink .mc-footer a {
  background-color: #e91e63; }

.material-card.Pink.mc-active .mc-content {
  background-color: white;
  -webkit-box-shadow: 0 0 10px 0 #efefef;
  box-shadow: 0 0 10px 0 #efefef; }

.material-card.Pink.mc-active .mc-footer {
  background-color: #efefef; }

.material-card.Pink.mc-active .mc-btn-action {
  border-color: #FCE4EC; }

.material-card.Purple h2 {
  background-color: #9C27B0; }

.material-card.Purple h2:after {
  border-top-color: #9C27B0;
  border-right-color: #9C27B0;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Purple h2:before {
  border-top-color: transparent;
  border-right-color: #4A148C;
  border-bottom-color: #4A148C;
  border-left-color: transparent; }

.material-card.Purple.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #9C27B0;
  border-bottom-color: #9C27B0;
  border-left-color: transparent; }

.material-card.Purple.mc-active h2:after {
  border-top-color: #4A148C;
  border-right-color: #4A148C;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Purple .mc-btn-action {
  background-color: #9C27B0; }

.material-card.Purple .mc-btn-action:hover {
  background-color: #4A148C; }

.material-card.Purple .mc-footer h4 {
  color: #1c1c1c; }

.material-card.Purple .mc-footer a {
  background-color: #9c27b0; }

.material-card.Purple.mc-active .mc-content {
  background-color: white;
  -webkit-box-shadow: 0 0 10px 0 #efefef;
  box-shadow: 0 0 10px 0 #efefef; }

.material-card.Purple.mc-active .mc-footer {
  background-color: #efefef; }

.material-card.Purple.mc-active .mc-btn-action {
  border-color: #F3E5F5; }

.material-card.Deep-Purple h2 {
  background-color: #673AB7; }

.material-card.Deep-Purple h2:after {
  border-top-color: #673AB7;
  border-right-color: #673AB7;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Deep-Purple h2:before {
  border-top-color: transparent;
  border-right-color: #311B92;
  border-bottom-color: #311B92;
  border-left-color: transparent; }

.material-card.Deep-Purple.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #673AB7;
  border-bottom-color: #673AB7;
  border-left-color: transparent; }

.material-card.Deep-Purple.mc-active h2:after {
  border-top-color: #311B92;
  border-right-color: #311B92;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Deep-Purple .mc-btn-action {
  background-color: #673AB7; }

.material-card.Deep-Purple .mc-btn-action:hover {
  background-color: #311B92; }

.material-card.Deep-Purple .mc-footer h4 {
  color: #311B92; }

.material-card.Deep-Purple .mc-footer a {
  background-color: #311B92; }

.material-card.Deep-Purple.mc-active .mc-content {
  background-color: #EDE7F6; }

.material-card.Deep-Purple.mc-active .mc-footer {
  background-color: #D1C4E9; }

.material-card.Deep-Purple.mc-active .mc-btn-action {
  border-color: #EDE7F6; }

.material-card.Indigo h2 {
  background-color: #3F51B5; }

.material-card.Indigo h2:after {
  border-top-color: #3F51B5;
  border-right-color: #3F51B5;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Indigo h2:before {
  border-top-color: transparent;
  border-right-color: #1A237E;
  border-bottom-color: #1A237E;
  border-left-color: transparent; }

.material-card.Indigo.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #3F51B5;
  border-bottom-color: #3F51B5;
  border-left-color: transparent; }

.material-card.Indigo.mc-active h2:after {
  border-top-color: #1A237E;
  border-right-color: #1A237E;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Indigo .mc-btn-action {
  background-color: #3F51B5; }

.material-card.Indigo .mc-btn-action:hover {
  background-color: #1A237E; }

.material-card.Indigo .mc-footer h4 {
  color: #1A237E; }

.material-card.Indigo .mc-footer a {
  background-color: #1A237E; }

.material-card.Indigo.mc-active .mc-content {
  background-color: #E8EAF6; }

.material-card.Indigo.mc-active .mc-footer {
  background-color: #C5CAE9; }

.material-card.Indigo.mc-active .mc-btn-action {
  border-color: #E8EAF6; }

.material-card.Blue h2 {
  background-color: #2196F3; }

.material-card.Blue h2:after {
  border-top-color: #2196F3;
  border-right-color: #2196F3;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue h2:before {
  border-top-color: transparent;
  border-right-color: #0D47A1;
  border-bottom-color: #0D47A1;
  border-left-color: transparent; }

.material-card.Blue.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #2196F3;
  border-bottom-color: #2196F3;
  border-left-color: transparent; }

.material-card.Blue.mc-active h2:after {
  border-top-color: #0D47A1;
  border-right-color: #0D47A1;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue .mc-btn-action {
  background-color: #2196F3; }

.material-card.Blue .mc-btn-action:hover {
  background-color: #0D47A1; }

.material-card.Blue .mc-footer h4 {
  color: #0D47A1; }

.material-card.Blue .mc-footer a {
  background-color: #0D47A1; }

.material-card.Blue.mc-active .mc-content {
  background-color: #E3F2FD; }

.material-card.Blue.mc-active .mc-footer {
  background-color: #BBDEFB; }

.material-card.Blue.mc-active .mc-btn-action {
  border-color: #E3F2FD; }

.material-card.Light-Blue h2 {
  background-color: #03A9F4; }

.material-card.Light-Blue h2:after {
  border-top-color: #03A9F4;
  border-right-color: #03A9F4;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Light-Blue h2:before {
  border-top-color: transparent;
  border-right-color: #01579B;
  border-bottom-color: #01579B;
  border-left-color: transparent; }

.material-card.Light-Blue.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #03A9F4;
  border-bottom-color: #03A9F4;
  border-left-color: transparent; }

.material-card.Light-Blue.mc-active h2:after {
  border-top-color: #01579B;
  border-right-color: #01579B;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Light-Blue .mc-btn-action {
  background-color: #03A9F4; }

.material-card.Light-Blue .mc-btn-action:hover {
  background-color: #01579B; }

.material-card.Light-Blue .mc-footer h4 {
  color: #01579B; }

.material-card.Light-Blue .mc-footer a {
  background-color: #01579B; }

.material-card.Light-Blue.mc-active .mc-content {
  background-color: #E1F5FE; }

.material-card.Light-Blue.mc-active .mc-footer {
  background-color: #B3E5FC; }

.material-card.Light-Blue.mc-active .mc-btn-action {
  border-color: #E1F5FE; }

.material-card.Cyan h2 {
  background-color: #00BCD4; }

.material-card.Cyan h2:after {
  border-top-color: #00BCD4;
  border-right-color: #00BCD4;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Cyan h2:before {
  border-top-color: transparent;
  border-right-color: #006064;
  border-bottom-color: #006064;
  border-left-color: transparent; }

.material-card.Cyan.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00BCD4;
  border-bottom-color: #00BCD4;
  border-left-color: transparent; }

.material-card.Cyan.mc-active h2:after {
  border-top-color: #006064;
  border-right-color: #006064;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Cyan .mc-btn-action {
  background-color: #00BCD4; }

.material-card.Cyan .mc-btn-action:hover {
  background-color: #006064; }

.material-card.Cyan .mc-footer h4 {
  color: #006064; }

.material-card.Cyan .mc-footer a {
  background-color: #006064; }

.material-card.Cyan.mc-active .mc-content {
  background-color: #E0F7FA; }

.material-card.Cyan.mc-active .mc-footer {
  background-color: #B2EBF2; }

.material-card.Cyan.mc-active .mc-btn-action {
  border-color: #E0F7FA; }

.material-card.Teal h2 {
  background-color: #009688; }

.material-card.Teal h2:after {
  border-top-color: #009688;
  border-right-color: #009688;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Teal h2:before {
  border-top-color: transparent;
  border-right-color: #004D40;
  border-bottom-color: #004D40;
  border-left-color: transparent; }

.material-card.Teal.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #009688;
  border-bottom-color: #009688;
  border-left-color: transparent; }

.material-card.Teal.mc-active h2:after {
  border-top-color: #004D40;
  border-right-color: #004D40;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Teal .mc-btn-action {
  background-color: #009688; }

.material-card.Teal .mc-btn-action:hover {
  background-color: #004D40; }

.material-card.Teal .mc-footer h4 {
  color: #004D40; }

.material-card.Teal .mc-footer a {
  background-color: #004D40; }

.material-card.Teal.mc-active .mc-content {
  background-color: #E0F2F1; }

.material-card.Teal.mc-active .mc-footer {
  background-color: #B2DFDB; }

.material-card.Teal.mc-active .mc-btn-action {
  border-color: #E0F2F1; }

.material-card.Green h2 {
  background-color: #4CAF50; }

.material-card.Green h2:after {
  border-top-color: #4CAF50;
  border-right-color: #4CAF50;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Green h2:before {
  border-top-color: transparent;
  border-right-color: #1B5E20;
  border-bottom-color: #1B5E20;
  border-left-color: transparent; }

.material-card.Green.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #4CAF50;
  border-bottom-color: #4CAF50;
  border-left-color: transparent; }

.material-card.Green.mc-active h2:after {
  border-top-color: #1B5E20;
  border-right-color: #1B5E20;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Green .mc-btn-action {
  background-color: #4CAF50; }

.material-card.Green .mc-btn-action:hover {
  background-color: #1B5E20; }

.material-card.Green .mc-footer h4 {
  color: #1B5E20; }

.material-card.Green .mc-footer a {
  background-color: #1B5E20; }

.material-card.Green.mc-active .mc-content {
  background-color: #E8F5E9; }

.material-card.Green.mc-active .mc-footer {
  background-color: #C8E6C9; }

.material-card.Green.mc-active .mc-btn-action {
  border-color: #E8F5E9; }

.material-card.Light-Green h2:after {
  border-top-color: #4a4a4a;
  border-right-color: #4a4a4a;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Light-Green h2:before {
  border-top-color: transparent;
  border-right-color: #2b2b2b;
  border-bottom-color: #2b2b2b;
  border-left-color: transparent; }

.material-card.Light-Green.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #8BC34A;
  border-bottom-color: #8BC34A;
  border-left-color: transparent; }

.material-card.Light-Green.mc-active h2:after {
  border-top-color: #33691E;
  border-right-color: #33691E;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Light-Green .mc-btn-action {
  background-color: #8BC34A; }

.material-card.Light-Green .mc-btn-action:hover {
  background-color: #33691E; }

.material-card.Light-Green .mc-footer h4 {
  color: #5a5a5a; }

.material-card.Light-Green.mc-active .mc-content {
  background-color: white;
  -webkit-box-shadow: 0 0 10px 0 #ddd;
  box-shadow: 0 0 10px 0 #ddd; }

.material-card.Light-Green.mc-active .mc-footer {
  background-color: #202b39;
  overflow: hidden; }

.material-card.Light-Green.mc-active .mc-btn-action {
  border-color: #F1F8E9; }

.material-card.Lime h2 {
  background-color: #CDDC39; }

.material-card.Lime h2:after {
  border-top-color: #CDDC39;
  border-right-color: #CDDC39;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Lime h2:before {
  border-top-color: transparent;
  border-right-color: #827717;
  border-bottom-color: #827717;
  border-left-color: transparent; }

.material-card.Lime.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #CDDC39;
  border-bottom-color: #CDDC39;
  border-left-color: transparent; }

.material-card.Lime.mc-active h2:after {
  border-top-color: #827717;
  border-right-color: #827717;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Lime .mc-btn-action {
  background-color: #CDDC39; }

.material-card.Lime .mc-btn-action:hover {
  background-color: #827717; }

.material-card.Lime .mc-footer h4 {
  color: #827717; }

.material-card.Lime .mc-footer a {
  background-color: #827717; }

.material-card.Lime.mc-active .mc-content {
  background-color: #F9FBE7; }

.material-card.Lime.mc-active .mc-footer {
  background-color: #F0F4C3; }

.material-card.Lime.mc-active .mc-btn-action {
  border-color: #F9FBE7; }

.material-card.Yellow h2 {
  background-color: #FFEB3B; }

.material-card.Yellow h2:after {
  border-top-color: #FFEB3B;
  border-right-color: #FFEB3B;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Yellow h2:before {
  border-top-color: transparent;
  border-right-color: #F57F17;
  border-bottom-color: #F57F17;
  border-left-color: transparent; }

.material-card.Yellow.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #FFEB3B;
  border-bottom-color: #FFEB3B;
  border-left-color: transparent; }

.material-card.Yellow.mc-active h2:after {
  border-top-color: #F57F17;
  border-right-color: #F57F17;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Yellow .mc-btn-action {
  background-color: #FFEB3B; }

.material-card.Yellow .mc-btn-action:hover {
  background-color: #F57F17; }

.material-card.Yellow .mc-footer h4 {
  color: #F57F17; }

.material-card.Yellow .mc-footer a {
  background-color: #F57F17; }

.material-card.Yellow.mc-active .mc-content {
  background-color: #FFFDE7; }

.material-card.Yellow.mc-active .mc-footer {
  background-color: #FFF9C4; }

.material-card.Yellow.mc-active .mc-btn-action {
  border-color: #FFFDE7; }

.material-card.Amber h2 {
  background-color: #FFC107; }

.material-card.Amber h2:after {
  border-top-color: #FFC107;
  border-right-color: #FFC107;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Amber h2:before {
  border-top-color: transparent;
  border-right-color: #FF6F00;
  border-bottom-color: #FF6F00;
  border-left-color: transparent; }

.material-card.Amber.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #FFC107;
  border-bottom-color: #FFC107;
  border-left-color: transparent; }

.material-card.Amber.mc-active h2:after {
  border-top-color: #FF6F00;
  border-right-color: #FF6F00;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Amber .mc-btn-action {
  background-color: #FFC107; }

.material-card.Amber .mc-btn-action:hover {
  background-color: #FF6F00; }

.material-card.Amber .mc-footer h4 {
  color: #FF6F00; }

.material-card.Amber .mc-footer a {
  background-color: #FF6F00; }

.material-card.Amber.mc-active .mc-content {
  background-color: #FFF8E1; }

.material-card.Amber.mc-active .mc-footer {
  background-color: #FFECB3; }

.material-card.Amber.mc-active .mc-btn-action {
  border-color: #FFF8E1; }

.material-card.Orange h2 {
  background-color: #FF9800; }

.material-card.Orange h2:after {
  border-top-color: #FF9800;
  border-right-color: #FF9800;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Orange h2:before {
  border-top-color: transparent;
  border-right-color: #E65100;
  border-bottom-color: #E65100;
  border-left-color: transparent; }

.material-card.Orange.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #FF9800;
  border-bottom-color: #FF9800;
  border-left-color: transparent; }

.material-card.Orange.mc-active h2:after {
  border-top-color: #E65100;
  border-right-color: #E65100;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Orange .mc-btn-action {
  background-color: #FF9800; }

.material-card.Orange .mc-btn-action:hover {
  background-color: #E65100; }

.material-card.Orange .mc-footer h4 {
  color: #E65100; }

.material-card.Orange .mc-footer a {
  background-color: #E65100; }

.material-card.Orange.mc-active .mc-content {
  background-color: #FFF3E0; }

.material-card.Orange.mc-active .mc-footer {
  background-color: #FFE0B2; }

.material-card.Orange.mc-active .mc-btn-action {
  border-color: #FFF3E0; }

.material-card.Deep-Orange h2 {
  background-color: #FF5722; }

.material-card.Deep-Orange h2:after {
  border-top-color: #FF5722;
  border-right-color: #FF5722;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Deep-Orange h2:before {
  border-top-color: transparent;
  border-right-color: #BF360C;
  border-bottom-color: #BF360C;
  border-left-color: transparent; }

.material-card.Deep-Orange.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #FF5722;
  border-bottom-color: #FF5722;
  border-left-color: transparent; }

.material-card.Deep-Orange.mc-active h2:after {
  border-top-color: #BF360C;
  border-right-color: #BF360C;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Deep-Orange .mc-btn-action {
  background-color: #FF5722; }

.material-card.Deep-Orange .mc-btn-action:hover {
  background-color: #BF360C; }

.material-card.Deep-Orange .mc-footer h4 {
  color: #BF360C; }

.material-card.Deep-Orange .mc-footer a {
  background-color: #BF360C; }

.material-card.Deep-Orange.mc-active .mc-content {
  background-color: #FBE9E7; }

.material-card.Deep-Orange.mc-active .mc-footer {
  background-color: #FFCCBC; }

.material-card.Deep-Orange.mc-active .mc-btn-action {
  border-color: #FBE9E7; }

.material-card.Brown h2 {
  background-color: #795548; }

.material-card.Brown h2:after {
  border-top-color: #795548;
  border-right-color: #795548;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Brown h2:before {
  border-top-color: transparent;
  border-right-color: #3E2723;
  border-bottom-color: #3E2723;
  border-left-color: transparent; }

.material-card.Brown.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #795548;
  border-bottom-color: #795548;
  border-left-color: transparent; }

.material-card.Brown.mc-active h2:after {
  border-top-color: #3E2723;
  border-right-color: #3E2723;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Brown .mc-btn-action {
  background-color: #795548; }

.material-card.Brown .mc-btn-action:hover {
  background-color: #3E2723; }

.material-card.Brown .mc-footer h4 {
  color: #3E2723; }

.material-card.Brown .mc-footer a {
  background-color: #3E2723; }

.material-card.Brown.mc-active .mc-content {
  background-color: #EFEBE9; }

.material-card.Brown.mc-active .mc-footer {
  background-color: #D7CCC8; }

.material-card.Brown.mc-active .mc-btn-action {
  border-color: #EFEBE9; }

.material-card.Grey h2 {
  background-color: #9E9E9E; }

.material-card.Grey h2:after {
  border-top-color: #9E9E9E;
  border-right-color: #9E9E9E;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Grey h2:before {
  border-top-color: transparent;
  border-right-color: #212121;
  border-bottom-color: #212121;
  border-left-color: transparent; }

.material-card.Grey.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #9E9E9E;
  border-bottom-color: #9E9E9E;
  border-left-color: transparent; }

.material-card.Grey.mc-active h2:after {
  border-top-color: #212121;
  border-right-color: #212121;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Grey .mc-btn-action {
  background-color: #9E9E9E; }

.material-card.Grey .mc-btn-action:hover {
  background-color: #212121; }

.material-card.Grey .mc-footer h4 {
  color: #212121; }

.material-card.Grey .mc-footer a {
  background-color: #212121; }

.material-card.Grey.mc-active .mc-content {
  background-color: #FAFAFA; }

.material-card.Grey.mc-active .mc-footer {
  background-color: #F5F5F5; }

.material-card.Grey.mc-active .mc-btn-action {
  border-color: #FAFAFA; }

.material-card.Blue-Grey h2 {
  background-color: #607D8B; }

.material-card.Blue-Grey h2:after {
  border-top-color: #607D8B;
  border-right-color: #607D8B;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue-Grey h2:before {
  border-top-color: transparent;
  border-right-color: #263238;
  border-bottom-color: #263238;
  border-left-color: transparent; }

.material-card.Blue-Grey.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #607D8B;
  border-bottom-color: #607D8B;
  border-left-color: transparent; }

.material-card.Blue-Grey.mc-active h2:after {
  border-top-color: #263238;
  border-right-color: #263238;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.material-card.Blue-Grey .mc-btn-action {
  background-color: #607D8B; }

.material-card.Blue-Grey .mc-btn-action:hover {
  background-color: #263238; }

.material-card.Blue-Grey .mc-footer h4 {
  color: #263238; }

.material-card.Blue-Grey .mc-footer a {
  background-color: #263238; }

.material-card.Blue-Grey.mc-active .mc-content {
  background-color: #ECEFF1; }

.material-card.Blue-Grey.mc-active .mc-footer {
  background-color: #CFD8DC; }

.material-card.Blue-Grey.mc-active .mc-btn-action {
  border-color: #ECEFF1; }

.wrapper-background-footer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.wrapper-background-footer:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(-100%, rgba(25, 29, 42, 0)), to(#191d2a));
  background: -webkit-linear-gradient(right, rgba(25, 29, 42, 0) -100%, #191d2a 100%);
  background: -o-linear-gradient(right, rgba(25, 29, 42, 0) -100%, #191d2a 100%);
  background: linear-gradient(to left, rgba(25, 29, 42, 0) -100%, #191d2a 100%); }

.wrapper-background-footer .mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: -1; }

.wrapper-background-footer .mask .img-background-galeria {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-animation: imagen 10s linear 10ms infinite alternate;
  animation: imagen 10s linear 10ms infinite alternate; }

@keyframes imagen {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4); } }

.wrapper-background-footer .wrapper-box-form {
  width: 900px;
  height: 550px;
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  position: absolute; }
  @media (max-width: 1000px) {
    .wrapper-background-footer .wrapper-box-form {
      width: 800px; } }
  @media (max-width: 800px) {
    .wrapper-background-footer .wrapper-box-form {
      width: 90%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (max-width: 500px) {
    .wrapper-background-footer .wrapper-box-form {
      width: 100%; } }

.wrapper-background-footer .wrapper-box-form .box-img-form {
  width: 50%;
  height: 100%;
  background-image: url("/iffa2025/assets/img/imagenes/form-jose.jpg");
  background-size: cover;
  background-position: center center;
  border-radius: 10px 0 0 10px; }

@media (max-width: 1000px) {
  .wrapper-background-footer .wrapper-box-form .box-img-form {
    width: 30%; } }

@media (max-width: 800px) {
  .wrapper-background-footer .wrapper-box-form .box-img-form {
    width: 100%;
    border-radius: 10px 10px 0 0; } }

.wrapper-background-footer .wrapper-box-form .box-datos-form {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
  border-radius: 0 10px 10px 0;
  position: relative; }
  .wrapper-background-footer .wrapper-box-form .box-datos-form .logotipos-iffa-taglermaq {
    width: 150px;
    position: absolute;
    top: 0;
    right: 48px; }
    @media (max-width: 500px) {
      .wrapper-background-footer .wrapper-box-form .box-datos-form .logotipos-iffa-taglermaq {
        display: none; } }

@media (max-width: 1000px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form {
    width: 70%; } }

@media (max-width: 830px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form {
    width: 60%; } }

@media (max-width: 800px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form {
    width: 100%;
    border-radius: 0 0 10px 10px; } }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos {
  max-width: 430px;
  width: 100%; }

@media (max-width: 800px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos {
    max-width: 70%;
    margin: 2em; } }

@media (max-width: 600px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos {
    max-width: 90%;
    margin: 1em 0; } }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .txt-contactanos {
  font-size: 1em;
  font-weight: 600; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form {
  height: 50px;
  margin: .8em 0;
  position: relative;
  overflow: hidden; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-text-area {
  margin: 2em 0 0; }
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-text-area img {
    width: 15px;
    margin: 0 .3em 0 0; }
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-text-area textarea {
    width: 100%;
    border: none;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    margin: .5em 0 0;
    padding: 1em; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form input {
  width: 100%;
  height: 100%;
  background: none;
  color: black;
  padding-top: 20px;
  border: none;
  outline: 0px; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form .lbl-nombre {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-bottom: 1px solid #c7c7c7; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form .lbl-nombre:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid #151926;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form .text-nomb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #2d2d2d; }
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form .text-nomb img {
    width: 15px;
    margin: 0 .3em 0 0; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form input:focus + .lbl-nombre .text-nomb,
.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form input:valid + .lbl-nombre .text-nomb {
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
  font-size: 14px;
  color: #151926;
  font-weight: bold; }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form input:focus + .lbl-nombre:after,
.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form .form input:valid + .lbl-nombre:after {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form {
    width: 85%; } }

@media only screen and (min-width: 320px) and (max-width: 768px) and (max-width: 800px) {
  .wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .wrapper-form {
    width: 100%; } }

.wrapper-background-footer .wrapper-box-form .box-datos-form .contendor-campos .btn-enviar-datos {
  margin: 1.5em 0 0;
  border: none;
  background-color: #151926;
  color: white;
  padding: 1em 2em;
  border-radius: 5px;
  outline: none; }

.wrapper-dick-invitacion {
  width: 100%;
  height: 100vh;
  margin: 0 auto; }

.wrapper-dick-invitacion .pdf-dick {
  width: 100%;
  height: 100%; }

.contador-visitas {
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #0f131d;
  color: white; }

@media (max-width: 500px) {
  .contador-visitas {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.contador-visitas .content-datos {
  margin: 0 7em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 600px) {
  .contador-visitas .content-datos {
    margin: 0; } }

.contador-visitas .content-datos .title-contador {
  font-size: 1em;
  margin: 0 .5em 0 0;
  font-weight: 600; }

.contador-visitas .content-datos .numero {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #95c11e;
  color: #151926;
  border-radius: 50%;
  font-weight: bold; }

.go-top-container {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.go-top-container .go-top-button {
  width: 0;
  height: 0;
  background-color: #95c11f;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1; }

.subir {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  color: white;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.subir img {
  width: 20px; }

.show {
  z-index: 10; }

.show .go-top-button {
  -webkit-animation: popup .3s ease-in-out;
  animation: popup .3s ease-in-out;
  width: 50px;
  height: 50px;
  z-index: 11;
  -webkit-box-shadow: 0 0 10px #111111;
  box-shadow: 0 0 10px #111111; }

.show .subir {
  position: relative;
  text-align: center;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }

@-webkit-keyframes popup {
  0% {
    width: 0px;
    height: 0px; }
  100% {
    width: 50px;
    height: 50px; } }

@keyframes popup {
  0% {
    width: 0px;
    height: 0px; }
  100% {
    width: 50px;
    height: 50px; } }

.svg-linkedin {
  width: 200px;
  margin: 1em auto; }