/* Media Queries */
  
  /* Para móviles pequeños (pantallas menores a 600px) */
  @media (max-width: 600px) {
	.Googlemaps{
		width: 300;
		height: 450;
	}
	#logoEmpresa {
	  width: 200px;  /* Ajustamos el tamaño del logo */
	  height: 60px;
	}
  
	#promocionesModalLabel {
	  font-size: 30px;  /* Reducimos el tamaño del texto */
	  padding-left: 50px;  /* Ajustamos el padding */
	}
  
	.card-title,
	.card-text {
	  font-size: 20px;  /* Reducimos el tamaño de los textos */
	}
  
	.ranaflor {
	  width: 35px;
	  height: 40px;
	}
  
	.seccion2Index {
	  padding: 50px;  /* Reducimos el padding */
	}
  
	.contetnIMGCarousel {
	  height: 300px;  /* Reducimos el tamaño de las imágenes del carrusel */
	}
  
	.card-img-top {
	  height: 255px;  /* Ajustamos la altura de las imágenes de las tarjetas */
	}

	.imgHistoria {
		width: 100%;
		height: 100%;
	  }
  }
  
  /* Para pantallas entre 601px y 1024px (tabletas) */
  @media (min-width: 601px) and (max-width: 1024px) {
	#logoEmpresa {
	  width: 220px;  /* Ajustamos el tamaño del logo */
	  height: 70px;
	}
  
	#promocionesModalLabel {
	  font-size: 40px;  /* Tamaño de texto más pequeño que en escritorio */
	  padding-left: 100px;
	}
  
	.card-title,
	.card-text {
	  font-size: 25px;  /* Ajustamos el tamaño del texto */
	}
  
	.ranaflor {
	  width: 40px;
	  height: 45px;
	}
  
	.seccion2Index {
	  padding: 100px;  /* Ajustamos el padding */
	}
  
	.contetnIMGCarousel {
	  height: 400px;  /* Ajustamos el tamaño de las imágenes del carrusel */
	}
  
	.card-img-top {
	  height: 140px;  /* Ajustamos la altura de las imágenes de las tarjetas */
	}
  }
  
  /* Para pantallas grandes (escritorios, mayor a 1024px) */
  @media (min-width: 1025px) {
	

	#IconosSeccion1{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion2{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion3{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion4{
        width: 100px;
        height: 100px;
    }

	#IconosSeccion5{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion6{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion7{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion8{
        width: 100px;
        height: 100px;
    }
	#IconosSeccion9{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion10{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion11{
        width: 100px;
        height: 100px;
    }
    #IconosSeccion12{
        width: 100px;
        height: 100px;
    }


	/* CSS para asegurar que las imágenes de las tarjetas tengan el mismo tamaño */
	.card-img-top {
		width: 100%;              /* Hace que la imagen ocupe el 100% del ancho de la tarjeta */
		height: 225px;            /* Establece una altura fija para todas las imágenes */
		object-fit: contain;      /* Ajusta la imagen para que se ajuste al contenedor sin recortarla ni deformarla */
		object-position: center;  /* Centra la imagen dentro del contenedor */
	}


	.Googlemaps{
		width: 600;
		height: 450;
	}
	.textoHistoria{
		color: #201615;
	font-family: 'Mulan';
	font-size: 30px;
	}
	#logoEmpresa {
	  width: 252px;  /* Tamaño original */
	  height: 80px;
	}
  
	#promocionesModalLabel {
	  font-size: 50px;  /* Tamaño de texto original */
	  padding-left: 150px;
	}
  
	.card-title,
	.card-text {
	  font-size: 30px;  /* Tamaño de texto original */
	}
  
	.ranaflor {
	  width: 40px;
	  height: 45px;
	}
  
	.seccion2Index {
	  padding: 250px;  /* Tamaño de padding original */
	}
  
	.contetnIMGCarousel {
	  height: 500px;  /* Tamaño de imagen original */
	}
  
	

	#logoEmpresa {
	width: 252px;
	height: 80px;
  }
  

  #promocionesModalLabel {
	color: #970026;
	font-family: 'Mulan';
	font-size: 50px;
  }
  
  .card-title {
	color: #201615;
	font-family: 'Mulan';
	font-size: 30px;
  }
  
  .card-text {
	color: #201615;
	font-family: 'Mulan';
	font-size: 30px;
  }
  
  #promocionesModalLabel {
	padding-left: 150px;
  }
  
  .ranaflor {
	width: 40px;
	height: 45px;
  }
  
  .tituloseccion2Index {
	color: #970026;
	font-family: 'Mulan';
  }
  
  .seccion2Index {
	padding: 250px;
  }
  
  .contetnIMGCarousel {
	height: 500px;
  }
  
  .imgHistoria {
	width: 100%;
	height: 100%;
  }
  /******/
  
  }