/* 
Theme Name: Hello Persona Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
  background: #000;
}

#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: 9px 2px 15px !important;
}


#contenedor .pais.colombia {
  padding: 30px 5px 20px 3px !important;
}

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

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

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

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

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

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

#contenedor .pais.brasil {
  padding: 12px 10px 12px 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;
    }	
	
}