/*
	CSS personalizado para 04 NEWS
*/

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

/***************************************** #rowNewsList ******************************************/

#rowNewsList .divNewsList              { margin: auto; max-width: 1440px; }
#rowNewsList .divNewsList *            { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowNewsList .divNoticia               { margin-bottom: 60px; }
#rowNewsList .spanFecha                { float: right; margin-top: -85px; color: var(--color3-hex); }
#rowNewsList .divContent               { display: flex; flex-wrap: wrap; justify-content: space-between; }
#rowNewsList .divFoto                  { width: 30%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.5); }
#rowNewsList .divFoto:before           { content: ""; padding-top: 60%; display: block; }
#rowNewsList .divFoto.not-image        { background-size: 80%; }
#rowNewsList .divDcha                  { padding-left: 60px; width: 70%; display: flex; flex-direction: column; }
#rowNewsList .divTexto                 { margin-bottom: 20px; height: calc((18px * 1.4 * 8) - 0px); -webkit-line-clamp: 8; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowNewsList .divTexto p               { margin: 0px; }
#rowNewsList .divTexto p:first-of-type { margin-top: 0px; }
#rowNewsList .divTexto p:last-of-type  { margin-bottom: 0px; }
#rowNewsList .divMore                  { margin-top: auto; }
#rowNewsList .divMore a                { color: var(--color1-hex); }

@media (max-width: 1580px) { #rowNewsList .divNewsList { margin: 0px 40px; max-width: none; } }
@media (max-width: 1480px) { #rowNewsList .divTexto    { height: calc((18px * 1.4 * 7) - 0px); -webkit-line-clamp: 7; } }
@media (max-width: 1380px) { #rowNewsList .divNewsList { margin: 0px 30px; } }

@media (max-width:  980px) {
	#rowNewsList .divDcha    { padding-left: 40px; }
	#rowNewsList .divTexto   { height: calc((18px * 1.4 * 6) - 0px); -webkit-line-clamp: 6; }
}

@media (max-width:  780px) {
	#rowNewsList .divNoticia { margin-bottom: 40px; }
	#rowNewsList .spanFecha  { margin-top: -70px; }
	#rowNewsList .divDcha    { padding-left: 30px; }
	#rowNewsList .divTexto   { height: calc((16px * 1.4 * 5) - 0px); -webkit-line-clamp: 5; }
}

@media (max-width:  580px) {
	#rowNewsList .divDcha    { padding-left: 20px; }
	#rowNewsList .divTexto   { height: calc((16px * 1.4 * 4) - 0px); -webkit-line-clamp: 4; }
}

@media (max-width:  480px) {
	#rowNewsList .divDcha    { padding-left: 0px; width: 100%; }
	#rowNewsList .divFoto    { display: none; }
}

@media (max-width:  380px) {
	#rowNewsList .divNoticia { margin-bottom: 30px; }
	#rowNewsList .spanFecha  { margin-top: -55px; }
	#rowNewsList .divTexto   { height: calc((14px * 1.4 * 4) - 0px); -webkit-line-clamp: 4; }
}