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

	.botones {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-around;
	}

	  /*width: 100%;
	  height: 100%;*/ /* Los botones no quedaban bien en Firefox*/
	.boton {
	  margin: 0px;
	  padding: 5px;
	  /*width: 100%;
	  height: 100%;*/
	  border: 1px solid #ccc;
	  border-radius: 0;
	  background-color: #fff;
	  box-shadow: 0 0 10px rgba(0,0,0,0.2);
	  transition: all 0.3s ease-in-out;
	}

	.boton:hover {
	  transform: scale(1.1);
	  box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}

	.boton img {
	  width: 100%;
	  height: 100%;
	}

	.card {
	  margin: 2px;
	  padding: 2px;
	  border-radius: 10px;
	  box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}

	.card-body {
	  text-align: center;	
	}

	/* Color y tipografía texto de la Promoción */
	.card-title {
		color:brown;
		font: normal;
		font-family:"Arial";
		font-size: medium;
	} 

	/* HEADER */
	.header-container {
	  height: 150px;
	  width: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  background-color: #ffffff; /* Ajusta el color de fondo */
	  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Añade una sombra */
	  margin-bottom: 20px;
	}

	.logo {
	  max-width: 65%; /* Ajusta el tamaño del logo */
	  max-height: 65%;
	}

	
	/* FOOTER */
	.footer-container {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  height: 150px; /* Adjust height as needed */
	  background-color: rgba(0, 188, 190, 1.0);
	  margin: 0 auto; /* Center the footer */
	  margin-top: 20px;
	}

	.footer-icons {
	  margin-bottom: 20px; /* Adjust spacing as needed */
	}

	.footer-icons img {
	  width: 40px; /* Adjust icon size as needed */
	  height: 40px;
	  /*margin-right: 0px;*/
	  margin: 5px;	
	}

	.footer-copyright {
	  color: white;
	  text-align: center;
	}

	.footer-copyright p {
	  margin: 0;
	}


/*
.img-fluid {
  max-width: 100%;
  height: auto;
}

h2 {
  margin-top: 10px;
}

p {
  margin-bottom: 10px;
}

a {
  margin-top: 10px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-decoration: none;
  color: #000;
}

a:hover {
  background-color: #ccc;
  color: #fff;
}
*/