/*
	CSS personalizado para NEWS
*/

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

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

#rowNews .divNews *                                      { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowNews .divNoticias hr                                 { margin-bottom: 40px;  }
#rowNews .divNoticia                                     { margin-bottom: 40px; width: 100%; }
#rowNews .divNoticia .divImagen                          { float: left; margin-right: 30px; padding: 10px; width: 300px; height: 200px; border: solid 1px var(--color-ver2-hex); }
#rowNews .divNoticia .divImagen                          { box-shadow: 0px 0px 5px rgba(var(--color-ver2-rgb),0.5); }
#rowNews .divNoticia .divImagen .divFondo                { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
#rowNews .divNoticia .divImagen.no-image .divFondo       { background-size: 70%; opacity: 0.5; }
#rowNews .divNoticia .divImagen.no-image .divFondo:after { content: ""; width: 100%; height: 100%; background: rgba(var(--color1-rgb),0.2); display: block; }
#rowNews .divNoticia .divImagen.bighit   .divFondo       { background-size: 70%; opacity: 0.5; }
#rowNews .divNoticia .divImagen.bighit   .divFondo:after { content: ""; width: 100%; height: 100%; background: rgba(var(--color1-rgb),0.2); display: block; }
#rowNews .divNoticia .divContent                         { min-height: 200px; display: table; }
#rowNews .divNoticia .divTitulo          h1              { font-size: 24px; color: var(--color1-hex) !important; }
#rowNews .divNoticia .divTitulo          h1:hover        { color: var(--color-ver1-hex) !important; }
#rowNews .divNoticia .divFecha                           { margin-top: 10px; font-size: 14px; color: var(--color-ver1-hex); }
#rowNews .divNoticia .divTexto                           { margin-top: 10px; }
#rowNews .divNoticia .divTexto           p               { margin: 8px 0px; }
#rowNews .divNoticia .divTexto           p:first-of-type { margin-top: 0px; }
#rowNews .divNoticia .divTexto           p:last-of-type  { margin-bottom: 0px; }
#rowNews .divNoticia .divEnlaces                         { margin-top: 5px; display: flex; align-items: center; justify-content: space-between; }
#rowNews .divNoticia .divFuente                          { color: var(--color1-hex); display: flex; align-items: center; }
#rowNews .divNoticia .divFuente          label           { line-height: 100%; }
#rowNews .divNoticia .divFuente          a               { margin-left: 8px; line-height: 0px; }
#rowNews .divNoticia .divButtonMore                      { margin-left: auto; }
#rowNews .divNoticia .divButtonMore      .aButton        { padding: 8px 0px 0px 0px; width: 100px; height: 30px; font-size: 14px; border-radius: 6px; text-align: center; }
/*
#rowNews .aButton.aButtonBigHitNews             { position: relative; margin: 30px auto 0px auto; padding: 20px; width: 300px; background: var(--color-ver4-hex); }
#rowNews .aButton.aButtonBigHitNews             { border: solid 2px var(--color1-hex); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); display: table; }
#rowNews .aButton.aButtonBigHitNews:hover       { background: var(--color5-hex); transform: scale(1.2); }
#rowNews .aButton.aButtonBigHitNews .imgTouch   { position: absolute; bottom: 5px; right: 15px; width: 48px; transform: rotate(-30deg); }
*/
@media (max-width: 1180px) { #rowNews .divNoticias { padding: 0px 20px; } }

@media (max-width:  980px) {
	#rowNews .divNoticia                          { margin-bottom: 30px; }
	#rowNews .divNoticia .divImagen               { margin-right: 25px; width: 240px; height: 180px; }
	#rowNews .divNoticia .divContent              { min-height: 180px; }
	#rowNews .divNoticia .divTitulo     h1        { font-size: 20px; }
	#rowNews .divNoticia .divFecha                { font-size: 13px; }
	#rowNews .divNoticia .divTexto                { font-size: 14px; }
	#rowNews .divNoticia .divFuente               { font-size: 14px; }
	#rowNews .divNoticia .divFuente     label     { line-height: 120%; }
	#rowNews .divNoticia .divButtonMore .aButton  { font-size: 13px; }
	#rowNews .aButton.aButtonBigHitNews           { padding: 15px; width: 260px; }
	#rowNews .aButton.aButtonBigHitNews .imgTouch { width: 42px; }
}

@media (max-width:  780px) {
	#rowNews .divNoticia                          { margin-bottom: 20px; }
	#rowNews .divNoticia .divImagen               { margin-right: 20px; width: 180px; height: 120px; }
	#rowNews .divNoticia .divContent              { min-height: 120px; }
	#rowNews .divNoticia .divTitulo     h1        { font-size: 18px; }
	#rowNews .divNoticia .divFecha                { font-size: 12px; }
	#rowNews .divNoticia .divButtonMore .aButton  { padding: 6px 0px 0px 0px; width: 90px; height: 24px; font-size: 12px; }
	#rowNews .aButton.aButtonBigHitNews           { width: 200px; }
	#rowNews .aButton.aButtonBigHitNews .imgTouch { width: 36px; }
}

@media (max-width:  580px) {
	#rowNews .divNoticias                         { padding: 0px 10px; }
	#rowNews .divNoticia                          { margin-bottom: 30px; }
	#rowNews .divNoticia .divImagen               { float: none; margin: auto; width: 240px; height: 140px; }
	#rowNews .divNoticia .divContent              { width: 100%; min-height: 140px; }
	#rowNews .divNoticia .divTitulo               { margin-top: 20px; }
	#rowNews .divNoticia .divTitulo     h1        { font-size: 24px; text-align: center; }
	#rowNews .divNoticia .divFecha                { font-size: 13px; text-align: center; }
	#rowNews .divNoticia .divFecha:after          { content: ""; margin: 10px auto 20px auto; width: 100px; height: 1px; background: #666666; display: block; }
	#rowNews .divNoticia .divButtonMore           { text-align: center; }
	#rowNews .divNoticia .divButtonMore .aButton  { padding: 8px 0px 0px 0px; width: 100px; height: 30px; font-size: 13px; }
	#rowNews .aButton.aButtonBigHitNews           { width: 160px; }
	#rowNews .aButton.aButtonBigHitNews .imgTouch { width: 28px; }
}

@media (max-width:  480px) {
	#rowNews .divNoticia .divImagen               { width: 200px; height: 120px; }
	#rowNews .divNoticia .divContent              { min-height: 120px; }
	#rowNews .divNoticia .divTitulo     h1        { font-size: 20px; }
}

@media (max-width:  380px) {
	#rowNews .divNoticia .divImagen               { width: 180px; }
	#rowNews .divNoticia .divTitulo     h1        { font-size: 18px; }
	#rowNews .divNoticia .divFecha                { font-size: 12px; }
	#rowNews .divNoticia .divFecha:after          { width: 50%; }
	#rowNews .divNoticia .divButtonMore .aButton  { padding: 6px 0px 0px 0px; width: 90px; height: 24px; font-size: 12px; }
	#rowNews .aButton.aButtonBigHitNews           { width: 120px; }
	#rowNews .aButton.aButtonBigHitNews i         { font-size: 20px; }
}