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

/* Lista noticias */
.sec-conte{
	position: relative; width: 1100px; 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{
	float:left; position: relative; margin-bottom: 40px; text-align: left;
}
.contenido-detalle h2{
	float:left; position: relative; width: 100%; padding: 10px 0px 10px 0px; font-size: 36px; vertical-align: middle; margin: auto; margin-bottom: 20px;
}
.contenido-detalle p{
	float:left; width: 100%; position: relative; margin: 2px 0px 2px 0px;
}
/*.contenido-detalle p:first-of-type{
	float:left; width: calc(100% - 80px); position: relative; margin: 2px 0px 2px 0px;
	background-color: rgb(240,240,240); padding: 40px;
}*/
.contenido-detalle h3{
	float:left; width: 100%; position: relative; margin: 30px 0px 20px 0px;  font-size: 30px;
}
.contenido-detalle h4{
	float:left; width: 100%; margin: auto; margin: 30px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #8E2403;
}




.contenido-galeria{
	/*margin-bottom: 40px;*/ text-align: left;
}
.contenido-galeria p{
	text-align: left; margin-bottom: 10px;
}
.galeria-content{
	position: relative; width: 100%; text-align: left; margin: 0px;  /*padding-bottom: -10px;*/ /*border: 1px solid rgb(240,240,240);*/
}


.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: 20px; height: 20px; /*margin: auto;*/ padding: 6px;font-size: 13px; cursor: pointer; vertical-align: middle;
 background-color: rgb(100,100,100);
	-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: 100%; height: 100%; 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: calc(100% - 20px); margin: 0px; margin-top: 0px; margin-bottom: 40px; background-color: #E6CBA8; padding: 10px;
	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;*/
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contenido-portada-img{
	width: 35%; overflow: hidden;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.contenido-portada-txt{
	width: 55%; padding: 5%; 
}
.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%;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.contenido-portada-txt h1{ /* No entra dentro de la edicion */
	text-align: left; /*font-size: 40px; font-weight: 500;*/
}
.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);
}
.contenido-portada-txt p:last-of-type{ /* No entra dentro de la edicion */
	margin-bottom: 0px; color: rgb(160,160,160);
}

.descargas-btn{
	float:left; position:relative;width: 240px; max-width: 100%; height: 52px; line-height: 52px; background-color: rgb(142,36,3); border:none; color: rgb(255,255,255); margin-top: 20px; cursor: pointer; text-align: center; font-size: 14px;
	
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	}
.descargas-btn:hover{	
    background-color: rgb(30,104,34);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51,51,51,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51,51,51,0.3);
	box-shadow: 0px 0px 10px 1px rgba(51,51,51,0.3);
    }


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