/*
	CSS personalizado para 11 CONTACTAR
*/

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

/*    Rojo Oscuro: DD0000 rgb(221,  0,  0) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: F3A6A6 rgb(243,166,166) */
/*     Rojo Claro: F9D2D2 rgb(249,210,210) */
/* Rojo Muy Claro: FDEDED rgb(253,237,237) */
/*          Beige: CB9D61 rgb(203,157, 97) */

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

/******************************************* GENERALES *******************************************/

.page-template-page-11-contactar .entry-content * { line-height: 120%; }

.page-template-page-11-contactar .divHeading    { margin-bottom: 30px; text-align: center; }
.page-template-page-11-contactar .divHeading h1 { font-family: var(--font-family-narrow); font-size: 30px; font-weight: 700; color: #FFFFFF !important; }
.page-template-page-11-contactar .divHeading h2 { margin-top: 10px !important; padding: 10px 30px; min-width: 180px; border-top: solid 4px #FFFFFF; display: inline-block; }
.page-template-page-11-contactar .divHeading h2 { font-size: 24px; font-weight: 600; color: #FFFFFF !important; }

@media (max-width: 980px) {
	.page-template-page-11-contactar .divHeading    { margin-bottom: 25px; }
	.page-template-page-11-contactar .divHeading h1 { font-size: 24px; }
	.page-template-page-11-contactar .divHeading h2 { font-size: 22px; }
}

@media (max-width: 780px) {
	.page-template-page-11-contactar .divHeading h1 { font-size: 20px; }
	.page-template-page-11-contactar .divHeading h2 { padding: 10px; font-size: 20px; }
}

@media (max-width: 680px) {
	.page-template-page-11-contactar .divHeading    { margin-bottom: 20px; }
	.page-template-page-11-contactar .divHeading h1 { font-size: 26px; }
	.page-template-page-11-contactar .divHeading h2 { font-size: 22px; }
}

@media (max-width: 480px) {
	.page-template-page-11-contactar .divHeading .iDot { font-size: 0px; line-height: 5px; display: block; }
	.page-template-page-11-contactar .divHeading h1    { font-size: 22px; }
}

/***************************************** #rowContactar *****************************************/

#rowContactar * { font-family: var(--font-family-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowContactar i { font-family: "FontAwesome"; }

#rowContactar .divContactar { display: flex; justify-content: space-between; }
#rowContactar .divIzda      { width: 45%; text-align: center; }
#rowContactar .divDcha      { width: 45%; text-align: center; }

#rowContactar .divLogo         { margin: 0px auto 10px auto; padding-bottom: 30px; max-width: 300px; border-bottom: solid 4px #FFFFFF; }
#rowContactar .divNombre h1    { margin-bottom: 10px !important; font-size: 54px; color: #FFFFFF; }
#rowContactar .divMail         { margin-bottom: 5px; }
#rowContactar .divMail a       { font-size: 30px; color: #FFFFFF; }
#rowContactar .divMail a:hover { text-decoration: underline; }
#rowContactar .divPhone        { margin-bottom: 20px; font-size: 30px; color: #FFFFFF; }
#rowContactar .divPhone i      { margin-right: 10px; }

#rowContactar .divRRSS      { margin: 0px auto 20px auto; max-width: 300px; display: flex; justify-content: space-between; }
#rowContactar .divRed       { width: 48px; height: 48px; background: #FFFFFF; border-radius: 50%; }
#rowContactar .divRed       { display: flex; align-items: center; justify-content: center; }
#rowContactar .divRed:hover { transform: scale(1.2); }
#rowContactar .divRed i     { font-size: 30px; color: var(--colorBeige-hex); }

#rowContactar .divChats             { display: flex; justify-content: space-around; }
#rowContactar .divChat              { width: 45%; }
#rowContactar .divChat:hover        { transform: scale(1.03); }
#rowContactar .divChat .aHorizontal { display: none; }

#rowContactar .divForm input                  { padding: 10px 15px; width: 100%; font-size: 16px; }
#rowContactar .divForm textarea               { padding: 10px 15px; width: 100%; height: 120px; font-size: 16px; }
#rowContactar .divForm input[type="checkbox"] { margin-right: 5px; padding: 0px; width: 20px; height: 20px; }
#rowContactar .divForm .pAcepto               { color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
#rowContactar .divForm .pAcepto *             { color: #FFFFFF !important; line-height: 100%; display: grid; }
#rowContactar .divForm .pAcepto a             { margin-left: 5px; text-decoration: underline; }
#rowContactar .divForm .wpcf7-list-item       { margin: 0px; }
#rowContactar .divForm .wpcf7-not-valid-tip   { margin-top: 5px; font-weight: 500; text-align: left; }
#rowContactar .divForm .pSubmit               { position: relative; }
#rowContactar .divForm .wpcf7-spinner         { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0px; }

#rowContactar .divForm .divInfoLegal p { margin: 0px; font-size: 12px; text-align: left; }
#rowContactar .divForm .divInfoLegal a { color: #333333; text-decoration: underline; }

@media (max-width: 1180px) { #rowContactar .divContactar { padding: 0px 20px; } }

@media (max-width: 1080px) {
	#rowContactar .divIzda { width: 45%; }
	#rowContactar .divDcha { width: 50%; }
}

@media (max-width: 980px) {
	#rowContactar .divLogo                      { padding-bottom: 20px; max-width: 260px; }
	#rowContactar .divNombre h1                 { font-size: 48px; }
	#rowContactar .divMail a                    { font-size: 24px; }
	#rowContactar .divPhone                     { font-size: 24px; }
	#rowContactar .divRRSS                      { justify-content: center; }
	#rowContactar .divRed                       { margin: 0px 10px; width: 32px; height: 32px; }
	#rowContactar .divRed i                     { font-size: 20px; }
	#rowContactar .divForm input                { padding: 5px 15px; }
	#rowContactar .divForm textarea             { padding: 5px 15px; height: 100px; }
	#rowContactar .divForm input[type="submit"] { padding: 10px 20px; white-space: normal; }
}

@media (max-width: 780px) {
	#rowContactar .divNombre h1                 { font-size: 32px; }
	#rowContactar .divMail a                    { font-size: 22px; }
	#rowContactar .divPhone                     { font-size: 22px; }
	#rowContactar .divRed                       { margin: 0px 5px; width: 30px; height: 30px; }
	#rowContactar .divRed i                     { font-size: 18px; }
	#rowContactar .divChat                      { width: 50%; }
	#rowContactar .divForm input                { padding: 3px 10px; font-size: 14px; }
	#rowContactar .divForm textarea             { padding: 3px 10px; font-size: 14px; height: 80px; }
	#rowContactar .divForm input[type="submit"] { padding: 8px 15px; font-size: 16px; }
}

@media (max-width: 680px) {
	#rowContactar .divContactar     { flex-wrap: wrap; }
	#rowContactar .divIzda          { margin: auto; width: 100%; max-width: 380px; }
	#rowContactar .divDcha          { margin: auto; width: 100%; max-width: 380px; }
	#rowContactar .divNombre h1     { font-size: 40px; }
	#rowContactar .divMail a        { font-size: 24px; }
	#rowContactar .divPhone         { font-size: 24px; }
	#rowContactar .divRed           { width: 32px; height: 32px; }
	#rowContactar .divRed i         { font-size: 20px; }
	#rowContactar .divChats         { margin-bottom: 20px; justify-content: center; }
	#rowContactar .divChat          { max-width: 160px; }
	#rowContactar .divForm input    { padding: 10px; }
	#rowContactar .divForm textarea { padding: 10px; }
}

@media (max-width: 480px) {
	#rowContactar .divContactar     { padding: 0px 10px; }
	#rowContactar .divIzda          { max-width: none; }
	#rowContactar .divDcha          { max-width: none; }
	#rowContactar .divNombre h1     { font-size: 32px; }
	#rowContactar .divMail a        { font-size: 22px; }
	#rowContactar .divPhone         { font-size: 22px; }
	#rowContactar .divChat          { max-width: none; }
}

@media (max-width: 380px) {
	#rowContactar .divContactar         { padding: 0px; }
	#rowContactar .divChats             { flex-wrap: wrap; }
	#rowContactar .divChat              { width: 100%; }
	#rowContactar .divChat .aVertical   { display: none; }
	#rowContactar .divChat .aHorizontal { display: block; }
}