/* CSS Document  */
:root {
  --rojo: #e30613;
  --gris-menu: #787777;
  --azul-nosotros: #0084cb;
}

	@font-face {
		font-family: 'Futura MdCn BT';
		src: url('../fonts/FuturaBT-MediumCondensed.woff2') format('woff2'),
			url('../fonts/FuturaBT-MediumCondensed.woff') format('woff');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Futura LtCn BT';
		src: url('../fonts/FuturaBT-LightCondensed.woff2') format('woff2'),
			url('../fonts/FuturaBT-LightCondensed.woff') format('woff');
		/*font-weight: 300;*/
		font-style: normal;
		font-display: swap;
	}
	  
	@font-face {
		font-family: 'Ubuntu';
		src: url('../fonts/Ubuntu.woff2') format('woff2'),
			url('../fonts/Ubuntu.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: 'Ubuntu';
		src: url('../fonts/Ubuntu-Light.woff2') format('woff2'),
			url('../fonts/Ubuntu-Light.woff') format('woff');
		font-weight: 300, 400, 500, 600;
		font-style: normal;
		font-display: swap;
	}

	  * {
		  /*font-family: 'Futura LtCn BT';*/
		  font-family: 'Ubuntu';
	  }	  
	  
	  .margenSuperior {
		  padding-top: 95px;
	  }
	  
	  .logo-principal{
		  max-width: 170px;
	  }
	  .nav-link {
			  position: relative; 
			  font-family: 'Futura MdCn BT';
			  font-size: 1.5rem;
			  color: #787777; 
	  }

	  .link-rrss-menu{
		  color:  #e30613;
		  font-size: 1.8rem;
	  }

	  .fondo-productos{
		  background-image: url(../imagenes/fondo-productos-home.jpg);
		  background-size: 100% 100%;
		  min-height: 900px;
	  }	  

	  .fondo-productos-interior{
		  background-image: url(../imagenes/fondo-productos.jpg);
		  background-size: 100% 100%;
		  min-height: 600px;
	  }	 
	  
	  .menu-productos{
		  max-width: 800px; 
		  margin: auto;
		  padding-top: 2%
		  
	  }
	  
	  .item-menu-producto {		
		  font-family: 'Futura LtCn BT';
		  padding: 5px;
		  text-align: center;
		  color: white;
		  border-radius: 15px;
		  font-weight: 600;
		  font-size: 1.2rem;
		  width: 100%	 ; 
		  cursor: pointer;
	  }
	  
	  .item-menu-producto-activo{
		   background-color: white;
		   color: var(--rojo);
	  }
	  
	  .flechas-blancas{
		  font-size: 10rem !important;
		  font-family: 'Comic Sans MS';
		  
	      color: white;
		  font-weight: bold
	  }

		.flechas-gris{
		  font-size: 5rem !important;
		  font-family: 'Comic Sans MS';
		  
	      color: var(--gris-menu);
		  font-weight: bold
	  }
	  .tit-prod-home {
		  font-family: 'Futura MdCn BT';
		  font-size: 1.9rem;
		  color: white;
		text-shadow: 1px 1px 1px #000000;
		  text-transform: uppercase
		  
	  }
	  
	  .des-prod-home{
		  color: white;
		  font-family: 'Ubuntu';
		  font-size: 0.8rem;
		  width: 90%;		  
		  max-width: 450px;
		  text-transform: uppercase
	  }
	  
	  .btn-vermas-prod{
		  color: white;
		  border: 1px solid white;
		  border-radius: 15px;
		  width: 120px;
		  padding: 2px;
		  text-align: center;
		  margin-top: 30px;
		  cursor: pointer;
	  }
	  
	  .tit-blog-home{
		  color: #d72b08;
		  font-size: 1.2rem;
		  font-weight: 800;
		  padding: 5px;
	  }
	  
	  .det-blog-home{		  
		  color: #212529;
		  font-size: 0.8rem;		  
		  padding: 5px;
		  margin-bottom: 20px;
	  }
	  .contenedor-btn-vermas-blog-home{
		  position: absolute;
		  bottom: 10px;
		  width: 90%;
		  
	  }
	  .btn-vermas-blog-home{		  
		  background-color: #d72b08;
		  color: white;
		  padding: 5px;
		  font-family: 'Ubuntu';
		  width: 80%;
		  max-width: 100px;
		  text-align: center;
		  font-size: 1.1rem;
		  border-radius: 15px;		  
		  margin: auto;
		 font-weight: 400
	  }
	  .bg-white{
		  background-color: white;
		  
	  }
	  
	  .item-blog {
		  position: relative;
		  min-height: 480px;
		  background-color: white;
	  }
	  
	  .cont-tit-prin-blog-home{
		  position: relative;
		  top: -80px;
		  color: #d72b08;
		  z-index: 10;
		  width: 100%; 
		  text-align: center;
		  font-size: 2rem;
	  }

	.tit-prod-relacionados{
		color: var(--gris-menu);
		font-size: 1.6rem;
		font-weight: bold;
	}

	.titulo-prod-relacionados {		
		  font-family: 'Futura MdCn BT';		  
		  color: var(--gris-menu);		  	  
		  font-size: 1.8rem;		  
	  }
	
	.detalle-prod-relacionados {		
		  font-family: 'Futura MdCn BT';		  
		  color: var(--gris-menu);		  	  
		  font-size: 1rem;		
		  text-transform: uppercase
	  }


.encuentranosen{
	background-color: #bdbbb9;
	text-align: center
}
	  

.vermas{
		font-family: 'Futura MdCn BT';
		background-color: var(--rojo);		
		color: white;
		font-size: 1.1rem;
		width: 40%;
		padding: 3px;
		border-radius: 15px;
		margin-left: -20px;
		
	}


.producto-titulo {
		color: var(--rojo);
		font-family: 'Futura MdCn BT';
		font-size: 1.1rem;
		font-weight: 700;
		line-height: 1.9rem;
		text-transform: uppercase;
	}
.cont-fijo-btn{
		position: absolute;
		bottom:2%;
		width: 100%;
		
	}
	.cuadro-prod{
		min-height: 230px;
		padding-bottom: 50px;
	}

.det-1, .det-2, .det-3{
		font-size: 0.7rem;
		color: #7d7d7c;
		text-transform: lowercase !important;
	}
	
	.det-1{ min-height: 40px;}
	.det-2{ min-height: 40px;}
	.det-3{ min-height: 90px;}


	  @media only screen and (max-width: 768px) {
		  .margenSuperior {
		  padding-top: 95px;
	  	}
		  .flechas-blancas{
		  	font-size: 3rem !important;		  
		  }
		  
		  .logo-principal{
			  max-width: 70px;
		  }
		  
		  .margenSuperior {
			  padding-top: 95px;
		  }
		  
		  .fondo-productos{
			  background-image: url(../imagenes/fondo-productos-home-movil.jpg);
			  background-size: 100% 100%;
			  min-height: 700px;
		  }	 
		  
		  .tit-blog-home{
			  font-size: 1rem;
			  
		  }
		  
		  .logomaver{
			  max-width: 100px;
		  }
		  .cont-tit-prin-blog-home{
			  position: relative;
			  top: -30px;
			  color: #d72b08;
			  
			  width: 100%; 
			  text-align: center;
			  font-size: 2rem;
		  }
	  }