body {
  background: #000;
  padding: 40px;
}

#contenedor {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-family: arial;
}

#contenedor span,
#contenedor button{
  display:none;
  line-height: 1.3em;
  font-size: 20px;
  position: relative;
  margin: 0 3px 5px 0;
  border: none;
}

#contenedor span {
    color: #fff;
    font-weight: 400;
      padding: 10px 2px 12px !important;
}

#contenedor button {
    background: transparent;
    border-radius: 10px;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    opacity: 1;
}

#contenedor #videointro video.movil {
  display: none;
}

#contenedor #videointro video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}

#contenedor .fon {
  background: #222;
  margin-right:0;
}

#contenedor .fonpersonal {
  background: #4A3D53;
  border-left: none;
  margin-right: 0;
}

#contenedor .fonind {
  background: #222;
  border-radius: 10px;
  padding-left: 12px !important;
  padding-right: 45px !important;
  margin: 0 3px 8px 3px;
}

#contenedor .primero {
  border-radius: 10px 0 0 10px;
  padding-left: 10px !important;
  margin-left: 2px;
}
#contenedor .ultimo {
  border-radius: 0 10px 10px 0;
  padding-right: 10px !important;
  margin-right: 2px;
}

#contenedor span.subniveles {
  padding: 0 !important;
  margin: 0 !important;
}

#contenedor .logopersonaintro img {
   height:25px;
   margin: -3px 5px -3px;;
}

#contenedor button:hover {
    opacity: 0.7 !important;
}

#contenedor .fonind img,
#contenedor button img{
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}

#contenedor #agencia {
  border: 2px solid;
  padding: 8px 43px 12px 12px !important;
  color: #00FF7F;
}

#contenedor #personasomos {
    font-weight: 800;
    border: 2px solid;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 12px !important;
    color: #00FF7F;
    margin-right: 5px;
    margin-left: 5px;
}




#contenedor #mexico {
  padding: 11px 43px 13px 12px !important;
  background: #7007E1;
  border-color: #7007E1;
  color: #fff;
}

#contenedor #mexico img {
  top: 13px;
}



#contenedor #latinoamerica {
  padding: 11px 40px 13px 12px !important;
  background: #41F0FF;
  border-color: #41F0FF;
  color: #000;
}

#contenedor #latinoamerica img {
  top: 13px;
}

#contenedor .pais {
  max-height: 50px;
}

#contenedor .punt.pai {
    padding: 8px 2px 14px !important;
}


#contenedor .pais.colombia {
  padding: 9px 5px 13px 3px !important;
}

#contenedor .pais.ecuador {
  padding: 11px 5px 11px 3px !important;
}

#contenedor .pais.ecuador img {
  height: 18px;
}

#contenedor .pais.peru {
  padding: 11px 5px 11px 3px !important;
}
#contenedor .pais.peru img {
  height: 18px;
}

#contenedor .pais.argentina {
  padding: 12px 5px 5px 3px !important;
}
#contenedor .pais.argentina img {
  height: 25px !important;
}

#contenedor .pais.puertorico {
  padding: 11px 5px 11px 3px !important;
}
#contenedor .pais.puertorico img {
  height: 16px !important;
}

#contenedor .pais.chile {
  padding: 11px 5px 11px 3px !important;
}
#contenedor .pais.chile img {
  height: 16px !important;
}

#contenedor .pais.brasil {
  padding: 11px 10px 11px 3px !important;
}
#contenedor .pais.brasil img {
  height: 16px !important;
}

#contenedor #tiktok {
  padding: 12px 38px 12px 12px !important;
  background: #00FF7F;
  border-color: #00FF7F;
  color: #000;
}

#contenedor #tiktok img {
  top: 12px;
}

#contenedor .txttiktok {
  font-weight: 900;
  color: #FF0080;
}


#contenedor .google img {
  height: 26px;
  margin:0 3px -6px;
}

#contenedor .meta img {
  height: 19px;
  margin:0 3px -2px;
}

#contenedor #negocio {
  padding: 12px 37px 12px 12px !important;
  background: #7007E1;
  border-color: #7007E1;
  color: #fff;
}
#contenedor #negocio img {
  top: 13px;
}

#contenedor .dimensiones {
  margin: -8px 0 0px -2px;
  padding: 12px 10px 6px 8px !important;
}

#contenedor #agenciadigital {
  border:2px solid;
  padding: 9px 43px 11px 12px !important;
  color: #00FF7F;
}

#contenedor .omg {
  border-radius: 10px !important;
  padding: 14px 10px 10px !important;
  color: #00FF7F;
  margin: 0 2px 8px;
}

#contenedor .omg img {
  height: 20px;
  position:relative !important;
      top: 1px;
    left: 1px;
}

#contenedor .ecosistemas {
  padding: 13px 10px 5px 10px !important;
}

#contenedor #personastudios {
  padding: 12px 45px 12px 12px !important;
  background: #BB5AFF;
  border-color: #BB5AFF;
  color: #fff;
}
#contenedor #personastudios img {
  top: 12px;
}



#contenedor button#industrias {
  padding: 11px 40px 13px 12px !important;
  background: #FF0080;
  border-color: #FF0080;
  color: #fff;
}

#contenedor #creatividad {
  border: 2px solid;
  padding: 9px 40px 11px 12px !important;
  background: #000;
  border-color: #FFDA1F;
  color: #fff;
}

#contenedor button#principalvalor {
  border: 2px solid;
  padding: 8px 40px 12px 12px !important;
  background: #000;
  border-color: #FFABF1;
  color: #FFABF1;
}

#contenedor button#serviciovip {
  border: 2px solid;
  padding: 8px 43px 12px 12px !important;
  background: #000;
  border-color: #FFE35A;
  color: #FFE35A;
}

#contenedor #dicende {
  border: 2px solid;
  padding: 8px 48px 12px 12px !important;
  background: #000;
  border-color: #41F0FF;
  color: #41F0FF;
}


#contenedor #serviciovip {
  padding: 8px 12px 12px !important;
  background: #000;
  border-color: #FFE35A;
  color: #FFE35A;
}

#contenedor button#influencermarketing {
  border:2px solid;
  padding: 8px 12px 12px !important;
  background: #000;
  border-color: #00FF7F;
  color: #00FF7F;
}

#contenedor .influmarkTexto {
  color: #00FF7F !important;
}

#contenedor .influmarkTexto img {
  height: 25px;
  margin:0 3px -4px;
}



#contenedor .bolder {
  font-weight: 900;
}

#contenedor button#experientialmarketing {
  border:2px solid;
  padding: 8px 12px 12px !important;
  background: #000;
  border-color: #56E7F2;
  color: #56E7F2;
}

#contenedor .expmarkTexto {
  color: #56E7F2;
}

#contenedor .expmarkTexto img {
  height: 25px;
  margin:0 3px -4px;
}

#contenedor button#mundoreal {
  padding: 12px 43px 12px 12px !important;
  background: #7007E1;
  border-color: #7007E1;
  color: #fff;
}

#contenedor button#ejemplos {
  border:2px solid;
  padding: 8px 95px 12px 12px !important;
  background: #000;
  border-color: #FFDA1F;
  color: #FFDA1F;
}

#contenedor button#smart {
  border:2px solid;
  padding: 8px 60px 12px 12px !important;
  background: #000;
  border-color: #FF0080;
  color: #fff;
}

#contenedor .txtsmart {
  color: #5EF4FF;
  font-weight: 700;
}

#contenedor .smartTexto.dinero img {
  height: 35px;
  margin: -8px -1px -10px;
}

#contenedor .smartTexto.ojo img {
  height: 25px;
  margin: -8px 0px -5px;
}

#contenedor #insightaccionables {
  padding: 12px 45px 12px 12px !important;
  background: #00FF7F;
  border-color: #00FF7F;
  color: #000;
}

#contenedor #insightaccionables img {
  top: 13px;
}

.insightaccionablesTexto img {
  height: 30px;
  margin: -10px 0 -7px 5px;
}

#contenedor #comofunciona {
  padding: 12px 12px 12px !important;
  background: #00FF7F;
  border-color: #00FF7F;
  color: #000;
}

#contenedor #enlatados {
  padding: 12px 45px 12px 12px !important;
  background: #FFABF1;
  border-color: #FFABF1;
  color: #000;
}

#contenedor #enlatados img {
  top: 13px;
}




#contenedor #platicar {
  padding: 12px 55px 12px 12px !important;
  background: #7007E1;
  border-color: #7007E1;
  color: #fff;
}

#contenedor .platicarTexto.whatsapp img {
  height: 51px;
  margin: -10px 2px -20px 2px;
}

#contenedor .platicarTexto.sencillo img {
  height: 40px;
  margin: -15px 0px -13px 2px;
}

.correo {
  color: #FAD414 !important;
}


.punt {
  margin-left: -5px !important;
  border: 2px solid #000;
}

.spacer {
  display: block;
  width: 100%;
  height: 40px;
}

.txtwhite {
  color: #fff !important;
}

.subniveles.opacidad {
  opacity: 1;
}

.opacidad {
  opacity: 0.3;
}
.mostrar {
  display: inline;
}
.ocultar {
  display: none;
  font-size:0 !important;
  width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin: 0 !important;
}







.anim-crece{animation: move 2s ease-in-out 2s infinite;
  -ms-animation: move 2s ease-in-out 2s infinite; 
  -webkit-animation: move 2s ease-in-out 2s infinite; 
  -moz-animation: move 2s ease-in-out 2s infinite;
}


@keyframes move {
  0%{
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }

 50% {
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -moz-transform: scale(1.03);
  }
  
  0%{
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }  
  
  
}



@media screen and (max-width: 1024px) {
    
    #contenedor #personasomos {
        padding: 8px 12px !important;
        font-size: 19px;
    }
    

    #contenedor span,
    #contenedor button {
        font-size: 18px;
    }

    #contenedor .pais img {
        height: 18px;
    }

    #contenedor .pais.colombia {
        padding: 10px 5px 9px 3px !important;
    }

    #contenedor .pais.ecuador {
        padding: 10px 5px 9px 3px !important;
    }

    #contenedor .pais.peru {
        padding: 10px 5px 9px 3px !important;
    }

    #contenedor .pais.argentina {
        padding: 10px 5px 2px 3px !important;
    }

    #contenedor .pais.argentina img {
        height: 25px;
    }

    #contenedor .pais.puertorico {
        padding: 10px 5px 9px 3px !important;
    }

    #contenedor .pais.puertorico img {
        height: 18px;
    }

    #contenedor .pais.chile {
        padding: 10px 5px 9px 3px !important;
    }

    #contenedor .pais.brasil {
        padding: 10px 10px 9px 3px !important;
    }
    
    #contenedor .influmarkTexto img {
        height: 20px;
    }
    #contenedor .expmarkTexto img {
        height: 19px;
    }
    #contenedor button#mundoreal {
        padding: 9px 43px 9px 12px !important;
    }
    
    #contenedor #comofunciona {
        padding: 9px 12px 9px !important;
    }
    
    
}

@media screen and (max-width: 768px) {
    
 #contenedor #videointro video.escritorio {
  display: none !important;
  visibility: hidden;
}
  
  #contenedor #videointro video.movil {
  display: block;
  visibility: visible;
}

    #contenedor #personasomos {
        padding: 7px 10px !important;
        font-size: 14px;
    }
    
    #contenedor span,
    #contenedor button {
        font-size: 16px;
    }

    #contenedor .punt.pai {
        padding: 8px 2px 10px !important;
    }
    
    #contenedor .pais img {
        height: 16px;
    }
    
    #contenedor .pais.ecuador img {
        height: 16px;
    }
    
    #contenedor .pais.peru img {
    height: 16px;
}
    
    #contenedor .pais.argentina img {
    height: 21px !important;
}
    
    #contenedor .pais.puertorico img {
    height: 14px !important;
}
    #contenedor .pais.chile img {
    height: 16px !important;
}
    
    #contenedor span,
    #contenedor button,
    #contenedor #personasomos {
        margin: 0 3px 4px 0;
    }
    
    #contenedor span,
    #contenedor button {
        font-size: 16px;
    }
    
    #contenedor span {
        color: #fff;
        font-weight: 400;
         padding: 9px 2px 9px !important;
    }
    
    #contenedor .fonind img,
    #contenedor button img {
        height: 20px;
        position: absolute;
        top: 7px;
        right: 10px;
    }
    
    #contenedor #agencia {
      padding: 7px 43px 7px 12px !important;
    }
    
    #contenedor #mexico {
        padding: 9px 43px 9px 12px !important;
    }
    
    #contenedor #mexico img {
        top: 8px;
    }
    
    #contenedor #latinoamerica {
        padding: 9px 40px 9px 12px !important;
    }
    #contenedor #latinoamerica img {
        top: 9px;
    }
    
    #contenedor #tiktok {
        padding: 9px 38px 9px 12px !important;
    }
    #contenedor #tiktok img {
        top: 8px;
    }
    
    #contenedor #creatividad {
        padding: 7px 40px 7px 12px !important;
    }
    #contenedor #creatividad img {
        top: 6px;
        right: 14px;
    }
    #contenedor #negocio {
        padding: 9px 37px 9px 12px !important;
    }
    #contenedor #negocio img {
        top: 7px;
        right: 12px;
    }
    
    #contenedor #agenciadigital {
        padding: 7px 43px 7px 12px !important;
    }
    #contenedor #personastudios {
        padding: 9px 45px 9px 12px !important;
    }
    #contenedor #personastudios img {
        top: 7px;
    }
    
    #contenedor #platicar {
        padding: 9px 55px 9px 12px !important;
    }
    #contenedor #platicar img {
        top: 10px;
        right: 12px;
    }
    #contenedor button#industrias {
        padding: 9px 40px 9px 12px !important;
    }
    #contenedor button#principalvalor {
        padding: 7px 40px 7px 12px !important;
    }
    #contenedor button#serviciovip {
        padding: 7px 43px 7px 12px !important;
    }
    #contenedor #dicende {
        padding: 7px 48px 7px 12px !important;
    }
    
    #contenedor .dimensiones {
        padding: 10px 10px 5px 8px !important;
    }
    
    #contenedor .dimensiones img {
        height: 18px;
    }
    #contenedor button#influencermarketing {
        padding: 7px 12px 7px !important;
    }
    #contenedor button#experientialmarketing {
        padding: 7px 12px 7px !important;
    }
    #contenedor button#smart {
        padding: 7px 60px 7px 12px !important;
    }
    
    #contenedor #insightaccionables {
        padding: 9px 45px 9px 12px !important;
    }
    #contenedor #insightaccionables img {
        top: 10px;
    }
    #contenedor #enlatados {
        padding: 9px 45px 9px 12px !important;
    }
    #contenedor #enlatados img {
        top: 9px;
        right: 13px;
    }
    
    #contenedor .platicarTexto.sencillo img {
    height: 30px;
    margin: -15px 0px -10px 2px;
}
    #contenedor .google img {
    height: 23px;
    margin: -2px 3px -7px;
}
    #contenedor .meta img {
    height: 16px;
    margin: 0 3px -2px;
}
    
        #contenedor .pais.puertorico img {
        height: 15px;
    }
    
    #contenedor .ecosistemas {
    padding: 7px 10px 0px 10px !important;
}
    
    #contenedor .omg {
    padding: 6px 10px 7px !important;
}
    #contenedor .omg img {
    top: 3px;
}
    
    #contenedor #ejemplos {
        padding: 7px 70px 7px 12px !important;
    }
    
    #contenedor #ejemplos img {
        height: 17px;
        top: 9px;
    }
    #contenedor .platicarTexto.whatsapp img {
        height: 40px;
        margin: -12px 2px -15px 2px;
    }
    
    #contenedor .smartTexto.ojo img {
    height: 18px;
    margin: -8px 2px -4px;
}

    #contenedor .pais.puertorico {
        padding: 9px 5px 9px 3px !important;
    }
    #contenedor .pais.colombia {
        padding: 9px 5px 8px 3px !important;
    }
    #contenedor .pais.ecuador {
        padding: 9px 5px 8px 3px !important;
    }
    #contenedor .pais.peru {
        padding: 9px 5px 8px 3px !important;
    }
    #contenedor .pais.chile {
        padding: 10px 5px 7px 3px !important;
    }
    #contenedor .pais.brasil {
        padding: 10px 10px 7px 3px !important;
    }   
    
}