/*
	CSS personalizado para 05 CONTACTO
*/

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

/*      Azul Oscuro: 03579F rgb(  3, 87,159) */
/*             Gris: 999999 rgb(153,153,153) */
/*       Azul Medio: 81ABCF rgb(129,171,207) */
/*       Azul Claro: C0D5E7 rgb(192,213,231) */
/*   Azul Muy Claro: DFEAF3 rgb(223,234,243) */

/*      Azul Oscuro: 0099CC rgb(  0,153,204) */
/*Azul Menos Oscuro: 77CCEE rgb(119,204,238) */
/*       Azul Medio: BBEEFF rgb(187,238,255) */
/*       Azul Claro: DDF6FF rgb(221,246,255) */
/*   Azul Muy Claro: EEFBFF rgb(238,251,255) */

/*   Naranja Oscuro: FF6000 rgb(255, 96,  0) */

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

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

#rowContacto                  *                               { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowContacto .divContacto                                     { margin: auto; max-width: 1080px; }
#rowContacto .divCabecera                                     { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; }
#rowContacto .divCabecera      h2                             { font-size: 30px; font-weight: 700; color: #FFFFFF;           text-align: center; }
#rowContacto .divCabecera      h6                             { margin-top: 10px !important; font-size: 18px; font-weight: 500; color: var(--color5-hex); text-align: center; }
#rowContacto .divFormCF7                                      { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); }
#rowContacto .divFormCF7                                      { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
#rowContacto .divFormCF7       *                              { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowContacto .divGrupoContacto                                { width: calc((100% - 40px) / 2); }
#rowContacto .divGrupoMensaje                                 { width: calc((100% - 40px) / 2); }
#rowContacto .divFieldMensaje  textarea                       { height: 186px; }
#rowContacto .divFieldMensaje  .wpcf7-form-control-wrap:after { top: auto; bottom: 15px; transform: none; }
#rowContacto .divFormContactar .divFieldAcepto                { margin: auto; max-width: 700px; align-items: flex-start; }
#rowContacto .divFormContactar .divFieldSubmit                { width: 100%; justify-content: center; }

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

@media (max-width:  780px) {
	#rowContacto .divFormContactar          { padding: 0px 10px; }
	#rowContacto .divCabecera               { padding: 20px; }
	#rowContacto .divCabecera      h2       { font-size: 24px; }
	#rowContacto .divCabecera      h6       { margin: 10px auto 0px auto !important; width: 320px; font-size: 16px; }
	#rowContacto .divGrupoContacto          { width: calc(100% - 230px); }
	#rowContacto .divGrupoMensaje           { width: 200px; }
	#rowContacto .divFieldMensaje  textarea { height: 166px; }
}

@media (max-width:  580px) {
	#rowContacto .divCabecera               { padding: 20px; }
	#rowContacto .divCabecera      h6       { margin: 10px auto 0px auto !important; width: auto; }
	#rowContacto .divGrupoContacto          { width: 100%; }
	#rowContacto .divGrupoMensaje           { width: 100%; }
	#rowContacto .divFieldMensaje  textarea { height: 120px; }
}

@media (max-width:  380px) {
	#rowContacto .divFormContactar          { padding: 0px; }
	#rowContacto .divCabecera      h2       { font-size: 20px; }
}