* {
	margin: 0;
	padding: 0;
}

.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #163831;
}

.hola {
	margin-bottom: -48px;
}

body {
	background: #2F4240;
	color: #000;
	font-family: 'Roboto', sans-serif;
}

.buttons {
	position: relative;
	background-repeat: no-repeat;
	text-align: center;
	align-items: center;
	align-content: center;
	transform: translate(-50, -50);
	background: #EBFFFE;
	padding: 20px;
	background-color: #EBFFFE;
	z-index: 0;
	display: flex;
	justify-content: center;
}

.buttons a {
	text-decoration: none;
	background-color: black;
	line-height: 8px;
	text-align: center;
	border-radius: 70%;
	box-shadow: 6px 6px 80px #EBFFFE;
	z-index: 0;
}

.buttons a:hover {
	box-shadow: 0px 0px 40px rgba(68, 68, 68, 0.8);
	color: #006666;
	z-index: 0;
}

.contenedor {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(9, auto);
	grid-template-areas: "header header header"
		"barra barra barra"
		"solucionestit solucionestit solucionestit"
		"soluciones1 soluciones1 soluciones1"
		"soluciones2 soluciones3 soluciones4"
		"soluciones5 soluciones5 soluciones5"
		"contenidoA contenido1 contenido2"
		"contenidoA contenido3 contenido4"
		"contenidoA contenido5 contenido5"
		"footer footer footer";
}

.contenedor>div,
.contenedor .solucionestit,
.contenedor .soluciones1,
.contenedor .soluciones2,
.contenedor .soluciones3,
.contenedor .soluciones4,
.contenedor .soluciones5,
.contenedor .contenido1,
.contenedor .contenido2,
.contenedor .contenido3,
.contenedor .contenido4,
.contenedor .contenido5,
.contenedor .footer {
	background: #EBFFFE;
	padding: 20px;
	border-radius: 10px;
}

.contenedor .solucionestit {
	grid-area: solucionestit;
	background-color: #EBFFFE;
	padding-top: 5px;
	text-align: left;
	align-items: center;
	justify-content: center;
}

.contenedor .solucionestit img {
	margin: 0;
	padding-top: 20px;
}

.solucionestit .Estilo1 {
	padding-left: 0;
	padding-top: 20px;
}

.contenedor .soluciones1 {
	grid-area: soluciones1;
	border: 0.5px solid;
	border-color: transparent transparent transparent transparent;
	background-color: #719492;
	color: #FFFFFF;
	padding-top: 16px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedor .soluciones2 {
	grid-area: soluciones2;
	padding-top: 10px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedor .soluciones3 {
	grid-area: soluciones3;
	background-color: #EBFFFE;
	padding-top: 10px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedor .soluciones4 {
	grid-area: soluciones4;
	background-color: #EBFFFE;
	padding-top: 10px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedor .soluciones5 {
	grid-area: soluciones5;
	background-color: #EBFFFE;
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedor .contenido1 {
	grid-area: contenido1;
	background-color: #EBFFFE;
	padding-top: 15px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.contenedor .contenido2 {
	grid-area: contenido2;
	background-color: #EBFFFE;
	padding-top: 15px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.contenedor .contenido3 {
	grid-area: contenido3;
	background-color: #EBFFFE;
	padding-top: 15px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.contenedor .contenido4 {
	grid-area: contenido4;
	background-color: #EBFFFE;
	padding-top: 15px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.contenedor .contenido5 {
	grid-area: contenido5;
	background-color: #EBFFFE;
	padding-top: 15px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 15px;
}

.contenedor .contenidoA {
	grid-area: contenidoA;
	background-color: #EBFFFE;
	padding-top: 60px;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-bottom: 60px;
}

.contenedor .header {
	background: #719492;
	color: #fff;
	grid-area: header;
	align-items: center;
	align-content: center;
	border-radius: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 20px;
	position: fixed;
	left: 0;
	top: 30px;
	width: 100%;
	z-index: 10000;
}


.contenedor .barra {
	grid-area: barra;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	height: 40px;
	position: fixed;
	left: 0%;
	top: 0;
	width: 100%;
	z-index: 10000;
	justify-content: center;
	height: 50px;
}

.contenedor .footer {
	background: #2F4240;
	color: #fff;
	grid-area: footer;
	font-size: 10px;
	color: #DFFDFD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	align-items: end;
}

.menu {
	background-color: #719492;
	color: #FFFFFF;
	height: 50px;
	width: 100%;
	z-index: 400;
	border-radius: 5px;
	border-left: 5px solid #719492;
	border-right: 5px solid #719492;
}

.menu__container {
	display: flex;
	justify-content: space-between;
	align-content: right;
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	height: 100%;
	margin-right: 25%;
	z-index: 3000;
	justify-content: right;
	border-radius: 5px;
}

.menu__links {
	height: 100%;
	transition: transform .3s;
	display: flex;
	border-radius: 5px;
}

.menu__item {
	list-style: none;
	position: relative;
	height: 100%;
	--clip: polygon(0 0, 100% 0, 100% 0, 0 0);
	--transform: rotate(-90deg);
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: justify;
	border-radius: 5px;
}

.menu__item:hover {
	--clip: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	--transform: rotate(0);
	border-radius: 5px;
}

.menu__link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 12px;
	display: flex;
	height: 100%;
	align-items: center;
	align-content: center;
	border-radius: 5px;
}

.colcentro {
	column-count: 6;
	column-gap: 20px;
	column-rule: 0px double black;
	list-style: none;
}

.menu__link:hover {
	background-color: #A9E0DD;
	border-radius: 5px;
}

.menu__arrow {
	transform: var(--transform);
	transition: transform .3s;
	display: block;
	margin-right: 3px;
	align-items: center;
	align-content: center;
}

.menu__nesting {
	list-style: none;
	transition: clip-path .3s;
	clip-path: var(--clip);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	transform: translateY(100%);
	background-color: #719492;
	padding: 0;
	border-radius: 5px;
}

.menu__link--inside {
	padding: 20px 30px 20px 10px;
	width: 95%;
	position: relative;
	align-items: center;
	table-layout: auto;
	text-align: left;
	border-radius: 5px;
}

.menu__link--inside:hover {
	background-color: #A9E0DD;
	border-radius: 5px;
	width: auto;
}

.menu__barra {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 15px;
	cursor: pointer;
	display: none;
}

.menu__img {
	display: block;
	width: 36px;
}

/*GO TOP*/

.go-top-container {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 5rem;
	height: 5rem;
	z-index: -1;
}

.go-top-button {
	width: 0rem;
	height: 0rem;
	background: #719492;
	border-radius: 50%;
	cursor: pointer;
	transition: .2s;
	top: 60%;
	left: 60%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.go-top-button i {
	position: absolute;
	font-size: 5px;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	color: #bdd4d3;
	transition: .2s;
}

.show {
	z-index: 10;
}

.show .go-top-button {
	animation: popup .3s ease-in-out;
	width: 55px;
	height: 55px;
	z-index: 11;
}

.show i {
	transform: translate(-50%, -50%) scale(1);
}

@keyframes popup {
	0% {
		width: 0rem;
		height: 0rem;
	}

	50% {
		width: 45px;
		height: 45px;
	}

	100% {
		width: 55px;
		height: 55px;
	}
}

@media screen and (max-width: 785px) {
	.contenedor {
		grid-template-areas: "header header header"
			"barra barra barra"
			"solucionestit solucionestit solucionestit"
			"soluciones1 soluciones1 soluciones1"
			"soluciones2 soluciones2 soluciones2"
			"soluciones3 soluciones3 soluciones3"
			"soluciones4 soluciones4 soluciones4"
			"soluciones5 soluciones5 soluciones5"
			"contenidoA contenidoA contenidoA"
			"contenido1 contenido1 contenido1"
			"contenido2 contenido2 contenido2"
			"contenido3 contenido3 contenido3"
			"contenido4 contenido4 contenido4"
			"contenido5 contenido5 contenido5"
			"footer footer footer";
	}

	.menu__barra {
		display: flex;
	}

	.menu__item {
		--clip: 0;
		overflow: hidden;
	}

	.menu__item--active {
		--transform: rotate(0);
		--background: #A9E0DD;
	}

	.menu__item--show {
		background-color: var(--background);
	}

	.menu__links {
		padding: 0;
		position: fixed;
		min-width: 250px;
		max-width: 250px;
		width: 50%;
		top: 50px;
		right: 0px;
		bottom: 0;
		background-color: #719492;
		overflow-y: auto;
		display: grid;
		grid-auto-rows: max-content;
		transform: translateX(130%);
		border-radius: 5px;
	}

	.menu__links--show {
		transform: unset;
		height: 1110px;
		width: 50%;
	}

	.menu__link {
		padding: 25px 0;
		padding-left: 25px;
		height: auto;
		width: 300px;
	}

	.menu__arrow {
		margin-left: 0px;
		margin-right: 300px;
	}

	.menu__nesting {
		display: grid;
		position: unset;
		width: 100%;
		transform: translateY(0);
		height: 0;
		transition: height .3s;
	}

	.menu__link--inside {
		width: 90%;
		margin-left: auto;
		border-left: 1px solid #719492;
	}


}