@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
	*{
		margin: 0;
		padding: 0;
	}
	:root{
	/* Colores */
	--azul:#005aa7;
  	--rojo:#ea242d;
  	--gris:#3d3d3d;
	}
	body{
		font-family: 'Poppins', sans-serif;
		font-size: 18px;
    	letter-spacing: 1px;
    	color: var(--gris);
	}
	header{
	  background: #000;
	  position: fixed;
	  width: 100%;
	  z-index: 100;
	}
	h3{
		font-family: rufina, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-transform: uppercase;
	}
	footer{
		background: #000;
	}
	.logoExpansion{
	  height: 35px;
	  margin: 0.5rem 0rem;
	}
	/*Header*/
	.oper {
	  background-image: url(../img/bici-portada.jpg);
	  background-attachment: fixed;
	  -webkit-background-size: cover;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	  background-position: top;
	  max-height: 800px;
	  clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
	}

	.tit1 {
	  text-align: center;
	  font-family: rufina, sans-serif;
	  font-weight: 800!important;
	  font-style: normal;
	  font-size: 5vw;
	  padding: 25% 0% 25% 0px;
	  color: #fff;
	  text-transform: uppercase;
	  text-shadow: 0px 4px 6px #333;
	}
	/*Header*/	
	/*Button*/
	button.vm {
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  font-weight: regular;
  padding: 0.7em 2em;
  border: 1px solid #333;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
  color: #333;
  text-decoration: none;
  transition: 0.3s ease all;
  z-index: 1;
}

button.vm:before {
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  background-color: #333;
  z-index: -1;
}

button.vm:hover, button:focus {
  color: white;
}

button.vm:hover:before, button:focus:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;
}

button.vm:active {
  transform: scale(0.9);
}
	/*Button*/
	.rosa{
		/*background: #ce0058;*/
		background: #333;
	}
	.blanco{
		background: #ffffff;
	}
	.blanco2{
		background: #f1f1f1;
	}
	.bajada{
		font-size: 1.2rem;
	}
	.txt-b{
		color: #000;
	}

	.txt-w{
		color: #fff;
	}
	a.presentado{
		text-decoration: none;
		color: #000;
		font-size: 12px;
	}
	.back-1{
		background-image: url(../img/bici-2.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: bottom;
		color: #fff;
	}

	.glass{
	/* From https://css.glass */
	background: rgba(20, 20, 20, 0.4);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5.5px);
	-webkit-backdrop-filter: blur(5.5px);
	border: 0.5px solid #f1f1f1;
	}

	.box{
		height: 150px;
		color: #fff;
	}

	.circulo{
		filter: drop-shadow(0px 6px 9px #9C9C9C);
	}
	a.link{
		color: #2d2d2d;
	}
	a.link:hover{
		color: #fff;
	}
	.destacado{
		/* From https://css.glass */
background: rgba(0, 0, 0, 0.55);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
	}

	.destacado2{
		/* From https://css.glass */
background: rgba(255, 255, 255, 0.16);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
border: solid 1px #fff;
color: #fff;
	}
.autor{
	font-size: 0.8rem;
}

	/*---Bootstrap--*/
	.aire{
		padding-right: calc(var(--bs-gutter-x) * 0.0)!important;
    	padding-left: calc(var(--bs-gutter-x) * 0.0)!important;
	}
	.carousel-caption {
     position: static;
     text-align: center;
 	}

@media only screen and (max-width: 700px) {
  	.tit1 {
	
	  font-size: 8vw;
	  padding: 35% 0% 25% 0px;
	  color: #fff;
	  text-transform: uppercase;
	  text-shadow: 0px 4px 6px #333;
	}
		.oper {
	  background-image: url(../img/bici-portada-m.jpg);
	}
		.box{
		height: 130px;
		color: #fff;
	}
}