@font-face {
    font-family: 'coolvetica';
    src: url('../fonts/CoolveticaCondensedRg-Regular.woff2') format('woff2'),
        url('../fonts/CoolveticaCondensedRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'coolvetica-r';
    src: url('../fonts/coolvetica_rg-webfont.woff2') format('woff2'),
         url('../fonts/coolvetica_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
#preloader {
    background: #f9f9f9;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#preloader img {
    animation: rotate-in-center 0.6s linear both;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-right: -50px;
    position: absolute;
    top: 50%;
    width: 100px;
}
#contenido{
    overflow-x: hidden;
    max-width: 100%;
}


/* BOTONES*/
.btn{
    border-radius: 100px;
    font-weight: bold;
}

.btn-primary{
    background: var(--pcolor);
    border-color:var(--pcolor);
}
.btn-primary:hover{
    background: var(--scolor);
    border-color: var(--scolor);
}

.btn-outline-primary{
    border-color: var(--pcolor);
    border-width: 2px;
    color:var(--pcolor);
}

.btn-block{
    width: 100%;
}

.btn-outline-primary:hover{
    background: var(--pcolor);
    color:#fff;
}

.btn-lg{
    padding: 15px 40px;
}

strong,b{
    font-weight: 700;
}

:root{
    --pcolor:#3e1980;
    --scolor:#40a4d8;
}

.pcolor{
    color: var(--pcolor);
}

.scolor{
    color:var(--scolor);
}

.coolvetica{
    font-family: 'coolvetica';
    letter-spacing: 1px;
}

a{
    color:var(--pcolor);
    text-decoration: none;
}

.light-blue {
    color: var(--scolor);
}


img{
    max-width: 100%;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 1.5625em;
    line-height: 1.4em;
    overflow-x: hidden;
}

main{
    overflow: hidden;
    max-width: 100%;
}

h1,h2,h3,h4,h5,h6{
        font-family: 'coolvetica';
}

h1{
    font-size: 12.5em;
}

h2{
    font-size: 6.25em;
}

h3{
    font-size: 3.75em;
}


.container{
    max-width: 1796px;
    width: 90%;
}


footer.num{
    padding-top: 100px;
}


/* HEADER */
.st0,
.st1{
    fill:#3E1980 !important;
}

header{
    display: flex;
    justify-content: center;
    width: 100%;
   /*background: rgba(0,0,0,0.4);*/
    padding: 15px 0;
    align-items: center;
    position: absolute;
    z-index: 10;
}

header a{
    color: var(--pcolor);
    font-weight: 600;
    margin-right: 20px;
}

header a:hover{
    color: var(--pcolor);
}

#logo-content{
    position: relative;
    cursor: pointer;
}

#logo-content::before {
    content: none !important;
}

#logo-content #cacahuete_1_{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    left: 50%;
    transform: translateX(-60%);
}

#logo-cacahuete{
    width: 300px;
    margin-right: 20px;
    cursor: pointer;
}

#logo{
    transform-origin: center;
}

#cacahuete{
    opacity: 0;
    transform-origin: center;
}



#logo-content:hover #cacahuete{
    animation:canimacion 0.25s forwards alternate;
}

#logo-content:hover #logo{
    animation:lanimacion 0.25s forwards alternate;
    display: none;
}

header a{
    position: relative;
    font-weight: 400;
}

header.desktop a:before{
    position: absolute;
    content: '';
    width:100%;
    height: 2px;
    background: var(--pcolor);
    transform: scaleX(0%);
    transition: all ease 0.15s;
    bottom: -3px;
 
}

header.desktop a:hover:before{
    transform: scaleX(50%);
}

.menu-negative header.negative a{
    color: #fff;
}

.menu-negative header.negative a:before{
    background: #fff;
}

@media(min-width: 675px) {
    .menu-negative header.negative .st0, 
    .menu-negative header.negative .st1 {
        fill:#fff !important;
    }
}

@keyframes lanimacion{
    0%{
        opacity: 1;
        transform: scale(0.8);
    }
    
    50%{
        opacity: 0;
        transform: scale(1.1);
    }
    
    100%{
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes canimacion{
    0%{
        opacity: 0;
        transform: scale(0.8);
    }
    
     50%{
        transform: scale(1.1);
    }
    
    80%{
        opacity: 1;
        transform: scale(0.9);
    }
    
    100%{
         transform: scale(1);
        opacity: 1;
    }
}

@media(max-width:800px){
    #logo-cacahuete{
        width: 200px;
    }
    #logo-content #cacahuete_1_{
        width: 100px;
    }
}

header.mobile{
    display: none;
}

@media(max-width:675px){
    header.desktop{
        display: none;
    }
    
    header.mobile{
        display: block;
    }
}


header.mobile .content{
    display: flex;
    align-items: center;
    width:100%;
    max-width: 100%;
    justify-content: space-between;
    position: fixed;
    padding: 5px 15px;
    z-index: 10;
    background: #fff;   
    top: 0px;
}


#menu-check{
    visibility: hidden;
}


label[for="menu-check"]{
    width:40px;
    height:28px;
    position: relative;
    display: inline-block;
}



/*label[for="menu-check"]:after{
    content: 'MENU';
    position: absolute; 
    font-size: 12px;
    top:20%;
    left: -50px;
    opacity: 0.5;
    
}

label[for="menu-check"]:checked:after{
    opacity: 0;
}*/

label[for="menu-check"] span{
    width: 100%;
    display: block;
    height: 3px;
    background: var(--pcolor);
    position: absolute;
    transition: all ease 0.25s;
    
}

label[for="menu-check"] span:nth-child(1){
    top:0px;
}

label[for="menu-check"] span:nth-child(2){
    top:calc(50% - 2px);
}

label[for="menu-check"] span:nth-child(3){
    bottom: 0px;
}

/*
label[for="menu-check"]:hover span:nth-child(1){
    width: 80%;
}

label[for="menu-check"]:hover span:nth-child(2){
    width: 90%;
}

label[for="menu-check"]:hover span:nth-child(3){
    width: 70%;
}
*/


#menu-mobile{
    position: fixed;
    top: 89px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    background: var(--pcolor);
    z-index: 5;
    transform: translateX(-100%);
    transition: all ease 0.45s;
}

#menu-mobile a{
    text-align: center;
    padding: 20px;
    width:100%;
    color:#fff;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

#menu-check:checked ~ label ~#menu-mobile{
   transform: translateX(0%);
}

#menu-check:checked ~ label span:nth-child(1){
    transform: rotate(45deg) translateX(7px) translateY(7px);
} 

#menu-check:checked ~ label span:nth-child(3){
    transform: rotate(-45deg) translateX(10px) translateY(-12px);
} 

#menu-check:checked ~ label span:nth-child(2){
   opacity: 0;
} 


/*FOOTER */
footer.num .correo{
    font-size: min(5vw, 96px);
    line-height: 5vw;
}

footer.num .telefono{
    font-size: min(6vw, 110px);
   
    font-weight: 700;
    line-height: 8vw;
    margin-bottom: 0px;
    height: 7vw;
}

footer.links{
    background-color:var(--pcolor);
    padding:71px 0 25px;
}

footer.num .correo,
footer.num .telefono{
    transition: all ease 0.15s;
}

footer .legal *{
    opacity: 0.5;
}

@media(min-width:576px){

footer.num .correo a{
    transform: translateY(8%);
    display: block;
}

footer.num .correo a:hover{
    transform: translateY(9%);
}

footer.num .telefono a{
    transform: translateY(16%);
    text-align: right;
    display: block;
}

footer.num .telefono a:hover{
    transform: translateY(17%);
}

footer.num a:hover{
    color:var(--pcolor);
}
}

footer.links .container{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content:space-between;
}

footer.links .container article{
padding-right: 30px;    
}

footer.links .container article:first-child{
    width: 15%;   
}

footer.links .coolvetica{
    font-size: 26px;
    color: #fff;
    line-height: 28px;
}

footer.links a{
    position: relative;
}

footer.links a:before{
    position: absolute;
    bottom: -3px;
    width: 0px;
    content: '';
    left: 0px;
    height: 1px;
    background: #fff;
    transition:all ease 0.25s;
}

footer.links a:hover:before{
    width: 100%;
}

@media(max-width:1200px){
    footer.links .container article:nth-child(1),
    footer.links .container article:nth-child(2),
    footer.links .container article:nth-child(3){
         /*width: 33.3% !important;*/
    }
    footer.links .container article{
        padding-bottom: 30px;
    }
}

@media(max-width:670px){
    footer.links .container article:nth-child(1),
    footer.links .container article:nth-child(2),
    footer.links .container article:nth-child(3),
    footer.links .container article{
        width: 100% !important;
        text-align: center;
    }
    
    footer.links .container article{
        padding-right: 0px;
    }
}

footer.links a,
footer.links{
    color:#fff;
}

@media(max-width:768px){
    footer.num .telefono,
    footer.num .correo{
        text-align: center;
        margin-bottom: 20px;
    }
    
    footer.num .correo br{
        display: none;
    }
    
    .home-apoyo{
        background-size: auto;
    }
    
    .slider-logos{
        padding: 20px 0;
    }
}

/* HOME */
.home-works article h2,
.home-works article h3{
    color: var(--pcolor);
}

.home-works{
    display: flex;
    flex-direction: column;
    margin:60px auto;
    max-width: 1500px;
}

.home-works article{
 text-align: center;
 padding: 30px;
 
}

.home-works article h2{
    font-size: 3em;
}

.home-works article h3{
    font-size: 2em;
}

.home-works article img{
    margin-bottom: 20px;
}

@media(min-width:768px){
.home-works{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows: repeat(8, auto);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    overflow-y: hidden;
}

.home-works article{
    position: relative;
    cursor: pointer;
    padding: 0px;
    margin-bottom: 0px;
}
.home-works article img{
    object-fit: cover;
    height: 100%;
    width: 100%;
    width:100%;
    margin-bottom: 0px;
}

.home-works article .overlay{
    content: '';
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 30px;
    border: 1px solid rgba(0,0,0,.1);
    opacity: 0;
    transition:all ease 0.25s;
    text-align: left;
}

.home-works article:hover .overlay{
    opacity: 1;
}

.home-works article span{
    overflow: hidden;
    display: block;
}

.home-works article h2,
.home-works article h3{
    transform: translateX(-100%);
    opacity: 0;
    transition: all ease 0.25s 0.05s;
    line-height: 1em;
}

.home-works article h3{
    transition: all ease 0.30s 0.07s;
}

.home-works article:hover h2{
    transform: translateX(0%);
    opacity: 1;
}

.home-works article:hover h3{
    transform: translateX(0%);
    opacity: 1;
}

.home-works article h2{
    font-size: 3em;
}

.home-works article h3{
    font-size: 1.8em;
}

.home-works article:first-child{
    grid-column:1 / 3;
    grid-row: 1 / 3;
    
}

.home-works article:nth-child(2){
    grid-column:3;
    grid-row: 2 / 4;
}

.home-works article:nth-child(3){
    grid-column:2;
    grid-row: 3 / 5;
    background: red;
}

.home-works article:nth-child(4){
    grid-column:2 / 4;
    grid-row: 5 / 7;
}

.home-works article:nth-child(5){
    grid-column:1;
    grid-row: 6 / 8;
}

.home-works article:nth-child(6){
    grid-column:2;
    grid-row: 7 / 9;
}
}

.home-videos,
.home-videos .video-bg,
.swiper-home,
.video-container,
.video-container .video-bg{
  width: 100%;
  height: 90vh;
  min-height: 700px;
    overflow: hidden;
}

.home-videos{
    overflow: hidden;
}


.video-bg{
    height: 90vh;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.video-bg video { 
    width:100%;
    height: 100%;
    object-fit: cover;
}


.swiper-home .swiper-slide{
   display: flex;
    align-items: center;
    justify-content: center;
    
}
.swiper-home .swiper-slide{
    padding: 0 10%;
    text-align: center;
}

.swiper-home .swiper-slide h2{
    color:#fff;
    font-size: 5vw;
    opacity: 0;
    transform: translateX(-100px);
    
}

.swiper-home .swiper-slide.swiper-slide-active h2 {
    opacity: 1;
    transform: translateX(0);
    transition: all ease-in-out 0.4s 0.2s;
}

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

.swiper-home .tachado{
    display: inline-block;
    position: relative;
}

.swiper-home .tachado:before{
    content: '';
    width: 100%;
    height: 5px;
    background: #fff;
    display: block;
    top: 58%;
    position: absolute;
}


.home-apoyo{
    background:url(../img/PATTERN-01.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.home-infografia{
    padding: 60px 0;
    text-align: center;
    position: relative;
}

.home-infografia svg{
    height:70vh;
    min-height: 500px;
    max-width: 100%;
    margin:0 auto;
}

.home-infografia #rrss,
.home-infografia #eventos,
.home-infografia #seo,
.home-infografia #branding,
.home-infografia #estrategia,
.home-infografia #campanas,
.home-infografia #web,
.home-infografia #audiovisual{
    transition: all ease 0.15s;
    transform-origin: center;
    cursor: pointer;
}


.home-infografia #rrss:hover,
.home-infografia #eventos:hover,
.home-infografia #seo:hover,
.home-infografia #branding:hover,
.home-infografia #estrategia:hover,
.home-infografia #campanas:hover,
.home-infografia #web:hover,
.home-infografia #audiovisual:hover{
    transform: scale(1.02);
}
.home-infografia-text > div.info-right{
    left: 68%;
    text-align: left;
}

/*
.home-infografia-text h3{
    font-family:'coolvetica-r'; 
    font-size: 46px;
    position: relative;
}
*/
.home-infografia-text h3:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0px;
    bottom: 2px;
    background: #29abe2;
}

.home-infografia-text p{
    font-family:'coolvetica-r';
}

.home-infografia-text h3:not(.info-title) {
    position: relative;
    display: inline-block;
    min-width: 200px;
    text-align: center;
    padding:0 20px;
    font-size: 3.2em;
}


.home-infografia-text .rrss h3{
    color: #29abe2;
}

.home-infografia-text h3:before{
    background: #29abe2;
}

.home-infografia-text .estrategia h3{
    color: #e2655b;
}

.home-infografia-text .estrategia h3:before{
    background: #e2655b;
}

.home-infografia-text .campanas h3{
    color: #ecb13b;
}

.home-infografia-text .campanas h3:before{
    background: #ecb13b;
}

.home-infografia-text .web h3{
    color: #867264;
}

.home-infografia-text .web h3:before{
    background: #867264;
}

.home-infografia-text .audiovisual h3{
    color: #56b588;
}

.home-infografia-text .audiovisual h3:before{
    background: #56b588;
}

.home-infografia-text .rrss h3{
    color: #29abe2;
}

.home-infografia-text .rrss h3:before{
    background: #29abe2;
}

.home-infografia-text .eventos h3{
    color: #7a5d9b;
}

.home-infografia-text .eventos h3:before{
    background: #7a5d9b;
}

.home-infografia-text .branding h3{
    color: #4646e0;
}

.home-infografia-text .branding h3:before{
    background: #4646e0;
}

.home-infografia-text .seo h3{
    color: #FCA4D2;
}

.home-infografia-text .seo h3:before{
    background: #FCA4D2;
}


/* SERVICIOS */
#vol{
    display: block;
    width: 50px;
    height: 50px;
    z-index: 4;
    color:#fff;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border:1px solid #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

#vol:hover{
    background: var(--pcolor);
}
.servicio-banners .row:first-child{
    padding-top: 5px; 
}

.servicio-banners .row:last-child{
    padding-bottom: 5px;   
}

.servicio-banners article{
    aspect-ratio: 1.4;
    padding:5px !important;
    padding: 0px;
}

.servicio-banners article > a{
    display: block;
    height: 100%;
    color:#fff;
    position: relative;
    overflow: hidden;
    background: var(--pcolor);
}

.servicio-banners article > a p{
    text-align: right;
    padding: 15px 20px;
    position: absolute;
    transition: all ease 0.25s;
}

/* EQUIPO */
.row.equipo{
    position: relative;
}
.equipo-section{
    position: relative;
    padding: 0 80px;
}


.selecc-1,
.selecc-2{
    color: var(--pcolor);
   
}

@media(min-width:980px){
    .selecc-1,
    .selecc-2{
        color: var(--pcolor);
        position: absolute;
        z-index: 2;
    }
    
    .selecc-1{
         transform: rotate(90deg) translateX(-50px) translateY(25px);
        transform-origin: 0%;
        padding: 0px;   
        display: inline;
        width: auto;
    }

    .selecc-2{
        display: inline;
        right: 0px;
        transform-origin: top right;
        width: auto;
        transform: rotate(-90deg) translateY(-106px);
        padding: 0px;
    }
    
    .swiper-home .swiper-slide{
        padding: 0 10%;
    }
    
   
}




@media(min-width:1400px){
    .selecc-1, 
    .selecc-2{
        font-size: 91px;
    }
}

@media(max-width:1399px) and (min-width:980px){
    .selecc-1,
    .selecc-2{
       font-size: 6.45vw;
    }
    
}


.equipo main{
    padding:200px 0 80px;
}

.equipo main .container{
     max-width: 1400px;
}


#equipo{
font-size: 0px; 
line-height: 0px;
}


#equipo article{
    width: 20%;
    display: inline-block;
    overflow: hidden;
    aspect-ratio: 0.75;
    position: relative;
    font-size: 18px;
    cursor: pointer;
}

#equipo article img{
    object-fit: cover;
    transition: all ease 0.1s;
     transform: scale(1.05);
}

#equipo article:hover img{
    transform: scale(1.07);
    filter: grayscale(1);
}

#equipo article .overlay{
    height: 100%;
    width: 100%;
    background: rgba(62,25,128,0.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    transition: all ease 0.15s;
}

#equipo article.td .overlay{
    background: rgba(64,149,203,0.5);
}

#equipo article:hover{
    z-index: 2;
}

#equipo article:hover .overlay{
    opacity: 1;
}

#equipo article span{
    position: absolute;
    left: 10px;
    bottom: 15px;
    z-index:3;
    color: #fff;
    font-size: 25px;
    font-family: 'coolvetica';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
    line-height: 38px;
    text-align: center;
    opacity: 0;
    transition: all ease 0.15s 0.05s;
    transform: translateX(-40px);
}

#equipo article h2{
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index:3;
    font-size: 2.5em;
    margin-bottom: 0px;
    padding: 0px;
    line-height: 1em;
    color: #fff;
    opacity: 0;
    transition: all ease 0.15s 0.05s;
    transform: translateX(40px);
}

#equipo article:hover h2{
    opacity: 1;
    transform: translateX(0px);
}

#equipo article:hover span{
    opacity: 1;
    transform: translateX(0px);
}

.unirse-quipo h2:before {
    content: '+';
    display: block;
    font-size: 140px;
}
.unirse-quipo:hover h2:before {
    content: '¿Quieres unirte a la partida?';
    font-size: 40px;
    animation: text-flicker-in-glow 2s linear both;
}
  
/* ----------------------------------------------
 * Generated by Animista on 2022-12-1 13:14:47
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-flicker-in-glow
 * ----------------------------------------
 */
 @-webkit-keyframes text-flicker-in-glow {
    0% {
      opacity: 0;
    }
    10% {
      opacity: 0;
      text-shadow: none;
    }
    10.1% {
      opacity: 1;
      text-shadow: none;
    }
    10.2% {
      opacity: 0;
      text-shadow: none;
    }
    20% {
      opacity: 0;
      text-shadow: none;
    }
    20.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }
    20.6% {
      opacity: 0;
      text-shadow: none;
    }
    30% {
      opacity: 0;
      text-shadow: none;
    }
    30.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.5% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.6% {
      opacity: 0;
      text-shadow: none;
    }
    45% {
      opacity: 0;
      text-shadow: none;
    }
    45.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    50% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55.1% {
      opacity: 0;
      text-shadow: none;
    }
    57% {
      opacity: 0;
      text-shadow: none;
    }
    57.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60.1% {
      opacity: 0;
      text-shadow: none;
    }
    65% {
      opacity: 0;
      text-shadow: none;
    }
    65.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75.1% {
      opacity: 0;
      text-shadow: none;
    }
    77% {
      opacity: 0;
      text-shadow: none;
    }
    77.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85.1% {
      opacity: 0;
      text-shadow: none;
    }
    86% {
      opacity: 0;
      text-shadow: none;
    }
    86.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    100% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
  }
  @keyframes text-flicker-in-glow {
    0% {
      opacity: 0;
    }
    10% {
      opacity: 0;
      text-shadow: none;
    }
    10.1% {
      opacity: 1;
      text-shadow: none;
    }
    10.2% {
      opacity: 0;
      text-shadow: none;
    }
    20% {
      opacity: 0;
      text-shadow: none;
    }
    20.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }
    20.6% {
      opacity: 0;
      text-shadow: none;
    }
    30% {
      opacity: 0;
      text-shadow: none;
    }
    30.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.5% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.6% {
      opacity: 0;
      text-shadow: none;
    }
    45% {
      opacity: 0;
      text-shadow: none;
    }
    45.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    50% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55.1% {
      opacity: 0;
      text-shadow: none;
    }
    57% {
      opacity: 0;
      text-shadow: none;
    }
    57.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60.1% {
      opacity: 0;
      text-shadow: none;
    }
    65% {
      opacity: 0;
      text-shadow: none;
    }
    65.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75.1% {
      opacity: 0;
      text-shadow: none;
    }
    77% {
      opacity: 0;
      text-shadow: none;
    }
    77.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85.1% {
      opacity: 0;
      text-shadow: none;
    }
    86% {
      opacity: 0;
      text-shadow: none;
    }
    86.1% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    100% {
      opacity: 1;
      text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
  }
  
.member article{
    padding: 0px;
}

.member{
    margin-bottom: 80px;
}
.member article:first-child img{
    object-fit: cover;
    height: 100%;
    opacity: 0;
    transform: translateY(-30px);
    transition: all .3s ease-in-out;
}
.member.loaded article:first-child img{
    transform: none;
    opacity: 1;
}
.member article:nth-child(2){
    display: flex;
    flex-direction: column;
    position: relative;
}

.member .intro{
    opacity: 0;
    padding: 20px;
    text-align: center;
    height: 50%;
    color: #fff;
    position: relative;
    min-height: 300px;
    transition: all .3s .2s ease-in-out;
    transform: translateX(30px);
}

.member.loaded .intro{
    opacity: 1;
    transform: none;
} 

.member .intro h3{
    font-size: 2em;
    background: var(--scolor);
    color: var(--pcolor);
    display: inline-block;
    width: auto;
    padding: 0px 20px;
    z-index: 2;
}

.member .intro h3{
    position: relative;
    display: block;
}
.member .intro h3:after,
.member .intro h3:before{
    position: absolute;
    content: '';
    width: calc(50% - 150px);
    height: 3px;
    background: var(--pcolor);
    left: 30px;
    top: 50%;
    z-index: 0;
}

.member .intro h3:before{
    right: 30px;
    left: auto;
}

.member .intro img{
    margin-top: -20px;
}


.member .details{
   
    background: var(--pcolor);
    padding: 20px;
    font-size: 0.7em;
    line-height: 1.4em;
}

.member .name{
    position: absolute;
    bottom: 70px;
    width:100%;
    left: 0px;
    padding:0 20px;
}

.member h4{
    font-size: 3em;
}

.member .details{
    color:#fff;
    text-align: center;
}

.member .habilidades{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.member .habilidades > div{
    width: 22.5%;
}

.member .habilidades > div p{
    height: 58px;
    display: flex;
    align-items: center;
    text-align: center;
}

.member .habilidades > div p span{
    display: block;
    width: 100%;
}

.tc .progress-bar{
   background: var(--scolor); 
}

.td .progress-bar{
   background: var(--pcolor); 
}

.member.td > article:last-child {
    background: var(--pcolor);
}
.member.td .intro h3{
    background: var(--pcolor);
}

.member.td .intro h3{
    color: var(--scolor);
}

.member.td .intro h3:before,
.member.td .intro h3:after{
    background: var(--scolor);
}

.member.td .details{
    opacity: 0;
    background: var(--scolor);
    position: absolute;
    bottom: 0;
    min-height: 200px;
    transform: translateY(30px);
    transition: all .3s .4s ease-in-out;
}


.member.td.loaded .details{
    transform: none;
    opacity: 1;
}

.time-line{
     background:url(../img/PATTERN-03.png) fixed;
    background-size: cover;
    margin: 80px 0;
}

.swiper-equipo .swiper-slide{
   display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-equipo .swiper-wrapper{

    padding: 100px 0;
}

.swiper-equipo .swiper-slide > div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    color:#fff;
    max-width: 75%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.swiper-equipo .swiper-slide > div .year{
   font-family: 'coolvetica';
    font-size: 5em;
    margin-top: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .swiper-equipo .swiper-slide > div .year{
        width: 30%;
    }

    .swiper-equipo .swiper-slide > div .description{
        width: 70%;
    }
    
    .swiper-equipo .swiper-slide.slide-with-awards > div .description {
        width: 40%;
    }    
    .swiper-equipo .awards {
        width: 30%;
    }
}

.swiper-equipo .swiper-slide > div > * {
    padding: 0 20px;
}
.swiper-equipo .awards p {
    display: flex;
    font-size: 16px;
    align-items: center;
}
.swiper-equipo .awards img {
    width: 45px;
    aspect-ratio: 1;
    margin-right: 15px;
}

.equipo h2{
    text-align: center;
    color:var(--pcolor);
    font-size: 3.7em;
    line-height: 1em;
    margin-bottom: 60px;
}

@media(max-width:1600px){
    .equipo h2{
        font-size: 5.7vw;
    }
}

@media(max-width:1300px){
    .equipo h2{
        font-size: 5.5vw;
    }
}

.social .row article:nth-child(2){
    padding:0 40px;
}

.social .row article:nth-child(2) h3{
    font-size: 2.4em;
    color:var(--pcolor);
}

.social .row article:nth-child(2){
    font-size: 0.7em;
    line-height: 1.4em;
}

.valores{
    padding:0 0 60px 0;
}


/* PROYECTOS */
.proyectos main{
    padding:200px 0 0 0;
}
.pro{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 12.5vw;
    grid-gap: 5px;
}

@media(max-width:1400px){
    .pro{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(4, 17.4vw 17.4vw 17.4vw);
    }
}

@media(max-width:992px){
    .member.td .details {
        position: relative;
    }
    .pro{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(6,24.19vw 24.19vw);
     }
}

@media(max-width:767px){
    .pro{
     grid-template-columns: 100vw;
     grid-template-rows: repeat(12,50vw);
    }
}

.buscador{
    padding-bottom: 60px;
}

.buscador select{
    border:2px solid var(--pcolor);
    border-radius: 200px;
    color: var(--pcolor);
}

.pro article, .related-project {
    position: relative;
}

.pro article img, .related-project img {
    object-fit: cover;
    position: absolute;
    top: 0px;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.pro article .overlay, .related-project .overlay {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(62,25,128, 0.3);
    top: 0px;
    display: block;
    z-index: 2;
    transition: all ease 0.25s;
    cursor: pointer;
}

.pro article:hover .overlay, .related-project:hover .overlay {
     background: rgba(62,25,128, 0.9);
}

.pro article .text, .related-project .text {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 3; 
    text-align: right;
    color: #fff;
    font-size: 16px;
   
}

.pro article .text h2, .related-project h2 {
    font-size:25px;
     font-family: 'coolvetica-r';
    margin-bottom: 0px;
    transition: all ease 0.15s;
}

@media(min-width:992px){
.pro article:hover .text h2, .related-project:hover .text h2{
    transform: translateY(5px);
}
}

.pro article .text a{
    color:#fff;
}

.pro article .text p{
    margin-bottom: 0px;
}


@media(max-width:1200px) and (min-width:991px){
    #equipo article h2{
        font-size: 2em;
        bottom: 15px;
    }
}

@media(min-width:991px){
    .servicio-banners article a p{
    transform: translateX(25%);
    opacity: 0;
        }

.servicio-banners article a:hover p{
    transform: translateX(0);
    opacity: 1;
} 
}

.servicio-banners article a h2{
    position: absolute;
    right: 30px;
    bottom: 25px;
    transition: all ease 0.15s;
    font-family: 'coolvetica';
    line-height: 5vw;
    text-align: right;
    font-size:5vw;
    margin-bottom: 0px;
}

.servicio-banners article > a:before{
    background: rgba(0,0,0,0.0);
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: all ease 0.15s;
}

.servicio-banners article a:hover:before{
    background: rgba(0,0,0,0.2);
}



.servicio-banners article a:hover h2{
    right: 50px;
}

.servicios-cliente{
     background:url(../img/PATTERN-03.jpg);
    background-size: cover;
    background-attachment: fixed;
}

/* SERVICIO SINGLE*/
.title{
    padding:123px 0 60px;
    text-align: center;
}

.title h1{
    color:var(--scolor);
    font-size: 9em;
    line-height: 1em;
    margin-top: 60px;
    margin-bottom: 0px;
}

.title p{
    color: var(--pcolor);
    font-size: 0.9em;
}

.title h2{
    font-family: 'coolvetica-r';
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 30px;
    color: var(--pcolor);
}

#claves h2{
    font-size: 4em;
}

#claves h3{
    font-size: 2em;
}

#claves p{
    font-size: 0.8em;
    line-height: 1.4em;
}

.servicio-icon article{
    padding:60px 20px;
} 

.servicio-icon article .icon{
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.servicio-icon article .icon img{

    height: auto;
    object-fit: contain;
    
}


/* LOGOS CARRUSEL */

/* LOGOS CARROUSEL */
.slider-logos{
    padding:60px 0;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* PROYECTOS */
.proyectos .pro-post{
    font-size: 0.8em;
    line-height: 1.3em;
}

.proyecto main .container{
    max-width: 1280px;
    width: 90%;
    font-size: 0.85em;
}

.pro-head{
    background: rgba(0,0,0,0.3);
    height: 44vw;
    position: relative;
    margin-bottom: 40px;
}

.pro-head:before{
    width: 100%;
    position: absolute;
    top: 0px;
    height: 200px;
    content: '';   
    background: -moz-linear-gradient(top,  rgba(62,25,128,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(62,25,128,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(62,25,128,0.65) 0%,rgba(0,0,0,0) 100%); 
}

.pro-head:after{
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 100%;
    content: '';   
    display: block;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 100%); 
}

.pro-head img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.pro-head h1{
    position: absolute;
    bottom:-2vw;
    padding:0 2.5%;
    font-family: 'coolvetica-r';
    font-size: 8vw;
    line-height: 8vw;   
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 3  ;
}

@media(min-width:767px) and (max-width:1440px){
   .pro-head h1{ 
       bottom:-2.5vw;
    }
}


/* proyectos grid*/
.grid-1-2,
.grid-3,
.grid-2{
    display: grid;
    grid-gap: 30px;
    margin: 40px 0;
}

.grid-1-2{
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
}

.grid-1-2 > div img,
.grid-3 > div img,
.grid-2 > div img{
    object-fit: cover;
    height: 100%;
    width: auto;
}

.grid-1-2 div:nth-child(1){
    grid-column: 1;
    grid-row: 1 / 3;
  
}

.grid-1-2 div:nth-child(2){
    grid-column: 2;
    grid-row: 1;

}

.grid-1-2 div:nth-child(3){
    grid-column: 2;
    grid-row: 2;
}

.grid-3{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 30px;
    margin: 40px 0; 
}

.grid-2{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 30px;
    margin: 40px 0; 
}

.pro-post blockquote{
    text-align: center;
    font-family: 'coolvetica-r';
    font-size: 1.6em;
    line-height: 1.1em;
}


/* CONTACTO */
.contacto main{
    padding-top: 200px;
}

.contacto h1{
    color:var(--pcolor);
    font-size: 7vw;
    line-height: 7vw;
}

.contacto h2{
    font-size: 60px;
    color:var(--pcolor);
}

.contacto main > .container article:nth-child(2){
    padding-top: 90px;
}

.estilo-1{
    margin-top:50px;
}

.contacto .d-flex div{
    margin-right:40px;
}

.estilo-1 input[type="text"],
.estilo-1 input[type="number"],
.estilo-1 input[type="email"],
.estilo-1 textarea{
    border:2px solid var(--scolor);
    border-radius: 100px;
    padding: 12px 20px;
    color:var(--pcolor);
    transition:all ease 0.15s;
    outline: none !important;
}

.estilo-1 textarea{
    border-radius: 20px;
}

.estilo-1 input[type="text"]::placeholder,
.estilo-1 input[type="email"]::placeholder,
.estilo-1 input[type="number"]::placeholder,
.estilo-1 textarea::placeholder{
    color:var(--scolor);
}

.estilo-1 input[type="text"]:hover,
.estilo-1 input[type="email"]:hover,
.estilo-1 textarea:hover,
.estilo-1 input[type="text"]:focus,
.estilo-1 input[type="email"]:focus,
.estilo-1 textarea:focus{
    border-color: var(--pcolor);
}

.estilo-1 .form-group{
    margin-bottom: 30px;
}

.estilo-1 .form-check{
    font-size: 0.8em;
}

.estilo-1 .form-check-input:checked[type=radio]{
    background: var(--scolor);
}

.invalid-feedback{
    font-size: 14px;
}

.form-control.is-invalid, .was-validated .form-control:invalid
.form-control.is-invalid a{
    border-color: #dc3545 !important;
}

.is-invalid a,
.form-check-input.is-invalid~.form-check-label a{
    color:#dc3545 !important;
}

/* TRABAJA */
.trabaja h1{
    z-index: 10;
    position: absolute;
    color:#fff;
    font-size: 8vw;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.trabaja .botones{
    padding: 100px 0 20px;
}

.trabaja .botones a{
    margin-bottom: 20px;
}

.trabaja input[type="number"]{
    width: 100px;
}

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Subir';
  color: var(--scolor);
  display: inline-block;
  background:#fff; 
  border: 2px solid var(--scolor);
  border-radius: 200px;
  padding: 5px 30px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 18px;
}
.custom-file-input:hover::before {
  background: var(--scolor);
    color:#fff;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

/* 404 */
.errorpage section{
   
}
.errorpage .icons{
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100vh;
     position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.errorpage .icons img{
    margin-top: 100px;
    
}

.gifs{
    height: 100vh;
    width: 100%;
    display: grid;
    column-gap: 0;
   grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 25vh);
}

.gifs article img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}



/**/
@media(max-width:1279px) and (min-width:992px){
    .servicio-banners article a p{
       font-size: 0.9em;
        line-height: 1.1em;
    }
}

@media(max-width:1600px){
    body{
        font-size: 1.4em;
    }
}

@media(max-width:1400px) and (min-width:1200px){
    .member .details{
        font-size: 0.7em;
    }
}

@media(max-width:1200px){
    body{
        font-size: 1.1em;
    }
    .social .row article:nth-child(2){
        font-size: 15px !important;
    }
}

@media(max-width:991px){
    h1{
        font-size: 9em;
        line-height: 0.8em;
    }
    
    h2{
        font-size: 4em;
        line-height: 0.8em;
    }
    
    h3{
        font-size: 3em;
    }
    
    .reverse{
        flex-direction: column-reverse;
    }
    .center-mov{
    text-align: center;
    }
    
    .servicio-banners article{
        height: 50vw;
    }
    
    .servicio-banners article a h2{
        font-size: 10vw;
        line-height: 10vw;
    }
    
    /* HOME 991 */
     .swiper-home .swiper-slide h2{
        font-size: 50px;
        padding:0;
    }
    
    .swiper-home .swiper-slide br{
        display: none
    }
    
    /* EQUIPO 991  */
    #equipo{
        margin-top: 40px;
        padding: 0px;
    }
    #equipo article{
        width: 33.333%;
        height: auto;
    }
    
    .servicio-icon article{
        padding:30px 0px
    }
    #equipo article h2{
        font-size: 2em;
        bottom: 15px;
    }
    
    .selecc-2{
        display: none;
    }
    
    .member .intro,
    .member .details{
        min-height: 300px;
    }
    
    .selecc-1{
        transform: none;
        text-align: center;
        margin-bottom: 0px !important;
        position: relative;
        display: block;
        width: 100%;
    }
    
    /* EQUIPO */
    .social .row article:nth-child(2){
        padding: 40px 10%;
    }
    
    /* SERVICIO */
    .title h1{
    margin-top: 0px;
    }
    
    .servicio-icon article .icon img{
        max-width: 110px;
    }
    
    /* CONTACTO */
    .contacto h1{
        font-size: 80px;
        line-height: 80px;
    }
    .contacto main > .container article:nth-child(2){
        padding-top: 30px;
    }
    .contacto iframe{
        margin: 20px 0;
    }

}

@media(max-width:800px){
    .equipo main,
    .cotacto main{
        padding: 140px 0 0;
    }
    
    footer.num{
        padding-top: 50px;
        
    }
    
    footer.num .correo{
        font-size: 16px;
    }
}

@media(max-width:767px){
    
     #equipo article{
        width: 50%;
        height: auto;
    }
    
    .pro-head{
        height: 90vh;
        min-height: 600px;
    }
    
    .pro-head:before{
     height: 50%;   
    }
    
    .pro-head h1{
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
    
    .grid-1-2,
    .grid-3,
    .grid-2{
    display: block;
    margin-bottom: 0px;
    }
    
    .grid-1-2 img,
    .grid-3 img,
    .grid-2 img{
        margin-bottom: 20px;
    }
    
    /* Equipo 767*/
    
    .swiper-equipo .swiper-slide > div{
        display: block;
        text-align: center;
        max-width: 80%;
    }
    
    .swiper-equipo .swiper-slide > div .year{
        margin:0px 0 30px 0;
    }
    
    .equipo-section{
        padding:0px
    }
    
     .gifs{
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: repeat(5, 30vh);
    }
    
    
}


/* MENOS QUE IPDA*/
@media(max-width:540px){
    .servicio-banners article a p{
     display: none;
    }
    
     .swiper-home .swiper-slide h2{
        font-size: 40px;
         line-height: 45px;
    }
   
}

.unirse-quipo {
    animation:color-change-2x 2s linear infinite alternate both;
    
}
.unirse-quipo h2 {
    font-size: 2rem !important;
    opacity: 1 !important;
    transform: translateX(0px) translateY(50%) !important;
    left: 15px;
    bottom: 50% !important;
}

.info-title {
    font-family:'coolvetica-r'; 
    color: var(--pcolor);
    padding-left: 40px;
}
.info-title:before {
    content: none !important;
}
.infography-service {opacity: 0; margin-top: 15px ;}

@keyframes color-change-2x{
    0%{
        background:rgba(64,149,203,1)
    }
    100%{
        background:rgba(62,25,128,1)
    }
}

.scale-out-tl {
	animation: scale-out-tl 0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@keyframes scale-out-tl {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}

.scale-in-tl{animation:scale-in-tl .3s cubic-bezier(.25,.46,.45,.94) both}

@keyframes scale-in-tl{0%{opacity:0}100%{opacity:1}}

/*Cookies*/
#freeprivacypolicy-com---nb {
	font-family: 'Cairo', sans-serif;
	top: initial;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	max-width: 100%;
  }
  
  #cc-nb-title,
  button.cc-nb-reject,
  .cc-pc-head-lang-select {
	display: none !important;
  }
  
  .freeprivacypolicy-com---nb .cc-nb-text {
	  font-size: 14px !important;
	  margin: 0 !important;
  }
  
  .freeprivacypolicy-com---nb .cc-nb-main-container {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  max-width: 800px;
	  padding: 20px !important;
  }
  
  .freeprivacypolicy-com---reset div {
	  padding: 0 15px;
  }
  
  .cc-nb-buttons-container button {
	width: 100%;
  }
  
  .freeprivacypolicy-com---palette-light .cc-nb-okagree,
  .freeprivacypolicy-com---palette-light .cc-cp-foot-save {
	background-color: var(--pcolor) !important;
  }
  
  .freeprivacypolicy-com---pc-dialog  {
	font-family: 'Cairo', sans-serif;
  } 
  
  .freeprivacypolicy-com---pc-dialog .cc-cp-foot-byline {
	opacity: 0 !important;
  }

  body.cms h1 {
      font-size: 6em;
  }
  body.cms main {
      padding-top: 150px;
  }

/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
 @keyframes rotate-in-center {
    0% {
      transform: rotate(-360deg);
      opacity: 0;
    }
    100% {
      transform: rotate(0);
      opacity: 1;
    }
  }
  
  
  .home-videos .swiper-button-prev, .home-videos .swiper-button-next {
    display: none !important;
  }

  .stick-info-title {    
    transform: translateY(0.4em);
  }

  @media(max-width: 991px) {
    .stick-info-title {    
        transform: translateY(0.45em);
    } 
  }

  @media(max-width: 575px) {
    #infography-data .info-title {
        padding-left: 0 !important;
    }
    .member .habilidades {
        flex-wrap: wrap;
    }
    .member .habilidades > div {
        width: 45%;
    }
    .member .habilidades > div p {
        height: auto;
        margin-bottom: 10px;
        margin-top: 20px;
    }
  }