body.pag1 .conteAlFront {
	z-index: 700;
	position: relative;
	/* padding-top: 200px; */
	height: 670px;
	height: calc(100vh - 250px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.pag1 .conteAlFront img{
    height:110px;
    margin-bottom: 30px;
	width:200px;
}
body.pag1 .conteAlFront p{
    font-size: var(--h4);
    
}
body.pag1 .homeCircle{
    position: relative;
    z-index: 300;
    height: 100vh;
    width: 200vh;
    border-radius: 100vh;
    bottom: -19vw;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(300deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(300deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(300deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    display: flex;
    align-items: center;
    transform: rotate(134deg);
    left: -88vw;
    
}
body.pag1 #BlqBlog{
    height: 200px;
    width: 83.33vw;
    position: absolute;
    bottom: 50px;
}
body.pag1 .fullScreenSize{
    height: calc(100vh - 500px);
}
body.pag1 .BlqBlog_cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body.pag1 .BlqBlog_cont .homeblq{
    width:calc(24% - 22px);
    border:1px solid transparent;
    padding:10px;
    transition: .3s;
    border-radius: 10px;
    padding:10px;
    cursor: pointer;
}
body.pag1 .BlqBlog_cont .homeblq:hover{
    border:1px solid white;
}
body.pag1 .bloquePost .blgPost{
    width: 130px;
    height:130px;
    background-color:#ccc;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}
body.pag1 .bloquePost  .blgConte{
    width: calc(100% - 145px);
    margin-left: 15px;;
}
body.pag1 .bloquePost  .blgConte h3{
    margin-top: 0px;
    overflow: hidden;
    margin-bottom: 22px;
    height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;    
	font-size: var(--p-1);
	margin-bottom: 10px;
}
body.pag1 .bloquePost  .blgConte .fecha{
    font-size:0.8em;
	margin-bottom: 10px;
}
body.pag1 .titpost{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
body.pag1 .titpost h2{
    width:310px;
    color:white;
    font-size:var(--p-1);
}
body.pag1 .titpost .linea{
    height: 1px;
    width: calc(100% - 250px);
    background-color: white;
position: relative;
  top: -16px;	
}
body.pag1 .grdHome{
    position: absolute;
    left:220vw;
    top: 80px;
}
body.pag1 .tema{
    padding: 3px 10px 3px 10px;
    border:1px solid var(--colorPrincipal);
    font-size:0.6em;
    border-radius:15px;
    margin-top:3px;
    display: inline;
}
body.pag1 .topSlide{
    height:calc(100vh - 200px);
}
body.pag1  .allSlide{
    height:100vh;
}
body.pag1 .BlqBlog_contB {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.pag1 .BlqBlog_contB .homeblq {
	width: calc(24% - 22px);
	border: 1px solid transparent;
	padding: 10px;
	transition: .3s;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
}
body.pag1 .BlqBlog_contC {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.pag1 .BlqBlog_contC .homeblq {
	width: calc(24% - 22px);
	border: 1px solid transparent;
	padding: 10px;
	transition: .3s;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
}
body.pag1 .bloquePost .blgPost.blgPostWeb {
	background-position: top center;
}
@media(max-width:1200px){
    body.pag1 .conteAlFront{
        padding-top:70px;
    }
}
@media(max-width:1150px){
    #homeblg3{
        display: none;
    }
    body.pag1 .BlqBlog_cont .homeblq{
        width:31%;
    }
    body.pag1 .conteAlFront img{
        padding-bottom: 10px;;
    }

}

@media(max-width:800px){

    #homeblg2{
        display: none;
    }
    body.pag1 .BlqBlog_cont .homeblq{
        width:48%;
    }
    body.pag1 .homeCircle{
        height: 64vw;
        width: 118vw;
        left: -341px;
    }
}
@media(max-width:768px){
    body.pag1 .conteAlFront{
        padding-top:180px;
    }
}
@media(max-width:600px){
    body.pag1 #BlqBlog{
        display: none
    }
    body.pag1 .conteAlFront{
        padding-top:150px;
    }
}
@media(max-width:550px){
    body.pag1 .conteAlFront{
        padding-top:40px;
    }

    body.pag1 .homeCircle{
        height: 64vw;
        width: 118vw;
        left: -341px;

    }
    body.pag1 .homeCircle{
        height: 39vh;
        width: 208vw;
        left: -460px;
        bottom: 0px;
    }

    
}
