/*onerom.css*/
html {
	scroll-behavior: smooth;
}

body {
    background-color: white;
    margin: 0;
    padding: 0;
    color: #222;
	font-family: 'Montserrat', sans-serif;
}

.loader {
    position: fixed;
    width: 100vw;
    height: 100%;
    z-index: 9999;
    background: url("img/loader-simple.svg") 50% 50% no-repeat rgb(255,255,255);
}

header {
	width: 100%;
	height: 40px;
	z-index: 5;
	position: fixed;
	background-color: rgba(0,0,0,.4);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	-webkit-box-shadow: 0 0 50px 0 #000;
	-moz-box-shadow: 	0 0 50px 0 #000;
	box-shadow: 		0 0 50px 0 #000;
	}	.caja-progreso {
		position: absolute;
		width: 100%;
		height: 40px;
		z-index: -1;
	}	.barra-progreso {
		background: rgba(0,0,0,.3);
		width: 0%;
		height: 100%;
	}	#logo {
			position: absolute;
			width: 25%;
			height: 100%;
			float: left;
			margin: 0;
			padding: 0;
		}	#logo a {
			float: left;
			font-weight: 300;
			font-size: 25px;
			color: white;
			text-decoration: none;
			margin: 2px 40%;
		}	#menuToggle input {
				visibility: hidden;
			}	#base-menu {
				width: 75%;
				height: 40px;
				float: right;
				text-align: right;
				margin: 0;
				padding: 0;
			}	#base-menu ul {
				display: inline-block;
				margin: 8px 10% 0 0;
			}	#base-menu ul li {
				display: block;
				float: left;
				padding: 2px 5px;
			}	#base-menu ul li a{
				font-size: 15px;
				color: white;
				text-decoration: none;
				padding: 2px 11px;
				transition: 0.5s;
				-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
			}	#base-menu ul li a:hover {
				background-color: rgba(34,34,34,.5);
			}

#base-menu ul li a.current {
  	background-color: rgba(34,34,34,.5);
}

#inicio {
	position: relative;
}	.foto-inicio {
		width: 100%;
		height: 100vh;		
	}	#inicio p {
			position: absolute;
			margin: 0;
			top: 40vh;
			font-size: 150px;
			text-align: center;
			width: 40%;
			font-family: 'Roboto', sans-serif;
			text-shadow: 0 1px 3px rgba(0,0,0,.15),
						 0 3px 5px rgba(0,0,0,.2),
						 0 5px 10px rgba(0,0,0,.25),
						 0 10px 15px rgba(0,0,0,.25),
						 0 20px 20px rgba(0,0,0,.2);
		}	#inicio #one {
				color: #414141;
			}	#inicio #rom {
					color: #ff6a5c;
					left: 60%;
				}

.encabezado-seccion {
	position: relative;
	width: 100%;
	height: 275px;
	float: left;
	text-align: center;
}	.titulo-seccion {
		width: 100%;
		height: 120px;
		display: table;
	}	.titulo-seccion h2 {
		font-weight: 300;
		font-size: 30px;
		display: table-cell;
		vertical-align: bottom;
	}	.separador {
			display: inline-flex;
			width: 125px;
			height: 50px;
			font-size: 30px;
			align-items: center;
		}	.separador:before,
			.separador:after {
			content: '';
			border-top: 4px dotted #888;
			margin: 0 5px;
			flex: 1;
			}	.contenido-seccion {
				position: relative;
				width: 800px;
				height: 75px;
				display: table;
				margin: auto;
			}	.contenido-seccion p {
				font-size: 15px;
				color: #888;
				display: table-cell;
				vertical-align: top;
			}	

#acerca {
	position: relative;
	height: auto;
	width: 100%;
	padding-bottom: 75px;
}	.base-universo {
	width: 100%;
	height: auto;
	margin: auto;
}	.universo {
	width: 90%;
	object-fit: scale-down;
	margin: 0 5%;
}

#digital {
	background-color: #f5f5f5;
	position: relative;
	width: 100%;
	padding-bottom: 100px;
}	.grupo-programas {
		position: relative;
		width: 100%;
		display: grid;
		justify-content: center;
		align-items: center;
		grid-template-columns: auto auto auto;
		grid-template-rows: auto;
	}	.caja-programas {
			display: inline-block;
			width: 300px;
			height: 250px;
			-webkit-border-radius: 7.5px;
			-moz-border-radius: 7.5px;
			border-radius: 7.5px;
			-webkit-box-shadow: 0 0 25px 0 #ddd;
			-moz-box-shadow: 	0 0 25px 0 #ddd;
			box-shadow: 		0 0 25px 0 #ddd;
			margin: 15px;
		}	.icono-programas {
				display: flex;
				height: 70px;
				margin: 30px auto 20px;
				transition: 0.25s;
			}	.icono-programas:hover {
				transform: scale(1.2);
			}	.titulo-programas h3 {
				height: 30px;
				font-weight: 300;
				font-size: 20px;
				text-align: center;
				margin: 10px auto;
			}	.contenido-programas p {
				width: 250px;
				text-align: center;
				font-size: 15px;
				color: #888;
				margin: auto;
			}

#experiencia {
	height: 400px;
	width: 100%;
}	.fondo-experiencia {
	position: absolute;
	width: 100%;
	height: inherit;
	object-fit: cover;
	-webkit-filter: brightness(.2);
	filter: brightness(.2);
}	.grupo-experiencia {
		position: relative;
		width: 100%;
		height: 100%;	
		display: grid;
		justify-content: center;
		align-items: center;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
	}	.caja-experiencia {
			display: inline-block;
			width: 320px;
			height: 200px;
			border: 2px dotted white;
			-webkit-border-radius: 7.5px;
			-moz-border-radius: 7.5px;
			border-radius: 7.5px;
			margin: 30px;
		}	.icono-experiencia {
				display: flex;
				height: 75px;
				margin: 15px auto;
				transition: 0.25s;
			}	.icono-experiencia:hover {
				transform: scale(1.2);
			}	.titulo-experiencia h3 {
				height: 30px;
				font-weight: 300;
				font-size: 40px;
				text-align: center;
				color: white;
				margin: auto;
			}	.contenido-experiencia p {
				text-align: center;
				font-size: 15px;
				color: #ccc;
				margin: 20px auto;
			}

#formacion {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 120px;
}	#lista-formacion {
	display: flex;
	width: 720px;
	-webkit-border-radius: 7.5px;
	-moz-border-radius: 7.5px;
	border-radius: 7.5px;
	-webkit-box-shadow: inset 0 0 25px 0 #ddd;
	-moz-box-shadow: 	inset 0 0 25px 0 #ddd;
	box-shadow: 		inset 0 0 25px 0 #ddd;
	margin: auto;
} 	.contenido-formacion {
	list-style: none;
	float: left;
	margin: 30px 10px;
}	.contenido-formacion li {
	position: relative;
}	.contenido-formacion li:before {
	position: absolute;
	content: '●';
	font-size: 46px;
	margin: 0 -5px;
}	.contenido-formacion li:after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	border-left: 1px solid #ccc;
	margin-left: 8px;
	height: 160%;
	z-index: -1;
}	.contenido-formacion li:first-of-type:after {
	top: 25px;
}	.contenido-formacion li:last-of-type:after {
	top: -100px;
}	.contenido-formacion li h2 {
		position: relative;
		font-size: 15px;
		font-weight: 300;
		margin: 5px 0;
		padding: 22px 0 0;
	}	.contenido-formacion li h2:before {
		content: '';
		margin-right: 40px;
	}	.contenido-formacion li h3 {
			font-size: 20px;
			font-weight: 300;
			margin: 0;
		}	.contenido-formacion li h3:before {
			content: '';
			margin-right: 40px;
		}	.contenido-formacion li p {
				font-size: 15px;
				color: #888;
				margin: 0 0 25px;
			}	.contenido-formacion li p:before {
				content: '';
				margin-right: 40px;
			}

.encabezado-seccion-dark {
	position: relative;
	width: 100%;
	height: 275px;
	float: left;
	text-align: center;
	color: white;
}	.titulo-seccion-dark {
		width: 100%;
		height: 120px;
		display: table;
	}	.titulo-seccion-dark h2 {
		font-weight: 300;
		font-size: 30px;
		display: table-cell;
		vertical-align: bottom;
	}	.separador-dark {
			display: inline-flex;
			width: 125px;
			height: 50px;
			font-size: 30px;
			align-items: center;
		}	.separador-dark:before,
			.separador-dark:after {
			content: '';
			border-top: 4px dotted #ccc;
			margin: 0 5px;
			flex: 1;
			}	.contenido-seccion-dark {
				position: relative;
				width: 800px;
				height: 75px;
				display: table;
				margin: auto;
			}	.contenido-seccion-dark p {
				font-size: 15px;
				color: #ccc;
				display: table-cell;
				vertical-align: top;
			}	

#ods {
	height: 550px;
	width: 100%;
}	.fondo-ods {
	position: absolute;
	width: 100%;
	height: inherit;
	object-fit: cover;
	-webkit-filter: brightness(.2);
	filter: brightness(.2);
}	.grupo-ods {
		position: relative;
		display: grid;
		grid-template-columns: auto auto auto auto auto;
		grid-template-rows: auto;
		width: 100%;
		justify-content: center;
	}	.icono-ods {
		width: 170px;
		height: 170px;
		background-size: cover;
		border: 2px solid white;
		-webkit-border-radius: 7.5px;
		-moz-border-radius: 7.5px;
		border-radius: 7.5px;
		transition: 0.5s;
		margin: 15px;
		}	#energia {
			background-image: url("img/ods-energia-transparente.png");
		}	#energia:hover {
			background-image: url("img/ods-energia.png");
		}	#trabajo {
			background-image: url("img/ods-trabajo-transparente.png");
		}	#trabajo:hover {
			background-image: url("img/ods-trabajo.png");
		}	#innovacion {
			background-image: url("img/ods-innovacion-transparente.png");
		}	#innovacion:hover {
			background-image: url("img/ods-innovacion.png");
		}	#ciudades {
			background-image: url("img/ods-ciudades-transparente.png");
		}	#ciudades:hover {
			background-image: url("img/ods-ciudades.png");
		}	#produccion {
			background-image: url("img/ods-produccion-transparente.png");
		}	#produccion:hover {
			background-image: url("img/ods-produccion.png");
			}	#energia:hover,
				#trabajo:hover,
				#innovacion:hover,
				#ciudades:hover,
				#produccion:hover {
				cursor: pointer;
				cursor: hand;
				}

#servicios {
	background-color: #f5f5f5;
	width: 100%;
	height: auto;
}	.seccion-servicios {
		position: relative;
		width: 100%;
		height: auto;
		display: grid;
		justify-content: center;
		align-items: center;
		grid-template-columns: auto;
		grid-template-rows: auto auto auto auto auto;
		padding-bottom: 75px;
	}	.grupo-servicios {
		width: 850px;
		height: 200px;
		-webkit-border-radius: 7.5px;
		-moz-border-radius: 7.5px;
		border-radius: 7.5px;
		-webkit-box-shadow: 0 0 50px 0 #ddd;
		-moz-box-shadow: 	0 0 50px 0 #ddd;
		box-shadow: 		0 0 50px 0 #ddd;
		margin: 25px;
	}	.caja-icono-servicios {
			position: relative;
			width: 130px;
			height: 130px;
			float: left;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			-webkit-box-shadow: inset 0 0 25px 0 #ddd;
			-moz-box-shadow: 	inset 0 0 25px 0 #ddd;
			box-shadow: 		inset 0 0 25px 0 #ddd;
			margin: 35px;
		}	.icono-servicios {
			display: flex;
			height: 90px;
			margin: 20px auto;
			transition: 0.25s;
		}	.icono-servicios:hover {
				transform: scale(.85);
		}	.titulo-servicios h3 {
				position: relative;
				width: 600px;
				float: left;
				font-weight: 300;
				font-size: 25px;
				border-bottom: 4px dotted #ddd;
				margin: 45px 0 5px;
				padding: 0 0 5px;
			}	.contenido-servicios p {
				position: relative;
				width: 600px;
				float: left;
				font-size: 15px;
				color: #888;
				margin: auto;
			}	.link-cev {
					background-color: #aaa;
					position: relative;
					float: right;
					-webkit-border-radius: 50px;
					-moz-border-radius: 50px;
					border-radius: 50px;
					font-size: 14px;
					font-weight: 300;
					color: white;
					margin: 15px 50px;
					padding: 3px 12px;
					transition: 0.5s;
				}	.link-cev:hover {
					background-color: #222;
					cursor: pointer;
					cursor: hand;
				}

/*#co-work {
	background-color: #f5f5f5;
	width: 100%;
	height: 800px;
}	.carrusel {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}	.slider {
		width: 900px;
	}	.slick-slider {
		position: relative;
	}	.slick-list {
		overflow: hidden;
	}	.slick-slide {
		width: 100%;
		height: 400px;
		float: left;
	}	.slider img {
			height: 100px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 20px auto;
		}	.slider h3 {
			height: auto;
			font-size: 25px;
			text-align: center;
			margin: 50px 0 10px;
		}	.slider h4 {
			text-align: center;
			font-size: 15px;
			color: #888;
			margin: auto;
		}	.slider p {
			width: 550px;
			text-align: center;
			font-size: 15px;
			margin: 50px auto 0;
		}*/
/*FLECHAS
.slick-prev,
.slick-next {
	visibility: hidden; /*Oculta Flechas
	display: block;
	position: absolute;
	top: 390px;
	width: 40px;
	height: 40px;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	cursor: hand;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
		color: transparent;
		outline: none;
		background: transparent;
	}	.slick-prev:hover:before,
		.slick-prev:focus:before,
		.slick-next:hover:before,
		.slick-next:focus:before {
		opacity: 1;
	}	.slick-prev:before,
		.slick-next:before {
		color: #222;
		font-size: 25px;
		line-height: 1;
		opacity: .5;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: .5s;
	}	.slick-prev {
			left: -45px;
		}	[dir='rtl'] .slick-prev {
			right: -45px;
		}	.slick-prev:before {
			content: '◀';
		}	[dir='rtl'] .slick-prev:before {
			content: '▶';
		}	.slick-next {
				right: -45px;
			}	[dir='rtl'] .slick-next {
				right: auto;
				left: -45px;
			}	.slick-next:before {
				content: '▶';
			}	[dir='rtl'] .slick-next:before {
				content: '◀';
			}*/
/*INDICADORES
.slick-dots	{
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}	.slick-dots li {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 10px;
	cursor: pointer;
	cursor: hand;
	padding: 0;
	margin: -5px;
}	.slick-dots li button {
	visibility: hidden;
	background: transparent;
	color: transparent;
	font-size: 10px;
	border: 0;
	cursor: pointer;
	cursor: hand;
}	.slick-dots li button:hover,
	.slick-dots li button:focus {
		outline: none;
	}	.slick-dots li button:hover:before,
		.slick-dots li button:focus:before {
		visibility: visible;
		content: '●';
		color: #222;
	}	.slick-dots li button:before {
		visibility: visible;
		content: '○';
		color: #222;
	}	.slick-dots li.slick-active button:before {
		visibility: visible;
		content: '●';
		font-size: 12px;
		color: #222;
	}*/

#contacto{
	position: relative;
	width: 100%;
	height: 100vh;
}	.fondo-contacto {
	position: absolute;
	width: 100%;
	height: inherit;
	object-fit: cover;
	-webkit-filter: brightness(.6);
	filter: brightness(.6);
}	.texto-contacto {
		position: absolute;
		width: 100%;
	}	.caja-contacto {
		width: 60%;
		margin: 0 auto;
	}	.titulo-contacto {
			height: 250px;
			display: table;
		}	.titulo-contacto h2 {
			color: white;
			font-size: 100px;
			font-weight: 300;
			font-family: 'Roboto', sans-serif;
			text-shadow: 0 1px 3px rgba(0,0,0,.15),
						 0 3px 5px rgba(0,0,0,.2),
						 0 5px 10px rgba(0,0,0,.25),
						 0 10px 15px rgba(0,0,0,.25),
						 0 20px 20px rgba(0,0,0,.2);
			display: table-cell;
			vertical-align: bottom;
			margin: 0;
		}

#contacto footer {
	position: sticky;
    position: -webkit-sticky;
	width: 100%;
	height: 300px;
	float: left;
	top: -webkit-calc(100% - 300px);
    top:    -moz-calc(100% - 300px);
    top:         calc(100% - 300px);
	background-color: rgba(25,25,25,.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
}	

.grupo-contacto {
		position: absolute;
		width: 100%;
		height: 250px;
		display: grid;
		justify-content: center;
		align-items: center;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		z-index: 9;
	}	.caja-contacto-footer {
			display: block;
			width: 250px;
			background-color: rgba(50,50,50,.5);
			-webkit-border-radius: 7.5px;
			-moz-border-radius: 7.5px;
			border-radius: 7.5px;
			-webkit-box-shadow: 0 0 50px 0 #000;
			-moz-box-shadow: 	0 0 50px 0 #000;
			box-shadow: 		0 0 50px 0 #000;
			margin: 40px;
		}	.icono-contacto {
				display: flex;
				height: 35px;
				margin: 20px auto;
				transition: 0.25s;
			}	.icono-contacto:hover {
				transform: scale(1.2);
			}	.titulo-contacto-footer h3 {
				height: 30px;
				font-size: 17px;
				font-weight: 300;
				text-align: center;
				color: white;
				text-decoration: none;
				margin: 10px auto;
			}

.borde-copyright {
	background-color: rgba(0,0,0,.4);
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
}	.copyright {
	height: 100%;
	display: table;
	margin: auto;
}	.copyright p {
	display: table-cell;
	vertical-align: middle;
	color: #aaa;
	font-size: 15px;
	margin: 0;
}

/*TABLET*/
@media screen and (max-width: 1024px) {
/*HEADER*/	
	#logo {width: 50%;}
	#logo a {margin: 2px 25px;
	}
	#menuToggle {
		position: absolute;
		height: 30px;
		width: 20px;
		right: 25px;
		z-index: 9;
		-webkit-user-select: none;
		user-select: none;
		margin: -5px 0;
		padding: 5px 0;
	}	#menuToggle span {
			position: absolute;
			width: 20px;
			height: 3px;
			border-radius: 5px;
			z-index: 1;
			background-color: white;
			transition: 1s ease;
			margin: 17px 0 0;
		}	#menuToggle span:first-child {
			transform-origin: 50% 50%;
			transform: rotate(0deg);
		}	#menuToggle span:nth-last-child(2) {
			transform-origin: 50% 50%;
			transform: rotate(90deg);
		}	#menuToggle input {
				position: absolute;
				visibility: visible;
				width: 20px;
				height: 20px;
				cursor: pointer;
				cursor: hand;
				opacity: 0;
				z-index: 9;
				-webkit-touch-callout: none;
				margin: 10px 0;
			}	#menuToggle input:checked ~ span {
				transition: 1s ease;
				background-color: #FF6A5C;
				transform-origin: 50% 50%;
				transform: rotate(315deg);
			}	#menuToggle input:checked ~ span:nth-last-child(2) {
				transform-origin: 50% 50%;
				transform: rotate(405deg);
			}	#menuToggle input:checked ~ #base-menu {
				transform: translate(-100%, 0%);
			}	#base-menu {
					position: absolute;
					width: 150px;
					height: 100vh;
					background-color: rgba(0,0,0,.85);
					backdrop-filter: blur(10px);
					-webkit-backdrop-filter: blur(10px);
					-moz-filter: blur(10px);
					-ms-filter: blur(10px);
					-o-filter: blur(10px);
					padding: 40px 0;
					margin: 0 45px;
					transition: transform .5s ease;
				}	#base-menu ul {
					margin: 0;
					padding: 0;
				}	#base-menu ul li {
					width: 100%;
					float: right;
					padding: 15px 25px;
					margin: 0 auto;
				}	#base-menu ul li a{
					padding: 0;
				}	

/*INICIO*/
	#inicio p {
		top: 35vh;
		width: 35%;
	}	#inicio #rom {
			left: 65%;
		}

/*ENCABEZADO SECCIÓN*/
	.contenido-seccion,
	.contenido-seccion-dark {
		width: 700px;
	}	
	
/*DIGITAL*/
	.grupo-programas {
		grid-template-columns: auto auto;
		grid-template-rows: auto;
	}	.caja-programas {
		margin: 25px;
	}	.icono-programas:hover {
		transform: none;
	}

/*EXPERIENCIA*/
	#experiencia {
		height: 350px;
	}	.caja-experiencia {
			display: inline-block;
			width: 300px;
			height: 160px;
			margin: 40px;
		}	.icono-experiencia {
				display: flex;
				height: 70px;
				margin: 5px auto;
			}	.icono-experiencia:hover {
				transform: none;
			}	.titulo-experiencia h3 {
					height: 20px;
					font-size: 35px;
				}
	
/*FORMACIÓN*/
	#formacion {
	padding-bottom: 100px;
}	#lista-formacion {
	width: 650px;
} 	.contenido-formacion {
	margin: 20px 10px;
}	.contenido-formacion li:before {
	font-size: 40px;
	margin: 0 -3.5px;
}	.contenido-formacion li:after {
	margin-left: 8px;
}	.contenido-formacion li:last-of-type:after {
	top: -110px;
}	.contenido-formacion li h2 {
		font-size: 14px;
		padding: 18px 0 0;
	}	.contenido-formacion li h3 {
			font-size: 18px;
	
	}
	
	
/*ODS*/	
	.icono-ods {
	width: 140px;
	height: 140px;
	}	#energia:hover {
		background-image: url("img/ods-energia-transparente.png");
	}	#trabajo:hover {
		background-image: url("img/ods-trabajo-transparente.png");
	}	#innovacion:hover {
		background-image: url("img/ods-innovacion-transparente.png");
	}	#ciudades:hover {
		background-image: url("img/ods-ciudades-transparente.png");
	}	#produccion:hover {
		background-image: url("img/ods-produccion-transparente.png");
	}

/*SERVICIOS*/
	.seccion-servicios {
		padding-bottom: 75px;
	}	.grupo-servicios {
		width: 720px;
	}	.icono-servicios {
			height: 80px;
			margin: 25px auto;
		}	.icono-servicios:hover {
				transform: none;
		}	.titulo-servicios h3 {
				position: relative;
				width: 480px;
				font-size: 22px;
				border-bottom: 4px dotted #ddd;
				margin: 40px 0 5px;
			}	.contenido-servicios p {
				width: 480px;
				font-size: 14px;
			}	.link-cev {
					margin: 0 50px;
				}	.link-cev:hover {
					background-color: #aaa;
				}

/*CONTACTO*/
	.texto-contacto {
		position: absolute;
		width: 100%;
	}	.caja-contacto {
		width: 75%;
	}	.titulo-contacto {
			height: 180px;
		}	.titulo-contacto h2 {
			font-size: 80px;
		}

	#contacto footer {
		position: absolute;
		height: 225px;
		top: auto;
		bottom: 0;
	}	.grupo-contacto {
			height: 175px;
		}	.caja-contacto-footer {
				width: 225px;
				margin: auto 25px;
			}	.icono-contacto {
					display: flex;
					height: 30px;
					margin: 15px auto;
				}	.icono-contacto:hover {
					transform: none;
				}	.titulo-contacto-footer h3 {
						font-size: 16px;
						margin: 5px auto;
					}
	
	.borde-copyright {
		height: 50px;
	}	.copyright p {
		font-size: 14px;
	}
}

/*IPAD PRO VERTICAL*/
@media (max-width: 1024px) and (min-height: 1366px) {
/*INICIO*/
	.foto-inicio {
		position: relative;
		width: 200%;
 		transform: translate(-50%);
	}	#inicio p {
			font-size: 260px;
		}	#inicio #one {
				width: 50%;
				top: 30vh;
				right: 0;
				text-align: left;
				}	#inicio #rom {
					width: 50%;
					top: 45vh;
					left: 50%;
					text-align: left;
				}

	/*CONTACTO*/
	.titulo-contacto {
		height: 250px;
	}	.titulo-contacto h2 {
			font-size: 120px;
		}

	#contacto footer {
		height: 250px;
	}	.grupo-contacto {
			height: 190px;
		}	.caja-contacto-footer {
				width: 250px;
			}	.icono-contacto {
					height: 35px;
				}	.titulo-contacto-footer h3 {
						font-size: 18px;
					}
	
	.borde-copyright {
		height: 60px;
	}
}

/*CELULAR MÁS LARGO*/
@media screen and (max-width: 896px) {
	#inicio p {
		top: 35vh;
		width: 35%;
		font-size: 120px;
	}	#inicio #rom {
			left: 65%;
		}

/*ENCABEZADO SECCIÓN*/
	.contenido-seccion,
	.contenido-seccion-dark {
		width: 700px;
	}	.titulo-seccion h2,
		.titulo-seccion-dark h2 {
			font-size: 26px;
		}	
	
/*DIGITAL*/
	#digital {
		padding-bottom: 75px;
	}	.grupo-programas {
		grid-template-columns: auto auto;
		grid-template-rows: auto;
	}	.caja-programas {
			width: 280px;
			height: 220px;
			margin: 20px;
		}	.icono-programas {
				height: 60px;
				margin: 25px auto 20px;
			}	.icono-programas:hover {
				transform: none;
			}	.titulo-programas h3 {
				font-size: 20px;
				margin: 5px auto;
			}	.contenido-programas p {
				font-size: 14px;
			}

/*EXPERIENCIA*/
	#experiencia {
		height: 300px;
	}	.caja-experiencia {
			width: 250px;
			height: 140px;
		}	.icono-experiencia {
				height: 60px;
				margin: 5px auto;
			}	.icono-experiencia:hover {
				transform: none;
			}	.titulo-experiencia h3 {
				height: 30px;
				font-size: 30px;
			}	.contenido-experiencia p {
				font-size: 14px;
				margin: 8px auto;
			}
	
/*FORMACIÓN*/
	#lista-formacion {
	width: 580px;
} 	.contenido-formacion {
	margin: 20px 0px;
}	.contenido-formacion li:before {
	font-size: 30px;
	margin: 5px 0;
}	.contenido-formacion li:after {
	margin-left: 8px;
}	.contenido-formacion li:last-of-type:after {
	top: -100px;
}	.contenido-formacion li h2 {
		font-size: 14px;
		padding: 18px 0 0;
	}	.contenido-formacion li h3 {
			font-size: 16px;
		}	.contenido-formacion li p {
				font-size: 12px;
				margin: 0 0 15px;
	}

/*ODS*/
	#ods {
	height: 500px;
	}	.icono-ods {
	width: 110px;
	height: 110px;
	}
/*SERVICIOS*/
	.grupo-servicios {
		width: 660px;
		height: 160px;
	}	.caja-icono-servicios {
		width: 110px;
		height: 110px;
		margin: 25px;
		}
	.icono-servicios {
			height: 60px;
			margin: 25px auto;
		}	.titulo-servicios h3 {
				width: 460px;
				margin: 30px 0 5px;
			}	.contenido-servicios p {
				width: 460px;
				font-size: 12px;
			}	.link-cev {
					margin: 15px 40px;
				}	
}

/*IPAD*/
@media screen and (max-width: 768px) {
	/*ENCABEZADO SECCIÓN*/
	.encabezado-seccion,
	.encabezado-seccion-dark {
		position: relative;
		width: 100%;
		height: 220px;
	}	.contenido-seccion,
		.contenido-seccion-dark {
			width: 600px;
		}	.titulo-seccion,
			.titulo-seccion-dark {
				height: 80px;
			}
	/*ACERCA*/
	#acerca {
		padding-bottom: 40px;
	}
	/*DIGITAL*/
	.grupo-programas {
		grid-template-columns: auto auto;
		grid-template-rows: auto;
	}	.caja-programas {
			width: 240px;
			height: 190px;
		}	.icono-programas {
				height: 50px;
				margin: 25px auto 15px;
			}	.titulo-programas h3 {
				font-size: 18px;
			}	.contenido-programas p {
				width: 200px;
				font-size: 12px;
			}
	/*EXPERIENCIA*/
	#experiencia {
		height: 220px;
	}	.caja-experiencia {
			width: 220px;
			height: 120px;
		}	.icono-experiencia {
				height: 50px;
			}	.titulo-experiencia h3 {
				height: 25px;
				font-size: 25px;
			}	.contenido-experiencia p {
				font-size: 12px;
			}
	/*ODS*/
	#ods {
		height: 380px;
		}	.icono-ods {
		width: 90px;
		height: 90px;	
		}
	/*SERVICIOS*/
	.grupo-servicios {
		width: 580px;
	}	.titulo-servicios h3 {
			width: 380px;
			font-size: 20px;
		}	.contenido-servicios p {
				width: 380px;
			}	.link-cev {
					margin: 0 40px;
				}

}

/*IPAD VERTICAL*/
@media (max-width: 768px) and (min-height: 1024px) {
	.foto-inicio {
		position: relative;
		width: 200%;
 		transform: translate(-50%);
	}	#inicio p {
			font-size: 200px;
		}	#inicio #one {
				width: 50%;
				top: 30vh;
				right: 0;
				text-align: left;
				}	#inicio #rom {
					width: 50%;
					top: 45vh;
					left: 50%;
					text-align: left;
				}
}

/*IPHONE 6, 7 Y 8 - LARGO PROMEDIO*/
@media screen and (max-width: 667px) {
	/*INICIO*/
	#inicio p {
		font-size: 100px;
	}
	/*ENCABEZADO SECCIÓN*/
	.contenido-seccion,
	.contenido-seccion-dark {
		width: 500px;
	}
	/*DIGITAL*/
	#digital {
		padding-bottom: 50px;
	} .caja-programas {
		margin: 15px;
	}
		/*EXPERIENCIA*/
	.caja-experiencia {
		margin: 25px;
	}
	/*FORMACIÓN*/
	#formacion {
		padding-bottom: 75px;
	}
	#lista-formacion {
	width: 500px;
} 	.contenido-formacion {
	margin: 15px -15px;
}	.contenido-formacion li h2 {
		font-size: 12px;
	}	.contenido-formacion li h3 {
			font-size: 14px;
		}	.contenido-formacion li p {
				font-size: 10px;
			}
	/*ODS*/
	#ods {
		height: 380px;
	}	.icono-ods {
			margin: 10px	
		}
	/*SERVICIOS*/
	.seccion-servicios {
		padding-bottom: 50px;
	} .grupo-servicios {
		width: 520px;
		height: 140px;
		margin: 20px;
	}	.caja-icono-servicios {
			width: 90px;
			height: 90px;
		}	.icono-servicios {
			height: 50px;
			margin: 20px auto;
		}	.titulo-servicios h3 {
				width: 350px;
				font-size: 18px;
				margin: 25px 0 5px;
			}	.contenido-servicios p {
					width: 350px;
					font-size: 10px;
				}	.link-cev {
						font-size: 12px;
						margin: 0px 30px;
					}
}

/*CELULAR APAISADO GAMA ALTA*/
@media screen and (max-height: 500px) {
	/*CONTACTO*/
	.texto-contacto {
		width: 50%;
	}	.caja-contacto {
		width: 50%;
	}	.titulo-contacto {
			height: 140px;
		}	.titulo-contacto h2 {
			font-size: 70px;
		}
	#contacto footer {
		height: 140px;
	}	.grupo-contacto {
			height: 120px;
		}	.caja-contacto-footer {
				width: 200px;
				margin: auto 20px;
			}	.icono-contacto {
					height: 25px;
					margin: 10px auto;
				}	.titulo-contacto-footer h3 {
						font-size: 14px;
						margin: 0px auto;
					}
	.borde-copyright {
		height: 20px;
		}	.copyright p {
			font-size: 10px;
		}
	}

/*CELULAR APAISADO GAMA BAJA*/
@media screen and (max-height: 375px) {
	/*CONTACTO*/
	.titulo-contacto {
		height: 120px;
	}	.titulo-contacto h2 {
			font-size: 60px;
		}
	#contacto footer {
		height: 110px;
	}	.grupo-contacto {
			height: 90px;
		}	.caja-contacto-footer {
				width: 160px;
				height: 60px;
			}	.icono-contacto {
					height: 20px;
					margin: 8px auto;
				}	.titulo-contacto-footer h3 {
						font-size: 12px;
					}
	}

/*IPHONE SE - CELULAR MENOS LARGO*/
@media screen and (max-width: 568px) {
}

/*CELULAR MÁS ANCHO*/
@media screen and (max-width: 480px) {
	/*INICIO*/
	.foto-inicio {
		position: relative;
		width: 200%;
 		transform: translate(-50%);
	}	#inicio p {
			font-size: 120px;
		}	#inicio #one {
				width: 90%;
				top: 30vh;
				left: 5%;
				text-align: right;
				}	#inicio #rom {
					width: 90%;
					top: 40vh;
					left: 5%;
					text-align: right;
				}
	/*ENCABEZADO SECCIÓN BLANCA*/
	.encabezado-seccion {
	height: 400px;
}	.titulo-seccion {
		height: 170px;
	}	.titulo-seccion h2 {
		font-size: 42px;
		text-align: left;
		padding: 0 10%;
	}	.separador {
		visibility: hidden;
			}	.contenido-seccion {
				width: 80%;
				text-align: left;
			}	.contenido-seccion p {
				font-size: 20px;
			}
	/*ACERCA*/
	#acerca {
	overflow: hidden;
	}
	.base-universo {
	width: 100%;
	overflow-x: scroll
	}	/* Hide scrollbar for Chrome, Safari and Opera */
		.base-universo::-webkit-scrollbar {
			display: none;
		}
		/* Hide scrollbar for IE, Edge and Firefox */
		.base-universo {
			-ms-overflow-style: none;  /* IE and Edge */
			scrollbar-width: none;  /* Firefox */
		}	.universo {
				width: 200%;
				margin: 0;
			}
	/*DIGITAL*/
	#digital {
		padding-bottom: 50px;
	}	.grupo-programas {
		grid-template-columns: auto;
		}	.caja-programas {
				display: inline-block;
				width: 320px;
				height: 250px;
				margin: 30px;
			}	.icono-programas {
					height: 70px;
					margin: 30px auto 20px;
				}	.icono-programas:hover {
					transform: none;
				}	.titulo-programas h3 {
					font-size: 20px;
					margin: 10px auto;
				}	.contenido-programas p {
					width: 250px;
					font-size: 15px;
		}
	/*EXPERIENCIA*/
	#experiencia {
	height: 600px;
}	.grupo-experiencia {
		grid-template-columns: auto;
		grid-template-rows: 300px 220px;
		padding: 20px 0;
	}	.caja-experiencia {
			display: inline-block;
			width: 320px;
			height: 190px;
		}	.icono-experiencia {
				height: 75px;
				margin: 10px auto;
			}	.icono-experiencia:hover {
				transform: none;
			}	.titulo-experiencia h3 {
				height: 30px;
				font-size: 40px;
			}	.contenido-experiencia p {
				font-size: 15px;
				margin: 20px;
			}
	/*FORMACIÓN*/
	#formacion {
		padding-bottom: 80px;
	}	#lista-formacion {
		width: 400px;
	} 	.contenido-formacion {
			margin: 20px 0;
		}	.contenido-formacion li:before {
			font-size: 36px;
			margin: 0 -2px;
		}	.contenido-formacion li:after {
			height: 140%;
		}	.contenido-formacion li h2 {
				font-size: 15px;
				padding: 16px 0 0;
			}	.contenido-formacion li h3 {
					width: 290px;
					font-size: 17px;
					margin: 0 0 0 40px;
				}	.contenido-formacion li h3:before {
					margin-right: 0;
				}	.contenido-formacion li p {
						font-size: 15px;
						margin: 0 0 25px;
					}
	/*ENCABEZADO SECCIÓN DARK*/
	.encabezado-seccion-dark {
	height: 400px;
}	.titulo-seccion-dark {
		height: 170px;
	}	.titulo-seccion-dark h2 {
		font-size: 42px;
		text-align: left;
		padding: 0 10%;
	}	.separador-dark {
		visibility: hidden;
			}	.contenido-seccion-dark {
				width: 80%;
				text-align: left;
			}	.contenido-seccion-dark p {
				font-size: 20px;
			}
	/*ODS*/
	#ods {
		height: 950px;
		width: 100%;
	}	.grupo-ods {
			display: grid;
			grid-template-columns: repeat(5, 70px);/**/
			grid-template-rows: repeat(7, 70px);
			grid-template-areas: 
			"a a a x x"
    		"a a a b b"
			"a a a b b"
    		"c c d d d"
			"c c d d d"
			"e e d d d"
			"e e y y y";
			}	#energia {
  				grid-area: a;
				}	#trabajo {
				grid-area: b;
				}	#innovacion {
				grid-area: c;
				}	#ciudades {
				grid-area: d;
				}	#produccion {
				grid-area: e;
				}
	.icono-ods {
		width: auto;
		height: auto;
		margin: 15px;
	}	#energia:hover,
		#trabajo:hover,
		#innovacion:hover,
		#ciudades:hover,
		#produccion:hover {
			cursor: auto;
		}
	/*SERVICIOS*/
	.seccion-servicios {
		grid-template-columns: 100%;
	}	.grupo-servicios {
		width: 100%;
		height: 340px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: 0 0;
		-moz-box-shadow: 	0 0;
		box-shadow: 		0 0;
		margin: 0;
	}	.caja-icono-servicios {
			width: 25vw;
			height: 25vw;
			margin: 5vw 5vw 0 10vw;
		}	.icono-servicios {
			height: 15vw;
			margin: 5vw auto;
		}	.icono-servicios:hover {
				transform: none;
		}	.titulo-servicios h3 {
				width: 50vw;
				font-size: 30px;
				margin: 40px 0 5px;
			}	.contenido-servicios p {
				width: 50vw;
				font-size: 18px;
			}	.link-cev {
					width: 30vw;
					float: left;
					font-size: 18px;
					text-align: center;
					margin: 20px 40vw;
					padding: 3px 12px;
				}	.link-cev:hover {
					background-color: #aaa;
					cursor: auto;
				}
	/*CONTACTO*/
	.texto-contacto {
		width: 80vw;
	}	.caja-contacto {
		width: 100%;
		margin: 0 10vw;
	}	.titulo-contacto h2 {
		font-size: 70px;
		}
	#contacto footer {
	height: 300px;
	}	.grupo-contacto {
			height: 220px;
		}	.caja-contacto-footer {
			width: 180px;
			margin: 20px;
		}	.icono-contacto {
				height: 35px;
				margin: 20px auto;
			}	.icono-contacto:hover {
				transform: none;
			}	.titulo-contacto-footer h3 {
				height: 30px;
				font-size: 14px;
				margin: 10px auto;
			}
	.borde-copyright {
		height: 80px;
	}	.copyright p {
			font-size: 15px;
		}
	}

/*IPHONE 6, 7 Y 8 PLUS - ANCHO PROMEDIO*/
@media screen and (max-width: 414px) {
	/*INICIO*/
	#inicio p {
		font-size: 100px;
	}
	/*ENCABEZADO SECCIÓN BLANCA*/
	.encabezado-seccion {
	height: auto;
	margin: 0;
}	.titulo-seccion {
		height: auto;
		margin: 15vw 0 0;
	}	.titulo-seccion h2 {
		font-size: 8.5vw;
	}	.separador {
			visibility: hidden;
			}	.contenido-seccion p {
				font-size: 5vw;
				padding: 0 0 15vw;
			}
	/*DIGITAL*/
	#digital {
	padding-bottom: 0;
	}	.caja-programas {
		display: inline-block;
		width: 70vw;
		height: auto;
		margin: 0 auto 16vw;
	}	.icono-programas {
			height: 16vw;
			margin: 6vw auto 4vw;
		}	.titulo-programas h3 {
				font-size: 5vw;
				margin: 0 auto 2vw;
			}	.contenido-programas p {
					width: 55vw;
					font-size: 3.5vw;
					margin: 0 auto 6vw;
				}
	/*EXPERIENCIA*/
	#experiencia {
	height: 130vw;
}	.grupo-experiencia {
		grid-template-rows: 75vw 35vw;
		padding: 0;
	}	.caja-experiencia {
			width: 60vw;
			height: auto;
		}	.icono-experiencia {
				height: 16vw;
				margin: 2vw auto;
			}	.titulo-experiencia h3 {
				height: auto;
				font-size: 8vw;
			}	.contenido-experiencia p {
					font-size: 4vw;
					margin: 0 auto 4vw;
				}
	/*FORMACIÓN*/
	#formacion {
		padding-bottom: 15vw;
	}	#lista-formacion {
		width: 80vw;
		height: auto;
	} 	.contenido-formacion {
			padding: 0;
			margin: 5vw;
		}	.contenido-formacion li:before {
			font-size: 28px;
			margin: 0;
		}	.contenido-formacion li:after {
			height: 140%;
		}	.contenido-formacion li h2 {
				width: auto;
				font-size: 3vw;
				padding: 3vw 0 0 0;
				margin: 0 0 0 9vw;
			}	.contenido-formacion li h2:before {
				margin-right: 0;
			}	.contenido-formacion li h3 {
					width: auto;
					font-size: 3.6vw;
					padding: 0;
					margin: 0 0 0 9vw;
				}	.contenido-formacion li h3:before {
					margin-right: 0;
				}	.contenido-formacion li p {
						width: auto;
						font-size: 3vw;
						padding: 0;
						margin: 0 0 3vw 9vw;
					}	.contenido-formacion li p:before {
						margin-right: 0;
					}
	/*ENCABEZADO SECCIÓN DARK*/
	.encabezado-seccion-dark {
	height: auto;
	margin: 0;
}	.titulo-seccion-dark {
		height: auto;
		margin: 15vw 0 0;
	}	.titulo-seccion-dark h2 {
		font-size: 8.5vw;
	}	.separador-dark {
			visibility: hidden;
			}	.contenido-seccion-dark p {
				font-size: 5vw;
				padding: 0 0 15vw;
			}
	/*ODS*/
	#ods {
		height: 235vw;
		width: 100%;
	}	.grupo-ods {
			display: grid;
			grid-template-columns: repeat(5, 17vw);/**/
			grid-template-rows: repeat(7, 17vw);
			grid-template-areas: 
			"a a a x x"
    		"a a a b b"
			"a a a b b"
    		"c c d d d"
			"c c d d d"
			"e e d d d"
			"e e y y y";
			}	#energia {
  				grid-area: a;
				}	#trabajo {
				grid-area: b;
				}	#innovacion {
				grid-area: c;
				}	#ciudades {
				grid-area: d;
				}	#produccion {
				grid-area: e;
				}
	.icono-ods {
		width: auto;
		height: auto;
		margin: 3vw;
	}	#energia:hover,
		#trabajo:hover,
		#innovacion:hover,
		#ciudades:hover,
		#produccion:hover {
			cursor: auto;
		}
	/*SERVICIOS*/
	.seccion-servicios {
		grid-template-columns: 100%;
		padding-bottom: 5vw;
	}	.grupo-servicios {
		width: 100%;
		height: auto;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: 0 0;
		-moz-box-shadow: 	0 0;
		box-shadow: 		0 0;
		margin: 0 0 10vw;
	}	.caja-icono-servicios {
			width: 25vw;
			height: 25vw;
			margin: 0 5vw 0 10vw;
		}	.icono-servicios {
			height: 15vw;
			margin: 5vw auto;
		}	.icono-servicios:hover {
				transform: none;
		}	.titulo-servicios h3 {
				width: 50vw;
				font-size: 7vw;
				margin: 2vw 0 2vw;
			}	.contenido-servicios p {
				width: 50vw;
				font-size: 3.6vw;
			}	.link-cev {
					width: 32vw;
					float: left;
					font-size: 4vw;
					text-align: center;
					margin: 4vw 40vw 2vw;
					padding: 1vw 3vw;
				}	.link-cev:hover {
					background-color: #aaa;
					cursor: auto;
				}
	/*CONTACTO*/
	.texto-contacto {
		width: 80vw;
	}	.caja-contacto {
		width: 100%;
		margin: 0 10vw;
	}	.titulo-contacto {
		height: 40vw;
	}	.titulo-contacto h2 {
		font-size: 15vw;
		}
	#contacto footer {
	height: 60vw;
	}	.grupo-contacto {
			height: 50vw;
		}	.caja-contacto-footer {
			width: 40vw;
			margin: auto 4vw;
		}	.icono-contacto {
				height: 10vw;
				margin: 4vw auto;
			}	.icono-contacto:hover {
				transform: none;
			}	.titulo-contacto-footer h3 {
				height: auto;
				font-size: 3.2vw;
				margin: 5vw auto;
			}
	.borde-copyright {
		height: 10vw;
	}	.copyright p {
			font-size: 3vw;
		}
	
}
/*CELULAR MENOS ANCHO*/
@media screen and (max-width : 320px) {
	#inicio p {
		font-size: 80px;
	}
}