.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.clip-text:before,
.clip-text:after {
  position: absolute;
  content: '';
}

.clip-text:before {
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: inherit;
  background-size: cover;
  -webkit-animation:anim 10s infinite ease-in;
  -moz-animation:anim 10s infinite ease-in;
  -ms-animation:anim 10s infinite ease-in;
  animation:anim 10s infinite ease-in;
}

.clip-text:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom:0;
  left: 0;
}

.clip-text_marketing {
  background-image:url('../img/Img-fondo-pilares/marketing.jpg');
    background-size: 130%;
  -webkit-animation:anim 60s infinite ease-in-out;
  -moz-animation:anim 60s infinite ease-in-out;
  -ms-animation:anim 60s infinite ease-in-out;
  animation:anim 60s infinite ease-in-out;

}

.clip-text_hospitalidad {
  background-image:url('../img/Img-fondo-pilares/hospitalidad.jpg');
    background-size: 130%;
  -webkit-animation:anim 60s infinite ease-in-out;
  -moz-animation:anim 60s infinite ease-in-out;
  -ms-animation:anim 60s infinite ease-in-out;
  animation:anim 60s infinite ease-in-out;
}


.clip-text_eventos {
  background-image:url('../img/Img-fondo-pilares/eventos.jpg');
    background-size: 130%;
  -webkit-animation:anim 60s infinite ease-in-out;
  -moz-animation:anim 60s infinite ease-in-out;
  -ms-animation:anim 60s infinite ease-in-out;
  animation:anim 60s infinite ease-in-out;
}

.clip-text_entrenamiento {
  background-image:url('../img/Img-fondo-pilares/entrenamiento.jpg');
    background-size: 130%;
  -webkit-animation:anim 60s infinite ease-in-out;
  -moz-animation:anim 60s infinite ease-in-out;
  -ms-animation:anim 60s infinite ease-in-out;
  animation:anim 60s infinite ease-in-out;
}




@-webkit-keyframes anim
{0%{background-position: top right;background-size: 100%;}25%{background-position: bottom left;background-size: 130%;}50%{background-position: top left;background-size: 100%;}75%{background-position: bottom right;background-size: 130%;}100%{background-position: top right;background-size: 100%;}}
@-moz-keyframes anim
{0%{background-position: top right;background-size: 100%;}25%{background-position: bottom left;background-size: 130%;}50%{background-position: top left;background-size: 100%;}75%{background-position: bottom right;background-size: 130%;}100%{background-position: top right;background-size: 100%;}}
@-ms-keyframes anim
{0%{background-position: top right;background-size: 100%;}25%{background-position: bottom left;background-size: 130%;}50%{background-position: top left;background-size: 100%;}75%{background-position: bottom right;background-size: 130%;}100%{background-position: top right;background-size: 100%;}}
@keyframes anim
{0%{background-position: top right;background-size: 100%;}25%{background-position: bottom left;background-size: 130%;}50%{background-position: top left;background-size: 100%;}75%{background-position: bottom right;background-size: 130%;}100%{background-position: top right;background-size: 100%;}}






/* ===================================
    Responsive
====================================== */


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {
.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 45px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {
.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 60px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
}
/* md  */ @media (min-width: 768px) {
.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 70px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {
.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 110px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {
.clip-text {
  font-family:'Inter', sans-serif !important;
  font-size: 130px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin: 0;
  padding:0;
  text-align: center;
  color:#FFD603;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
}
/* xxl */ @media (min-width: 1400px) {}