.device {
	position: fixed;
	top: 1em;
	right: 1em;
	z-index: 999999999;
	color: #FFF;
	display: none;
	/* background-color: #ff80ff; */
}

/*  XX-Large devices (larger desktops)
 No media query since the xxl breakpoint has no upper bound on its width */
@media ( min-width : 1400px) {
	.device {
		background-color: #cccccc;
	}
	.device:after {
		content: 'XX-Large devices (larger desktops) more than 1400px)  (xxl) ';
	}
	
	
	    .preguntas-card {
        max-width: 260px;
        min-width: 220px;
        max-height: 340px;
        min-height: 330px;
    }
    
        .preguntas-card>.preguntas-p, .services-card>.preguntas-p {
        height: 90px;
    }
 

}

/*  X-Large devices (large desktops, less than 1400px) (xl) */
@media ( max-width : 1399.98px) {

	.device {
		background-color: #0000ff;
	}
	.device:after {
		content: 'X-Large devices (large desktops, less than 1400px)  (xl) ';
	}
	
	
	.preguntas-card {
		max-width: 260px;
		min-width: 254px;
		max-height: 340px;
		min-height: 330px;
	}
	
	.preguntas-card img {
		width: 64px;
		height: 64px;
	}
	.preguntas-card {
		min-height: 300px;
		max-width: 270px;
	}
	.preguntas-p {
		font-size: 15px;
		height: 64px;
		margin-bottom: 0px;
	}
	
}

/*  Large devices (desktops, less than 1200px) (lg) */
@media ( max-width : 1199.98px) {
	
	.device {
		background-color: #800000;
	}
	.device:after {
		content: 'Large devices (desktops, less than 1200px)  (lg) ';
	}
	
	
	
	.preguntas-card {
		min-height: 300px;
		max-width: 250px;
	}
	
	
	.client-carousel > .carousel-control-prev {
     left: -100px !important;
	}

	.client-carousel > .carousel-control-next {
     right: -100px !important;
	}

	
}
/*  Medium devices (tablets, less than 992px) (md) */
@media ( max-width : 991.98px) {
	.device {
		background-color: #ff0000;
	}
	.device:after {
		content: ' Medium devices (tablets, less than 992px)  (md) ';
	}
	
	.footer-bg {
		background-repeat: no-repeat;
		content: url(../images/footer/pie_02.jpeg) !important;
	}
	
	.footer-data ul {
		line-height: 1.2;
		font-size: 18px;
	}
	
		.img-banner-footer-2 a {
		font-size: 20px;
	}
	.img-banner-footer-2>div>div {
		text-align: center !important;
	}
	
	    .footer-bg {
        min-height: 630px;
    }
	
	.client-carousel > .carousel-control-prev {
     left: -50px !important;
	}

	.client-carousel > .carousel-control-next {
     right: -50px !important;
	}
	
	.banner-carousel > .carousel-control-prev {
     left: 0px !important;
	}

	.banner-carousel > .carousel-control-next {
     right: 0px !important;
	}
	
	
	
	.section-02 {
        background: url(../images/movil/img_02_m.jpeg) center / cover no-repeat;
    }



	.section-03 {
        background: url(../images/movil/img_03_m.jpeg);
  background-size: cover;             /* O `contain` según necesidad */
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  aspect-ratio: 8 / 12;   
    }
 
 
	 
}

/*  Small devices (landscape phones, less than 768px) (sm) */
@media ( max-width : 767.98px) {
	

	 
	.device {
		background-color: #ff8000;
	}
	.device:after {
		content: 'Small devices (landscape phones, less than 768px) (sm) ';
	}
	

	
}

/*  X-Small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
	
	.client-carousel > .carousel-control-prev {
     left: 0px !important;
	}

	.client-carousel > .carousel-control-next {
     right: 0px !important;
	}
	
	.banner-carousel > .carousel-control-prev {
     left: 0px !important;
	}

	.banner-carousel > .carousel-control-next {
     right: 0px !important;
	}
	


}

@media ( max-width : 623.98px) {

}

@media screen and (max-width : 575px) {
	
}


@media screen and (max-width : 435px) {


}




@media ( max-width : 400px) {
 


}

@media screen and (max-width : 376px) {
	

	
}



/* Pantalla max 360px */ 
@media screen and (max-width : 331px) {

 

}


/* Pantalla max 360px */ 

@media screen and (max-width: 360px){ 
 
}

