.contenedorgridaboutus__texto a{
	color: #000000;
}

.contenedorgridaboutus__texto a:link{
    color: #000000;
}

.contenedorgridaboutus{
	display: grid;
	grid-template-columns: 33% 33% 1fr;
	grid-row-gap: 15px;
  	grid-column-gap: 15px;
  	margin: 15px 15px;
}

/*------------------------------------------------*/
.contenedorgridaboutus__texto{
	position: relative;
	padding: 15px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(73, 69, 52, 0.4);
}

.contenedorgridaboutus__texto .texto-1{
	font-size: 4mm;
	font-weight: 300;
	text-align: left;
	color: rgba(50, 50, 50, 1.0);
	margin: 3mm 0;
}

.contenedorgridaboutus__texto .texto-1 b{
	font-weight: 600;
	color: var(--colorverde);
}

.contenedorgridaboutus__texto .texto-1 u{
	font-weight: 600;
	text-decoration: none;
	color: rgba(43, 134, 186, 1.0);
}

.contenedorgridaboutus__texto .texto-2{
	font-size: 4mm;
	font-weight: 200;
	text-align: left;
	color: rgba(50, 50, 50, 1.0);
	margin: 0mm 5mm;
}

.texto-link{
	font-size: 4mm;
	font-weight: 300;
	text-align: left;
	color: rgba(50, 50, 50, 1.0);
}

.texto-link a{
	font-size: 4mm;
	font-weight: 600;
	text-align: left;
	margin: 2mm 0;
	color: rgba(43, 134, 186, 1.0);
}

.texto-link a:link{
	color: rgba(43, 134, 186, 1.0);
}

/*------------------------------------------------*/

.texto-titulo{
	font-size: 6mm;
	font-weight: 400;
	text-align: center;
	color: rgba(50, 50, 50, 1.0);
	margin: 8mm 0;
	text-decoration: underline var(--colorverde);
}

.contenedorgridaboutus__imagen1{
	padding: 15px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(73, 69, 52, 0.4);
}

.contenedorgridaboutus__imagen2{
	grid-column: 1 / span 3;
	padding: 15px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(73, 69, 52, 0.4);
}

.contenedorgridaboutus__businessmodel{
	grid-column: 1 / span 3;
	padding: 15px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(73, 69, 52, 0.4);
}

.contenedorimagenestrategia{
	display: flex;
	justify-content: center;
	width: 100%;
}

.contenedorimagenestrategia img{
	width: 60%;
	height: 60%;
	object-fit: contain;
}

.contenedorvisorpdf{
	width: 100%;
	height: 300px;
}
.visorpdf{
	width: 100%;
	height: 100%;
}

.linkDescarga{
	font-size: 4mm;
	font-weight: 300;
	text-align: left;
	color: rgba(50, 50, 50, 1.0);
}


/*------------------------------------------------*/
@media screen and (max-width: 1500px){
	.contenedorimagenestrategia img{
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 1200px){
	.contenedorvisorpdf{
		height: 400px;
	}
}

@media screen and (max-width: 1100px){
	.contenedorgridaboutus{
		grid-row-gap: 15px;
	  	grid-column-gap: 0px;
	  	margin: 15px 5px;
	}
	.contenedorgridaboutus__texto{
		grid-column: 1 / span 3;
		padding: 5px;
	}
	.contenedorgridaboutus__imagen1{
		grid-column: 1 / span 3;
		padding: 5px;
	}
	.contenedorgridaboutus__imagen2{
		padding: 5px;
	}
	.contenedordiapositiva-flex{
		padding: 5px;
	}

	.contenedorgridaboutus__imagen1 .contenedorImagen{
	 	display: flex;
		justify-content: center;
		width: 100%;
	}
	.contenedorgridaboutus__imagen1 .contenedorImagen img{
		width: 100%;
		height: 100%;
	}
	.contenedorimagenestrategia img{
		width: 50%;
		height: 50%;
	}
}

@media screen and (max-width: 500px){
	.contenedorimagenestrategia img{
		width: 100%;
		height: 100%;
	}
}

/*--------------------------------------------------------------*/
/*Energia Renovable---------------------------------------------*/
/*--------------------------------------------------------------*/

.contenedordiapositiva-flex{
	grid-column: 1 / span 3;
	padding: 5px;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 15px rgba(73, 69, 52, 0.4);
}

.contenedordiapositiva-flex__flex{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-around;
	width: 100%;
	justify-items: stretch;
	align-items: stretch;

}

.flex-contenido{
	width: 8%;
	min-height: 100mm;
	margin: 2px;
	padding: 1px 1px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(73, 69, 52, 0.4);
	background: linear-gradient(to bottom, #37A268, #1F5D3C);
	justify-content: center;
	transition: all 0.5s;
}

.flex-contenido:hover{
	padding: 5px 5px;
}

.flex-contenido img{
	position: relative;
	display: block;
	left:50%;
    transform: translate(-50%);
    aspect-ratio: 1/1;
	width: 100%;
	border-radius: 50%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
	object-fit: cover;	
}

.flex-contenido__titulo{
	display: block;
	width: 100%;
	font-size: 4mm;
	line-height: 5mm;
	font-weight: 300;
	color: #fff;
	text-align: center;
	margin: 15px 0;
}

.flex-contenido__texto{
	display: block;
	font-size: 3mm;
	line-height: 4mm;
	font-weight: 300;
	color: #ddd;
	text-align: center;
	margin: 5px 0;
}

/*---------------------*/
.boton-energiarenovable{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 5mm;
	padding: 2px;
	margin: 2px 5px;
	background: #37A268;
	box-shadow: 5px 5px 5px rgba(73, 69, 52, 0.4);
	border-radius: 15px;
	/**/
	font-size: 3mm;
	line-height: 5mm;
	font-weight: 300;
	color: #fff;
	text-align: center;
	/**/
	transition: all 0.5s;		
}

.boton-energiarenovable:hover{
	font-size: 2.8mm;
	background: #3EB875;
}
/*---------------------*/

@media screen and (max-width: 1500px){
	.flex-contenido{
	width: 16%;
	}
}

@media screen and (max-width: 850px){
	.flex-contenido{
	width: 32%;
	}
}

@media screen and (max-width: 450px){
	.flex-contenido{
		width: 48%;
	}
	.flex-contenido img{
		width: 80%;	
	}
}

@media screen and (max-width: 280px){
	.flex-contenido{
		width: 99%;
	}
	.flex-contenido img{
		width: 80%;	
	}
}


