/*
	CSS personalizado para 05 DOWNLOADS
*/

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

/*    Azul Oscuro: 017CBA rgb(  1,124,186) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 80BDDC rgb(128,189,220) */
/*     Azul Claro: BFDEED rgb(191,222,237) */
/* Azul Muy Claro: DFEEF6 rgb(223,238,243) */

/*   Verde Oscuro: 07B289 rgb(  7,178,137) */
/*    Verde Medio: 83D8C4 rgb(131,216,196) */
/*    Verde Claro: C1EBE1 rgb(193,235,225) */
/*Verde Muy Claro: E0F5F0 rgb(224,245,240) */

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

/***************************************** #rowDownloads *****************************************/

#rowDownloads .divSeccion                 { margin: 30px 0px; background: var(--color5-hex); border: solid 1px var(--color4-hex); border-radius: 10px; overflow: hidden; }
#rowDownloads .divSeccion:first-of-type   { margin-top: 0px; }
#rowDownloads .divLabel                   { padding: 10px 0px; font-family: var(--font-family-narrow); font-size: 24px; font-weight: 600; }
#rowDownloads .divLabel                   { color: #666666; background: var(--color4-hex); text-align: center; }
#rowDownloads .divArchivos                { padding: 15px 0px; display: flex; flex-wrap: wrap; justify-content: center; }
#rowDownloads .divArchivos a              { padding: 20px; width: 25%; }
#rowDownloads .divArchivo                 { width: 100%; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowDownloads .divArchivo:hover           { transform: translateY(-10px); }
#rowDownloads .divArchivo i               { font-size: 60px; color: var(--color1-hex); }
#rowDownloads .divArchivo .divName        { margin-top: 5px; font-size: 18px; color: var(--color1-hex); }
#rowDownloads .divArchivo .divDescription { margin-top: 5px; padding-top: 5px; font-family: var(--font-family-narrow); font-size: 13px; }
#rowDownloads .divArchivo .divDescription { color: #333333; border-top: solid 1px; text-align: left; }
#rowDownloads .divNot                     { font-size: 20px; font-style: italic; }

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

@media (max-width:  980px) {
	#rowDownloads .divArchivo i        { font-size: 50px; }
	#rowDownloads .divArchivo .divName { font-size: 16px; }
}

@media (max-width:  780px) {
	#rowDownloads .divSeccion    { margin: 20px 0px; border-radius: 8px; }
	#rowDownloads .divLabel      { padding: 8px 0px; font-size: 20px; }
	#rowDownloads .divArchivos   { padding: 10px 0px; }
	#rowDownloads .divArchivos a { padding: 20px 15px; width: 33.33%; }
	#rowDownloads .divNot        { font-size: 18px; }
}

@media (max-width:  580px) {
	#rowDownloads .divDownloads        { padding: 0px; }
	#rowDownloads .divArchivos a       { padding: 20px 10px; width: 33.33%; }
	#rowDownloads .divArchivo i        { font-size: 40px; }
	#rowDownloads .divArchivo .divName { font-size: 14px; }
}

@media (max-width:  480px) {
	#rowDownloads                { padding: 0px 10px !important; }
	#rowDownloads .divSeccion    { margin: 15px 10px; border-radius: 6px; }
	#rowDownloads .divLabel      { padding: 5px 0px; font-size: 18px; }
	#rowDownloads .divArchivos   { padding: 5px 10px; }
	#rowDownloads .divArchivos a { padding: 15px 10px; width: 50%; }
	#rowDownloads .divArchivo i  { font-size: 32px; }
	#rowDownloads .divNot        { font-size: 16px; }
}

@media (max-width:  380px) {
	#rowDownloads .divArchivo i               { font-size: 28px; }
	#rowDownloads .divArchivo .divName        { font-size: 13px; }
	#rowDownloads .divArchivo .divDescription { margin-top: 3px; padding-top: 2px; }
}

@media (max-width:  320px) { #rowDownloads .divArchivos a { width: 100%; } }