/*
:root {
	--verde: #C2DE16;
};
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto Slab', serif;*/
}
body {
	max-width: 1660px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
h1, h2, h3 {
	font-family: 'Roboto Slab', serif;
}
h2 {
	font-size: 1em;
	font-weight: 400;
	color: #494949;
}
h4 {
	font-weight: 400;
	color: #494949;
}
h5 {
	font-size: 0.9em;
	font-weight: 300;
	color: #494949;
	margin-top: 2%;
}
ul {
	list-style: none;
}
li {
	width: 10%;
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
li:last-child {
	margin-right: 0;
}
header {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
footer {
	width: 100%;
	padding-top: 3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
label {
	color: #494949;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 0 10px 10px;
}
input {
	font-size: 0.9em;
	background-color: #F6F6F6;
	color: #494949;
	padding: 12px 10px;	
	text-decoration: none;
	border: none;
}
textarea {
	font-size: 0.9em;
	padding: 12px 10px;
	border: none;
	background-color: #F6F6F6;
	max-width: 100%;
}
input:hover, textarea:hover {
	visibility: 0;
	transition: 0.4s;	
}
button {
	width: 20%;
	padding: 10px 0;
	background-color: #494949;
	color: white;
	font-weight: 400;
	text-decoration: none;
	border: none;
	border-radius: 20px;
}
button:hover {
	background-color: #C2DE16;
	font-weight: 600;
}
a {
	text-decoration: none;
}
p {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #494949;
}
video {
	object-fit: cover;
}

/*VENTANA COOKIES*/
#grid-cookies {
	width: 100%;
	padding: 10px 0;
	background-color: #C2DE16;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	opacity: 1;
}
.hidden {
	visibility: hidden;
}
#info-grid-cookies {
	width: 70%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#grid-cookies h1 {
	color: #494949;
	font-size: 0.8em;
	font-weight: 400;
	margin-right: 0.5%;
}
#grid-cookies a {
	color: #494949;
	font-size: 0.8em;
	font-weight: 500;
	text-decoration: none;
}
#grid-cookies a:hover {
	text-decoration: underline;
}
#btn-cookies {
	padding: 10px 25px;
	border: 3px solid white;
	background-color: coral;
	border-radius: 30px;
	cursor: pointer;
	z-index: 3000;
}
#btn-cookies h1 {
	font-weight: 600;
	color: white;
	letter-spacing: 0.6px;

}
/*#btn-cookies:hover {
	font-weight: 600;
	background-color: white;
	letter-spacing: 0.6px;
	cursor: pointer;
}*/




/*POP UP*/
#popUp {
	display: flex;
	justify-content: center;
	align-items: center;
}
#overlay {
	width: 100%;
	height: 100%;
	background-color: #00000090;
	position: fixed;
	top: 0;
	transition: 0.7s;
	opacity: 0;
	z-index: 30;
	visibility: hidden;
}
#ventanaPopUp {
	width: 30%;
	padding: 50px 0;
	background-color: white;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.3) 0px 15px 30px -1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	transition: 0.2s;
	opacity: 0;
	z-index: 31;
	visibility: hidden;
}
#btnCerrar {
	width: 45px;
	background-color: #C2DE16;
	border-radius: 45px;
	box-shadow: rgba(0,0,0,0.3) 2px 3px 7px -1px;
	display: flex;
	justify-content: center;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
}
.xCerrar {
	font-size: 1.2em;
	font-weight: 600;
	color: white;
	padding: 10.7px 0;
}
#textoPopUp {
	width: 70%;
	text-align: center;
}
#textoPopUp h3 {
	font-size: 1.5em;
	font-weight: 800;
	padding-bottom: 1.3%;
}
#textoPopUp p {
	font-family: 'Roboto Slab', serif;
	font-size: 1em;
	font-weight: 400;
	color: #494949;
}
#footPopUp {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#lineaGris {
	width: 30%;
	padding: 0.5px 0;
	background-color: #494949;
	margin-top: 40px;
}
#btnAceptar {
	margin-top: 8px;
	cursor: pointer;
}
#btnAceptar p {
	font-family: 'Roboto Slab', serif;
	font-size: 1em;
	font-weight: 600;
	color: #494949;
}
/*FIN POP UP*/

/*INICIO: CABECERA*/
#cabecera {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
#lineaVerde {
	width: 100%;
	padding: 1.5px 0;
	background-color: #C2DE16;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
#idiomas {
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	position: fixed;
	top: 8px;
	right: 130px;
	z-index: 3;
}
#idiomas h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	font-weight: 300;
	margin-right: 60px;
	cursor: pointer;
}
#idiomas h2:first-child {
	margin-right: 8px;
}

/*CABECERA TABLET Y MOVILES*/
#cabeceraTablet {
	width: 100%;
	height: 0;
	display: none;
	justify-content: center;
	align-content: center;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
.fondoBlanco {
	width: 100%;
	padding: 45px 0;
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
.circleVerde {
	width: 0px;
	height: 0px; 
	border-radius: 50%;
	background-color: #C2DE16;
	position: fixed;
	top: 31px;
	left: 40px;
	opacity: 1;
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	z-index: 11;
}
.circleVerde.expand {
	width: 1800px;
	height: 1800px;
	top: -360px;
	left: -365px; 
	transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.menuBurger {
	width: 100%;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 12;
}
.menuBurger ul li {
	width: 100%;
	margin-bottom: 35%;			
	display: flex;
	justify-content: center;
	list-style: none;
	opacity: 0;
	transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.menuBurger ul li:last-of-type {	
	margin-bottom: 0;	
}
.menuBurger ul li a {
	color: white;
	font-size: 1.5em;
	font-weight: 500;
	letter-spacing: 5px;
	text-decoration: none;
}
.menuBurger li.animate {
	transition-delay: 0.00s;
	opacity: 0;
}
.menuBurger li.animate:nth-of-type(1){	
	transition-delay: 0.0s;	
	opacity: 1;
}
.menuBurger li.animate:nth-of-type(2){
	transition-delay: 0.10s;
	opacity: 1;	
}
.menuBurger li.animate:nth-of-type(3){
	transition-delay: 0.20s;	
	opacity: 1;	
}
.menuBurger li.animate:nth-of-type(4){
	transition-delay: 0.30s;	
	opacity: 1;	
}
.menuBurger li.animate:nth-of-type(5){
	transition-delay: 0.40s;	
	opacity: 1;	
}
#redesMenu {
	display: flex;
	flex-direction: row;
	padding-top: 20%;
}
#redesMenu a {
	font-size: 2.5em;	
	color: white;
	padding-right: 30px;
}
#redesMenu a:last-of-type {
	padding-right: 0;
}
.burger {
	width: 35px;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 20px;
	left: 25px;
	cursor: pointer;
	z-index: 13;
}
.x,.y,.z {
	width: 100%;
	height: 3px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	background-color: #C2DE16;
	transition: all 200ms ease-out;
}
.y {
	width: 60%;
	top: 25px;
}
.z {
	top: 50px;
}
.collapse{
	top: 20px;
	background-color: white;
	transition: all 70ms ease-out;
}
.rotate30{
	transform: rotate(30deg);	
	transition: all 50ms ease-out;					
}
.rotate150{
	transform: rotate(150deg);	
	transition: all 50ms ease-out;					
}
.rotate45{
	transform: rotate(45deg);	
	transition: all 50ms ease-out;					
}
.rotate135{
	transform: rotate(135deg);	
	transition: all 50ms ease-out;					
}
#boxLogo {
	width: 40%;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 4;
}

/*NAVEGADOR*/
#navegador {
	width: 100%;
	padding: 30px 0;
	background-color: rgb(255,255,255);
	display: flex;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: none;
}
#logo {
	width: 16.5%;
	margin-left: 15%;
	display: flex;
	flex-direction: column;
}
#nombre {
	color: black;
	text-decoration: none;
	margin-left: 6px;
	display: flex;
	flex-direction: row;
	cursor: pointer;
}
#nombre:visited {
	color: black;
}
#nombre h1:last-child {
	margin-left: 5px;
	font-weight: 500;
}
#areas {
	width: 97.5%;
	padding: 1.2px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #C2DE16;
	position: relative;
	overflow: hidden;
	animation-name: animacionLogo;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#areas h1 {
	font-size: 1.1em;
	font-weight: 400;
	color: white;
	display: block;
}
#areaGrafico {
	opacity: 0;
	top: -40px;
	left: 27px;
	position: absolute;
	animation-name: animacionGrafico;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#areaWeb {
	opacity: 0;
	top: -40px;
	left: 92px;
	position: absolute;
	animation-name: animacionWeb;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#areaMotion {
	opacity: 0;
	top: -40px;
	right: 27px;
	position: absolute;
	animation-name: animacionMotion;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#menu {
	width: 80%;
}
#botonera {
	padding: 8px 0;	
	margin-right: 27%;
	display: flex;
	justify-content: flex-end;
}
#botonera a {
	width: 100%;
	font-size: 1em;
	font-weight: 400;
	color: #494949;
	cursor: pointer;
	text-align: center;
}
#botonera a:hover {
	font-weight: 400;
	color: black;
}
#botonera a::after {
	content: '';
	width: 0%;
	padding: 1px 0;
	background-color: #C2DE16;
	display: block;
	margin-top: 4px;
	transition: 0.2s;
}
#botonera a:hover::after {
	width: 100%;
}
#space {
	width: 100%;
	padding: 10px 0;
}
/*FIN: CABECERA*/

/*INICIO: HEADER*/
/*Slider*/
.wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.slider {
	margin-top: 10%;
	height: 700px;
}
.wrapper img {
	width: 100%;
	/*height: 115%;*/
	object-fit: cover;
}
.containImg {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

/*Wrapper Titular*/
.titular {
	padding: 5% 0 3% 0;
}
#gridTitular h1 {
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	padding-bottom: 0.1%;
}
#gridTitular h2 {
	width: 33%;
	font-size: 1.6em;
	font-weight: 400;
	text-align: center;
	line-height: 1.3em;
}
#gridServicios {
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 30px 0;
}
.card {
	width: 28%;
	padding: 90px 0;
	margin: 5px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.icon {
	display: flex;
	justify-content: center;
	align-items: center;
}
.card i {
	font-size: 3em;
	color: #B2B2B2;
	position: absolute;
}
.circle {
	width: 100px;
	height: 100px;
	background-color: #C2DE16;
	border-radius: 100px;
	opacity: 0;
}
.iconServicio {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 22%;
}
.titularCard h4 {
	color: black;
	font-size: 1.4em;
	font-weight: 600;
	margin-top: 20px;
}
.lineaDoble {
	width: 40px;
	padding: 2px 0;
	background-color: #C2DE16;
	margin: 5px 0;
}
.textoServicio {
	width: 100%;
	text-align: center;
	margin-top: 4%;
	display: flex;
	justify-content: center;
	position: relative;
	top: 75px;
	overflow: hidden;
	opacity: 1;
	padding-bottom: 27%;
}
.textoServicio p {
	width: 100%;
	padding-top: 1.8%;
	position: absolute;
	top: 110px;
	opacity: 0;
}
.clientes {
	width: 100%;
	height: 400px;
	margin-top: 3%;
	background-image: url(links/clientes02.jpg);
	background-size: 100%;
	background-position: bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#titularCliente {
	margin-top: 2.5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#titularCliente h4 {
	margin-top: 2%;
	color: black;
	font-size: 1.4em;
	font-weight: 600;
}
.autoplay {
	margin: 30px 40px 0 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.logoCliente {
	width: 10%;
	margin-right: 1%;
}
.logoCliente:last-child {
	margin-right: 0;
}
.peq {
	width: 8%;
}
.autoplay img:hover {
	transform: scale(1.1);
	transition-duration: 0.1s;
}
/*FIN: HEADER*/
/*INICIO: FOOTER*/
#redes {
	text-align: center;
	margin-bottom: 2%;
}
#redes a {
	font-size: 2.2em;	
	color: #494949;
	padding-right: 25px;
	top: 0;
}
#redes a:last-of-type {
	padding-right: 0px;
}
#redes a:hover {
	position: relative;
	color: #C2DE16;
	top:-4px;
	transition: 0.1s;
}
#textosFooter {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 2%;
}
.lineaVerdeDoble {
	width: 100%;
	padding: 2.5px 0;
	background-color: #C2DE16;
	display: none;
}
.scroll {
	width: 50px;
	height: 50px;
	border: 2px solid #333;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 1.5%;
	animation: top 1.5s infinite;
	cursor: pointer;
	z-index: 2;
}
.scroll::before {
	content: '';
	position: absolute;
	top: 40%;
	left: 30%;
	width: 16px;
	height: 16px;
	border-left: 2px solid #333;
  	border-bottom: 2px solid #333;
	transform: rotate(135deg);
}
/*FIN: FOOTER*/


/*SECCIONES*/
/*SECCION: PORTFOLIO*/
#gridTrabajos {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 10%;
}
.columna {
	width: 80%;
	columns: 3;
	column-gap: 1%;
	display: block;
	flex-wrap: wrap;
	padding: 0 2% 10% 2%;
}
.caja {
	width: 100%;
	display: inline-flex;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 3%;
}
.caja img {
	width: 100%;
}
.caja h2 {
	font-size: 1.7em;
	font-weight: 500;
	color: white;
	margin-bottom: 1%;
	letter-spacing: 2px;
}
.caja h3 {
	font-size: 1.2em;
	font-weight: 300;
	color: white;
	letter-spacing: 1px;
}
.overlayTrabajo {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
}


/*PROYECTO INDIVIDUAL*/
#gridProyecto {
	width: 100%;
	margin-top: 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#grid-imagen {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#grid-imagen li {
	width: 100%;
	height: 650px;
	overflow: hidden;
}
#grid-imagen img {
	width: 100%;
}
.grid-info {
	width: 60%;
	padding: 6% 0 8% 0;
}
.grid-datos {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.colum-datos {
	margin-bottom: 40px;
}
.colum-datos h1 {
	font-size: 1em;
	font-weight: 400;
	color: #494949;
	margin-bottom: 4px;
}
.colum-datos h2 {
	font-size: 1em;
	font-weight: 500;
	color: black;
}
.grid-descripcion p {
	text-align: justify;
}
.margin-bottom {
	margin-bottom: 50px;
}
.grid-fotos {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 10%;
}
.grid-foto-height300 {
	width: 100%;
	margin-bottom: 10px;
}
.grid-pantones {
	width: 100%;
	margin-bottom: 100px;
	display: flex;
	flex-direction: row;
}
.grid-foto-height300 img {
	width: 100%;
}
.columna-pantone {
	width: 60%;
	margin-right: 3%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.grid-color {
	width: 100%;
	background-color: #772342;
}
.grid-color h2 {
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: 200px 0 15px 20px;
}
.pantone281 {
	background-color: #06255B;
}
.pantoneblack {
	background-color: black;
}
.pantone-red {
	background-color: #D33741;
}
.grid-doble-columna {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.columna-img {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.columna-img h1 {
	color: white;
	font-size: 1.4em;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin: 0 30px 10px 30px;
}
.columna-img p {
	color: white;
	margin: 0 30px 30px 30px;
}
.columna-texto {
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 30px;
}
.columna-texto h1 {
	color: black;
	font-size: 1.4em;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
}
.grid-proyectos {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 90px;
}
#titularMasProyectos {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	border-top: 1px solid #F6F6F6;
}
#titularMasProyectos h4 {
	font-size: 1.1em;
	font-weight: 500;
	color: black;
	margin-top: 30px;
}
.grid-fotos-proyectos {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.nuevo-proyecto {
	width: 49.9%;
	cursor: pointer;
}
.nuevo-proyecto li {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
}
.nuevo-proyecto img {
	width: 100%;
}
.foto-nuevo-proyecto {
	position: absolute;
	top: -40px;
	transition: 350ms;
}
.info-oculta {
	width: 100%;
	padding: 20px 0;
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 250px;
	transition: 350ms;
}
.info-oculta h2 {
	font-size: 1.15em;
	font-weight: 600;
	color: #494949;
	margin-bottom: 1%;
}
.info-oculta h3 {
	font-size: 0.9em;
	font-weight: 300;
	color: #A1A1A1;
	letter-spacing: 1px;
	text-align: center;
}
.nuevo-proyecto:hover .foto-nuevo-proyecto {
	top: -100px;
}
.nuevo-proyecto:hover .info-oculta {
	top: 162px;
}
#grid-boton-volver {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px 0 70px 0;
}
#boton-volver-proyectos {
	width: 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}
.fila-cuadrado {
	width: 22px;
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
}
.fila-cuadrado:last-child {
	margin-top: 1px;
}
.cuadrado {
	width: 10px;
	height: 10px;
	background-color: #A1A1A1;
}
#boton-volver-proyectos:hover .cuadrado {
	background-color: #494949;
}


/*SECCION: SOBRE MI*/
#grid-sobre-mi {
	width: 100%;
	margin: 9% 0 6% 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}
#colum-izq {
	width: 30%;
	margin-left: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#grid-foto-uno {
	display: block;
}
#grid-foto-uno li {
	width: 100%;
	height: 680px;
	overflow: hidden;
}
#mi-foto-uno img {
	width: 120%;
}
#grid-foto-dos {
	display: none;
}
#grid-foto-dos li {
	width: 100%;
	height: 680px;
	overflow: hidden;
}
#mi-foto-dos img {
	width: 100%;
}
#colum-derec {
	width: 70%;
	margin: 0 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#sobreMiTitular {
	width: 100%;
}
#sobreMiTitular span {
	font-family: 'Roboto Slab', serif;
	font-size: 1em;
	font-weight: 700;
	color: black;
}
#sobreMiTitular h2 {
	width: 100%;
	font-size: 1.6em;
	font-weight: 400;
	text-align: left;
	line-height: 1.3em;
}
.linea-larga {
	width: 100%;
	padding: 2.5px 0;
	margin: 4% 0;
	background-color: #C2DE16;
}
.texto {
	width: 100%;
	text-align: justify;
}
.texto p {
	font-size: 1em;
	line-height: 1.4em;
}
#graficos {
	width: 100%;
	padding: 2% 0 3% 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.col {
	width: 30%;
	padding-bottom: 2%;	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.col h2 {
	font-size: 2em;
	font-weight: 700;
	color: black;
}
.col h3 {
	font-size: 1.2em;
	font-weight: 700;
	color: #494949;
}
.aumento {
	font-family: 'Roboto Slab', serif;
	font-size: 5em;
	font-weight: 700;
	color: #C2DE16;
}

/*SECCION: CONTACTO*/
#gridContacto {
	width: 100%;
	margin: 16% 0 5% 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#gridFormulario {
	width: 80%;
}
#gridFormulario h2 {
	font-size: 1.6em;
	font-weight: 400;
	text-align: justify;
	line-height: 1.3em;
}
.green {
	font-weight: 500;
	color: #C2DE16;
}
.linea {
	width: 100%;
	padding: 2.5px 0;
	background-color: #C2DE16;
	margin-bottom: 5%;
}
#gridFaqs {
	width: 80%;
	padding: 8% 0 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
#gridFaqs label {
	font-size: 1.1em;
	margin: 0 0 10px 0;
}
.gridPregunta {
	width: 100%;
	padding: 0 0 40px 0;
	text-align: justify;
}
.gridPregunta p:first-child {
	font-weight: 500;
	margin-bottom: 8px;
	color: black;
}



/*KEYFRAMES*/
/*KEYFRAME: animacion logo*/
@keyframes animacionLogo {
	0% {
		padding: 1.2px 0;
	}
	5% {
		padding: 1.2px 0;
	}
	5.5% {
		padding: 0.7px 0;
	}
	6% {
		padding: 15px 0;
	}
	25% {
		padding: 15px 0;
	}
	25.5%{
		padding: 1.2px 0;
	}
	100% {
		padding: 1.2px 0;
	}
}

@keyframes animacionGrafico {
	0% {
		top: -40px;
		opacity: 0;
	}
	6% {
		top: -40px;
		opacity: 1;
	}
	6.5% {
		top: 5px;
		opacity: 1;
	}
	7% {
		top: 3px;
		opacity: 1;
	}
	24.7%{
		top: 3px;
		opacity: 1;
	}
	25.2%{
		top: 3px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes animacionWeb {
	0% {
		top: -40px;
		opacity: 0;
	}
	6.5% {
		top: -40px;
		opacity: 1;
	}
	7% {
		top: 5px;
		opacity: 1;
	}
	7.5% {
		top: 3px;
		opacity: 1;
	}
	24.7% {
		top: 3px;
		opacity: 1;
	}
	25.2%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes animacionMotion {
	0% {
		top: -40px;
		opacity: 0;
	}
	7% {
		top: -40px;
		opacity: 1;
	}
	7.5% {
		top: 5px;
		opacity: 1;
	}
	8% {
		top: 3px;
		opacity: 1;
	}
	24.7% {
		top: 3px;
		opacity: 1;
	}
	25.2%{
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/*KEYFRAME: flecha para subir al TOP*/
@keyframes top {
	0% {
		top: 80px;
	}
	50% {
		top: 60px;
	}
	100% {
		top: 80px;
	}
}

/*KEYFRAME: slider de proyectos*/
@keyframes animacionBaja {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(120);
	}
}



/*MEDIA QUERIES*/
@media (max-width: 2561px){
	#areas {
		width: 61%;
	}
	li {
		width: 8%;
	}
	#botonera a {
		width: 80%;
	}
	#gridTitular h2 {
		width: 35%;
	}
	.textoServicio p {
		width: 60%;
	}
	.clientes {
		background-size: 65%;
	}
	.autoplay {
		margin: 15px 40px 0 40px;
	}
}
@media (max-width: 2533px){
	#areas {
		width: 62%;
	}
}
@media (max-width: 2483px){
	#areas {
		width: 64%;
	}
}
@media (max-width: 2420px){
	#areas {
		width: 65%;
	}
	.clientes {
		background-size: 80%;
	}
}
@media (max-width: 2400px){
	#areas {
		width: 67%;
	}
}
@media (max-width: 2295px){
	#areas {
		width: 69%;
	}
}
@media (max-width: 2223px){
	#areas {
		width: 72%;
	}
}
@media (max-width: 2150px){
	#areas {
		width: 74%;
	}
}
@media (max-width: 2083px){
	#areas {
		width: 76%;
	}
}
@media (max-width: 2040px){
	#areas {
		width: 79%;
	}
}
@media (max-width: 1963px){
	#areas {
		width: 81%;
	}
	.clientes {
		background-size: 90%;
	}
}
@media (max-width: 1916px){
	#areas {
		width: 84%;
	}
	li {
		width: 12%;
	}
}
@media (max-width: 1839px){
	#areas {
		width: 87%;
	}
	.clientes {
		background-size: 92%;
	}
}
@media (max-width: 1819px){
	#areas {
		width: 87%;
	}
	.clientes {
		background-size: cover;
	}
}
@media (max-width: 1769px){
	#areas {
		width: 90%;
	}
}
@media (max-width: 1716px){
	#areas {
		width: 93%;
	}
}
@media (max-width: 1665px){
	footer {
		border-top: 1px solid #D1D1D1;
		box-shadow: rgba(0,0,0,0.15) 0px -2px 12px -4px;
	}
	#areas {
		width: 96%;
	}
	.clientes {
		height: 450px;
		background-size: 110%;
	}
	.lineaVerdeDoble {
		display: block;
	}
}


/*AQUI EMPIEZA LA ESTANDAR DE MI ORDENADOR*/
@media (max-width: 1653px){
	#areas {
		width: 96%;
	}
}
@media (max-width: 1620px){
	#areas {
		width: 99%;
	}
}
@media (max-width: 1593px){
	#areas {
		width: 101.5%;
	}
}
@media (max-width: 1570px){
	#ventanaPopUp {
		width: 35%;
	}
	.textoServicio p {
		width: 75%;
	}
	.cliente {
		width: 11%;
	}
	.peq {
		width: 9%;
	}
}
@media (max-width: 1524px){
	#areas {
		width: 103%;
	}
	#gridTitular h2 {
		width: 35%;
	}
	#btnVolver {
		margin-top: 85%;
	}
	#textVolver h3 {
		top: 25%;
		left: 14%;
	}
}
@media (max-width: 1500px){
	#grid-foto-uno li {
		height: 640px;
	}
}
@media (max-width: 1485px){
	#btnVolver {
		width: 25%;
		margin-top: 70%;
	}
	#textVolver h3 {
		top: 25%;
		left: 16%;
	}
}
/*LAPTOP L*/
@media (max-width: 1440px){
	#gridTitular h2 {
		width: 39%;
	}
	.textoServicio p {
		width: 80%;
	}
	.clientes {
		height: 370px;
		background-image: url(links/clientes02_S.jpg);
	}
	.autoplay {
		margin: 20px 40px 0 40px;
	}
}
@media (max-width: 1428px){
	#grid-sobre-mi {
		margin: 11% 0 9% 0;
	}
	#colum-izq {
		width: 35%;
	}
	#colum-derec {
		width: 65%;
	}
	#grid-foto-uno li {
		height: 700px;
	}
}
@media (max-width: 1405px){
	#botonera {
		margin-right: 33%;
	}
	li {
		width: 12%;
	}
	.clientes {
		height: 370px;
		background-image: url(links/clientes02_M.jpg);
	}
	.textoServicio {
		padding-bottom: 30%;
	}
	.textoServicio p {
		width: 80%;
	}
}
@media (max-width: 1393px){
	#botonera {
		margin-right: 33%;
	}
	li {
		width: 15%;
	}
}
@media (max-width: 1376px){
	#areas {
		width: 104%;
	}
	.col {
		width: 60%;
	}
}
@media (max-width: 1364px){
	#areas {
		width: 107%;
	}
	#ventanaPopUp {
		width: 40%;
	}
	#mi-foto-uno img {
		width: 140%;
	}
}
@media (max-width: 1314px){
	#areas {
		width: 109%;
	}
}
@media (max-width: 1295px){
	#areas {
		width: 111%;
	}
	#gridTitular h2 {
		width: 42%;
	}
	.autoplay {
		margin: 30px 40px 0 40px;
	}
	.col {
		width: 50%;
	}
}
@media (max-width: 1255px){
	#areas {
		width: 112%;
	}
	textarea {
		height: 200px;
	}
}
@media (max-width: 1232px){
	footer {
		margin-top: 5%;
	}
	.clientes {
		background-position: top;
		background-size: 100%;
	}
}
@media (max-width: 1222px){
	#areas {
		width: 117%;
	}
	.autoplay {
		margin: 40px 40px 0 40px;
	}
}
@media (max-width: 1180px){
	#ventanaPopUp {
		width: 43%;
	}
	#areas {
		width: 117%;
	}
	.card {
		width: 30%;
	}
	.textoServicio p {
		width: 85%;
	}
	.clientes {
		height: 370px;
		background-image: url(links/clientes02_L.jpg);
	}
	.autoplay {
		margin: 40px 40px 0 40px;
		/*MOSTRAR MENOS LOGOS*/
	}
	.logoCliente {
		width: 20%;
		margin-right: 1%;
	}
}
@media (max-width: 1163px){
	#areas {
		width: 121%;
	}
}
@media (max-width: 1148px){
	#idiomas h2 {
		margin-right: 30%;
	}
	#areas {
		width: 123%;
	}
	#botonera {
		margin-right: 30%;
	}
	.clientes {
		height: 370px;
		background-position: center;
	}
	#colum-izq {
		width: 40%;
	}
	#colum-derec {
		width: 60%;
	}
	#grid-foto-uno li {
		height: 750px;
	}
	.col h2 {
		font-size: 1.8em;
	}
	.col h3 {
		font-size: 1em;
	}
	.aumento {
		font-size: 4em;
	}
}
@media (max-width: 1104px){
	#colum-izq {
		width: 42%;
	}
	#colum-derec {
		width: 58%;
	}
	#grid-foto-uno li {
		height: 660px;
	}
	#sobreMiTitular h2 {
		font-size: 1.4em;
	}
	.texto p {
		font-size: 0.9em;
	}
}
@media (max-width: 1099px){
	#areas {
		width: 127%;
	}
	#botonera {
		margin-right: 32%;
	}
	#botonera li{
		width: 17%;
	}
	.card {
		width: 35%;
	}
	.textoServicio p {
		width: 90%;
	}
}
/*LAPTOP*/
@media (max-width: 1024px){
	#grid-cookies {
		flex-direction: column;
	}
	#info-grid-cookies {
		width: 100%;
		flex-direction: column;
		padding: 1% 0 2% 0;
	}
	#btn-cookies {
		padding-bottom: 2%;
	}
	#ventanaPopUp {
		width: 50%;
	}
	#areas {
		width: 112%;
	}
	#idiomas {
		width: 100%;
		right: 20px;
	}
	#idiomas h2 {
		margin-right: 7%;
	}
	#logo {
		width: 20%;
		margin-left: 8%;
	}
	#botonera {
		margin-right: 22%;
	}
	li {
		width: 18%;
		margin-right: 1%;
	}
	.slider {
		height: 500px;
		margin-top: 16.5%;
	}
	.titular {
		padding: 10% 0 3% 0;
	}
	#gridTitular h2 {
		width: 55%;
	}
	.card {
		width: 50%;
	}
	.icon i {
		color: white;
	}
	.circle {
		opacity: 1;
	}
	.textoServicio {
		width: 85%;
		overflow: visible;
		padding-bottom: 30%;
	}
	.textoServicio p {
		font-size: 1em;
		line-height: 1.5em;
		top: 60px;
		opacity: 1;
	}
	.clientes {
		height: 300px;
		background-image: url(links/clientes02_S.jpg);
		background-size: 110%;
		background-position: top;
	}
	.autoplay {
		margin: 5px 40px 0 40px;
	}
	.logoCliente {
		width: 11%;
		margin-right: 1%;
	}
	.peq {
		width: 9%;
	}
	#gridTrabajos {
		margin-top: 15%;
	}
	.columna {
		width: 80%;
		columns: 2;
	}
	.nuevo-proyecto li {
		height: 220px;
	}
	.foto-nuevo-proyecto {
		width: 110%;
		top: 0px;
	}
	.info-oculta {
		padding: 13px 0;
		top: 270px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -38px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 150px;
	}
	#grid-sobre-mi {
		width: 100%;
		margin: 11% 0 5% 0;
		flex-direction: column;
	}
	#colum-izq {
		width: 100%;
		margin: 0 0 5% 0;
	}
	#grid-foto-uno {
		display: none;
	}
	#grid-foto-dos {
		display: block;
	}
	#grid-foto-dos li {
		height: 320px;
	}
	#colum-derec {
		width: 100%;
		margin: 0;
		padding: 0 8%;
	}
	#sobreMiTitular h2 {
		font-size: 1.6em;
	}
	.texto p {
		font-size: 1em;
	}
	.col h2 {
		font-size: 2em;
	}
	.col h3 {
		font-size: 1.2em;
	}
	.aumento {
		font-size: 5em;
	}
	#gridContacto {
		margin: 20% 0 5% 0;
	}
	#gridFormulario h2 {
		line-height: 1.5em;
	}
	.scroll {
		right: 4%;
	}
}	


/*TABLET*/
@media (max-width: 768px){
	#ventanaPopUp {
		width: 70%;
	}
	#idiomas h2 {
		margin-right: 4%;
	}
	#navegador {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#cabecera {
		display: none;
	}
	#cabeceraTablet {
		display: flex;
	}
	.burger {
		display: flex;
	}
	#logo {
		margin-left: 0;
		position: fixed;
		top: 12px;
		left: 36%;
	}
	#nombre {
		margin-left: 0;
	}
	#nombre h1 {
		font-size: 1.5em;
	}
	#areas {
		width: 145%;
	}
	#areas h1 {
		font-size: 1.05em;
	}
	#areaWeb {
		left: 90px;
	}
	#areaMotion {
		right: 23px;
	}
	.slider {
		height: 500px;
		margin-top: 18%;
	}
	.card {
		width: 50%;
		margin-bottom: 16%;
	}
	.textoServicio p {
		width: 80%;
	}
	#textoWeb p, #textoCampaña p {
		width: 75%;
	}
	.clientes {
		height: 330px;
		margin-bottom: 10%;
		background-image: url(links/clientes02_L.jpg);
		background-size: 100%;
		background-position: center;
	}
	.autoplay {
		margin: 40px 40px 0 40px;
	}
	.logoCliente {
		width: 18%;
	}
	.peq {
		width: 16%;
	}
	#maxxium {
		display: none;
	}
	#smpc {
		display: none;
	}
	#wcgolf {
		display: none;
	}
	footer {
		margin-top: 2%;
	}
	.scroll {
		width: 40px;
		height: 40px;
		top: 10%;
		right: 6%;
	}
	.scroll::before {
		width: 12px;
		height: 12px;
	}
	.lineaVerdeDoble {
		margin-top: 4%;
	}
	.columna {
		width: 100%;
		columns: 2;
		column-gap: 1%;
		padding: 0 1%;
	}
	.caja {
		margin-bottom: 2%;
	}
	.caja h2 {
		font-size: 1.6em;
	}
	.caja h3 {
		font-size: 1.1em;
	}
	#gridProyecto {
		margin-top: 6%;
	}
	.grid-info {
		width: 80%;
		padding: 8% 0 10% 0;
	}
	.grid-fotos {
		width: 80%;
	}
	.nuevo-proyecto li {
		height: 170px;
	}
	.foto-nuevo-proyecto {
		top: -19px;
	}
	.info-oculta {
		padding: 10px 0;
		top: 166px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -60px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 104px;
	}
	#grid-sobre-mi {
		margin: 16% 0 5% 0;
	}
	#gridContacto {
		margin: 21% 0 5% 0;
	}
	#gridFaqs {
		padding: 10% 0 0 0;
	}
}

/*MOBILES LANDSCAPE*/
/*MOBILE iPHONE 8 PLUS LANDSCAPE*/
@media (max-width: 738px){
	#ventanaPopUp {
		width: 65%;
		padding: 45px 0;
		top: -275px;
	}
	#areas {
		width: 150%;
	}
	#areaMotion {
		right: 24px;
	}
	.menuBurger ul li {
		margin-bottom: 18%;
	}
	.menuBurger ul li a {
		font-size: 1.2em;
	}
	#redesMenu {
		padding-top: 10%;
	}
	#redesMenu a {
		font-size: 2.2em;	
	}
	.slider {
		height: 450px;
		margin-top: 28%;
	}
	.card {
		width: 50%;
		margin-bottom: 16%;
	}
	.clientes {
		height: 260px;
		margin-bottom: 10%;
		background-image: url(links/clientes02_L.jpg);
		background-size: 100%;
		background-position: center;
	}
	.autoplay {
		margin: 15px 40px 0 40px;
	}
	#redes {
		margin: 3% 0;
	}
	.fila-cuadrado:last-child {
		margin-top: 2px;
	}
	#graficos {
		padding: 3% 0 4% 0;
	}
	.col h2 {
		font-size: 1.8em;
	}
	.col h3 {
		font-size: 1em;
	}
	#gridContacto {
		margin: 19% 0 5% 0;
	}
	#gridFaqs {
		padding: 9% 0 0 0;
	}
}

/*MOBILE iPHONE X LANDSCAPE*/
@media (max-width: 737px){
	#ventanaPopUp {
		width: 74%;
		padding: 35px 0;
		top: -220px;
	}
	#areas {
		width: 152%;
	}
	#areaMotion {
		right: 24px;
	}
	#idiomas {
		width: 8%;
		flex-direction: column;
		top: 8px;
		right: -10px;
	}
	#idiomas h2 {
		font-size: 1em;
	}
	#es {
		display: none;
	}
	#redesMenu {
		padding-top: 8%;
	}
	.slider {
		margin-top: 18%;
		height: 500px;
	}
	#gridTitular h1 {
		font-size: 1.8em;
		padding-bottom: 0.2%;
	}
	#gridTitular h2 {
		width: 80%;
		font-size: 1.3em;
		padding-bottom: 3%;
	}
	.card {
		width: 50%;
	}
	.textoServicio p {
		width: 80%;
	}
	#grid-imagen {
		margin-top: 12%;
	}
	#grid-imagen li {
		height: 450px;
	}
	.colum-datos h1 {
		font-size: 1.1em;
	}
	.colum-datos h2 {
		font-size: 1.1em;
	}
	.grid-descripcion p {
		font-size: 1em;
		line-height: 1.5em;
	}
	.grid-proyectos {
		margin-top: 60px;
	}
	.nuevo-proyecto {
		width: 50%;
	}
	.nuevo-proyecto li {
		height: 210px;
	}
	.nuevo-proyecto img {
		width: 100%;
	}
	.foto-nuevo-proyecto {
		position: flex;
		top: -30px;
	}
	.info-oculta {
		padding: 7px 0;
		top: 148px;
		border: 1px solid #F6F6F6;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -30px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 148px;
	}
	#grid-sobre-mi {
		margin: 17% 0 5% 0;
	}
	.texto {
		text-align: justify;
	}
	.texto p {
		line-height: 1.6em;
	}
	.gridPregunta {
		width: 100%;
		padding: 0 0 40px 0;
		text-align: justify;
	}
	.gridPregunta p {
		font-size: 1em;
		line-height: 1.6em;
	}
}

/*MOBILE ANDROID (PIXEL 2) LANDSCAPE*/
@media (max-width: 686px){
	#ventanaPopUp {
		width: 74%;
		padding: 35px 0;
		top: -224px;
	}
	#logo {
		left: 35%;
	}
	#areas {
		width: 164%;
	}
	#areaMotion {
		right: 24px;
	}
	.slider {
		height: 400px;
		margin-top: 18%;
	}
	.textoServicio {
		padding-bottom: 40%;
	}
	.textoServicio p {
		width: 81%;
	}
	.foto-nuevo-proyecto {
		top: -24px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -24px;
	}
	#grid-sobre-mi {
		margin: 18% 0 5% 0;
	}
	#graficos {
		padding: 4% 0 5% 0;
	}
	.aumento {
		font-size: 4.5em;
	}
	.col h2 {
		font-size: 1.8em;
	}
	.col h3 {
		font-size: 1em;
	}
}

/*MOBILE iPHONE 6 LANDSCAPE*/
@media (max-width: 669px){
	#ventanaPopUp {
		width: 74%;
		padding: 35px 0;
		top: -255px;
	}
	#areas {
		width: 168%;
	}
	#redes {
		margin: 2% 0;
	}
	.grid-proyectos {
		margin-top: 50px;
	}
	.nuevo-proyecto {
		width: 50%;
	}
	.foto-nuevo-proyecto {
		top: -23px;
	}
	.info-oculta {
		top: 144px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -23px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 144px;
	}
	#boton-volver-proyectos {
		width: 23px;
	}
	.fila-cuadrado:last-child {
		margin-top: 3px;
	}
}

/*MOBILES PORTRAIT*/
/*MOBILE iPHONE 8 PLUS PORTRAIT*/
@media (max-width: 416px){
	#ventanaPopUp {
		width: 65%;
		padding: 40px 0;
		top: -235px;
	}
	#textoPopUp h3 {
		margin-bottom: 10%;
		line-height: 1em;
	}
	#lineaGris {
		width: 45%;
		padding: 0.5px 0;
		background-color: #494949;
	}
	.burger {
		width: 35px;
		top: 19px;
		left: 17px;
	}
	.menuBurger ul li {
		margin-bottom: 23%;
	}
	.menuBurger ul li a {
		font-size: 1.4em;
	}
	#redesMenu {
		padding-top: 25%;
	}
	#redesMenu a {
		font-size: 2.4em;	
	}
	#logo {
		width: 28%;
		margin-left: 14%;
		left: 18%;
	}
	#nombre h1 {
		font-size: 1.1em;
	}
	#areas {
		width: 156%;
	}
	#areas h1 {
		font-size: 0.8em;
	}
	#areaGrafico {
		left: 17px;
	}
	#areaWeb {
		left: 64px;
	}
	#areaMotion {
		right: 18px;
	}
	@keyframes animacionLogo {
		0% {padding: 1.2px 0;}
		5% {padding: 1.2px 0;}
		5.5% {padding: 0.7px 0;}
		6% {padding: 13px 0;}
		25% {padding: 13px 0;}
		25.5%{padding: 1.2px 0;}
		100% {padding: 1.2px 0;}
	}
	#idiomas {
		top: 5.5px;
	}
	#idiomas {
		right: 3px;
	}
	.fondoBlanco {
		padding: 38px 0;
	}
	.slider {
		margin: 28% 0 8% 0;
		height: 280px;
	}
	.containImg {
		width: 120%;
		margin-bottom: 0;
	}
	.containImg img {
		width: 100%;
	}
	#gridTitular h1 {
		font-size: 1.8em;
		padding-bottom: 0.2%;
	}
	#gridTitular h2 {
		width: 80%;
		font-size: 1.3em;
		padding-bottom: 4%;
	}
	.card {
		width: 100%;
	}
	.textoServicio {
		padding-bottom: 35%;
	}
	.textoServicio p {
		width: 85%;
		font-size: 1em;
		line-height: 1.5em;
	}
	.clientes {
		height: 260px;
		background-size: 128%;
		margin-bottom: 8%;
	}
	#titularCliente {
		margin-top: 6%;
	}
	.autoplay {
		width: 90%;
		margin: 22px 10px 0 10px;
	}
	.logoCliente {
		width: 30%;
	}
	.peq {
		width: 25%;
	}
	#avizor {
		display: none;
	}
	#visaid {
		display: none;
	}
	#redes {
		margin: 3% 0 6% 0;
	}
	#redes a {
		font-size: 2em;
		padding-right: 15px;
	}
	#textosFooter {
		margin-bottom: 4%;
	}
	.scroll {
		right: 3%;
	}
	.columna {
		columns: 1;
		padding: 14% 2% 10% 2%;
	}
	#gridProyecto {
		margin-top: 0;
	}
	#grid-imagen {
		margin-top: 27%;
	}
	#grid-imagen li {
		height: 300px;
	}
	#grid-imagen img {
		width: 120%;
	}
	.colum-datos {
		margin-bottom: 25px;
	}
	.colum-datos:last-child {
		margin-bottom: 45px;
	}
	.colum-datos h1 {
		font-size: 1.1em;
		margin-bottom: 0;
	}
	.colum-datos h2 {
		font-size: 1.1em;
	}
	.grid-datos {
		flex-direction: column;
	}
	.grid-fotos {
		width: 100%;
	}
	.grid-foto-height300 {
		width: 80%;
		padding-bottom: 10px;
		margin: 0 10%;
	}
	.nuevo-proyecto li {
		height: 190px;
	}
	.foto-nuevo-proyecto {
		top: -8px;
	}
	.info-oculta {
		top: 129px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -8px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 129px;
	}
	#boton-volver-proyectos {
		width: 24px;
	}
	.fila-cuadrado:last-child {
		margin-top: 2px;
	}
	#grid-sobre-mi {
		margin: 27% 0 5% 0;
	}
	#grid-foto-uno {
		display: block;
	}
	#grid-foto-dos {
		display: none;
	}
	#grid-foto-uno li {
		height: 300px;
	}
	#mi-foto-uno img {
		width: 120%;
		margin-bottom: 120px;
	}
	#sobreMiTitular {
		width: 100%;
		margin: 5% 0 0 0;
	}
	#sobreMiTitular h2 {
		font-size: 1.5em;
		line-height: 1.4em;
	}
	.linea-larga {
		margin: 8% 0;
	}
	.texto {
		text-align: left;
	}
	.texto p {
		font-size: 1.1em;
		line-height: 1.6em;
	}
	#graficos {
		padding: 3% 0;
		flex-direction: column;
	}
	.segundo p {
		margin-bottom: 15%;
	}
	.col {
		width: 70%;
		padding-bottom: 8%;		
	}
	#gridContacto {
		margin: 29% 0 5% 0;
	}
	#gridFaqs {
		padding: 15% 0 0 0;
	}
	#gridFormulario h2 {
		font-size: 1.4em;
	}
	#gridFaqs {
		padding: 15% 0 0 0;
	}
	.linea {
		margin-bottom: 9%;
	}
	.gridPregunta {
		width: 100%;
		padding: 0 0 40px 0;
		text-align: justify;
	}
	.gridPregunta p {
		font-size: 1em;
		line-height: 1.6em;
	}
}

/*MOBILE ANDROID (PIXEL 2) PORTRAIT*/
@media (max-width: 414px){
	#areas {
		width: 146%;
	}
	#grid-imagen {
		margin-top: 29%;
	}
}

/*MOBILE iPHONE X PORTRAIT*/
@media (max-width: 377px){
	#ventanaPopUp {
		width: 72%;
		padding: 40px 0;
		top: -250px;
	}
	#textoPopUp h3 {
		line-height: 1.2em;
	}
	.menuBurger ul li {
		margin-bottom: 22%;
	}
	.menuBurger ul li a {
		font-size: 1.3em;
	}
	#redesMenu a {
		font-size: 2.6em;	
	}
	#logo {
		left: 16%;
	}
	#areas {
		width: 161%;
	}
	.textoServicio {
		padding-bottom: 45%;
	}
	.foto-nuevo-proyecto {
		top: -1px;
	}
	.info-oculta {
		top: 129px;
	}
	.nuevo-proyecto:hover .foto-nuevo-proyecto {
		top: -1px;
	}
	.nuevo-proyecto:hover .info-oculta {
		top: 129px;
	}
	#gridFormulario h2 {
		font-size: 1.2em;
	}
}



/*MOBILE M*/
@media (max-width: 375px){

}
/*MOBILE S*/
@media (max-width: 320px){

}