@charset "UTF-8";
/* CSS Document */



@media (max-width: 1400px) {
}

@media (min-width: 1024px) {
	.px-lg-6{
		padding-left: 5rem!important;
		padding-right: 5rem!important
	}
}

@media (min-width: 992px) {
	.px-lg-6{
		padding-left: 5rem!important;
		padding-right: 5rem!important
	}
}
@media (min-width: 768px) {
	.site-menu.collapse:not(.show){
		display: block
	}
	.pb-md-6 {
        padding-bottom: 5rem !important;
    }
}

@media (max-width: 1200px) {
	.noticias-container .post-loop-item{
		margin-left: 20px;
		margin-right: 20px;
		max-width: calc(50% - 40px)
	}
}

@media (max-width: 992px) {
	.site-container{
		overflow-x: hidden;
		width: 100vw
	}
}

@media (max-width: 767px) {
	.no-m-border{
		border: 0!important
	}
	html,body{
		overflow-x: hidden
	}
	.header-action-btn{
		margin-left: 20px;
		margin-right: 20px
	}
	.site-logo img{
		width: 180px
	}
	.site-menu ul{
		flex-direction: column
	}
	.hero-slider h1{
		font-size: 35px
	}
	.hero-slider h2{
		font-size: 16px
	}
	.hero-slider .swiper{
		height: 500px
	}

	.image-bg-container h1{
		font-size: 35px !important
	}
	
	.image-bg-container .bg-title,.h-470 .bg-title{
		min-height: 310px !important
	}
	.right-image-container {
		width: 100% !important
	}
	.gradient-overlay:before{
		background: linear-gradient(0deg, var(--color-azul-01) 15%, rgba(64,128,174,0) 69%, rgba(64,128,174,0) 100%) !important
	}
	.hero-slider .swiper-slide .mw-50{
		max-width: none!important
	}
	.slider-badge{
		top: -540px;
		width: 118px;
		height: 118px;
		right: 40px
	}
	.full-block .cover-img{
		min-height: 240px
	}
	.full-block-lg .cover-img{
		min-height: 340px
	}
	.full-block-reverse .row{
		flex-direction: column-reverse
	}
	.swiper-carousel .swiper-button-prev{
		left: -40px
	}
	.swiper-carousel .swiper-button-next{
		right: -40px
	}
	.accordion-button img{
		width: 60px
	}
	.bg-title h2{
		font-size: 28px
	}
	.bordered-block{
		width: 180px;
		height: 180px
	}
	.py-7{
		padding-top: 5rem;
		padding-bottom: 5rem
	}
	.servicios-icon{
		width: 154px;
		height: 154px;
		font-size: 76px
	}
	.servicios-block h5{
		font-size: 15px
	}
	.noticias-container .post-loop-item{
		margin-left: 0;
		margin-right: 0;
		max-width: 320px
	}
	.text-center-xs{
		text-align: center
	}
	.bordered-block-lg{
		width: 100%;
		height: auto;
		min-height: 270px
	}
}

@media (max-width: 575px) {
	.header-action-btns{
		background-color: var(--color-gris-04)
	}
}

@media (max-width: 480px) {
	.p-icon-block i{
		width: 140px;
		height: 140px;
		border-radius: 50px;
		font-size: 62px;
		margin-top: 10px
	}
	.bordered-block:not(.bordered-block-lg){
		width: 140px;
		height: 140px;
		border-radius: 50px
	}
	.servicios-block h5{
		word-break: break-all;
		font-size: 16px
	}
}

	@media (max-width: 360px) {
		.p-icon-block i{
			width: 140px;
			height: 140px;
			border-radius: 50px;
			font-size: 62px;
			margin-top: 10px
		}
		.bordered-block:not(.bordered-block-lg){
			width: 140px;
			height: 125px;
			border-radius: 50px
		}
		.servicios-block h5{
			word-break: break-all;
			font-size: 15px;
		}
		.cuadrado-block {
			font-size: 1.10rem;
		}
}



@media only screen and (max-width: 600px) {
	.banners_home{
		max-height:430px;
	}
}


@media only screen and (max-width: 992px) {
	.grid-sizer,
.grid-item { width: 25%; }
}

@media only screen and (max-width: 768px) {
	.grid-sizer,
.grid-item { width: 33.33333%; }
}


@media only screen and (max-width: 600px) {
	.grid-sizer,
.grid-item { width: 50%; }
}


@media only screen and (max-width: 900px) {
	.pop2{
	width:600px;
	height:auto;
}
}

@media only screen and (max-width: 700px) {
	.pop2{
	width:500px;
	height:auto;
}
}

@media only screen and (max-width: 550px) {
	.pop2{
	width:400px;
	height:auto;
}
}