/*
	CSS personalizado para Página/s CONTACTO
*/

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

/*    Rojo Oscuro: D96666 rgb(217,102,102) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: E7B3AD rgb(231,179,173) */
/*     Rojo Claro: F3DAD7 rgb(243,218,215) */
/* Rojo Muy Claro: F9EBEA rgb(249,235,234) */

/*   Verde Oscuro: 6CC072 rgb(108,192,114) */
/*    Verde Claro: D6EAD7 rgb(214,234,215) */
/*    Azul Oscuro: 5B75D4 rgb( 91,117,212) */
/*     Azul Claro: D3DDF1 rgb(211,221,241) */

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

/***************************************** #rowCabecera ******************************************/

#rowCabecera .divCabecera { height: 400px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

@media (max-width: 1080px) { #rowCabecera .divCabecera { height: 300px; } }
@media (max-width:  980px) { #rowCabecera .divCabecera { height: 260px; } }
@media (max-width:  780px) { #rowCabecera .divCabecera { height: 200px; } }
@media (max-width:  480px) { #rowCabecera .divCabecera { height: 160px; } }

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

#rowContacto .divContacto { padding: 100px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
#rowContacto .divIzda     { margin-right: 40px; width: 500px; }
#rowContacto .divDcha     { margin-left:  40px; width: 500px; }

#rowContacto .divIzda h1                                             { font-size: 65px; font-weight: 600; color: #FFFFFF; line-height: 100%; }
#rowContacto .divIzda h1 br5000                                      { line-height: 100%; }
#rowContacto .divIzda .divForm input, #rowContacto .divForm textarea { padding: 20px; width: 100%; height: 42px; font-size: 14px; }
#rowContacto .divIzda .divForm input, #rowContacto .divForm textarea { color: #333333; background: #F6F6F6; border: none; border-radius: 0px; }
#rowContacto .divIzda .divForm input::placeholder                    { color: #C6C6C6; }
#rowContacto .divIzda .divForm textarea::placeholder                 { color: #C6C6C6; }
#rowContacto .divIzda .divForm textarea                              { padding-top: 10px; height: 130px; }
#rowContacto .divIzda .divForm input[type="checkbox"]                { padding: 0px; width: 18px; height: 18px; }
#rowContacto .divIzda .divForm .pAcepto                              { color: #FFFFFF; display: flex; }
#rowContacto .divIzda .divForm .pAcepto a                            { margin-left: 5px; color: #FFFFFF !important; text-decoration: underline; }
#rowContacto .divIzda .divForm .wpcf7-list-item                      { margin-left: 0px; margin-right: 8px; }
#rowContacto .divIzda .divForm .pSubmit                              { margin-bottom: 0px; }
#rowContacto .divIzda .divForm input[type="submit"]                  { padding: 18px; font-size: 16px; font-weight: 600; color: #FFFFFF; }
#rowContacto .divIzda .divForm input[type="submit"]                  { background-color: var(--color1-hex); line-height: 0px; }
#rowContacto .divIzda .divForm span[role="alert"]                    { margin-top: 5px; color: #AA0000; }
#rowContacto .divIzda .divForm .wpcf7-response-output                { margin: 10px 0px; padding: 10px; font-style: italic; font-weight: 500;color: #AA0000; }

#rowContacto .divDcha .divFoto        { text-align: center; line-height: 0px; }
#rowContacto .divDcha .divNombre      { margin: auto; padding: 10px 30px; background-color: var(--color1-hex); text-align: center; display: table; }
#rowContacto .divDcha .divNombre h1   { font-size: 34px; font-weight: 600; color: #FFFFFF; line-height: 100%; }
#rowContacto .divDcha .divNombre span { font-size: 16px; font-style: italic; color: #FFFFFF; line-height: 100%; }

#rowContacto .divDcha ul         { margin: 20px auto 0px auto; display: table; list-style-type: none; }
#rowContacto .divDcha li         { margin: 15px 0px; font-size: 40px; font-weight: 600; color: #FFFFFF; line-height: 100%; display: flex; align-items: center; }
#rowContacto .divDcha li img     { margin-right: 20px; width: 48px; }
#rowContacto .divDcha li a       { font-size: 32px; font-weight: 600; color: #FFFFFF; line-height: 100%; }
#rowContacto .divDcha li a:hover { color: var(--color1-hex); }

@media (max-width: 1180px) {
	#rowContacto .divIzda              { margin-right: 30px; width: 440px; }
	#rowContacto .divDcha              { margin-left:  30px; width: 440px; }
	#rowContacto .divIzda h1           { font-size: 54px; }
	#rowContacto .divDcha .divFoto img { width: 360px; }
}

@media (max-width: 1080px) {
	#rowContacto .divContacto           { padding: 80px 0px; }
	#rowContacto .divIzda               { width: 400px; }
	#rowContacto .divDcha               { width: 400px; }
	#rowContacto .divIzda h1            { font-size: 50px; }
	#rowContacto .divDcha .divNombre h1 { font-size: 30px; }
	#rowContacto .divDcha li img        { width: 36px; }
	#rowContacto .divDcha li            { margin: 10px 0px; font-size: 32px; }
	#rowContacto .divDcha li a          { font-size: 30px; }
}

@media (max-width:  980px) {
	#rowContacto .divContacto               { padding: 60px 0px; }
	#rowContacto .divIzda                   { margin-right: 20px; width: 320px; }
	#rowContacto .divDcha                   { margin-left:  20px; width: 360px; }
	#rowContacto .divIzda h1                { font-size: 42px; }
	#rowContacto .divIzda .divForm input    { padding: 10px; height: 36px; }
	#rowContacto .divIzda .divForm textarea { padding: 10px; height: 100px; }
	#rowContacto .divDcha .divNombre        { margin: auto; padding: 10px 0px; width: 100%; }	
	#rowContacto .divDcha .divNombre h1     { font-size: 24px; }
	#rowContacto .divDcha li img            { width: 32px; }
	#rowContacto .divDcha li                { font-size: 24px; }
	#rowContacto .divDcha li a              { font-size: 24px; }
	#rowContacto .divDcha .divFoto img      { width: 300px; }
}

@media (max-width:  780px) {
	#rowContacto .divContacto               { padding: 40px 0px; }
	#rowContacto .divIzda                   { margin-right: 0px; margin-bottom: 30px; width: 90%; max-width: 500px; }
	#rowContacto .divDcha                   { margin-left:  0px; width: 90%; max-width: 500px; }
	#rowContacto .divIzda h1                { font-size: 36px; }
	#rowContacto .divIzda h1 br5000:before  { content: " "; }
}

@media (max-width:  480px) {
	#rowContacto .divContacto          { padding: 20px 0px; }
	#rowContacto .divIzda              { margin-bottom: 20px; }
	#rowContacto .divIzda h1           { font-size: 24px; }
	#rowContacto .divDcha .divFoto img { width: 240px; }
	#rowContacto .divDcha ul           { margin: 10px auto 0px auto; }
	#rowContacto .divDcha li img       { margin-right: 10px; width: 24px; }
	#rowContacto .divDcha li           { font-size: 24px; }
	#rowContacto .divDcha li a         { font-size: 20px; }
}

@media (max-width:  380px) {
	#rowContacto .divIzda                     { margin-bottom: 10px; }
	#rowContacto .divIzda .divForm input      { padding: 5px; height: 30px; font-size: 13px; }
	#rowContacto .divIzda .divForm textarea   { padding: 5px; height: 90px; font-size: 13px; }
	#rowContacto .divIzda .divForm .pAcepto   { flex-wrap: wrap; }
	#rowContacto .divIzda .divForm .pAcepto a { margin-left: 25px; }
	#rowContacto .divDcha .divFoto img        { width: 200px; }
	#rowContacto .divDcha .divNombre h1       { font-size: 20px; }
	#rowContacto .divDcha .divNombre span     { font-size: 14px; }
	#rowContacto .divDcha li img              { width: 20px; }
	#rowContacto .divDcha li                  { font-size: 18px; }
	#rowContacto .divDcha li a                { font-size: 16px; }
}

/***************************************** #rowSituacion *****************************************/

#rowSituacion .divSituacion   { display: flex; }
#rowSituacion .divIzda        { width: 50%; background: url("/wp-content/uploads/contacto_foto_nave.jpg"); }
#rowSituacion .divIzda        { background-repeat: no-repeat; background-position: center center; background-size: cover; }
#rowSituacion .divDcha        { width: 50%; }
#rowSituacion .divDcha iframe { width: 100%; height: 450px; }

@media (max-width: 1080px) { #rowSituacion .divDcha iframe { height: 400px; } }
@media (max-width:  980px) { #rowSituacion .divDcha iframe { height: 340px; } }

@media (max-width:  780px) {
	#rowSituacion .divSituacion   { flex-wrap: wrap; }
	#rowSituacion .divIzda        { width: 100%; height: 360px; }
	#rowSituacion .divDcha        { width: 100%; }
	#rowSituacion .divDcha iframe { height: 360px; }
}

@media (max-width:  480px) { #rowSituacion .divIzda { height: 220px; } }