/*
	CSS personalizado para 09 TRABAJA
*/

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

/*    Azul Oscuro: 0077C8 rgb(  0,119,200) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 4C8EC9 rgb( 76,142,201) */
/*     Azul Claro: A5C6E4 rgb(165,198,228) */
/* Azul Muy Claro: D2E2F1 rgb(210,226,241) */

/*      Azul Dark: 005996 rgb(  0, 89,150) */
/*  Azul Turquesa: 04D9A0 rgb(  4,217,160) */

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

/**************************************** #rowTrabaja-1 ****************************************/

#rowTrabaja-1                { margin: auto; }
#rowTrabaja-1  *             { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowTrabaja-1 .divTrabaja-1  { margin: auto; padding: 60px var(--caja-padding); max-width: 1180px; }
#rowTrabaja-1 .divRowContent { max-width: 800px; }

@media (max-width:  980px) { #rowTrabaja-1 .divTrabaja-1 { padding: var(--caja-padding); } }

/***************************************** #rowListadoTrabaja *****************************************/

#rowListadoTrabaja  *                 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowListadoTrabaja .divListadoTrabaja { padding: 0px var(--caja-padding); }
#rowListadoTrabaja .divOfertas        { margin-top: 40px; }
#rowListadoTrabaja .divOferta         { margin-bottom: 30px; color: var(--color1-hex); }
#rowListadoTrabaja .divOferta i       { flex: 0 0 24px; margin-right: 6px; height: 24px; font-size: 24px; display: flex; align-items: center; justify-content: center; }
#rowListadoTrabaja .divTitulo a       { margin-left: 20px; font-size: 30px; color: var(--color1-hex); display: flex; align-items: center; text-decoration: none; }
#rowListadoTrabaja .divTitulo a:hover { color: var(--color3-hex); }
#rowListadoTrabaja .divAdress         { margin-top: 10px; font-size: 18px; display: flex; }
#rowListadoTrabaja .divFecha          { margin-top: 10px; font-size: 18px; display: flex; }

@media (max-width: 1080px) {
	#rowListadoTrabaja .divOfertas        { margin-top: 30px; }
	#rowListadoTrabaja .divOferta         { margin-bottom: 25px; }
	#rowListadoTrabaja .divOferta i       { flex: 0 0 22px; margin-right: 5px; height: 22px; font-size: 22px; }
	#rowListadoTrabaja .divTitulo a       { font-size: 28px; }
}

@media (max-width:  980px) {
	#rowListadoTrabaja .divOfertas        { margin-top: 25px; }
	#rowListadoTrabaja .divOferta         { margin-bottom: 20px; }
	#rowListadoTrabaja .divOferta i       { flex: 0 0 20px; height: 20px; font-size: 20px; }
	#rowListadoTrabaja .divTitulo a       { font-size: 24px; }
	#rowListadoTrabaja .divAdress         { margin-top: 5px; font-size: 16px; }
	#rowListadoTrabaja .divFecha          { margin-top: 5px; font-size: 16px; }
}

@media (max-width:  780px) {
	#rowListadoTrabaja .divOfertas        { margin-top: 20px; }
	#rowListadoTrabaja .divOferta i       { flex: 0 0 18px; height: 18px; font-size: 18px; }
	#rowListadoTrabaja .divTitulo a       { margin-left: 15px; font-size: 22px; }
}

@media (max-width:  580px) {
	#rowListadoTrabaja .divOferta         { margin-bottom: 10px; }
	#rowListadoTrabaja .divOferta i       { flex: 0 0 16px; height: 16px; font-size: 16px; }
	#rowListadoTrabaja .divTitulo a       { font-size: 20px; }
	#rowListadoTrabaja .divAdress         { font-size: 14px; }
	#rowListadoTrabaja .divFecha          { font-size: 14px; }
}

@media (max-width:  380px) {
	#rowListadoTrabaja .divOferta i       { flex: 0 0 14px; height: 14px; font-size: 14px; }
	#rowListadoTrabaja .divTitulo a       { margin-left: 0px; font-size: 18px; }
	#rowListadoTrabaja .divAdress         { font-size: 13px; }
	#rowListadoTrabaja .divFecha          { font-size: 13px; }
}

/***************************************** #rowTrabaja-2 *****************************************/
/*
#rowTrabaja-2 .divTrabaja-2           { padding: 0px; }
#rowTrabaja-2 .divForm                { position: relative; margin: auto; width: 1180px; height: 600px; overflow: hidden; }
#rowTrabaja-2 .divForm iframe         { margin-top: -95px; width: 100%; height: 100%; }
#rowTrabaja-2 .divLabel               { position: absolute; width: 340px; height: 35px; font-size: 18px; font-weight: 400; background: #FFFFFF; }
#rowTrabaja-2 .divLabel               { display: flex; align-items: center; justify-content: flex-end; }
#rowTrabaja-2 .divLabel:after         { content: "*"; margin-left: 5px; padding-top: 5px; font-size: 24px; color: #FF0000; }
#rowTrabaja-2 .divLabelNombre         { top:  14px; }
#rowTrabaja-2 .divLabelMail           { top:  67px; }
#rowTrabaja-2 .divLabelTelefono       { top: 117px; }
#rowTrabaja-2 .divLabelIntro          { top: 168px; }
#rowTrabaja-2 .divLabelCV             { top: 241px; }
#rowTrabaja-2 .divTextoAcepto         { position: absolute; top: 303px; left: 311px; width: 585px; height: 119px; font-size: 14px; font-weight: 300; background: #FFFFFF; }
#rowTrabaja-2 .divTextoAcepto:before  { content: "*"; position: relative; top: 5px; margin-right: 5px; height: 20px; font-size: 24px; color: #FF0000; display: inline-block; }
#rowTrabaja-2 .divTextoSubmit         { position: absolute; top: 450px; left: 350px; width: 110px; height: 56px; font-size: 20px; font-weight: 600; color: #FFFFFF; }
#rowTrabaja-2 .divTextoSubmit         { background: var(--color1-hex); border-radius: 20px; display: flex; align-items: center; justify-content: center; pointer-events: none; }

@media (max-width: 1280px) {
	#rowTrabaja-2 .divForm          { width: 995px; }
	#rowTrabaja-2 .divLabel         { width: 250px; }
	#rowTrabaja-2 .divTextoAcepto   { left: 218px; }
	#rowTrabaja-2 .divTextoSubmit   { top: 445px; left: 260px; }
}

@media (max-width: 1100px) {
	#rowTrabaja-2 .divForm          { width: 760px; height: 800px; }
	#rowTrabaja-2 .divLabel         { left: 125px; width: 510px; height: 30px; font-size: 16px; justify-content: flex-start; }
	#rowTrabaja-2 .divLabelNombre   { top:  16px; }
	#rowTrabaja-2 .divLabelMail     { top: 102px; }
	#rowTrabaja-2 .divLabelTelefono { top: 188px; }
	#rowTrabaja-2 .divLabelIntro    { top: 274px; }
	#rowTrabaja-2 .divLabelCV       { top: 381px; }
	#rowTrabaja-2 .divTextoAcepto   { top: 500px; left: 125px; width: 510px; height: 125px; }
	#rowTrabaja-2 .divTextoSubmit   { top: 650px; left: 110px; }
}

@media (max-width:  780px) {
	#rowTrabaja-2 .divForm          { width: 500px; height: 815px; }
	#rowTrabaja-2 .divLabel         { left: 15px; width: 470px; }
	#rowTrabaja-2 .divTextoAcepto   { left: 15px; width: 470px; height: 145px; }
	#rowTrabaja-2 .divTextoSubmit   { top: 670px; left: 5px; width: 100px; height: 50px; border-radius: 15px; }
}

@media (max-width:  580px) {
	#rowTrabaja-2 .divForm          { width: 400px; height: 835px; }
	#rowTrabaja-2 .divLabel         { width: 370px; height: 25px; font-size: 14px; }
	#rowTrabaja-2 .divLabelNombre   { top:  19px; }
	#rowTrabaja-2 .divLabelMail     { top: 105px; }
	#rowTrabaja-2 .divLabelTelefono { top: 191px; }
	#rowTrabaja-2 .divLabelIntro    { top: 277px; }
	#rowTrabaja-2 .divLabelCV       { top: 384px; }
	#rowTrabaja-2 .divTextoAcepto   { width: 370px; height: 165px; font-size: 13px; }
	#rowTrabaja-2 .divTextoSubmit   { top: 690px; left: 5px; font-size: 18px; border-radius: 12px; }
}

@media (max-width:  480px) {
	#rowTrabaja-2 .divForm          { width: 300px; height: 900px; }
	#rowTrabaja-2 .divLabel         { width: 270px; }
	#rowTrabaja-2 .divTextoAcepto   { width: 275px; height: 225px; }
	#rowTrabaja-2 .divTextoSubmit   { top: 755px; left: 10px; width: 95px; height: 45px; font-size: 16px; border-radius: 10px; }
}
*/
/***************************************** #rowTrabaja-2 *****************************************/
/*
#rowTrabaja-2  *                               { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowTrabaja-2 .divTrabaja-2                    { position: relative; padding: 0px var(--caja-padding); }
#rowTrabaja-2 .divForm                         { margin: auto; max-width: 1180px; display: flex; flex-wrap: wrap; }
#rowTrabaja-2 .divGrupo                        { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
#rowTrabaja-2 .divGrupo h2                     { margin: 20px 0px !important; width: 100%; }
#rowTrabaja-2 .divField                        { margin-bottom: 20px; width: calc((100% - 80px) / 3); }
#rowTrabaja-2 .divField label                  { margin-bottom: 5px; font-size: 18px; font-weight: 400; display: block; }
#rowTrabaja-2 .divField input                  { padding: 10px 15px; font-size: 18px; width: 100%; }
#rowTrabaja-2 .divField input[type="file"]     { padding: 10px 0px; font-size: 16px; }
#rowTrabaja-2 .divField input[type="checkbox"] { margin-right: 10px; width: 24px; height: 24px; }
#rowTrabaja-2 .divField input[type="submit"]   { padding: 15px 40px; width: auto; border-radius: 25px; }
#rowTrabaja-2 .divField .spanNota              { font-size: 16px; font-weight: 300; display: block; }

#rowTrabaja-2 .divFieldComentarios             { width: 100%; }

#rowTrabaja-2 .divFieldLegal                   { width: 100% !important; }
#rowTrabaja-2 .divFieldLegal  p                { margin: 5px 0px; font-size: 14px; line-height: 120%; text-align: justify; }
#rowTrabaja-2 .divFieldAcepto                  { width: 100% !important; display: flex; align-items: center; }
#rowTrabaja-2 .divFieldAcepto .wpcf7-list-item { margin: 0px; }
#rowTrabaja-2 .divFieldAcepto span             { display: inline-block; white-space: nowrap; }
#rowTrabaja-2 .divFieldAcepto a                { margin-left: 5px; text-decoration: underline; white-space: nowrap; }
#rowTrabaja-2 .divFieldAcepto .aSelloSSL       { margin-left: auto; }
#rowTrabaja-2 .divFieldAcepto .aSelloSSL img   { width: 200px; }
#rowTrabaja-2 .divFieldSubmit                  { display: flex; align-items: center; }

@media (max-width:  980px) {
	#rowTrabaja-2 .divGrupo                              { margin-top: 10px; }
	#rowTrabaja-2 .divField label                        { font-size: 16px; }
	#rowTrabaja-2 .divField input                        { font-size: 16px; }
	#rowTrabaja-2 .divField input[type="file"]           { font-size: 14px; }
	#rowTrabaja-2 .divField input[type="checkbox"]       { width: 20px; height: 20px; }
	#rowTrabaja-2 .divField .spanNota                    { font-size: 14px; }
	#rowTrabaja-2 .divFieldNombre                        { width: 100%; }
	#rowTrabaja-2 .divFieldMail                          { width: calc((100% - 30px) / 2); }
	#rowTrabaja-2 .divFieldTelefono                      { width: calc((100% - 30px) / 2); }
	#rowTrabaja-2 .divFieldLegal  p                      { font-size: 13px; }
	#rowTrabaja-2 .divFieldAcepto .aSelloSSL img         { width: 180px; }
}

@media (max-width:  780px) {
	#rowTrabaja-2 .divGrupo h2                           { margin: 10px 0px !important; }
	#rowTrabaja-2 .divField                              { margin-bottom: 15px; }
	#rowTrabaja-2 .divField label                        { font-size: 14px; white-space: nowrap; }
	#rowTrabaja-2 .divField input                        { padding: 8px 12px; font-size: 14px; }
	#rowTrabaja-2 .divField input[type="file"]           { padding: 8px  0px; font-size: 13px; }
	#rowTrabaja-2 .divField input[type="checkbox"]       { margin-right: 8px; width: 18px; height: 18px; }
	#rowTrabaja-2 .divField input[type="submit"]         { padding: 12px 35px; font-size: 16px; border-radius: 30px; }
	#rowTrabaja-2 .divField .spanNota                    { font-size: 13px; }
	#rowTrabaja-2 .divFieldAcepto                        { position: relative; }
	#rowTrabaja-2 .divFieldAcepto .aSelloSSL             { position: absolute; top: calc(100% + 20px); right: 0px; }
	#rowTrabaja-2 .divFieldSubmit                        { margin-top: 20px; }
}

@media (max-width:  580px) {
	#rowTrabaja-2 .divField                              { margin-bottom: 10px; width: 100%; }
	#rowTrabaja-2 .divField       label                  { white-space: normal; }
	#rowTrabaja-2 .divFieldAcepto                        { display: block; }
	#rowTrabaja-2 .divFieldAcepto span                   { font-size: 14px; white-space: normal; }
	#rowTrabaja-2 .divFieldAcepto span:nth-of-type(2)    { position: relative; bottom: 3px; }
	#rowTrabaja-2 .divFieldAcepto a                      { padding-left: 24px; font-size: 14px; display: block; }
}

@media (max-width:  480px) {
	#rowTrabaja-2 .divField                              { flex-direction: column; }
	#rowTrabaja-2 .divField       input[type="submit"]   { margin-bottom: 10px; padding: 15px 40px; width: auto; font-size: 18px; border-radius: 25px; }
	#rowTrabaja-2 .divFieldAcepto                        { display: flex; flex-direction: column; }
	#rowTrabaja-2 .divFieldAcepto input[type="checkbox"] { margin-right: 0px; }
	#rowTrabaja-2 .divFieldAcepto a                      { margin-left: 0px; padding-left: 0px; }
	#rowTrabaja-2 .divFieldAcepto .aSelloSSL             { position: relative; top: auto; right: auto; margin-top: 20px; margin-left: initial; }
	#rowTrabaja-2 .divFieldAcepto span:nth-of-type(2)    { text-align: center; }
}
*/
/*****************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************/
/************************************************************************************** OLD V3 - OLD V3 - OLD V3 *************************************************************************************/
/*****************************************************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************************************************/