@charset "utf-8";
/* CSS Document Noticias */

/* Lista noticias */
.sec-conte{
	position: relative; width: 1200px; margin: auto; max-width: 90%; padding: 5%;
	
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
	
	gap: 75px;
	
    }
.contenido{
	position: relative; width: 100%; 
	/*-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);*/
}
.contenido-detalle{
	position: relative; width:100%; text-align: left; 
}

.btn-content-ntc{
	position: absolute; width: auto; margin:auto; top: -42px; right: 0px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/*-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;*/
	
	gap:10px;
}
.btn-function{
	width: auto; height: 20px; /*margin: auto;*/ padding: 6px;font-size: 13px; cursor: pointer; vertical-align: middle;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.btn-function img{
	width: 20px; height: 20px; margin: auto; vertical-align: middle;
	/*filter: brightness(500%);*/
	opacity: 0.5;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.btn-function:hover{
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
}
.btn-function:hover img{
	opacity: 1.0;
}
/*.ntc:has(.btn-content-ntc:hover){
  background-color:gold;
}*/

/*------------ compartir con redes sociales ----------------*/
.compartir{
	position: relative; width: 100%; margin: 0px; 
}
.compartir-content{
	width: auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/*-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;*/
}
.compartir-content h3{
	font-size: 14px; margin-top: auto; margin-bottom: auto;
}

.contenido-portada{
	position: relative; width: 100%; margin: 0px; margin-top: 0px; margin-bottom: 40px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	/*-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;*/
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

	/*-moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;*/
}
.contenido-portada-img{
	width: 35%;
}
.contenido-portada-txt{
	width: 55%; padding: 5%; background-color: rgb(252,252,252);
}
.contenido-portada-img img{
	-webkit-object-fit: cover; 
	-moz-object-fit: cover;
	-ms-object-fit: cover; 
	-o-object-fit: cover;
	object-fit: cover;
	
	margin: auto; 
	width:100%;
  	height:100%;
}
.contenido-portada-txt h1{ /* No entra dentro de la edicion */
	text-align: left; font-size: 32px; font-weight: 500; /*color: rgb(254,77,67);*/
}
.contenido-portada-txt p{ /* No entra dentro de la edicion */
	text-align: left;
}
.contenido-portada-txt p:first-of-type{ /* No entra dentro de la edicion */
	margin-top: 0px; color: rgb(160,160,160);
}

@media all and (max-width: 1000px) {
	.sec-conte{
	    float:left; position: relative; width: 90%; padding: 5%; height: auto; overflow: hidden;
		gap: 30px;
        }
  
	
}