/*
	CSS personalizado para 06 CONTACT
*/

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

/*    Azul Oscuro: 00435E rgb(  0, 67, 94) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 7FA1AE rgb(127,161,174) */
/*     Azul Claro: BFD0D6 rgb(191,208,214) */
/* Azul Muy Claro: DFE7EA rgb(223,231,234) */

/*       Turquesa: 5FD6DA rgb( 95,214,218) */
/*     GrisFooter: 565E62 rgb( 86, 94, 98) */

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

/****************************************** #rowContact ******************************************/

#rowContact .divContact      { margin: auto; max-width: 1440px; }
#rowContact .divContact *    { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowContact .divContent      { display: flex; flex-wrap: wrap; justify-content: space-between; }
#rowContact .divForm         { width: calc((100% - 60px) / 2); }
#rowContact .divDcha         { width: calc((100% - 60px) / 2); display: flex; flex-direction: column; }

#rowContact .divFormCF7 .divFieldNombre       { width: calc(50% - 20px); }
#rowContact .divFormCF7 .divFieldApellidos    { width: calc(50% - 20px); }
#rowContact .divFormCF7 .divFieldMail         { width: calc(50% - 20px); }
#rowContact .divFormCF7 .divFieldOrganizacion { width: calc(50% - 20px); }
#rowContact .divFormCF7 .divFieldAsunto       { width: 100%; }
#rowContact .divFormCF7 .divFieldMensaje      { width: 100%; }
#rowContact .divFormCF7 .divFieldAcepto       { width: auto; }
#rowContact .divGrupoSubmit                   { flex-direction: column; align-items: center; }
#rowContact .divGrupoLegal                    { padding: 0px; }
#rowContact .divGrupoLegal p                  { margin:  0px; }

#rowContact .divMapa                          { padding-top: 40px; height: 100%; }

@media (max-width: 1580px) { #rowContact .divContact { margin: 0px 40px; max-width: none; } }

@media (max-width: 1380px) {
	#rowContact .divContact                       { margin: 0px 30px; }
	#rowContact .divForm                          { width: calc(60% - 30px); }
	#rowContact .divDcha                          { width: calc(40% - 30px); }
	#rowContact .divFormCF7 .divFieldNombre       { width: calc(50% - 10px); }
	#rowContact .divFormCF7 .divFieldApellidos    { width: calc(50% - 10px); }
	#rowContact .divFormCF7 .divFieldMail         { width: calc(50% - 10px); }
	#rowContact .divFormCF7 .divFieldOrganizacion { width: calc(50% - 10px); }
	#rowContact .divMapa                          { padding-top: 20px; height: 100%; }
}

@media (max-width:  980px) {
	#rowContact .divForm                          { width: 100%; }
	#rowContact .divDcha                          { margin-top: 30px; padding-top: 30px; width: 100%; height: 600px; border-top: solid 1px var(--color3-hex); }
}

@media (max-width:  580px) {
	#rowContact .divFormCF7 .divFieldNombre       { width: 100%; }
	#rowContact .divFormCF7 .divFieldApellidos    { width: 100%; }
	#rowContact .divFormCF7 .divFieldMail         { width: 100%; }
	#rowContact .divFormCF7 .divFieldOrganizacion { width: 100%; }
}