/*
	CSS personalizado para 05 PUBLICATIONS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Azul Oscuro: 00435E rgb(  0, 67, 94) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 7FA1AE rgb(127,161,174) */
/*     Azul Claro: BFD0D6 rgb(191,208,214) */
/* Azul Muy Claro: DFE7EA rgb(223,231,234) */

/*       Turquesa: 5FD6DA rgb( 95,214,218) */
/*     GrisFooter: 565E62 rgb( 86, 94, 98) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/************************************* #rowPublicationsList **************************************/

#rowPublicationsList .divPublicationsList      { margin: auto; max-width: 1440px; }
#rowPublicationsList .divPublicationsList *    { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowPublicationsList .divSeccion               { margin: 30px 0px; }
#rowPublicationsList .divSeccion:first-of-type { margin-top: 0px; }
#rowPublicationsList .divPublications          { margin-left: -20px; display: flex; flex-wrap: wrap; }
#rowPublicationsList .divPublication           { padding: 20px; width: 25%; }
#rowPublicationsList .divContent               { padding: 30px; background: var(--color1-hex); }
#rowPublicationsList .divTitulo                { font-size: 20px; font-weight: 500; color: #FFFFFF; line-height: 120%; text-align: center; }
#rowPublicationsList .divTitulo                { height: calc((20px * 1.2 * 3) - 0px); -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowPublicationsList .divIcono                 { margin-top: 30px; font-size: 80px; color: #FFFFFF; line-height: 100%; text-align: center; }
#rowPublicationsList .divMimeType              { margin: 10px 0px 20px 0px; font-size: 18px; font-weight: 300; color: #FFFFFF; text-align: center; }
#rowPublicationsList .divDescripcion           { font-size: 16px; font-weight: 300; font-style: italic; color: #FFFFFF; line-height: 120%; }
#rowPublicationsList .divDescripcion           { height: calc((16px * 1.2 * 5) - 0px); -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowPublicationsList .aDownload                { position: relative; left: calc(100% - 30px); margin-top: 20px; font-size: 30px; color: #FFFFFF; line-height: 100%; display: inline-block; }
#rowPublicationsList .aDownload:hover          { transform: scale(1.4); }
#rowPublicationsList .divNot                   { margin-left: 20px; font-style: italic; }

@media (max-width: 1580px) { #rowPublicationsList .divPublicationsList { margin: 0px 40px; max-width: none; } }
@media (max-width: 1380px) { #rowPublicationsList .divPublicationsList { margin: 0px 30px; } }
@media (max-width: 1180px) { #rowPublicationsList .divPublication      { width: 33.33%; } }

@media (max-width:  980px) {
	#rowPublicationsList .divPublications { margin-left: -10px; }
	#rowPublicationsList .divPublication  { padding: 10px; width: 33.33%; }
	#rowPublicationsList .divContent      { padding: 20px; }
	#rowPublicationsList .divTitulo       { font-size: 18px; height: calc((18px * 1.2 * 3) - 0px); }
	#rowPublicationsList .divIcono        { margin-top: 20px; font-size: 60px; }
	#rowPublicationsList .divMimeType     { margin: 10px 0px; font-size: 16px; }
	#rowPublicationsList .divDescripcion  { font-size: 14px; height: calc((14px * 1.2 * 5) - 0px); }
	#rowPublicationsList .aDownload       { left: calc(100% - 25px); font-size: 28px; }
}

@media (max-width:  780px) { #rowPublicationsList .divPublication { width: 50%; } }

@media (max-width:  580px) {
	#rowPublicationsList .divPublications { margin-left: 0px; }
	#rowPublicationsList .divPublication  { position: relative; padding: 10px 0px; width: 100%; }
	#rowPublicationsList .divTitulo       { font-size: 16px; height: auto; display: block; text-align: left; }
	#rowPublicationsList .divDescripcion  { margin-top: 10px; font-size: 13px; height: auto; display: block; }
	#rowPublicationsList .divIcono        { position: absolute; bottom: 20px; left: 20px; margin: 0px; font-size: 40px; }
	#rowPublicationsList .divMimeType     { position: absolute; bottom: 27px; left: 70px; margin: 0px; font-size: 14px; }
	#rowPublicationsList .aDownload       { bottom: -10px; font-size: 28px; }
}
