/*======================================*/
/*B*/
/*======================================*/
.B-main-content{
	display: flex;
    width: min(96%, 1280px);
    margin: 140px auto 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.B-contenedor{
	height: auto;
	width: calc(100% - 375px);
	margin-bottom: 50px;
}
	/*-----------------------------------------------------------------------*/
	.B-intro-completo{
		margin-bottom: 25px;
	}
		.B-intro-completo-nombre{
		    padding: 20px 4.5%;
		}
		.B-intro-completo-introduccion{
		    padding: 27px 4.5%;
		}
	/*--------------------------------------------------------------------------*/
	.B-producto{
	    margin: 0 auto;
	    padding: 10px 0;
	}
		.B-producto-contenido > ul{
			margin:0;
			padding: 0;
			list-style: none;
		}
			.B-producto-elementos{
			    width: 100%;
			    min-width: 240px;
			    padding: 11px 2%;
			}
				.B-producto-elemento{
				    display: flex;
				    flex-wrap: wrap;
				    justify-content: space-between;
				}
					.B-producto-imagen{
					    width: 275px;
					    height: auto;
					    max-width: 100%;
					    border:none;
					    margin:0;
					}
						.B-producto-imagen a{
							display: block;
						}
						.B-producto-imagen img{
							width: 100%;
						}
				.B-content-element-wrapper{
					width: calc(100% - 275px);
					padding: 0 15px 0 20px;
				}
					.B-producto-titulo-in{
					    margin: 10px 0;
					    padding: 10px 2%;
					}
						.B-producto-titulo-in a{
							transition: all 0.4s ease-in-out 0s;
						}
					.B-producto-contenido-in{
					    padding: 0 2%;
					}
						.B-producto-texto{
							padding: 10px 0px;
						}
						.B-producto-precio{
						    margin: 15px 0;
						}
							.B-producto-precio-normal{
							    display: inline-block;
							    padding: 10px 15px;
							}
							.B-producto-precio-lista{
							    display: inline-block;
							    padding: 10px 15px;
							}
						.B-producto-boton{
						    display: inline-block;
						    margin: 15px 0 25px 0;
						    padding: 12px 20px;
						    position: relative;
						    transition: all 0.4s ease-in-out 0s;
						    width: auto;
						}
@media (max-width: 800px) {
.B-main-content{
    width: 98%;
    margin: 65px auto 0 auto;
}
.B-contenedor{
	width: 100%;
	margin-bottom: 15px;
}
	/*------------------------------------------------------------*/
	.B-intro-completo{
		margin-bottom: 5px;
	}
	/*--------------------------------------------------------------------------*/
			.B-producto-elementos{
			    padding: 7px 2%;
			}
			.B-producto-elemento{
				padding-top: 15px;
			}
					.B-producto-imagen{
						margin: 0 auto;
					}
				.B-content-element-wrapper{
					padding: 10px 0;
					margin: 0 auto;
					width: 96%;
				}
					.B-producto-titulo-in{
						margin: 10px auto 0 auto;
					}
						.B-producto-titulo-in:before{
							margin-right: 5px;
							top: 0;
						}
}