/*
	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 ***********************************/

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

#rowCabecera .divCabecera { background-image: url("/wp-content/uploads/header_downloads.jpg"); }

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

#rowDownloads .divSeccion               { margin: 30px 0px; overflow: hidden; }
#rowDownloads .divSeccion:first-of-type { margin-top: 0px; }
#rowDownloads .divLabel                 { font-family: var(--font-family-narrow); font-size: 24px; font-weight: 600; color: #333333; border-bottom: solid 1px; }
#rowDownloads .divArchivos              { display: flex; flex-wrap: wrap; }
#rowDownloads .divArchivos a            { padding: 20px 40px 0px 0px; width: 25%; }
#rowDownloads .divArchivos a:hover      { text-decoration: none; }
#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: 40px; color: var(--color1-hex); }
#rowDownloads .divArchivo .divName      { margin-top: 5px; font-size: 16px; color: var(--color1-hex); }
#rowDownloads .divNotFiles              { margin-top: 20px; font-size: 18px; font-style: italic; }

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

@media (max-width:  980px) {
	#rowDownloads .divSeccion          { margin: 20px 0px; }
	#rowDownloads .divLabel            { font-size: 22px; }
	#rowDownloads .divArchivos a       { padding: 20px 30px 0px 0px; }
	#rowDownloads .divArchivo i        { font-size: 36px; }
	#rowDownloads .divArchivo .divName { font-size: 14px; }
	#rowDownloads .divNotFiles         { margin-top: 20px; font-size: 16px; }
}

@media (max-width:  780px) {
	#rowDownloads .divSeccion          { margin: 15px 0px; }
	#rowDownloads .divLabel            { font-size: 20px; }
	#rowDownloads .divArchivos a       { padding: 15px 25px 0px 0px; width: 33.33%; }
	#rowDownloads .divArchivo i        { font-size: 32px; }
	#rowDownloads .divArchivo .divName { font-size: 14px; }
	#rowDownloads .divNotFiles         { margin-top: 15px; font-size: 14px; }
}

@media (max-width:  580px) {
	#rowDownloads .divDownloads        { padding: 0px; }
	#rowDownloads .divSeccion          { margin: 15px 0px; }
	#rowDownloads .divLabel            { font-size: 18px; }
	#rowDownloads .divArchivos a       { padding: 15px 20px 0px 0px; width: 50%; }
	#rowDownloads .divArchivo i        { font-size: 30px; }
	#rowDownloads .divArchivo .divName { font-size: 13px; }
	#rowDownloads .divNotFiles         { margin-top: 10px; font-size: 13px; }
}

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