/*
	CSS personalizado para REPLICABILITY
*/

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

/*    Azul Oscuro: 1B71B8 rgb( 27,113,184) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 8DB8DB rgb(141,184,219) */
/*     Azul Claro: C6DBED rgb(198,219,237) */
/* Azul Muy Claro: E2EDF6 rgb(226,237,246) */

/*          Verde: 15AC6F rgb( 21,172,111) */
/*    Verde Medio: 8AD5B7 rgb(138,213,183) */
/*    Verde Claro: C4EADB rgb(196,234,219) */
/*Verde Muy Claro: E1F4ED rgb(225,244,237) */

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

/******************************************* #rowIntro *******************************************/

#rowIntro .divIntro *               { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowIntro .divIntro .divImagen      { margin: 40px auto; max-width: 800px; text-align: center; }
#rowIntro .divIntro .divImagen img  { box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5); }
#rowIntro .divIntro .divImagen span { margin-top: 5px; font-size: 13px; color: var(--color2-hex); font-style: italic; display: block; }

@media (max-width: 1180px) { #rowIntro .divIntro                 { padding: 0px 20px; } }
@media (max-width:  580px) { #rowIntro .divIntro .divImagen span { font-size: 12px; } }
@media (max-width:  480px) { #rowIntro .divIntro                 { padding: 0px; } }

/******************************************* #rowITBCRT ******************************************/

#rowITBCRT .divITBCRT *                      { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowITBCRT .divITBCRT h3                     { margin: 25px 0px !important; padding-top: 25px; font-weight: 900; border-top: dotted 1px var(--color2-hex); }
#rowITBCRT .divITBCRT .divImagen             { margin: 40px auto; max-width: 800px; text-align: center; }
#rowITBCRT .divITBCRT .divImagen        img  { box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5); }
#rowITBCRT .divITBCRT .divImagen        span { margin-top: 5px; font-size: 13px; color: var(--color2-hex); font-style: italic; display: block; }
#rowITBCRT .divITBCRT .ulContent        li   { margin-bottom: 20px !important; }
#rowITBCRT .divITBCRT .ulContent.circle      { margin-top: 20px !important; list-style-type: circle !important; }
#rowITBCRT .divITBCRT .ulContent.circle li   { margin-bottom: 10px !important; }

@media (max-width: 1180px) { #rowITBCRT .divITBCRT    { padding: 0px 20px; } }
@media (max-width:  780px) { #rowITBCRT .divITBCRT h3 { font-size: 20px;   } }
@media (max-width:  580px) { #rowITBCRT .divITBCRT h3 { margin: 20px 0px !important; padding-top: 20px; font-size: 18px; } #rowITBCRT .divITBCRT .divImagen span { font-size: 12px; } }
@media (max-width:  480px) { #rowITBCRT .divITBCRT    { padding: 0px;      } }

/*************************************************************************************************/
/************************************ body.page-id-851 (GHTAP) ***********************************/
/*************************************************************************************************/

/******************************************* #rowGHTAP *******************************************/

#rowGHTAP .divGHTAP *              { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowGHTAP .divGHTAP h2             { font-size: 36px; font-weight: 700; color: #00B050; text-align: center;  }
#rowGHTAP .divGHTAP .divImagen     { margin: 40px auto; width: 550px; text-align: center; }
#rowGHTAP .divGHTAP .divImagen img { width: 100%; }
#rowGHTAP .divGHTAP .ulContent li  { margin-bottom: 20px !important; }
#rowGHTAP .divGHTAP .aButton       { margin: 40px auto; padding: 20px 40px; font-size: 24px; font-weight: 700; color: #FFFFFF !important; background-color: #00B050; }
#rowGHTAP .divGHTAP .aButton       { border: solid 4px #006666; border-radius: 0px; text-align: center; display: table; }
#rowGHTAP .divGHTAP .aButton:hover { transform: scale(1.1); }
#rowGHTAP .divGHTAP .aQR           { margin: 40px auto; width: 300px; display: table; line-height: 0px; }
#rowGHTAP .divGHTAP .aQR:hover     { transform: scale(1.1); }

@media (max-width:  980px) {
	#rowGHTAP .divGHTAP h2             { font-size: 32px; }
	#rowGHTAP .divGHTAP .divImagen     { margin: 30px auto; width: 500px; }
	#rowGHTAP .divGHTAP .ulContent li  { margin-bottom: 15px !important; }
	#rowGHTAP .divGHTAP .aButton       { margin: 30px auto; padding: 20px 30px; font-size: 20px; }
	#rowGHTAP .divGHTAP .aQR           { margin: 30px auto; width: 260px; }
}

@media (max-width:  780px) {
	#rowGHTAP .divGHTAP h2             { font-size: 28px; }
	#rowGHTAP .divGHTAP .divImagen     { margin: 20px auto; width: 450px; }
	#rowGHTAP .divGHTAP .ulContent li  { margin-bottom: 10px !important; }
	#rowGHTAP .divGHTAP .aButton       { margin: 25px auto; padding: 15px 25px; font-size: 18px; border: solid 2px #006666; }
	#rowGHTAP .divGHTAP .aQR           { margin: 25px auto; width: 220px; }
}

@media (max-width:  580px) {
	#rowGHTAP .divGHTAP h2             { font-size: 24px; }
	#rowGHTAP .divGHTAP .divImagen     { margin: 15px auto; width: 100%; max-width: 400px; }
	#rowGHTAP .divGHTAP .aButton       { margin: 20px auto; padding: 10px 20px; font-size: 16px; }
	#rowGHTAP .divGHTAP .aQR           { margin: 20px auto; width: 180px; }
	#rowGHTAP .divGHTAP .aButton:hover { transform: scale(1.05); }
	#rowGHTAP .divGHTAP .aQR:hover     { transform: scale(1.05); }
}

@media (max-width:  380px) {
	#rowGHTAP .divGHTAP h2             { font-size: 20px; }
	#rowGHTAP .divGHTAP .divImagen     { margin: 10px auto; }
	#rowGHTAP .divGHTAP .aButton       { margin: 15px auto; padding: 10px 15px; font-size: 14px; }
	#rowGHTAP .divGHTAP .aQR           { margin: 15px auto; width: 140px; }
}