/*
	CSS personalizado para 08 CONTACTO
*/

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

/*    Rojo Oscuro: E11F1D rgb(225, 31, 29) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: F08F8E rgb(240,143,142) */
/*     Rojo Claro: F7C7C6 rgb(247,199,198) */
/* Rojo Muy Claro: FBE3E2 rgb(251,227,226) */

/*           Gris: B0B0B0 rgb(176,176,176) */

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

/************************************* #rowContactoCabecera **************************************/

#rowContactoCabecera .divContactoCabecera { padding: 100px 0px; background-image: var(--fondo-huella-gris); }
#rowContactoCabecera .divHeading108 h2    { height: 60px; font-size: 80px !important; color: #FFFFFF; }
#rowContactoCabecera .divHeading108:after { top: 5px; left: -15px; width: 120px; height: calc(120px * 192 / 300); }

@media (max-width: 1180px) {
	#rowContactoCabecera .divContactoCabecera { padding: 80px 0px; }
	#rowContactoCabecera .divHeading108 h2    { height: 53px; font-size: 70px !important; }
	#rowContactoCabecera .divHeading108:after { top: 6px; left: -14px; width: 110px; height: calc(110px * 192 / 300); }
}

@media (max-width:  980px) {
	#rowContactoCabecera .divContactoCabecera { padding: 60px 0px; }
	#rowContactoCabecera .divHeading108 h2    { height: 47px; font-size: 60px !important; }
	#rowContactoCabecera .divHeading108:after { top: 4px; left: -12px; width: 100px; height: calc(100px * 192 / 300); }
}

@media (max-width:  780px) {
	#rowContactoCabecera .divContactoCabecera { padding: 40px 0px; }
	#rowContactoCabecera .divHeading108 h2    { height: 38px; font-size: 50px !important; }
	#rowContactoCabecera .divHeading108:after { top: 2px; left: -11px; width: 90px; height: calc(90px * 192 / 300); }
}

@media (max-width:  580px) {
	#rowContactoCabecera .divContactoCabecera { padding: 30px 0px; }
	#rowContactoCabecera .divHeading108 h2    { height: 30px; font-size: 40px !important; }
	#rowContactoCabecera .divHeading108:after { top: 1px; left: -10px; width: 80px; height: calc(80px * 192 / 300); }
}

@media (max-width:  380px) {
	#rowContactoCabecera .divContactoCabecera { padding: 20px 0px; }
	#rowContactoCabecera .divHeading108 h2    { height: 22px; font-size: 30px !important; }
	#rowContactoCabecera .divHeading108:after { top: 1px; left: -6px; width: 60px; height: calc(60px * 192 / 300); }
}

/*************************************** #rowContactoForm ****************************************/

#rowContactoForm .divContactoForm          { padding: 100px 0px; background-image: url("/wp-content/uploads/fondo_contacto.jpg"); background-attachment: fixed; }
#rowContactoForm .divContactoForm .divForm { margin: auto; padding: 60px; max-width: 1080px; background: rgba(255,255,255,0.8); border-radius: 30px; }

@media (max-width: 1180px) { #rowContactoForm .divContactoForm { padding: 80px 40px; } #rowContactoForm .divContactoForm .divForm { padding: 50px; border-radius: 25px; } }
@media (max-width:  980px) {                                                           #rowContactoForm .divContactoForm .divForm { padding: 40px; border-radius: 20px; } }
@media (max-width:  780px) { #rowContactoForm .divContactoForm { padding: 60px 30px; } #rowContactoForm .divContactoForm .divForm { padding: 30px; border-radius: 15px; } }
@media (max-width:  580px) { #rowContactoForm .divContactoForm { padding: 40px 30px; } #rowContactoForm .divContactoForm .divForm { padding: 25px; } }
@media (max-width:  380px) { #rowContactoForm .divContactoForm { padding: 20px; }      #rowContactoForm .divContactoForm .divForm { padding: 20px; } }