@charset "UTF-8";

/* CSS Document */
:root {
	--fuente-documento: 'Montserrat-Light';
	--color-primario: #82ad5b;
	--color-secundario: #005476;
	--titulo-grande: 10.1rem;
	--titulo-seccion: 4.8rem;
	--subtitulos: 3.6rem;
	--p-font-size: 1.6rem;
	--gris-fuerte: #555253;
	--gris-claro: #f5f5f5;
	--texto-campana: 3rem;
	--lineado-campana: 3rem;
}

html {
	font-size: 62.5%;
}

body {
	font-family: var(--fuente-documento);
	color: var(--gris-fuerte);
	overflow-x: hidden !important;
}

:focus-visible {
	outline: none !important;
}

.article {
	position: absolute;
	top: 19em;
	z-index: 10;
	width: 40%;
	right: 60px;
	height: 60% !important;
}

.owl_campana .owl-dots {
	position: absolute;
	bottom: 1em;
	width: 100%;
	text-align: right;
	padding-right: 8em;
}

.owl_campana .owl-nav {
	position: absolute;
	bottom: 22em;
	right: 2em;
}

.owl-theme .owl-dots .owl-dot span {
	background: #82ad5b;
	border-radius: 0px;
}

/* ==========================================================================
   header 
   ========================================================================== */
.cursor:hover {
	cursor: pointer;
}

main {
	position: relative;
	z-index: 8;
}

.menu-escritorio {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 8;
	width: 100%;
	background-color: #0000006b;
}

.trasnparencia {
	background: rgb(7, 23, 33);
	background: linear-gradient(180deg, rgba(7, 23, 33, 0.6699054621848739) 0%, rgba(10, 30, 43, 0.45702030812324934) 100%);
	height: 100vh;
	position: absolute;
	z-index: 9;
	width: 100%;
}

.miga {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}

.miga h2 {
	color: #fff;
	font-family: 'Montserrat-bold';
	font-size: 1.8rem;
	line-height: 3.0rem;
}

.miga h2 a {
	padding-bottom: 2px;
	border-bottom: 3px solid var(--color-primario);
	color: #fff;
	text-decoration: none;
}

.separador {
	height: 60px;
	width: 1px;
	background: #fff;
}

.separador2 {
	height: 100px;
	width: 1px;
	background: #A5A5A5;
	margin: auto;
}

.panel-proyec {
	border: 0.8rem solid #ffffff40;
	padding: 5.0rem;
	max-width: 40.0rem;
	background: #00000060;
	color: #fff;
}

.panel-proyec h1 {
	font-size: 3.1rem;
	font-family: 'Montserrat-bold';
	line-height: 3.2rem;
	margin-bottom: 10.5rem;
}

.panel-proyec h3 {
	font-size: 1.6rem;
	font-family: 'Montserrat-bold';
	line-height: 1.8rem;
}

.panel-proyec p {
	font-size: 1.4rem;
	font-family: 'Montserrat-SemiBold';
	line-height: 2.4rem;
	letter-spacing: 0.1rem;
}

.numero {
	font-family: 'Montserrat-bold';
	font-size: 2.4rem;
	transform: rotate(270deg);
	margin-bottom: 3.5rem;
	color: #fff;
}

.numero span {
	font-size: 1.6rem;
	font-family: var(--fuente-documento);
}

.flecha-act {
	padding: 3.8rem 1.9rem;
	background: var(--color-primario);
	cursor: pointer;
}

.flecha-inact {
	padding: 3.8rem 1.9rem;
	cursor: pointer;
}

.cuadro {
	border: 1px solid #fff;
	height: 1.0rem;
	width: 1.0rem;

}

.cuadro1 {
	border: 2px solid #55525340;
	height: 1.0rem;
	width: 1.0rem;

}

.cuadro-act {
	background: var(--color-primario);
	height: 1.0rem;
	width: 1.0rem;

}

.cuadro-act2 {
	background: #fff;
	height: 1.0rem;
	width: 1.0rem;

}

.navegacion ul {
	display: flex;
	justify-content: flex-end;
	flex-flow: wrap;
	font-family: var(--fuente-documento);
}

.navegacion ul li {
	list-style: none;
	font-size: 1.4rem;
	color: #fff;

	font-family: 'Montserrat-bold';

}

.navegacion ul li a {
	color: #fff;
	text-decoration: none;
	margin-right: 2.0rem;

}

.navegacion ul li:last-child {
	margin-right: 0;

}

.navegacion li ul {

	position: absolute;
	background: var(--color-secundario);
	padding: 1.0rem;
	min-width: 140px;
	display: none;

}

.navegacion li ul li {
	border-bottom: 1px solid #ffffff10;
	padding-bottom: 1.0rem;
	padding-top: 1.0rem;

}

.navegacion li ul li:last-child {
	border-bottom: none;
}

.navegacion li:hover>ul {
	display: block;

}

/* .navegacion ul li a:hover{
	
} */

.campana {
	position: relative;
	background-size: cover;
	height: 100vh;
	z-index: 1;
}

.campana::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(7, 23, 33, 0.6699054621848739) 0%, rgba(10, 30, 43, 0.45702030812324934) 100%);
	z-index: -1;
}

.campana2 {
	height: 500px;
	z-index: 1;
	position: relative;
}

.campana2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(7, 23, 33, 0.6699054621848739) 0%, rgba(10, 30, 43, 0.45702030812324934) 100%);
	z-index: -1;
}

.logo img {
	max-width: 148px;
	width: 100%;
}

.txt-campana {
	position: absolute;
	bottom: 20%;
	left: 5%;
	;
	color: #fff;
	animation-name: txt-campana;
	animation-duration: 2s;
	transform: translateY(10%);
	animation-timing-function: ease-in-out;
}

.mm-panels>.mm-panel {
	background: #82ad5b !important;
}

@keyframes txt-campana {
	0% {
		opacity: 0;
		transform: translateY(-10%)
	}

	100% {
		opacity: 1;
	}

}

.boton-borde {
	background: none;
	border: none;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 2.80rem;
	font-family: var(--fuente-documento);
	padding: 0.6rem 2.0rem;
	transition: 0.5s ease-in-out;
}

.boton-borde:hover {
	background: #fff;
	color: var(--color-primario);

}

.menu img {
	transition: 0.5s ease-in-out;
}

.menu img:hover {
	transform: rotate(360deg);
}

.menu-ikon {
	background: var(--color-primario);
	height: 100vh;
	padding: 3.6rem;
	width: 35%;
}

.menu-ikon ul li {
	font-size: 4.8rem;
	font-family: 'Montserrat-bold';
	color: #fff;
	list-style: none;
	display: block;
}

.menu-ikon ul {
	padding-left: 0;

}

.logo-menu {
	margin-bottom: 10%;
}

.logo-menu img {
	max-width: 100%;
	height: auto;

}

@media (max-width:1200px) {
	.menu-ikon {
		background: var(--color-primario);
		height: 100vh;
		padding: 3.6rem;
		width: 45%;
	}

	.menu-ikon ul li {
		font-size: 3.8rem;
		font-family: 'Montserrat-bold';
		color: #fff;
		list-style: none;
	}

	.panel-proyec h1 {
		font-size: 3.1rem;
		font-family: 'Montserrat-bold';
		line-height: 3.2rem;
		margin-bottom: 2.5rem;
	}

	.panel-proyec {

		padding: 2.0rem;

	}

}


@media (max-width: 992px) {
	.campana {
		height: 40vh;

	}

	.campana-inter {
		height: 40vh;
	}

	:root {
		--texto-campana: 3.0rem;
		--lineado-campana: 3.5rem;
	}

	.txt-campana {
		position: absolute;
		bottom: 20%;
		left: 50%;
		font-family: var(--fuente-documento);
		color: #fff;
		transform: translateX(-50%);
		text-align: center;
	}

	.logo img {
		max-width: 185px;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.menu-ikon {
		background: var(--color-primario);
		height: 100vh;
		padding: 3.6rem;
		width: 60%;
	}

	.menu-ikon ul li {
		font-size: 2.8rem;
		font-family: 'Montserrat-bold';
		color: #fff;
		list-style: none;
	}

}

/* ==========================================================================
   Fin header 
   ========================================================================== */



/* ==========================================================================
   footer 
   ========================================================================== */
.f-footer {
	background: url("../../imagenes/f-pie.jpg") no-repeat;
	background-size: cover;
	padding-top: 8.0rem;
	padding-bottom: 9.0rem;
	position: relative;
	z-index: 8;
}

.f-footer h5 {
	font-size: 3.1rem;
	font-family: 'Montserrat-bold';
}

.logo-pie img {
	max-width: 194px;
	margin-bottom: 13%;
}

.error-input {
	border: 3px solid #82ad5b !important;
	background-color: bisque !important;
}

.owl-un-item .owl-dots {
	display: none !important;
}

.owl_campana .owl-nav {
	position: absolute;
	bottom: 23em;
	right: 2em;
	transform: rotate(90deg);
}

.owl_campana.owl-nav button:focus {
	outline: none !important;
}

.owl_campana.owl-theme .owl-nav [class*=owl-]:hover {
	background: none !important;
}

.owl_campana .owl-nav span {
	color: #fff;
	font-size: 6em;
	font-weight: bold;
}

.owl_campana .owl-nav .owl-prev span {
	color: #82ad5b !important;
}

button:focus {
	outline: none !important;
}

.mm-listview>li>a,
.mm-listview>li>span {
	font-family: var(--fuente-documento) !important;
}

@media (max-width:1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {}

/* ==========================================================================
   Fin footer
   ========================================================================== */



/* ==========================================================================
   CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
.fondo-verde {
	background: var(--color-primario);
}

.grid-cards {
	display: grid;
	grid-gap: 2.0rem;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.grid-proyec {
	display: grid !important;
	grid-gap: 9rem;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.grid-proyec2 {
	display: grid !important;
	grid-gap: 6.0rem;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));


}

.grid-proyec2 div h3 {
	text-align: center;
	font-family: 'Montserrat-Medium';
	color: #82ad5b;
	position: absolute;
	bottom: 0em;
}

.txt-nombre-pro {
	bottom: 0em;
}

/* .grid-proyec div {
	margin: 6rem;
} */

.grid-proyec div h3 {
	text-align: center;
	font-family: 'Montserrat-Medium';
	color: #fff;
}

.owl-tres-items .owl-dots {
	display: none;
}

.images-ikon img {
	max-width: 100%;
	height: auto;
	border: 1px solid #82ad5b;
	z-index: 2;
	position: relative;

}

.images-ikon::before {
	content: "";
	position: absolute;
	border: 2px solid #82ad5b;
	max-width: 480px;
	width: 93%;
	height: 100%;
	max-height: 670px;
	z-index: 1;
	top: 25px;
	left: 50%;
	transform: translate(-46%)
}

.images-ikon1 img {
	max-width: 100%;
	height: auto;
	border: 1px solid #82ad5b;
	z-index: 2;
	position: relative;

}

.images-ikon1::before {
	content: "";
	position: absolute;
	border: 2px solid #5EB349;
	max-width: 480px;
	width: 93%;
	height: 100%;
	max-height: 490px;
	z-index: 1;
	top: 25px;
	left: 50%;
	transform: translate(-46%)
}

.images-ikon2 img {
	max-width: 100%;
	height: auto;
	z-index: 2;
	position: relative;

}

.images-ikon2::before {
	content: "";
	position: absolute;
	border: 2px solid #fff;
	max-width: 580px;
	width: 100%;
	height: 100%;
	max-height: 91%;
	z-index: 1;
	top: 25px;
	left: 50%;
	transform: translate(-46%)
}

.images-ikon3 img {
	max-width: 100%;
	height: auto;
	z-index: 2;
	position: relative;

}

.images-ikon3::before {
	content: "";
	position: absolute;
	border: 2px solid var(--color-primario);
	max-width: 580px;
	width: 100%;
	height: 100%;
	max-height: 91%;
	z-index: 1;
	top: 25px;
	left: 50%;
	transform: translate(-46%)
}

.images-ikon3 p {
	position: absolute;
	background: var(--color-primario);
	z-index: 1000;
	font-size: 1.6rem;
	padding: 0.5rem 1.2rem;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Montserrat-bold';
}

.contenedor-big {
	max-width: 1640px;
	margin: auto;
}

.cliente-area h6 {
	font-size: 1.2rem;
	font-family: 'Montserrat-bold';
	line-height: 1rem;
}

.cliente-area h3 {
	font-size: 4.5rem;
	font-family: 'Montserrat-bold';
	line-height: 4.0rem
}

.cliente-area h3 span {
	font-size: 1.8rem;
	font-family: 'Montserrat-bold';

}

.fondo-ikon {
	background: url("../../imagenes/fondo-ikon-.png") no-repeat;
	background-position: 0 12%;
}

.fondo-ikon2 {
	background: url("../../imagenes/fondo-ikon1.png") no-repeat;
	background-position: 100% 12%;
}

.fondo-ikon3 {
	background: url("../../imagenes/fondo-ikon1.png") no-repeat;
	background-position: 100% 125%;
}

.f-proyec {
	background: url("../../imagenes/fondo-proyectos-.png") no-repeat top right #82ad5b;
	overflow: hidden;
}

label{
	font-size: 1.6rem;
}

.grid-info article {
	position: relative;
	margin-right: 3.2rem;
}

.grid-info:last-child {
	margin-right: 0;
}

.grid-info img {
	max-width: 100%;
	height: auto;
}

.grid-info p {
	color: #fff;
	font-family: 'Montserrat-bold';
	font-size: 2.0rem;
	line-height: 2.2rem
}

.dark {
	background: #00000099;
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 2.0rem;
	bottom: 0;
	display: flex;
	align-items: flex-end;
}

.grid-info2 {
	display: grid;
	grid-gap: 3.0rem;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}

.grid-info2 article {
	position: relative;

}

.grid-info2 img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

.grid-info2 p {
	color: #fff;
	font-family: 'Montserrat-bold';
	font-size: 2.0rem;
	line-height: 2.2rem
}



.f-especial {
	background: var(--gris-claro);
}

.servios h3 {
	font-size: 2.3rem;
	font-family: 'Montserrat-bold';
	position: relative;
	z-index: 1000;
	padding: 3.0rem 0 2.0rem 0;
}

.servios h4 {
	content: "01";
	position: absolute;
	left: 50%;
	top: 35px;
	font-size: 6.8rem;
	transform: translate(-50%);
	color: #EBEBEB;
	z-index: 1;
	line-height: 1rem;
	font-family: 'Montserrat-Light';
}

.gal-realizados {
	display: flex;
}

.gal-img img {
	width: 100%;
	height: auto;
}

.gal-img {
	position: relative;
	width: 90%;
}

.gal-img div {
	position: absolute;
	bottom: 0;
	background: #00000098;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 2.6rem 0;
}

.arrows-gal {
	width: 10%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 2.3rem;
	padding-left: 1.0rem;
	padding-right: 1.0rem;
}

.grid-equipo {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	grid-gap: 2.0rem;
}

.box {
	padding: 1.5rem;
	background: #fff;
	box-shadow: 0 30px 30px rgb(0, 0, 0, 0.2);
	border-radius: 0.5rem;

}

.imgbox img {
	width: 100%;
}

.box h2 {
	font-size: 2.2rem;
	text-align: center;
	color: var(--color-primario);

}

.box h4 {
	text-align: center;
	border-bottom: 1px solid var(--color-primario);
	padding-bottom: 1.0rem;
	margin-bottom: 1.0rem;
	font-size: 1.8rem;

}

.box ul li {
	font-size: 1.5rem;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	list-style: url("../../imagenes/vineta.png");

	padding-left: 1.0rem;
}

.box ul {
	padding-left: 2.0rem;


}

.box ul li span {
	font-family: 'Montserrat-Medium';
}

.container-1400 {
	max-width: 1400px;
	margin: auto;
}

.txt-contacs h4 {
	font-size: 2rem;
	font-family: 'Montserrat-bold';
}

.txt-contacs p {}



/* ==========================================================================
   Textos
   ========================================================================== */
.titulogrande {
	font-size: var(--titulo-grande);
	font-family: 'Montserrat-bold';
	line-height: var(--titulo-grande);
}

.titulogrande2 {
	font-size: 2.6rem;
}

.titulo-seccion {
	font-size: var(--titulo-seccion);
	font-family: 'Montserrat-bold';
}

.subtitulo-seccion {
	font-size: var(--subtitulos);
	font-family: 'Montserrat-bold';
}

p {
	font-size: var(--p-font-size);
}

p a {
	color: var(--color-primario) !important;
	font-family: 'Montserrat-Medium';
}

p a:link {
	color: var(--color-primario) !important;
	text-decoration: none;
}

.parrafos-lt {
	font-size: 1.5rem;
}

.text-bold {
	font-family: 'Montserrat-bold';
}

/* ==========================================================================
   font-face
   ========================================================================== */
@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
		url('Montserrat-ExtraBoldItalic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-BlackItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-bold';
	src: url('../fuentes/Montserrat-Bold.woff2') format('woff2'),
		url('../fuentes/Montserrat-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-Black.woff2') format('woff2'),
		url('../fuentes/Montserrat-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-BoldItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-ExtraBold.woff2') format('woff2'),
		url('../fuentes/Montserrat-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-Italic.woff2') format('woff2'),
		url('../fuentes/Montserrat-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-ExtraLightItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url('../fuentes/Montserrat-Medium.woff2') format('woff2'),
		url('../fuentes/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fuentes/Montserrat-Light.woff2') format('woff2'),
		url('../fuentes/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-ExtraLight';
	src: url('../fuentes/Montserrat-ExtraLight.woff2') format('woff2'),
		url('../fuentes/Montserrat-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-LightItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-SemiBoldItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Thin';
	src: url('../fuentes/Montserrat-Thin.woff2') format('woff2'),
		url('../fuentes/Montserrat-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url('../fuentes/Montserrat-SemiBold.woff2') format('woff2'),
		url('../fuentes/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fuentes/Montserrat-Regular.woff2') format('woff2'),
		url('../fuentes/Montserrat-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-ThinItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fuentes/Montserrat-MediumItalic.woff2') format('woff2'),
		url('../fuentes/Montserrat-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

/* ==========================================================================
  font-face
   ========================================================================== */


/* ==========================================================================
  inputs
   ========================================================================== */

.contact {
	border: none;
	background: none;
	background: url("../../imagenes/f-contac2.jpg") no-repeat right #f8f8f8;
	width: 100%;
	font-size: 1.4rem;
	padding: 1.5rem;
	font-family: 'Montserrat-Medium';
	outline: none;
}

.area {
	border: none;
	background: none;
	background: url("../../imagenes/f-contac2.jpg") repeat-y right #f8f8f8;
	width: 100%;
	font-size: 1.4rem;
	padding: 1.5rem;
	font-family: 'Montserrat-Medium';
	height: 100%;
	color: var(--gris-fuerte);
	outline: none;
}

.contact::placeholder {
	color: var(--gris-fuerte);

}

.btn-contac {
	background: var(--color-primario);
	border: none;
	font-size: 1.4rem;
	padding: 1rem 2rem;
	font-family: 'Montserrat-Medium';
	color: #fff;
	outline: none;
}

@media (max-width:1450px) {
	.fondo-ikon {
		background-position: -3% 12%;
	}

	.images-ikon2::before {
		max-height: 465px;

	}
}

@media (max-width:1390px) {
	.images-ikon2::before {
		max-height: 405px;

	}

	.fondo-ikon3 {
		background-position: 100% 135%;
	}
}

@media (max-width:1200px) {
	.fondo-ikon3 {
		background-position: 104% 142%;
	}

	:root {
		--titulo-grande: 8rem;
	}

	.fondo-ikon {
		background-position: -6% 12%;
	}

	.images-ikon1::before {
		max-height: 450px;

	}

	.images-ikon::before {
		max-height: 470px;

	}

	.images-ikon2::before {
		max-height: 350px;

	}

}

@media (max-width: 1025px) {
	.images-ikon2::before {
		max-height: 300px;

	}
}

@media (max-width: 992px) {
	.fondo-ikon3 {
		background-position: 109% 165%;
	}

	.f-proyec {
		background: none;
		background: #5EB349;
		overflow: hidden;
	}

	.fondo-ikon {
		background-position: -130px 12%;

	}

	.fondo-ikon2 {
		background: url("../../imagenes/fondo-ikon1.png") no-repeat;
		background-position: 110% 50%;
	}

	.images-ikon2::before {
		max-height: 265px;

	}
}

@media (max-width: 768px) {
	html {
		font-size: 50%;
	}

	.images-ikon2::before {
		max-height: 215px;

	}
}

@media (max-width: 500px) {
	.fondo-ikon2 label {
		font-size: 1.9rem;
	}

	.logo img {
		max-width: 108px;
		width: 100%;
	}

	.images-ikon::before {
		max-height: 370px;

	}

	.images-ikon1::before {
		max-height: 300px;

	}

	.images-ikon2::before {
		max-height: 320px;

	}

	.owl_campana .owl-nav {
		bottom: 0em;
		right: 2em;
	}

	#menu-mobile {
		z-index: 99;
	}
}

/* ==========================================================================
  inputs
   ========================================================================== */



/* ==========================================================================
   CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */