@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}


body {
    font-family: Raleway;
    margin: 0;
    padding: 0;
    line-height: 1.6;
	
}


p, label{ 
	font-family: Raleway;
	font-size: 20px;
}

hr{
	width: 60px; 
	background-color: #38b6ff; 
	height: 2px;
}

a {
    font-family: Raleway;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/*      Seccion de nuestros servicios  y carrousel        */
.box-titulo-barra{
  width: 300px;
  border-bottom: 3px solid #38b6ff;
  padding: 2px;
  margin: 2px;
  align-items: center;
}


.box-titulo-cards{
  width: 100%;
  border-bottom: 3px solid  #38b6ff;
  padding: 2px;
  margin: 2px;
  color: #38b6ff;
}

.card-imagen-fondo{
	width: 100%;
	height: 100%;
	opacity: .5;
}
.card-custom{
 	
 	height: 500px !important;
}

.quienessomos-maincontainer{
	height: 150px;
	width: 100%;
}

.mainconent-Nosotros{
padding-top:60px;
}

.quienesSomos-imagenFondo{
  opacity: 10;
  display: block;
  width: 100%;
  height: 10%;
  transition: .5s ease;
  backface-visibility: hidden;
}



.quienesSomos-middle{
  transition: .5s ease;
  position: absolute;
  top: 30%;
  left: 50%;
 width: 473px;
  transform: translate(-50%, -75%);
  -ms-transform: translate(-50%, -50%)  
}	


.quienessomos-maincontainer:hover .quienesSomos-middle {
  opacity: 1;
}

.quienesSomos-text {
  color: white;
  font-size: 16px;
  padding: 70px 16px;
  justify-content: space-around;
  
}


.btn-cambio{
	background-color: #38b6ff !important;	
	bottom: 0;
	position:absolute;
	width: 200px;
	height: 50px;

}
.enmedio{
	padding-top: 12%;
}

.img-1-campana{
	width: 100%;
	height: 100px;
	/*opacity: 0.4;*/
	padding-top: 5%;
}

.img-1-campana1{
	width: 100%;
	height: 375px;
	opacity: 0.8;
	padding-top: 4%;
}


/*      Seccion de nuestros servicios  y carrousel        */


/* large - display 6 */

.movie-img {
	height:200px;width: 150px;background-color:  aqua;overflow: hidden;background-image: url("https://i.hizliresim.com/mX07R4.png");
	background-repeat:no-repeat;
	background-size: cover;
	object-fit: fill;
}

.movie-title {
	height: 40px; width:150px;background-color: black;overflow: hidden;
}



.iconos-icono-PORQUE{
	color: white;
	font-size: 35px;
}

.iconos-boton-PORQUE:hover{
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.70);
}



.iconc{
	position: sticky;	
}

.flechascarrusel {
	position: absolute;
	padding: 11px;
	position: static;
	margin-right: 5px;
	margin-top: -2px;
	float: right;
	font-size: 27px;

}
.hi {
	display:block;
	width:65px;
	height:65px;
	color:#fff;
	border-radius:50%;
	line-height:80px;
	text-align:center;
	z-index: 999;
	background-color: #38b6ff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
}

   .img-center {
	   display: block;
	   margin: auto;
	   height: 280px;
	   width: 1300px;
	   
   }

   .iconos-boton-PORQUE {
	display:block;
	width:65px;
	height:65px;
	color:#fff;
	border-radius:50%;
	line-height:80px;
	text-align:center;
	z-index: 999;
	background-color: #38b6ff;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
}

.iconos-icono-PORQUE{
	color: white;
	font-size: 37px;
}



.iconos-boton-PORQUE:hover{
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.70);
}



body, html{ margin:0; padding:0;}	
.navbarStyleCostum{

  top: 0;
  width: 100%;
  background-color: white;
  font-size: 20px	;
}

.nav-linkCostum{
	color: #38b6ff !important;
	font-weight:bold;
}


.mainconent{
	padding-top:2%;
}


.navbar-app {
	
	/* height: 5rem; */
	margin-bottom: 2rem;
	align-items: right;
}



.centrado-iconos-card{
	padding-top: 10%;
}

.position-boton{

	width: 200px;
	height: 40px;
	
}

/*.position-boton{
	padding-top: 11.05%;
	width: 10%;
	height: 11%;
}*/

.letra-inicial{
	/*color:  #646b63;*/
	color: #71757C ;
	padding-top: 100%;
	font-size: 1000px;
}

/******************************** estilo carta que da vueltas ***************************************************************************/

.flip-card {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}




/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-back, .flip-card-front {
  position:absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}



.trampita{
width: 100%;	
}

@media (max-width: 500px) {
    .trampita{
	   margin-top: 360px;
		font-size: 3px;
		height: 130px;
    }
   
}
/*
@media (max-width: 500px) {
    .card{
	   height: 410px !important;
    }
   
}
*/
/*@media (max-width: 400px) {
    .trampita{
	   margin-top: 360px;
		font-size: 3px;
		height: 130px;
    }
   
}
	*/

/*
@media (max-width: 400px) {
    .card{
	   height: 410px !important;
    }
   
}
*/


/* Style the front side (fallback if image is missing) */
.flip-card-back {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-front {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}

.card-flip-img{
	width: 100%;
	height: 330px;
}
/******************************** estilo carta que da vueltas ***************************************************************************/
.letra-servicios-img{
	font-size: 200%;
}
@media screen and (max-width:400px)
{
	.letra-servicios-img{
		font-size: 15px;
		
		
	}
}

@media screen and (max-width:500px)
{
	.letra-servicios-img{
		font-size: 20px;
		
		
	}
}


.letra-servicio{
	font-size: 40px;
}

.letra-servicios-img{
	font-size: 200%;
}
@media screen and (max-width:400px)
{
	.letra-servicio{
		font-size: 15px;
		
		
	}
}

@media screen and (max-width:500px)
{
	.letra-servicio{
		font-size: 20px;
		
		
	}
}
.card-titulo-img{
	width: 310px;
	height: 198px;
}

.centrado-iconos-card-1{
	padding-top: 5%;
}

.letra-cards-servicios{
	font-size: 25px !important;
}

.boton-tam{
	width: 70px;
	height: 30px;
}

@media screen and (max-width:400px)
{
	.iconos-boton-PORQUE{
		height: 30px;
		width: 30px;
		line-height: 28px;
		
		
	}
}

@media screen and (max-width:200px)
{
	.iconos-icono-PORQUE{
		font-size: 15px;
		color: white;
	}
}

@media screen and (max-width:300px)
{
	.iconos-boton-PORQUE{
		height: 30px;
		width: 30px;
		line-height: 28px;
		
		
	}
}

@media screen and (max-width:500px)
{
	.iconos-icono-PORQUE{
		font-size: 25px;
		color: white;
	}
}

.centrado{
	font-size: 150%;
}

@media screen and (max-width:500px)
{
	.centrado{
	font-size: 11px;
	}
}

.posis{
	margin-top: 15px;
}
.posis1{
	margin-top: 25px;
}
.boton-col{
	background-color: #38b6ff !important;
	border: #38b6ff;
}

.formulario{
	background-color:#e6e6e6;
	border-radius: 10px;
	width: 80%;
}

@media screen and (max-width: 400px){
	.card-custom{
 	
			height: 150px !important;
		
	   
	}
	}
	@media screen and (max-width: 500px){
		.card-custom{
		 
				height: 250px !important;
				
		}
		}

	@media all and (max-width: 500px){
		.centrado{
			font-size: 2px;
		}
		}

		@media all and (max-width: 400px){
			.centrado{
				font-size: 2px;
			}
			}


@media screen and (max-width: 576px){
	

		.quienesSomos-text{
			color: #71757C;
			font-size: 16px;
			padding: 17px 60px;
			justify-content: space-around;
		}
	  
	}

	@media screen and (max-width: 400px){
	
		.letra-inicial{
			/*color:  #646b63;*/
	color: #71757C;
	padding-top: 0px;
	font-size: 1px;
		}
	}

	@media (min-device-width: 768px) and (max-device-width: 1024px){
	
		.letra-inicial{
			/*color:  #646b63;*/
	color: #71757C;
	padding-top: 1px;
	font-size: 1px;
		}
	}
/*importante*/
	@media (max-width: 500px) {
	.centrado-iconos-card-1{
		padding-top: 0%;
	}
	}

	.text1{
		font-size: 40px;
		font-weight: bold;
	}
	.text2{
		font-size: 30px;
		
	}
	
	@media (max-width: 400px) {
		.text1{
			font-size: 20px;
		font-weight: bold;
		}
	   
	}

	@media (max-width: 500px) {
		.text1{
			font-size: 25px;
		font-weight: bold;
		}
	   
	}

	@media (max-width: 400px) {
		.text2{
			font-size: 15px;
		
		}
	   
	}

	@media (max-width: 500px) {
		.text2{
			font-size: 18px;
		
		}
	   
	}

	.tamano{
		font-size: 25px;
	}

		

	@media (max-width: 500px) {
		.tamano{
			font-size: 7px;
		
		}
	   
	}

	.tamano{
		font-size: 25px;
	}
/*-------------------------------------------------------------------------------------------------------------------------*/
	 /* iphone 3 */
	 @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
		.tamano{
			font-size: 7px;
		
		}
	  }
        
	 /* iphone 4 */
	 @media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
		.tamano{
			font-size: 7px;
		
		}
	  }
	 
	 /* iphone 5 */
	 @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 
		.tamano{
			font-size: 7px;
		
		}
	 }
	 
	 /* iphone 6, 6s, 7, 8 */
	 @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 
		.tamano{
			font-size: 5px;
		
		}
	 }
		 
	 /* iphone 6+, 6s+, 7+, 8+ */
	 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
		.tamano{
			font-size: 12px;
		
		}
	  }
	 
	 /* iphone X , XS, 11 Pro, 12 Mini */
	 @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
		.tamano{
			font-size: 7px;
		
		}
	  }

	 /* iphone 12, 12 Pro */
	 @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) { 
		.tamano{
			font-size: 7px;
		
		}
	 }
	
	 /* iphone XR, 11 */
	 @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
		.tamano{
			font-size: 7px;
		
		}
	  }
		 
	 /* iphone XS Max, 11 Pro Max */
	 @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
		.tamano{
			font-size: 7px;
		
		}
	 }

	 /* iphone 12 Pro Max */
	 @media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) {
		.tamano{
			font-size: 7px;
		
		}
	  }

	  @media only screen and (min-device-width : 414px) and (max-device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
		.tamano{
			font-size: 7px;
		
		}
	  }
	  /* Galaxy A51 */
	  @media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
		.tamano{
			font-size: 6px;
		
		}
	}
		  /* Galaxy s9 */

	@media only screen and (-webkit-min-device-pixel-ratio: 4) {
		.tamano{
			font-size: 4px;
		
		}
	}
	
	


	


/*.........................................................................................................*/

		@media (max-width: 400px) {
		.btn-cambio{
			background-color: #38b6ff !important;	
			bottom: 0;
			position:absolute;
			width: 100px;
			height: 15px;
		}
	   
	}

	@media (max-width: 500px) {
		.btn-cambio{
			background-color: #38b6ff !important;	
			bottom: 0;
			position:absolute;
			width: 100px;
			height: 20px;
		
		}
	   
	}

	@media (max-width: 500px) {
		.position-boton{

			width: 100px;
			height: 20px;
			
		}
	   
	}
	.tam{
		font-size: 20px !important;
	}

	@media (max-width: 500px) {
		.tam{
			font-size: 15px !important;
			text-align: center;
            cursor: pointer;
		}
	   
	}
	
	@media (min-width: 768px)
	{
		.letra-inicial{
			/*color:  #646b63;*/
			color: #71757C;
			padding-top: 1px;
			font-size: 1000px;
		}
	}
	

	@media (min-width: 768px)
	{
		.quienessomos-maincontainer{
			height: 180px;
			width: 100%;
		}
		
	}

	@media (min-width: 768px)
	{
		.quienesSomos-imagenFondo{
			opacity: 1;
			display: block;
			width: 100%;
			height: 100%;
			transition: .5s ease;
			backface-visibility: hidden;
			margin-top: 1px;
		  }
		
	}

	@media (min-width: 768px)
	{
		.img-1-campana{
			width: 100%;
			height: 175px;
			/*opacity: 0.4;*/
			padding-top: 4%;
		}
		
	}
	
	@media (min-width: 768px) and (max-width: 1180px)
	{
		.quienesSomos-middle{
			transition: .5s ease;
			position: absolute;
			top: 18%;
			left: 50%;
		   width: 650px;
			transform: translate(-50%, 50%);
			-ms-transform: translate(-50%, -50%)  
		  }	
		
	}

	.lista{
		font-size: 25px;
	}
	

	.espace1{
		padding-top: 1px;
	}
	
	@media (min-width: 768px) and (max-width: 991.98px)
	{
		.espace1{
			padding-top: 1px;
		}
		
	}
	
	@media (min-width: 576px) { 
		.espace1{
			padding-top: 1px;
		}
	 }


	 @media (min-width: 768px) and (max-width: 991.98px)
	{
		.card-flip-img{
			width: 360px;
			height: 360px;
		}
		
	}
	
	.cardss{
		height: 330px !important;
	}
	@media (max-width: 500px) {
		.cardss{
		   height: 450px !important;
		}
	   
	}

	@media (min-width: 768px) and (max-width: 991.98px)
	{
		.cardss{
			height: 450px !important;
		 }
		
	}


	.page{
		padding-top: 0%;
	}

	@media (min-width: 768px) and (max-width: 991.98px)
	{
		.page{
			padding-top: 9%;
		}
		
	}

	.page3{
		padding:0px;
		margin: 0px;
	}

	@media (min-width: 768px) and (max-width: 991.98px)
	{
		.pag3{
			padding:0px;
			margin: 0px;
		}
		
	}


	@media (min-width: 768px) and (max-width: 991.98px) {
		.text1{
			font-size: 35px;
		font-weight: bold;
		}
	   
	}

	

	@media (min-width: 768px) and (max-width: 991.98px) {
		.text2{
			font-size: 30px;
		
		}
	   
	}



	@media (min-width: 768px) and (max-width: 991.98px) {
		.tamano{
			font-size: 20px;
		
		}
	   
	}

	

	@media (min-width: 768px) and (max-width: 991.98px) {
		.btn-cambio{
			background-color: #38b6ff !important;	
			bottom: 0;
			position:absolute;
			width: 120px;
			height: 35px;
		
		}
	   
	}

	@media (min-width: 768px) and (max-width: 991.98px) {
		.position-boton{

			width: 120px;
			height: 30px;
			
		}
	   
	}


	@media (min-width: 768px) and (max-width: 991.98px) {
		.tam{
			font-size: 11px !important;
		}
	   
	}

	


	@media (min-width: 768px) and (max-width: 991.98px) {
		.card20{
			height: 250px !important;
		}
	   
	}
	
	@media (min-width: 768px) and (max-width: 991.98px) {
		.card21{
			height: 290px !important;
		}
	   
	}

	@media (min-width: 768px) and (max-width: 991.98px) {
		.card22{
			height: 220px !important;
		}
	   
	}

	@media (min-width: 768px) and (max-width: 991.98px) {
		.flip-card-inner {
			position: relative;
			width: 106.5%;
			height: 100%;
			text-align: center;
			transition: transform 0.8s;
			transform-style: preserve-3d;
		  }
	   
	}
	
	/*-----------------------------------------------------------------------------------------*/
	@media only screen and (-webkit-min-device-pixel-ratio: 4) {
		.card21{
			height: 100%;
		    width: 100%;
		}
	}

	 /* iphone XR, 11 */
	 @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
		.card21{
			height: 80%;
		    width: 80%;
		}
	 }

	  /* iphone 12, 12 Pro */
	  @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) { 
		.card21{
			height: 90%;
		    width: 90%;
		}
	 }

	 @media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
		.card21{
			height: 90%;
		    width: 90%;
		}
	}

	 /* Galaxy A51 */
	 @media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
		.card21{
			height: 80%;
		    width: 80%;
		}
	}
	
	@media only screen and (min-device-width : 414px) and (max-device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
		.card21{
			height: 90%;
		   
		}
	  }


	/*s9*/
	@media only screen and (-webkit-min-device-pixel-ratio: 4) {
		.quienesSomos-middle{
			transition: .5s ease;
			
			position: absolute;
			top: 30%;
			left: 50%;
		   width: 650px;
			transform: translate(-50%, 50%);
			-ms-transform: translate(-50%, -50%)  
		  }	
	}

	 /* iphone XR, 11 */
	 @media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
		.quienesSomos-middle{
			transition: .5s ease;
			
			position: absolute;
			top: 18%;
			left: 50%;
		   width: 650px;
			transform: translate(-50%, 50%);
			-ms-transform: translate(-50%, -50%)  
		  }	
	  }

	  /*Galaxy A51*/
		@media only screen and (min-width: 412px) and (max-width: 767px) {
			.quienesSomos-middle{
				transition: .5s ease;
				
				position: absolute;
				top: 18%;
				left: 50%;
			   width: 650px;
				transform: translate(-50%, 50%);
				-ms-transform: translate(-50%, -50%)  
			  }	
		 }
		 
		 /* Galaxy A51 */
 @media only screen and (min-width: 412px) and (max-width: 767px){

	.tamano{
		font-size: 18px;
	
	}
 } 
	

  /* Galaxy A51 */
  @media only screen and (min-width: 412px) and (max-width: 767px){

	.card21{
		height: 90%;
		width: 90%;
	}

 } 
 /* Galaxy A51 */
 @media only screen and (min-width: 390px) and (max-width: 915px){

	.card21{
		height: 80%;
		width: 80%;
	}

 } 
/*a partir de aqui*/

@media only screen and (min-width: 412px) and (max-width: 767px){

	.quienessomos-maincontainer{
		height: 100px;
		width: 400px;
	}

 }
 @media only screen and (min-width: 412px) and (max-width: 767px){

	.quienessomos-maincontainer{
		height: 150px;
		width: 400px;
	}

 }
 @media only screen and (min-width: 412px) and (max-width: 767px){

	
	.quienesSomos-middle{
		transition: .5s ease;
		
		position: absolute;
		top: 20%;
		left: 50%;
	   width: 350px;
		transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, -50%)  
	  }

 }


@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
	.quienesSomos-middle{
		transition: .5s ease;
		
		position: absolute;
		top: 20%;
		left: 45%;
	   width: 50%;
		transform: translate(-40%, 60%);
		-ms-transform: translate(-50%, -50%)  
	  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
    .quienesSomos-middle{
		transition: .5s ease;
		
		position: absolute;
		top: 20%;
		left: 50%;
	   width: 90%;
		transform: translate(-50%, 150%);
		-ms-transform: translate(-50%, -50%)  
	  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
	.tamano{
		font-size: 6px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
    .tamano{
		font-size: 10px;
	}
}
@media only screen and (min-width: 412px) and (max-width: 767px){

	.position-boton{
	padding-top: 2%;
	width: 35%;
	height: 1%;
	
}

 }
 @media only screen and (min-width: 412px) and (max-width: 767px){

	.btn-cambio{
		background-color: #38b6ff !important;	
		bottom: 0;
		position:absolute;
		width: 25%;
		height: 10%;
	
	}

 }

 @media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
    .btn-cambio{
		background-color: #38b6ff !important;	
		bottom: 0;
		position:absolute;
		width: 32%;
		height: 10%;
		text-align: center;
		cursor: pointer;
		line-height: 20px; /* Igual a la altura del botón */
		padding: 0 20px;
	
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
    .position-boton{

		width: 39.5%;
		height: 10%;
		
	}
}
 
/*--------------------------------------- Aquiiiiiii...............................................................*/
 
/* S9+ */
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
	.quienesSomos-middle{
		transition: .5s ease;
		
		position: absolute;
		top: 25%;
		left: 10%;
	   width: 70%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%)  
	  }
}
/* S9+ */
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
	.letra-inicial{
		/*color:  #646b63;*/
	color: #71757C;

	font-size: 1px;
	}
}

/* Iphone SE*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.letra-inicial{
		/*color:  #646b63;*/
	color: #71757C;
	padding-top: -50%;
	font-size: 1px;
	}	
}
	


@media only screen and (-webkit-min-device-pixel-ratio: 4) {
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 3.5) {
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 3.5) {
	.quienesSomos-middle{
		transition: .5s ease;
		position: absolute;
		top: 25% !important;
		left: 50%;
	   width: 100%;
		transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, -50%)  
	  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 4) {
	
}


/*@media screen and (max-width: 500px){
	
	.letra-inicial{
color: #71757C;
padding-top: 80%;
font-size: 1000px;
	}
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
	.quienesSomos-middle{
		transition: .5s ease;
		
		position: absolute;
		top: 18% !important;
		left: 50%;
	   width: 650px;
		transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, -50%)  
	  }	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
	.card21{
		height: 100%;
		width: 30%;
	}
}


* {
	box-sizing: border-box;
  }
  
  .slider {
	position: relative;
	overflow: hidden;
  }

  .slider__buttons {
	/* margin-top: 1rem; */
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%,-50%);
  }

  .wrapper_buttons{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

  }

  .slider__buttons:disabled{
	opacity: .5;
  }
  .slider__button{
	background: #ffffff00;
	border: none;
	cursor: pointer;
	padding: 5px;
  }
  
	.slider__track {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-inline: 1rem;
		scroll-behavior: smooth;
	
		list-style-type: none;
		padding: 0;
		margin-right: calc(1rem * -1);
		margin-bottom: 0;
		scrollbar-width: none;

		
		
	  }

	  .slider__track::-webkit-scrollbar {
		display: none;
	  }

	  .slider__track > * {
		flex: 0 0 25%;
		min-width: 15rem;
		scroll-snap-align: start;
		scroll-snap-stop: always;
		padding-right: 1rem;
	  }
  
  .slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 9 / 16;
	border-radius: 1rem;
	background: #6c5ce7;
	color: #a29bfe;
	font-size: 3rem;
	font-weight: 700;
  }
  
  .container {
	max-width: 1100px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  

  /* Hola mundo*/

  .grad1 {
	background-image: url("../Fondo azul/8.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
  }




  /* Pal banner */

  * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
}
.banner-card {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: white;
}
.info-box {
	padding: 20px;
	width: 100%;
}
.banner-card h1 {
	font-size: 2.5rem;
	margin-bottom: 20px;
	color: #ffff !important;
}
.row {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 10px 0;
}
.icon-text {
	flex: 1;
	padding: 10px;
}
.icon-text i {
	font-size: 2rem;
	margin-bottom: 10px;
}