/*
	CSS personalizado para PUBLICATIONS
*/

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

/************************************* #rowPublicationsFeed **************************************/

#rowPublicationsFeed .divPublicationsFeed * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowPublicationsFeed .divPublications       { display: flex; flex-wrap: wrap; }
#rowPublicationsFeed .divPublication        { margin: 20px; width: calc((100% - 80px) / 2); padding-bottom: 20px; border-bottom: solid 1px var(--color1-hex); }
#rowPublicationsFeed .divContent            { display: flex; }
#rowPublicationsFeed .divIzda               { width: 140px; }
#rowPublicationsFeed .divIcono              { font-size: 80px; color: var(--color1-hex); line-height: 100%; text-align: center; }
#rowPublicationsFeed .divMimeType           { font-size: 18px; font-weight: 600; color: var(--color1-hex); text-align: center; }
#rowPublicationsFeed .divDcha               { padding-left: 20px; width: calc(100% - 140px); display: flex; flex-direction: column; }
#rowPublicationsFeed .divTitulo             { font-size: 20px; font-weight: 500; line-height: 120%; height: calc((20px * 1.2 * 3) - 0px); }
#rowPublicationsFeed .divTitulo             { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowPublicationsFeed .aDownload             { margin: auto 0px 0px auto; width: 36px; height: 36px; font-size: 30px; display: flex; align-items: center; justify-content: center; }
#rowPublicationsFeed .aDownload:hover       { transform: scale(1.4); }
#rowPublicationsFeed .divNot                { width: 100%; font-size: 24px; font-style: italic; text-align: center; }

@media (max-width:  980px) {
	#rowPublicationsFeed .divIzda        { width: 130px; }
	#rowPublicationsFeed .divIcono       { font-size: 60px; }
	#rowPublicationsFeed .divMimeType    { font-size: 16px; }
	#rowPublicationsFeed .divDcha        { padding-left: 15px; width: calc(100% - 130px); }
	#rowPublicationsFeed .divTitulo      { font-size: 18px; height: calc((18px * 1.2 * 3) - 0px); }
	#rowPublicationsFeed .aDownload      { width: 32px; height: 32px; font-size: 28px; }
}

@media (max-width:  780px) {
	#rowPublicationsFeed .divPublication { width: 100%; }
	#rowPublicationsFeed .divTitulo      { height: calc((18px * 1.2 * 2) - 0px); -webkit-line-clamp: 2; }
}

@media (max-width:  580px) {
	#rowPublicationsFeed .divIzda        { width: 110px; }
	#rowPublicationsFeed .divIcono       { font-size: 40px; }
	#rowPublicationsFeed .divMimeType    { font-size: 14px; }
	#rowPublicationsFeed .divDcha        { padding-left: 10px; width: calc(100% - 110px); }
	#rowPublicationsFeed .divTitulo      { font-size: 16px; height: calc((16px * 1.2 * 2) - 0px); }
	#rowPublicationsFeed .aDownload      { width: 28px; height: 28px; font-size: 24px; }
}

@media (max-width:  380px) {
	#rowPublicationsFeed .divPublication { margin: 0px 0px 20px 0px; }
	#rowPublicationsFeed .divContent     { display: block; }
	#rowPublicationsFeed .divIzda        { width: auto; }
	#rowPublicationsFeed .divDcha        { padding: 10px 0px 0px 0px; width: 100%; }
	#rowPublicationsFeed .divTitulo      { font-size: 16px; height: auto; text-align: center; display: block; }
	#rowPublicationsFeed .aDownload      { margin: 10px auto 0px auto; width: 28px; height: 28px; font-size: 24px; }
}