/*
	CSS personalizado para 04 NEWS
*/

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

/*      Azul Oscuro: 0087CB rgb(  0,135,203) */
/*             Gris: 999999 rgb(153,153,153) */
/*       Azul Medio: 7FC3E5 rgb(127,195,229) */
/*       Azul Claro: BFE1F2 rgb(191,225,242) */
/*   Azul Muy Claro: DFF0F8 rgb(223,240,248) */

/*     Verde Oscuro: 56AF31 rgb( 86,175, 49) */
/*      Verde Medio: AAD798 rgb(170,215,152) */
/*      Verde Claro: D4EBCB rgb(212,235,203) */
/*  Verde Muy Claro: E9F5E5 rgb(233,245,229) */

/*   Naranja Oscuro: EF7D29 rgb(239,125, 41) */
/*    Naranja Medio: F7BE94 rgb(247,190,148) */
/*    Naranja Claro: FBDEC9 rgb(251,222,201) */
/*Naranja Muy Claro: FDEEE4 rgb(253,238,228) */

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

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

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

/******************************************* #rowNews ********************************************/

#rowNews .divNews *          { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowNews .divNoticias        { display: flex; flex-wrap: wrap; justify-content: center; }
#rowNews .divNoticia         { margin: 15px; width: calc(33.33% - 30px); display: flex; flex-direction: column; justify-content: space-between; }
#rowNews .divNoticia:hover   { transform: scale(1.05); }
#rowNews .divFoto            { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#rowNews .divFoto.not-image  { background-color: var(--color5-hex); background-image: url("/wp-content/uploads/logo_240v.png") !important; background-size: 60%; }
#rowNews .divTitulo          { margin-top: 20px; }
#rowNews .divTitulo h1       { font-family: var(--font-family-narrow); font-size: 18px; line-height: 120%; }
#rowNews .divTitulo h1       { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#rowNews .divTitulo h1       { height: calc((18px * 1.2 * 4) - 5px); -webkit-line-clamp: 4; }
#rowNews .divTitulo h1:hover { color: var(--color1-hex); }
#rowNews .divMeta            { margin-top: 20px; padding-top: 5px; border-top: solid 1px var(--color2-hex); display: flex; align-items: center; justify-content: space-between; }
#rowNews .divMeta *          { font-family: var(--font-family-narrow); }
#rowNews .divFecha           { font-size: 12px; }
#rowNews .divMore            { font-size: 12px; }
#rowNews .divMore a          { color: #333333; }
#rowNews .divMore a:hover    { color: var(--color1-hex); }

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

@media (max-width:  980px) {
	#rowNews .divNoticia   { margin: 10px; width: calc(33.33% - 20px); }
	#rowNews .divFoto      { height: 160px; }
	#rowNews .divTitulo    { margin-top: 15px; }
	#rowNews .divTitulo h1 { font-size: 16px; height: calc((16px * 1.2 * 4) - 5px); -webkit-line-clamp: 4; }
	#rowNews .divMeta      { margin-top: 15px; }
}

@media (max-width:  780px) {
	#rowNews .divNoticia        { position: relative; margin: 20px 0px; width: 100%; display: block; }
	#rowNews .divFoto           { float: left; margin-right: 20px; width: 160px; height: 160px; }
	#rowNews .divFoto.not-image { background-size: 80%; }
	#rowNews .divTitulo         { margin-top: 0px; }
	#rowNews .divTitulo h1      { font-size: 20px; height: calc((20px * 1.2 * 6) - 5px); -webkit-line-clamp: 6; }
	#rowNews .divMeta           { position: absolute; bottom: 0px; left: 180px; margin-top: 0px; width: calc(100% - 180px); }
}

@media (max-width:  580px) {
	#rowNews .divFoto      { margin-right: 15px; width: 120px; height: 120px; }
	#rowNews .divTitulo h1 { font-size: 18px; height: calc((18px * 1.2 * 4) - 2px); -webkit-line-clamp: 4; }
	#rowNews .divMeta      { left: 135px; width: calc(100% - 135px); }
}

@media (max-width:  480px) {
	#rowNews .divNews      { padding: 0px; }
	#rowNews .divTitulo h1 { font-size: 16px; height: calc((16px * 1.2 * 5) - 2px); -webkit-line-clamp: 5; }
}

@media (max-width:  380px) {
	#rowNews .divNoticia   { margin: 15px 0px; }
	#rowNews .divFoto      { width: 100px; height: 100px; }
	#rowNews .divTitulo h1 { font-size: 14px; height: calc((14px * 1.2 * 5) - 5px); -webkit-line-clamp: 5; }
	#rowNews .divMeta      { left: 115px; padding-top: 1px; width: calc(100% - 115px); }
	#rowNews .divFecha     { font-size: 11px; }
	#rowNews .divMore      { font-size: 11px; }
}

@media (max-width:  340px) { #rowNews .divMore { display: none; } }