/*-- FOR TEST --*/
	 
/*--------------*/


/*-- GENERALES A TODA LA WEB --*/
	:root {
	 --celeste: #66CBFF;
     --naranja: #ff6c2f;
		--azul: #03256C;
	   --verde: #06A77D;
		/*#B0DB43*/
	}
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		font-family: 'Oxygen', sans-serif;
	}
	body {
		overflow-x: hidden;
	}
	/*::-webkit-scrollbar {display: none;}*/
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Noto Sans JP', sans-serif;
	}
	a {
		text-decoration: none;
	}
	p {
		font-size: 1.5rem;
	}
	b {
		font-weight: 300;
	}
	.main-title {
		text-align: center;
		padding: 2rem 0;
		font-size: 3rem;
		font-weight: 100;
	}
	.main-title-white {
		text-align: center;
		padding: 2rem 0;
		font-size: 3rem;
		font-weight: 100;
		color: #fff;
	}
	.flex {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex-center-row {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}
	.flex-column {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.flex-evenly {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	.flex-column-start {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	.dummy-text {
		font-family: 'Blokk', sans-serif;
    	font-size: 1.3em;
    	line-height: 1.7rem;
    	color: #3a3a3a;
    	opacity: 0.5;
    	margin: 0;
    	overflow: hidden;
    	background: #fff;
	}
	.w50 {
		width: 50%;
	}
	.w80 {
		width: 80%;
	}
	.w100 {
		width: 100%;
	}
	#weAre-img {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap: 1rem;
	}
/*-----------------------------*/

/*-- MATERIAL SHADOWS CARDS --*/
	.card-2 {
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	.card-3 {
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	}
	.card-2:hover, .card-3:hover {
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
		transition: all 0.7s cubic-bezier(.25,.8,.25,1);
	}
/*----------------------------*/

/*-- BOTONES & ÍCONOS --*/
	button {
		cursor: pointer;
		border: none;
		outline: 0;
	}
	.btn-morph {
		width: 200px;
		height: 50px;
		margin: 1rem 0;
    	padding: .8rem 2.5rem;
    	background: #ff6c2f;
    	color: #fff;
    	font-size: 1rem;
	}
	.btn-whatsapp {
		margin: 2rem 0 0 0;
	    background: #075E54;
	    /*background: #25d366;*/
	    font-size: 1rem;
	    line-height: 1rem;
	    color: #fff;
	    border-radius: 30px;
	    padding: .7rem 2rem;
	    display: flex;
	}
	.btn-whatsapp:hover {
		background: #128C7E;
	}
	.icon-whatsapp::before {
	  	content: "\e900";
	    font-size: 1rem;
	    color: #fff;
	    display: inline;
	    width: auto;
	    padding-right: .5rem;
  	}
  	.btn-form {
  		width: 100%;
  		padding: .5rem 1rem;
  		background: var(--azul);
  		color: #fff;
  	}
/*-------------*/