/*
	
	$VARIABLES
	$UTILIDADES
	$BOTONES
	$BODY
	$NAVBAR
		$TOP-BAR
		$NAVBAR-CONTAINER
		$NAVBAR-BRAND
		$NAVBAR-TOGGLER
		$NAVBAR-HEADER
		$NAVBAR-COLLAPSE
		$NAV-ITEM / $NAV-LINK
		$SUBMENU
		$NAV-SEARCH
	$HISTORICAL	/ $FOTO-DENUNCIA
	$PRINCIPAL
	$SECUNDARIA
	$NOTICIA-ARTICULO
	$EMOCIONES
	$BLOQUE (destacadas y ultimas)
	$REDES-SOCIALES
	$BREADCRUM
	$NOTICIAS-HOY
	$NOTICIAS-HOY-2
	$CATEGORIA 
		$CATEGORIA-HEADER
		$CATEGORIA-NOTICIA
	$PAGINACION
	$COMENTARIOS
		$COMENTARIOS-ORDEN
		$COMENTARIOS-MENSAJE
		$COMENTARIOS-MEDIA
		$VALORACION-COMENTARIOS
	$NOTICIAS-COMPARTIR
	$NOTICIAS-GALERIA
	$NOTICIAS-ETIQUETAS
	$MODALES
	$CONTACTO
	$FOOTER
*/


/* ++++++++++++++++++++++++++++++++ */
/* 			GUS DESORDENADAS    */
/* ++++++++++++++++++++++++++++++++ */


/* AÑADIDO OPINIÓN   */

/* ++++++++++++++++++++++++++++++++ */
/* 			$OPINION			    */
/* ++++++++++++++++++++++++++++++++ */

.opinion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.opinion img {
    width: 100px;
    height: auto;
}

.opinion-body {
    -ms-flex: 1;
    flex: 1;
}

.opinion-title {
    font-size: 0.9rem;
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.opinion-img {
	float: left;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
}

.opinion-img img {
	margin: 0;
	max-width: 250px;
	height: auto;
}


/* ++++++++++++++++++++++++++++++++ */
/* 			$VARIABLES			    */
/* ++++++++++++++++++++++++++++++++ */


:root {
	--c-rojo: #e50b19;
	--c-rojo-oscuro: #b70c17;
	--c-gris: #c9c9c9;
	--c-gris-oscuro: #777;
	--c-gris-texto: #444;
}


/* ++++++++++++++++++++++++++++++++ */
/* 			$UTILIDADES			    */
/* ++++++++++++++++++++++++++++++++ */
.bt-1 {
    border-top: 1px solid var(--c-gris);
}
.bb-1 {
    border-bottom: 1px solid var(--c-gris);
}

.lazy-load, .lazy-loaded {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.6;
}

.lazy-loaded { opacity: 1; }


/* ++++++++++++++++++++++++++++++++ */
/* 			$BOTONES			    */
/* ++++++++++++++++++++++++++++++++ */

.btn {
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0;
}

.btn-rojo {
    color: #fff;
    background-color: var(--c-rojo);
    border-color: var(--c-rojo);
}

.btn-rojo:hover,
.btn-rojo:not(:disabled):not(.disabled).active,
.btn-rojo:not(:disabled):not(.disabled):active  {
    color: #fff;
    background-color: #000;
    border-color: #000;
}





/* ++++++++++++++++++++++++++++++++ */
/* 				$BODY			    */
/* ++++++++++++++++++++++++++++++++ */

body {
	font-family: 'Roboto', sans-serif;
	color: var(--c-gris-texto);
    display: flex;
    flex-direction: column;
	min-height: 100vh;
}



a {
	color: var(--c-gris-texto);
}

a:hover {
	color: var(--c-rojo);
	text-decoration: none;
}







/* ++++++++++++++++++++++++++++++++ */
/* 				$NAVBAR			    */
/* ++++++++++++++++++++++++++++++++ */


/* ++++ NAVBAR +++++ */

.navbar {
	padding: 0;
	flex-direction: column;	
    align-items: stretch;
}



/* ++++ $TOP-BAR +++++ */

.top-bar {
	background-color: var(--c-rojo);
	color: #fff;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    display: none;
}

.top-bar-tiempo {
	display: flex;
	align-items: center;
}

.top-bar-tiempo p {
	font-size: 0.7rem;
	margin-bottom: 0;
}

.top-bar-redes {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.top-bar-redes a {
	margin: 0 0.3rem;
}
.top-bar-redes a:last-child {
	margin: 0 0 0 0.3rem;
}

.top-bar-redes img {
	height: 15px;
	width: auto;
}


.top-bar-sesion {
	display: flex;
	justify-content:flex-start;
	align-items: center;
}

.top-bar-buscar {
	display: flex;
	justify-content:flex-end;
	align-items: center;
}

.top-bar-buscar > form,
.form-buscar > form {
	position: relative;
}

.top-bar-buscar .icon-search,
.form-buscar .icon-search {
	height: 12px;
	width: auto;
	position: absolute;
    left: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
}

.form-buscar .form-control {
	padding-left: 1.3rem;
}

.top-bar-buscar .form-control {
    height: calc(1.3em + .4rem + 2px);
    padding: .2rem .4rem;
    font-size: 0.8rem;
    line-height: 1;
    border: none;
    padding-left: 1.3rem;
}

@media screen and (max-width:767px) {
	.top-bar {
	    display: flex;
	}
	.top-bar-tiempo {
		display: none;
	}
	
	.top-bar-rrss {
		display: none;
	}
}


@media screen and (min-width:768px) {
	.top-bar {
	    display: block;
	}
/*
	.top-bar-sesion {
		flex-direction: row;
		justify-content: flex-end;
	}
*/
	
/*
	.top-bar-buscar .form-control {
		margin-left: 0.5rem;
	}
*/
	
/*
	.top-bar-redes {
		display: none;
	}
*/

	.top-bar-redes {
		justify-content: center;
	}
}


@media screen and (min-width:992px) {
	
	.top-bar-redes {
    	display: flex;
		justify-content: center;
	}
	
	.top-bar-redes a:last-child {
		margin: 0 0.3rem;
	}
	
}




/* ++++ $NAVBAR-CONTAINER +++++ */
@media screen and (min-width: 992px) {
	.navbar>.container,
	.navbar>.container-fluid {
		flex-direction: column;
		align-items: stretch;
		justify-content:center;
		position: relative;
	}	
}

@media (max-width: 991.98px) {
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
	    padding-right: 15px;
		padding-left: 15px;
	}
}


/* ++++ $NAVBAR-BRAND +++++ */
.navbar-marca {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	display: flex;
	flex-direction: column;
}

.navbar-logo {
	display:flex;
	justify-content: space-between;
	margin-top: 0.5rem;
}

.navbar-brand {
	padding-top: 0;
}

.navbar-tiempo {
	font-size: 0.7rem;
	margin-bottom: 0;
}


@media screen and (max-width:991px) {
	.navbar-fixed {
		padding-top: 50px;
	}
	
	.navbar-fixed .navbar-logo {
		position: fixed;
		top: 0;
		z-index: 999;
		background-color: #fff;
		left: 0;
		right: 0;
	    margin: 0;
	    padding-left: 1rem;
	    padding-right: 1rem;
	    padding-top: 0.5rem;
	    padding-bottom: 0.5rem;
	    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.2);
	}
}


@media screen and (max-width:350px) {
	.navbar-logo .navbar-brand img {
		max-width: 240px;
	}
}



@media screen and (min-width:992px) {
	.navbar-marca {
		padding-bottom: 1rem;
		flex-direction: row;
	}
	.navbar-publicidad {
		order: 2;
	}
	.navbar-logo {
		order:1;
	}
}


/* ++++ $NAVBAR-TOGGLER +++++ */
.navbar-toggler {
    padding: .25rem .25rem;
}

/* ++++ $NAVBAR-HEADER +++++ */
.navbar-header {
	display: none;
}

.navbar-header .top-bar-redes {
	display: none;
}

/* ++++ $NAVBAR-COLLAPSE +++++ */

@media screen and (max-width:991px) {
	
	.navbar-collapse {
	    bottom: 0;
	    display: block;
	    left: 100%;
	    position: fixed;
	    top: 0;
	    transform: translateX(0%);
	    transition: transform 0.6s, visibility 0.6s;
	    visibility: hidden;
	    width: 100%;
	    z-index: 9999;
	    
	    background-color: #fff;
	    padding: 1rem;
	}
	
	.navbar-collapse.open {
	    visibility: visible;
	    transform: translateX(-100%);
	}
	
	.navbar-header {
		display: block;
		margin-bottom: 0.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.navbar-header .top-bar-redes {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}
	
	.navbar-header .top-bar-redes a {
	    margin: 0 0.5rem;
	}
	
	.navbar-header .top-bar-redes a:last-child {
	    margin: 0 0 0 0.5rem;
	}
	
	.navbar-header .top-bar-redes img {
	    height: 20px;
	    width: auto;
	}

}

@media screen and (min-width:992px) {
	.navbar-collapse {
		border-top: 1px solid var(--c-gris);
		border-bottom: 1px solid var(--c-gris);
	}
	
	
	.navbar-fixed .navbar-collapse {
		position: fixed;
		top: 0;
		background-color: #fff;
		z-index: 999;
		left: 0;
		right: 0;
	    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.2);
	}
}



/* ++++ $NAV-ITEM / $NAV-LINK +++++ */
.navbar-nav .nav-link {
    color: var(--c-gris-oscuro);
    text-transform: uppercase;
    font-size: 1rem;
}

.navbar-nav .active .nav-link {
	color: var(--c-rojo);
}

.navbar-nav .nav-item > .nav-link img {
	height: 10px;
	width: auto;
	transform: translateY(-2px);
}


.logo-cb {
	display: none;
}

.icon-home img {
	height: 17px !important;
	width: auto;
}

@media screen and (max-width:991px) {
	.nav-item .nav-link {
	    padding-top: 0.4rem;
	    padding-bottom: 0.4rem;
	}
}

@media screen and (min-width:992px) {
	.navbar-fixed .logo-cb {
		display: list-item;
	}
	
	.navbar-fixed  .logo-cb img {
		height: 20px !important;
	}
	
	.navbar-fixed .icon-home {
		display: none;
	}
}




/* $SUBMENU */
.submenu {
	display: none;
}

@media screen and (max-width:991px) {
	
	.navbar-nav > .nav-item.show > .submenu {
		display: flex;
	}
	
	.submenu .nav-item .nav-link {
	    padding-left: 1.5rem;
	    padding-top: 0.3rem;
	    padding-bottom: 0.3rem;
	}
}


@media screen and (min-width:992px) {
	
	.navbar-nav .nav-item {
		position: relative;
	}
	    
	.navbar-nav .nav-item .nav-link {
	    font-size: 0.8rem;
	    padding-left: 0.3rem;
	    padding-right: 0.3rem;
	}
	
	.navbar-nav .nav-item:hover > .nav-link,
	.navbar-nav .nav-item .nav-link:hover {
		color: var(--c-rojo);
	}
	
	.navbar-nav .nav-item:first-child .nav-link {
	    padding-left: 0;
	}
	.navbar-nav .nav-item:last-child .nav-link {
	    padding-right: 0;
	}
	
	.navbar-nav .nav-item > .nav-link img {
		height: 6px;
		width: auto;
	}
	
	
	.navbar-nav > .nav-item:hover > .submenu {
	    display: flex;
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	    transform: translateY(100%);
	    width: 165px;
	    flex-direction: column;
	    align-items: stretch;
	    justify-content: space-around;
	    z-index: 999;
	    background-color: #fff;
	    box-shadow: 1px 1px 4px rgba(0,0,0,.15);
	}
	
	.navbar-nav > .nav-item:last-child:hover > .submenu  {
	    left: auto;
	    right: 0;
	}
	
	.submenu .nav-item {
	    display: flex;
	    flex-direction: column;
	    align-items: stretch;
	}
	
	.submenu .nav-item .nav-link {
/* 	    background-color: #0a4d6a; */
	    width: auto;
	    padding: 0.625rem 1rem;
	    display: block;
	    text-align: left;
	}
	.submenu .nav-item:first-child .nav-link {
	    padding-top: 1rem;
	    padding-left: 1rem;
	}
		
}

@media screen and (min-width:1200px) {
	.navbar-nav .nav-item .nav-link {
	    font-size: 0.875rem;
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	}
	
	.submenu .nav-item .nav-link {
	    padding-left: 1rem;
	}
		
}


/* ++++ $NAV-SEARCH +++++ */

.navbar-search {
	display: none;
}

.navbar-search .form-control {
	font-size: 0.75rem;
	height: calc(1.3em + .75rem + 2px);
    padding: .3rem .75rem;
    margin: 0.3rem 0;
}

.navbar-suscribete {
	color: #fff;
	font-size: 0.7rem;
	margin-bottom: 0;
    line-height: 1;
}

.navbar-suscribete button {
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	color: #fff;
}

.navbar-suscribete button:hover {
	text-decoration: underline;
}

.navbar-suscribete a {
	color: #fff;
}

.navbar-actualizado {
	font-size: 0.7rem;
	margin-bottom: 0;
    line-height: 1;
}

.navbar-actualizado span {
	text-transform: uppercase;
}



@media screen and (min-width:992px) {
	.navbar-search {
		position: absolute;
		top: 12px;
		right: 1rem;
		text-align: right;
	}
}





/* ++++++++++++++++++++++++++++++++ */
/* 	$HISTORICAL	/ $FOTO-DENUNCIA	*/
/* ++++++++++++++++++++++++++++++++ */

.historical-container {
	display: none;
}

.historical-container:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background-color: var(--c-gris);
}

.historical,
.foto-denuncia {	
	display: flex;
	margin: 1rem 0;
}

.historical:after {
	content: '';
	display: block;
	width: calc(100% - 30px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--c-gris);
}

.historical-info,
.historical-image,
.foto-denuncia-info,
.foto-denuncia-image {
	flex-basis: 50%;
}

.historical-img,
.foto-denuncia-img {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.historical-img:before,
.foto-denuncia-img:before {
	display: block;
	content: '';
	padding-top: 40%;
}

.historical-img img,
.foto-denuncia-img img {
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
}

.historical-info,
.foto-denuncia-info {
	font-size: 0.7rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.historical-info p,
.foto-denuncia-info p {
	margin-bottom: 0.25rem;
}

.historical-fecha,
.foto-denuncia-fecha {
	text-transform: uppercase;
	margin-bottom: 0;
} 

.historical-usuario,
.foto-denuncia-usuario {
	font-weight: 700;
} 

.historical-title,
.foto-denuncia-title {
	font-size: 0.875rem;
	text-transform: uppercase;
}


@media screen and (min-width:768px) {	
	.historical-container {
		display: block;
	}
	
	.historical,
	.foto-denuncia {
		flex-wrap: wrap;
	}
	
	.historical:after {
		width: 1px;
		height: calc(100% - 1rem);
		bottom: auto;
		top: 50%;
		left: auto;
		right: 0;
		transform: translateY(-50%);
	}
	
	.historical-info,
	.historical-image,
	.foto-denuncia-info,
	.foto-denuncia-image {
		flex-basis: 100%;
	}
	
	
	.historical-info,
	.foto-denuncia-info {
		margin-bottom: 0.5rem;
	}
	
	.foto-denuncia-info {
		text-align: right;
	}
	
	.historical-info p,
	.foto-denuncia-info p {
		margin-bottom: 0;
	}
	
	
	
	.historical-title,
	.foto-denuncia-title {
		font-size: 1rem;
	}
}



@media screen and (min-width:992px) {	
	.historical,
	.foto-denuncia {
		flex-wrap: wrap;
	}
	
	
	.historical-info,
	.historical-image,
	.foto-denuncia-info,
	.foto-denuncia-image {
		flex-basis: 50%;
	}
}






/* ++++++++++++++++++++++++++++++++ */
/* 			$PRINCIPAL			    */
/* ++++++++++++++++++++++++++++++++ */

.principal {
	margin-bottom: 1rem;
}

.principal-titulo {
	font-size: 1.6rem;
	margin: 1rem 0;
	text-align: center;
}

.principal-subtitulo {
	text-align: center;
	border-top: 1px solid var(--c-gris);
	border-bottom: 1px solid var(--c-gris);
	padding: 1rem 0;
}

.principal-img {
	position: relative;
    display: block;
    width: 100%;
    max-height: 450px;
    padding: 0;
    overflow: hidden;
}

.principal-img:before {
	display: block;
    content: "";
	padding-top: 40%;
}

.principal-img img {
    height: auto;
    width: 100%;
    border: 1px solid var(--c-gris);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.principal-articulo {
	-webkit-columns: 3 200px;
	   -moz-columns: 3 200px;
			columns: 3 200px;
	-webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
	-webkit-column-rule: 1px solid var(--c-gris);
       -moz-column-rule: 1px solid var(--c-gris);
            column-rule: 1px solid var(--c-gris);
            
    font-size: 0.875rem;
}

.principal-articulo p > a {
	color: var(--c-rojo);
}

.principal-articulo-titulos {
	font-size: 1rem;
    font-weight: 700;
}

@media screen and (min-width:768px) {
	.principal-titulo {
		font-size: 2rem;
	}
		
}



/* ++++++++++++++++++++++++++++++++ */
/* 			$SECUNDARIA			    */
/* ++++++++++++++++++++++++++++++++ */
.secundaria {
	display: flex;
	margin-bottom: 1rem;
	margin-top: 2rem;
    flex-wrap: wrap;
}

.secundaria-imagen {
	flex-basis: 100%;
	margin-bottom: 0.5rem;
}
.secundaria-texto {
	flex-basis: 100%;
}


@media screen and (min-width:992px) {
	.secundaria-imagen {
		flex-basis: 25%;
	}
	.secundaria-texto {
		flex-basis: 75%;
		padding-left: 1rem;
	}
}







/* ++++++++++++++++++++++++++++++++ */
/* 		$NOTICIA-ARTICULO	        */
/* ++++++++++++++++++++++++++++++++ */

.noticia-titulo {
	font-size: 1.6rem;
	margin: 1rem 0;
}

.noticia-articulo p > a {
	color: var(--c-rojo);
}

.noticia-imagen {
	margin-bottom: 0.5rem;
    border: 1px solid var(--c-gris);
}

.noticica-fecha {
    font-size: 0.7rem;
    text-transform: uppercase;
}

.noticica-fecha span {
    font-weight: 700;
}

.noticia-articulo h2 {
	font-size: 1.3rem;
	font-weight: 700;
}


@media screen and (min-width:768px) {
	
	.noticia-titulo {
		font-size: 2rem;
	}
		
}

.figureImg {
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: 450px;
    padding: 0;
    overflow: hidden;
}

.figureImg img {
    width: 100%;
    height: auto;
    border: 1px solid var(--c-gris);
}





/* ++++++++++++++++++++++++++++++++ */
/* 		    	$EMOCIONES 		    */
/* ++++++++++++++++++++++++++++++++ */

.emociones-titulo {
    background-color: #f5f5f5;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--c-gris);
}

.emociones-titulo p {
	margin: 0;
}

.emociones {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
    background-color: #f5f5f5;
	margin-bottom: 2rem;
	flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.emocion {
	display: flex;
	flex-direction: column;
    align-items: center;
	width: 33.33334%;
	margin-bottom: 1rem;
	position: relative;
}

.emocion img {
	height: 20px;
	width: auto;
}

@media screen and (min-width:768px) {
	.emocion {
	    width: 33.33334%;
	}	
}


@media screen and (min-width:992px) {
	.emocion {
	    width: 16.66667%;
	}	
}


.emocion > div {
	background-color: var(--c-rojo);
	position: relative;
	width: 100px;
	margin-bottom: 1rem;
	
}

.emocion > div > span {
/*
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -3.125rem;
	width: 100px;
	text-align: center;
	font-size: 0.875rem;
*/
}
.emocion a,
.emocion a:hover {
	color: #000;
}



/* ++++++++++++++++++++++++++++++++ */
/* 		    	$BLOQUE	 		    */
/* ++++++++++++++++++++++++++++++++ */

.bloque {
	
}

.bloque-titulo {
	text-transform: uppercase;
	color: var(--c-rojo);
    font-size: 0.875rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--c-gris);
    font-weight: 700;
}


.bloque-articulo {
    padding: 0.5rem;
    border-bottom: 1px solid var(--c-gris);
    border-top: 1px solid var(--c-gris);
    background: #f5f5f5;
    margin: 1rem 0;
}


.bloque-articulo:last-child {
/*     border-bottom: none; */
}


.bloque-articulo-titulo {
	font-size: 0.8125rem;
/* 	text-transform: uppercase; */
}

.bloque-articulo-texto {
	display: flex;
    align-items: flex-start;
	font-size: 0.8125rem;
}


.bloque-img {
	position: relative;
	display: block;
	width: 100px;
	height: 70px;
	padding: 0;
	overflow: hidden;
	margin-right: 0.5rem;
	max-width: 100px;
    min-width: 100px;
}
/*
.bloque-img:before {
	display: block;
	content: '';
	padding-top: 75%;
}
*/

.bloque-img img {
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
	border: 1px solid var(--c-gris);
}

.bloque-articulo-texto > img {
	width: 100px;
	margin-right: 0.5rem;
}

.bloque-articulo-texto > p {
	margin-bottom: 0;
}


#resultados .bloque-articulo {
	 background:none;
	 border: none);
}

#resultados .bloque-articulo-titulo {
	font-size: 1.2rem;
	text-transform: normal;
}	
#resultados .bloque-articulo-texto {
	display: flex;
    align-items: flex-start;
	font-size: 0.875rem;
    color: var(--c-gris-oscuro);
}



@media screen and (min-width:768px) {
	.bloque-titulo,
	.bloque-articulo-titulo {
    	font-size: 0.75rem;
	}
	
	.bloque-articulo-texto {
		flex-direction: column;
	}
	.bloque-articulo-texto > img {
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.bloque-articulo-texto > p {
		margin-bottom: 0;
	}
	
}

@media screen and (min-width:992px) {
	.bloque-titulo {
    	font-size: 1rem;
	}
	.bloque-articulo-titulo {
    	font-size: 0.8125rem;
	}
	.bloque-articulo-texto {
		flex-direction: row;
	}
	.bloque-articulo-texto > img {
		margin-right: 0.5rem;
		margin-bottom: 0;
	}
	.bloque-articulo-texto > p {
		margin-bottom: 0;
	}
}

/* ++++++++++++++++++++++++++++++++ */
/* 			$REDES-SOCIALES		    */
/* ++++++++++++++++++++++++++++++++ */

.rrss {
	margin: 1rem 0;
}

.rrss-compartir {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.rrss-compartir a {
   display: inline-block;
   margin: 0 0.2rem 0.4rem 0.2rem;
   border-radius: 8px;
   overflow: hidden;
}

/*
.rrss-compartir a:first-child {
	margin-left: 0;
}

.rrss-compartir a:last-child {
	margin-right: 0;
}
*/

.rrss-compartir img {
	width: 36px;
	height: auto;
}


@media screen and (min-width:768px) {
	.rrss-compartir {
		justify-content: center;
	}	
}


/* ++++++++++++++++++++++++++++++++ */
/* 			$BREADCRUM			    */
/* ++++++++++++++++++++++++++++++++ */

.breadcrumb-nav {
	position: relative;
}

.breadcrumb {
	padding: 0;
	margin-top: 1rem;
	background-color: transparent;
}

.breadcrumb-item,
.breadcrumb-item a {
	text-transform: uppercase;
	color: #000;
    font-size: 0.8125rem;
    font-weight: 700;
}

.breadcrumb-item.active {
	color: var(--c-gris-oscuro);
}


.breadcrumb-social {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
}

.breadcrumb-social a {
	margin-left: 0.5rem;
}

.breadcrumb-social img {
	height: 15px;
	width: auto;
}


/* ++++++++++++++++++++++++++++++++ */
/* 			$NOTICIAS-HOY		    */
/* ++++++++++++++++++++++++++++++++ */

.noticias-hoy {
	border: 1px solid #000;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
}

.noticias-hoy > span {
	padding: 0.5rem 1rem;
	display: inline-block;
	line-height: 1;
	display: flex;
	align-items:center;
	justify-content: center;
	text-align: center;
}

.noticias-hoy-titulo {
	background-color: var(--c-rojo);
	color: #fff;
	font-size: 1.1rem;
}

.noticias-hoy-info {
	flex-grow: 1;
}


.noticias-hoy-flechas {
}


.noticias-hoy-flechas a {
	display: inline-block;
	background-color: #000;
	padding: 0.3rem 0.5rem;
	line-height: 1;
}

.noticias-hoy-flechas a:hover {
	background-color: var(--c-rojo);
}

.noticias-hoy-flechas a:first-child {
	padding-left: 0.4rem;
	margin-right: 0.25rem;
}
.noticias-hoy-flechas a:last-child {
	padding-right: 0.4rem;
	margin-left: 0.25rem;
}

.noticias-hoy-flechas img {
	height: 15px;
	width: auto;
}

@media screen and (min-width:768px) {
	.noticias-hoy {
		flex-direction: row;
	}	
}

@media screen and (min-width:992px) {
	.noticias-hoy > span {
		justify-content: flex-start;
		text-align: left;
	}	
}



/* ++++++++++++++++++++++++++++++++ */
/* 			$NOTICIAS-HOY-2 	    */
/* ++++++++++++++++++++++++++++++++ */


.noticias-hoy2 {
/* 	border: 1px solid #000; */
	background-color: #b0f6d9;
	margin-bottom: 1rem;
	position: relative;
}

.noticias-hoy2-titulo {
	background-color: var(--c-rojo);
	color: #fff;
	font-size: 1.1rem;
	padding: 0.5rem 1rem;
	text-align: center;
	line-height: 1;
}


.noticias-hoy2-info {
	background-color: #fff;
	text-align: center;
	line-height: 1;
	border-left: 1px solid var(--c-gris);
	border-right: 1px solid var(--c-gris);
}

.noticias-hoy2-info .noticias-hoy2-box {
	padding: 0.5rem 1rem;
}


.noticias-hoy2-flechas {
	background-color: #fff;
	padding: 0.5rem 1rem;
	text-align: center;
	border-left: 1px solid var(--c-gris);
	border-right: 1px solid var(--c-gris);
	border-bottom: 1px solid var(--c-gris);
}


.noticias-hoy2-flechas span {
	display: inline-block;
	background-color: #000;
	padding: 0.3rem 0.5rem;
	line-height: 1;
	cursor: pointer;
}

.noticias-hoy2-flechas span:hover {
	background-color: var(--c-rojo);
}

.noticias-hoy2-flechas span:first-child {
	padding-left: 0.4rem;
	margin-right: 0.25rem;
}
.noticias-hoy2-flechas span:last-child {
	padding-right: 0.4rem;
	margin-left: 0.25rem;
}

.noticias-hoy2-flechas img {
	height: 15px;
	width: auto;
}

@media screen and (min-width:768px) {
	.noticias-hoy2 {
		padding-right: 4.5rem;
		padding-left: 8rem;
	}
	
	.noticias-hoy2-titulo {
		position: absolute;
		top: 0;
		left: 0;
		width: 8rem;
		height: 100%;
		font-size: 1rem;
		padding: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.noticias-hoy2-info {
		border-top: 1px solid var(--c-gris);
		border-bottom: 1px solid var(--c-gris);
		border-left: none;
		border-right: none;
	}
	
	.noticias-hoy2-flechas {
		position: absolute;
		top: 0;
		right: 0;
		width: 4.5rem;
		height: 100%;
		padding: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		border: 1px solid var(--c-gris);
		border-left: none;
	}
	.noticias-hoy2-info .noticias-hoy2-box {
		padding: 0.8rem 1rem;
		text-align: left;
	}
}

@media screen and (min-width:992px) {
	.noticias-hoy2 {
		padding-left: 10rem;
	}
	
	.noticias-hoy2-titulo {
		width: 10rem;
		font-size: 1.1rem;
	}
}



/* ++++++++++++++++++++++++++++++++ */
/* 		 	$CATEGORIA 	 		    */
/* ++++++++++++++++++++++++++++++++ */

.categoria {
	margin-bottom: 1.5rem;
/* 	background-color: rgba(0, 255, 255, 0.23); */
}




/* ++++++ $CATEGORIA-HEADER ++++++ */
.categoria-header {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid var(--c-gris);
	border-bottom: 1px solid var(--c-gris);
	margin-bottom: 1rem;
/* 	margin-top: 1rem; */
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.categoria-header-icono {
	padding-right: 1rem;
	border-right: 1px solid var(--c-gris);
}

.categoria-header-icono img {
	height: 25px;
	width: auto;
}


.categoria-header-titulo {
	padding-left: 1rem;
	margin-right: auto;
	color: var(--c-gris);
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 1;
	display: flex;
	align-items: center;
}

.categoria-header-titulo a {
	color: var(--c-gris);
}

.categoria-header-titulo a:hover {
	text-decoration: none;
}

.categoria-header-filtro {
	display: flex;
	align-items: center;
/* 	flex-basis: 100%; */
	margin-top: 0.2rem;
	color: var(--c-rojo);
}

.categoria-header-filtro a {
	color: var(--c-rojo);
	line-height: 1;
}

.categoria-header-filtro a:hover {
	color: var(--c-rojo-oscuro);
}

.categoria-header-filtro > span {
	margin: 0 0.5rem;
	color: var(--c-gris);
}

@media screen and (min-width:768px) {
	.categoria-header-icono img {
		height: 32px;
	}
	
	.categoria-header-filtro {
		flex-basis: auto;
		margin-top: 0;
	}
	
	.categoria-header-titulo {
		font-size: 2rem;
	}
}



/* ++++++ $CATEGORIA-NOTICIA ++++++ */

.categoria-noticia {
	margin-bottom: 1.5rem;
}

.categoria-noticia.fondo {
 	padding: 0.5rem;
    border-bottom: 1px solid var(--c-gris);
    border-top: 1px solid var(--c-gris);
    background: #f5f5f5;
}


.categoria-noticia > a {
	margin-bottom: 0.5rem;
	display: inline-block;
/*
    overflow: hidden;
    display: flex;
*/
}
/*
.categoria-noticia img {
	max-width: 100%;
}
*/

.categoria-img {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.categoria-img:before {
	display: block;
	content: '';
	padding-top: 75%;
}

.categoria-img img {
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
	border: 1px solid var(--c-gris);
}


.categoria-noticia-titulo {
	font-size: 1.15rem;
}

.categoria-noticia-titulo2 {
	font-size: 1rem;
}


.categoria-noticia-fecha {
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.categoria-noticia-fecha span {
    font-weight: 700;
}

.categoria-noticia-subtitulo {
	font-size: 0.875rem;
	color: var(--c-gris-oscuro);
}


/*
.categoria-noticia.video > a {
	position: relative;
}
*/

/* .categoria-noticia.video .icon-video, */
.card-img-overlay img {
	width: auto;
	height: 25%;
	border: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*
.categoria-publicidad {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
}
*/

/*
@media screen and (min-width:576px) {
	.categoria-noticia > a {
	    justify-content: center;
	    align-items: flex-start;
	}
	
	.categoria-noticia img {
		max-width: none;
		max-height: 360px;
	}
}
*/


@media screen and (min-width:768px) {
	
	
	.categoria-noticia-titulo {
		font-size: 1rem;
	}
}

@media screen and (min-width:992px) {
	.categoria-noticia-titulo {
		font-size: 1.375rem;
	}
}

@media screen and (min-width:1200px) {
	.categoria-noticia-titulo2 {
		font-size: 1.125rem;
	}
}

/* ++++++++++++++++++++++++++++++++ */
/* 		 	$PAGINACION 	 	    */
/* ++++++++++++++++++++++++++++++++ */

.pagination {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}


.page-link {
    color: var(--c-gris-oscuro);
    border: 1px solid var(--c-gris);
}

.page-link:hover {
    color: #000;
    background-color: var(--c-gris);
    border-color: var(--c-gris);
}

.page-item.active .page-link {
    background-color: var(--c-rojo);
    border-color: var(--c-rojo);
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}






/* ++++++++++++++++++++++++++++++++ */
/* 		 	$COMENTARIOS		    */
/* ++++++++++++++++++++++++++++++++ */

.comentarios {
	margin-bottom: 1.5rem;
}


/* ++++++ categoria-header ++++++ */
.comentarios-header {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid var(--c-gris);
	border-bottom: 1px solid var(--c-gris);
	margin-bottom: 1rem;
/* 	margin-top: 1rem; */
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.comentarios-header-numero {
	padding-right: 1rem;
	border-right: 1px solid var(--c-gris);
	font-size: 2rem;
    line-height: 1;
    display: flex;
    align-items: center;
}


.comentarios-header-titulo {
	padding-left: 1rem;
	margin-right: auto;
	color: var(--c-gris);
	text-transform: uppercase;
	font-size: 2rem;
	line-height: 1;
}

.comentarios-header-titulo a {
	color: var(--c-gris);
}

.comentarios-header-titulo a:hover {
	text-decoration: none;
}

.comentarios-header-filtro {
	display: flex;
	align-items: center;
}

.comentarios-toggle {
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transform: rotate(0deg);
	transition: transform 0.5s;
}

.comentarios-toggle.show {
	transform: rotate(180deg);
}

.comentarios-toggle:focus {
    outline: none;
}



.comentarios-body {
/*
  margin-top: 10px;
  background: #f5f5f5;
*/
  padding: 0;
}

.comentarios-content {
/*
    border: 1px solid #ccc;
    padding: 1.5em;
    height: 100%;
*/
}


.comentarios-sesion,
.comentarios-formulario {
	margin-bottom: 1rem;
}

.comentarios-sesion span {
	border-left: 1px solid var(--c-gris);
	padding: 0.4rem 0 0.4rem 0.5rem;
	font-size: 0.875rem;
	margin-left: 0.5rem;
}



/*++++ $COMENTARIOS-ORDEN ++++*/

.comentarios-orden {
	display: flex;
	justify-content:flex-end;
	padding-top: 1rem;
    border-top: 1px solid var(--c-gris);
}




/*++++ $COMENTARIOS-MENSAJE ++++*/

.comentarios-mensaje {
	padding: 1rem;
	background-color: #e3f7e6;
	margin-bottom: 1.5rem;
	text-align: center;
}

.comentarios-mensaje.espera {
	background-color: #f8e4e5;
}

.comentarios-mensaje h5 {
	font-weight: 700;
}

.comentarios-mensaje p {
	margin-bottom: 0;
}

/*++++ $COMENTARIOS-MEDIA ++++*/

.media {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.media:first-child {
	margin-top: 1rem;
}

.media > img {
	width: 64px;
	height: auto;
}

.media-body {
	font-size: 0.8rem;
}

.media-title {
	font-size: 0.8125rem;
	margin-top: 0;
	margin-bottom: 0.25rem;
    font-weight: 700;
}
.media-title span {
    font-weight: 400;
	font-size: 0.7rem;
}


.media-body .media {
	margin-top: 1rem;
}



/*++++	 $VALORACION-COMENTARIOS	++++*/


.valoracion {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 1rem;
}


.valoracion-nota {
	padding: 0.3rem 0.2rem 0.2rem 0.2rem;
	background-color: #e0e0e0;
	font-size: 0.65rem;
	margin: 0 0.5rem;
	line-height: 1;
	border-radius: 5px;
    min-width: 22px;
    text-align: center;
}

.valoracion-icon {
	text-align: center;
	line-height: 1;
}

.valoracion-icon img {
	width: 13px;
	height: auto;
	cursor: pointer;
}

.valoracion-icon.positivo img {
	transition: transform 0.35s;
}

.valoracion-icon.positivo:hover img {
	transform: translateY(-2px);
}

.valoracion-icon.negativo img {
	margin-top: 4px;
	transform: rotateY(180deg);
	transition: transform 0.35s;
}
.valoracion-icon.negativo:hover img {
	transform: rotateY(180deg) translateY(2px);
}

.responderC {
	cursor: pointer;
}



/* ++++++++++++++++++++++++++++++++ */
/* 		 $NOTICIAS-COMPARTIR	    */
/* ++++++++++++++++++++++++++++++++ */


.noticia-compartir {
	margin-bottom: 1rem;
}

.noticia-compartir a {
	display: inline-flex;
    justify-content: center;
    align-items: center;
	width: 30px;
	height: 30px;
	margin-right: 0.1rem;
    padding: 0.5rem;
}

.noticia-compartir .facebook {
	background-color: #3a559f;
}
.noticia-compartir .twitter {
	background-color: #50abf1;
}
.noticia-compartir .pinterest {
	background-color: #c9353d;
}
.noticia-compartir .linkedin {
	background-color: #0084b1;
}
.noticia-compartir .whatsapp {
	background-color: #1bd741;
}

.noticia-compartir a img {
	width: 20px;
	height: auto;
}

@media screen and (max-width:767px) {

	.noticia-compartir {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		margin-bottom: 0;
		display: flex;
		z-index: 99999;
	}
	
	.noticia-compartir a {
		margin: 0;
		flex-grow: 1;
		width: auto;
		height: auto;
		padding: 0.6rem 0.5rem;
	}
	
	.noticia-compartir a img {
		width: 18px;
		height: auto;
	}

	
}



/* ++++++++++++++++++++++++++++++++ */
/* 		  $NOTICIAS-GALERIA 	    */
/* ++++++++++++++++++++++++++++++++ */


.noticia-galeria2 {
	display: flex;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

.noticia-galeria2 > div {
	padding: 0.25rem;
}

.imagen-galeria {
	display: block;
	height: 150px;
	position: relative;
	overflow: hidden;
	background-color: black;
}

.imagen-galeria:focus {
	outline: none;
}

.imagen-galeria:after {
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.imagen-galeria img,
.imagen-galeria iframe {
	height: 150px;
	width: auto;

}

.tobii {
    background-color: rgba(51, 58, 64, 0.94);
}

[data-type]>figure>figcaption {
    background-color: #000;
    color: #ffffff;
}


/* ++++++++++++++++++++++++++++++++ */
/* 		 $NOTICIAS-ETIQUETAS	    */
/* ++++++++++++++++++++++++++++++++ */
.noticia-etiquetas {
	margin-bottom: 1rem;
}

.noticia-etiquetas span {
	background-color: var(--c-rojo);
/* 	border: 1px solid #000; */
	color: #fff;
	text-transform: uppercase;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	display: inline-block;
	margin-bottom: 0.5rem;
}

.noticia-etiquetas a {
	border: 1px solid var(--c-gris);
	color: var(--c-gris-oscuro);
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	display: inline-block;
	margin-bottom: 0.5rem;
}
.noticia-etiquetas a:hover {
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
}



/* ++++++++++++++++++++++++++++++++ */
/* 		 		$MODALES	  	    */
/* ++++++++++++++++++++++++++++++++ */

.modal-content {
	border-radius: 0;
	border: none;
}


.modal-header {
	background-color: var(--c-rojo);
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-title {
	color: #fff;
}

.close {
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.modal-body a {
	color: var(--c-rojo);
}


/* ++++++++++++++++++++++++++++++++ */
/* 		 		$CONTACTO 		    */
/* ++++++++++++++++++++++++++++++++ */


.contacto a,
.contacto a:hover {
	color: var(--c-rojo);
}



.publicidad {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 1rem;
}

.publicidad.horizontal {
	padding-top: 1rem;
	padding-bottom: 1rem;
	justify-content: center;
}

.publicidad img {
    max-width: 100%;
    height: auto;
}




@media screen and (min-width:768px) {
	.publicidad {
		padding-bottom: 0;
	}	
}









/* ++++++++++++++++++++++++++++++++ */
/* 		 		$FOOTER  		    */
/* ++++++++++++++++++++++++++++++++ */

.footer {
	background-color: #222;
	margin-top: auto;
}

.footer p {
	color: #fff;
}

.footer a {
	color: var(--c-rojo);
}


.subfooter {
	background-color: #000;
	color: #fff;
	font-size: 0.75rem;
	padding:0.5rem 0;
}

.subfooter a {
	color: #fff;
	margin: 0 0.5rem;
}

.subfooter a:first-child {
	margin-left: 0;
}

.subfooter a:last-child {
	margin-right: 0;
}