/*
	CSS personalizado para 03 EL ENTORNO
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Verde Oscuro: 4D746A rgb( 77,116,106) */
/*              Gris: 999999 rgb(153,153,153) */
/*       Verde Medio: A6B9B4 rgb(166,185,180) */
/*       Verde Claro: D2DCD9 rgb(210,220,217) */
/*   Verde muy Claro: E8EDEC rgb(232,237,236) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/****************************************** #rowEntorno ******************************************/

#rowEntorno *               { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowEntorno .divSeccion     { margin-bottom: 60px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#rowEntorno .divFotos       { width: 60%; display: flex; flex-wrap: wrap; }
#rowEntorno .divFotos   img { width: 50%; }
#rowEntorno .divTexto       { width: calc(40% - 40px); }
#rowEntorno .divTexto   h2  { line-height: 100%; }

@media (max-width: 1280px) { #rowEntorno .divEntorno { padding: 0px 40px; } }

@media (max-width: 1080px) {
	#rowEntorno .divFotos { width: 50%; }
	#rowEntorno .divTexto { width: calc(50% - 40px); }
}

@media (max-width:  980px) {
	#rowEntorno .divEntorno     { padding: 0px 30px; }
	#rowEntorno .divSeccionDcha { flex-direction: column-reverse; }
	#rowEntorno .divFotos       { width: 100%; }
	#rowEntorno .divTexto       { width: 100%; }
}

@media (max-width:  780px) {
	#rowEntorno .divEntorno     { padding: 0px 20px; }
	#rowEntorno .divSeccion     { margin-bottom: 40px; }
}

@media (max-width:  480px) { #rowEntorno .divFotos  img { margin-bottom: 10px; width: 100%; } }
@media (max-width:  380px) { #rowEntorno .divEntorno    { padding: 10px; } }