/*
	CSS personalizado para CONTACTO
*/

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

/*    Azul Oscuro: 475E88 rgb( 71, 94,136) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 6488BC rgb(100,136,188) */
/*     Azul Claro: 53AAEF rgb( 83,170,239) */
/* Azul Muy Claro: B3D0ED rgb(179,208,237) */

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

/******************************************** #row's *********************************************/

@media (max-width: 780px) {
	#content #pg-44-1 { margin-bottom: 50px; } /* #rowHeading */
	#content #pg-44-2 { margin-bottom: 50px; } /* #rowContacto */
}

/****************************************** #rowHeading ******************************************/

#rowHeading { padding: 0px calc((100vw - 1380px) / 2) !important; }

@media (max-width: 1480px) { #rowHeading { padding: 0px calc((100vw - 1080px) / 2) !important; } }
@media (max-width: 1180px) { #rowHeading { padding: 0px calc((100vw -  900px) / 2) !important; } }
@media (max-width:  980px) { #rowHeading { padding: 0px calc((100vw -  720px) / 2) !important; } }
@media (max-width:  780px) { #rowHeading { padding: 0px 5% !important; } }

/***************************************** #rowContacto ******************************************/

#rowContacto { padding: 0px calc((100vw - 1380px) / 2) !important; }

@media (max-width: 1480px) { #rowContacto { padding: 0px calc((100vw - 1080px) / 2) !important; } }
@media (max-width: 1180px) { #rowContacto { padding: 0px calc((100vw -  900px) / 2) !important; } }
@media (max-width:  980px) { #rowContacto { padding: 0px calc((100vw -  720px) / 2) !important; } }
@media (max-width:  780px) { #rowContacto { padding: 0px 5% !important; } }

#rowContacto .divContacto        { display: flex; justify-content: center; }

/* DATOS */

#rowContacto .divColDatos        { margin-right: 30px; padding: 40px; width: 50%; height: 500px; background: #EDEDED; text-align: center; }
#rowContacto .divLogo            { margin-bottom: 20px; padding-bottom: 40px; border-bottom: solid 1px var(--color1-hex); line-height: 0px; }
#rowContacto .divDato            { margin: 40px 0px; display: flex; align-items: center; }
#rowContacto .divDato:last-child { margin-bottom: 0px; }
#rowContacto .divDato i          { margin-right: 30px; width: 60px; font-size: 60px; color: var(--color1-hex); text-align: center; line-height: 100%; }
#rowContacto .divDato p          { margin: 0px; font-size: 30px; color: var(--color1-hex); font-weight: 500; text-align: left; line-height: 120%; }

/* FORMULARIO */

#rowContacto .divColFormulario { margin-left: 30px; width: 50%; }

#rowContacto .divFormulario          {  }
#rowContacto ::placeholder           { color: var(--color2-hex) !important; } /* Chrome, Firefox, Opera, Safari 10.1+ (opacity for Firefox) */
#rowContacto :-ms-input-placeholder  { color: var(--color2-hex) !important; } /* Internet Explorer 10-11 */
#rowContacto ::-ms-input-placeholder { color: var(--color2-hex) !important; } /* Microsoft Edge */

#rowContacto .div100 { padding: 6px 0px; width: 100%; }

#rowContacto input                  { padding:  0px 10px; width: 100%; height:  50px; font-size: 16px; font-weight: 500; color: #333333; border: solid 2px #707070; border-radius: 0px; }
#rowContacto textarea               { padding: 10px 10px; width: 100%; height: 150px; font-size: 16px; font-weight: 500; color: #333333; border: solid 2px #707070; border-radius: 0px; }
#rowContacto input[type="checkbox"] { margin-right: 10px; padding: 0px; width: 24px; height: 24px; }
#rowContacto input[type="submit"]   { height: 70px; font-size: 24px; color: #FFFFFF; }

#rowContacto .divInfoLegal p { margin: 2px 0px; font-size: 12px; }

#rowContacto .divAcepto                  { margin: 10px 0px; font-size: 16px; font-weight: 500; display: flex; align-items: center; }
#rowContacto .divAcepto *                { line-height: 0px; }
#rowContacto .divAcepto .wpcf7-list-item { margin: 0px; }
#rowContacto .divSubmit                  { position: relative; }

#rowContacto span[role="alert"] { margin-top: 5px; }
#rowContacto .ajax-loader       { position: absolute; top: 15px; left: -30px; transform: scale(1.5); }
#rowContacto div[role="alert"]  { margin: 0px; padding: 10px; font-size: 16px; font-weight: 500; font-style: italic; color: #FFFFFF; }
#rowContacto div[role="alert"]  { background: #398f14; border: none; text-align: center; }

@media (max-width: 1480px) {
	#rowContacto .divColDatos { padding: 30px; height: 440px; }
	#rowContacto .divDato i   { margin-right: 20px; width: 40px; font-size: 40px; }
	#rowContacto .divDato p   { font-size: 24px; }
	#rowContacto textarea     { height: 90px; }
}

@media (max-width:  980px) {
	#rowContacto .divContacto           { flex-wrap: wrap; }
	#rowContacto .divColDatos           { margin-right: 0px; margin-bottom: 30px; width: 100%; height: auto; }
	#rowContacto .divDato               { margin: 20px 0px; }
	#rowContacto .divDato br5000:before { content: " • "; }
	#rowContacto .divColFormulario      { margin-left: 0px; width: 100%; }
}

@media (max-width:  780px) {
	#rowContacto .divDato i           { margin-right: 15px; width: 30px; font-size: 30px; }
	#rowContacto .divDato p           { font-size: 20px; }
	#rowContacto input                { padding:  0px 10px; height:  40px; font-size: 14px; border: solid 1px #707070; }
	#rowContacto textarea             { padding: 10px 10px; font-size: 14px; border: solid 1px #707070; }
	#rowContacto input[type="submit"] { height: 50px; font-size: 20px; }
	#rowContacto .divAcepto           { font-size: 14px; }
}

@media (max-width:  580px) { #rowContacto .divDato br5000:before { content: "\A"; } }

@media (max-width:  480px) {
	#rowContacto .divLogo               { padding-bottom: 20px; }
	#rowContacto .divColDatos           { padding: 20px; }
	#rowContacto .divDato i             { margin-right: 10px; width: 24px; font-size: 24px; }
	#rowContacto .divDato p             { font-size: 18px; }
	#rowContacto input                  { font-size: 13px; }
	#rowContacto textarea               { font-size: 13px; }
	#rowContacto input[type="checkbox"] { margin-right: 5px; width: 16px; height: 16px; }
	#rowContacto input[type="submit"]   { height: 40px; font-size: 18px; }
	#rowContacto .divAcepto             { margin: 20px 0px 10px 0px; font-size: 13px; }
}

@media (max-width:  380px) { #rowContacto .divDato a { font-family: var(--font-family-narrow); } }

/******************************************* #rowMapa ********************************************/

#rowMapa {}