.contenido.legal {
	max-width: 900px;
	margin: 0 auto
}

.contenido.legal p {
	text-align: justify
}

.contenido .inferior .descripcion .scroll table tr td {
	white-space: nowrap
}

.producto .inferior .derecha {
	position: sticky;
	top: 20px
}

.producto .inferior .izquierda {
	position: sticky;
	top: 20px
}

.mm-spn li.sel {
	background-color: transparent
}

.mm-spn li.sel>a,
.mm-spn li.sel>span {
	background-color: var(--luto10);
	display: block
}

.cabecera .superior .derecha .idiomas .desplegable_idiomas {
	background-color: var(--blanco);
	right: unset;
	left: 0;
	padding-top: 30px
}

.area .inferior .item_area .texto .tipo a.sel {
	font-weight: 500
}

@media (max-width:1800px) {
	.contenedor {
		max-width: calc(100% - 40px);
		margin: 0 auto
	}

	.cabecera .superior .contenedor {
		max-width: none;
		margin: 0
	}

	.destacadas .inferior {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 20px;
		margin-left: 40px;
		margin-right: 40px
	}

	.destacadas .inferior .destacada {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
		overflow: hidden;
		margin: 0 !important
	}

	.destacadas .inferior .destacada .tit {
		color: var(--negro);
		border-radius: 5px;
		width: 100%;
		top: unset;
		bottom: 0;
		left: 0;
		right: 0;
		transform: none;
		padding: 10px;
		font-size: 3em;
		line-height: .9;
		position: static
	}

	.destacadas .inferior .destacada img {
		height: auto;
		max-height: 100%;
		max-width: 100%;
		width: auto;
		display: block
	}

	.destacadas .inferior .destacada {
		border-radius: 5px;
		overflow: visible;
		border-color: var(--blanco);
		align-items: flex-end
	}

	.destacadas .inferior .destacada img {
		border-radius: 5px
	}

	.destacadas .inferior .destacada:before {
		display: none
	}

	.destacadas:before {
		bottom: 0
	}

	.pie .medio .derecha .bloque {
		margin-right: 30px
	}
}

@media (max-width:1679px) {

	.contenido .superior .fondo,
	.productos .superior .izquierda .fondo,
	.carrusel .superior .izquierda .fondo {
		font-size: 14em
	}

	.anuncios .anuncio {
		height: 420px
	}

	.anuncios .anuncio .texto .titulo {
		font-size: 3em
	}

	.pie .medio .derecha .bloque:last-child ul li {
		display: inline-block;
		vertical-align: top;
		margin-right: 30px
	}

	.pie .medio .derecha .bloque:last-child {
		display: block;
		margin-top: 40px
	}

	.pie .medio .izquierda .informacion .datos li a,
	.pie .medio .derecha .bloque ul li a {
		font-size: 1.4em
	}
}

@media (max-width:1439px) {
	.cabecera .superior .centro ul li:first-child {
		display: none
	}

	.cabecera .superior .centro ul li {
		margin-right: 30px
	}

	.cabecera .superior .centro ul li a {
		padding-left: 0;
		padding-right: 0
	}

	.destacadas {
		padding-bottom: 100px
	}

	.carrusel {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin-top: -20px;
		z-index: 9;
		background-color: var(--blanco)
	}

	.anuncios .anuncio {
		height: 360px
	}

	.anuncios .anuncio .texto .titulo {
		line-height: 1
	}

	.anuncios,
	.enlaces {
		margin-top: -20px
	}

	.pie .medio .izquierda .logos {
		margin-right: 20px
	}

	.pie .inferior .sgm,
	.pie .inferior .copyright {
		font-size: 1.4em
	}

	.pie .inferior img {
		max-width: 240px;
		height: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto
	}

	.pie .inferior {
		padding: 40px 0
	}

	.contenido .superior .fondo,
	.productos .superior .izquierda .fondo,
	.carrusel .superior .izquierda .fondo {
		font-size: 11em;
		line-height: 1
	}

	.producto .inferior .izquierda {
		width: 400px
	}

	.producto .inferior .centro {
		width: calc(100% - 880px)
	}

	.producto .medio .izquierda {
		width: calc(100% - 440px)
	}

	.producto .medio .derecha {
		max-width: 400px;
		width: 100%
	}

	.cesta {
		padding-left: 40px;
		padding-right: 40px
	}

	body {
		text-wrap: pretty
	}

	.banners,
	.banners .banner {
		height: 360px
	}

	.banners .banner .texto .titulo {
		line-height: .9
	}

	.banners .banner .texto .boton {
		content: '';
		background-color: transparent;
		font-size: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: auto;
		padding: 0;
		margin: 0
	}

	.banners .banner .texto .boton:hover {
		background-color: transparent
	}

	.item_producto .texto {
		padding: 20px
	}

	.pie .superior .newsletter {
		max-width: none;
		margin-left: 20px;
		margin-right: 20px
	}

	.destacadas .inferior {
		margin-left: 20px;
		margin-right: 20px
	}

	.producto .inferior .derecha .comprar {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.contenido.legal {
		max-width: 700px
	}
}

@media (max-width:1279px) {

	.cabecera .superior .centro ul li:nth-child(2),
	.cabecera .superior .centro ul li:nth-child(6) {
		display: none
	}

	.cabecera .inferior>ul>li:nth-child(n+5) {
		display: none
	}

	.cabecera .superior .izquierda {
		left: 20px
	}

	.cabecera .superior .izquierda .logo {
		max-width: 150px
	}

	.cabecera .superior {
		padding: 20px
	}

	.cabecera .inferior {
		padding: 0
	}

	.cabecera .inferior>ul>li {
		margin-right: 0;
		margin-left: 20px
	}

	.cabecera .inferior>ul>li.especial>a {
		background: none;
		padding-right: 0
	}

	.cabecera .inferior>ul>li>ul {
		display: none !important
	}

	.banners .banner .texto {
		left: 40px;
		right: 40px;
		transform: translate(0, -50%);
		text-align: center;
		max-width: none;
		text-wrap: balance
	}

	.banners .banner .texto .titulo {
		font-size: 6em
	}

	.destacadas .inferior {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px
	}

	.anuncios .anuncio .texto {
		right: 100px;
		left: 40px;
		bottom: 40px
	}

	.anuncios .anuncio .boton {
		right: 40px;
		bottom: 40px
	}

	.destacadas .inferior .destacada span,
	.destacadas .superior .descripcion p,
	.enlaces .enlace,
	.anuncios .anuncio .texto .titulo {
		text-wrap: balance
	}

	.pie .medio .derecha .bloque:nth-child(1) {
		display: none
	}

	.pie .medio .derecha {
		text-align: right
	}

	.pie .medio .derecha .bloque {
		text-align: left;
		margin-right: 80px
	}

	.pie .medio .derecha .bloque:last-child {
		display: inline-block;
		margin-top: 0
	}

	.pie .medio .derecha .bloque:last-child ul li {
		display: block;
		margin-right: 0
	}

	.pie .medio .izquierda .logos {
		margin-right: 80px
	}

	.desplegable_buscar .resultados_productos .interior .wrap,
	.carrusel .inferior,
	.listado {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px
	}

	.item_producto {
		width: auto;
		display: block;
		margin: 0
	}

	.no-js .owl-carousel,
	.owl-carousel.owl-loaded {
		display: block !important
	}

	.producto .inferior .derecha .comprar {
		flex-direction: column
	}

	.producto .inferior .derecha .comprar .cantidad {
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.producto .inferior .derecha .comprar .cantidad span,
	.producto .inferior .derecha .comprar .cantidad .restar,
	.producto .inferior .derecha .comprar .cantidad .sumar {
		width: 33.333%;
		display: block
	}

	.producto .inferior .derecha .comprar .boton {
		display: block;
		width: 100%
	}

	.producto .inferior .derecha {
		width: 260px;
		padding: 20px
	}

	.producto .inferior .izquierda {
		width: 320px
	}

	.producto .inferior .izquierda {
		display: inline-block;
		vertical-align: top;
		width: 320px;
		margin-right: 20px
	}

	.producto .inferior .izquierda .wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px
	}

	.producto .inferior .izquierda .wrap>.imagen {
		position: relative;
		border-radius: 5px;
		overflow: hidden;
		width: auto;
		margin: 0;
		display: block
	}

	.producto .inferior .izquierda .wrap>.imagen:first-child {
		grid-column: 1 / -1
	}

	.producto .inferior .izquierda .wrap>.imagen:before {
		display: none
	}

	.producto .inferior .izquierda .wrap>.imagen img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block
	}

	.producto .inferior .centro {
		width: calc(100% - 620px);
		margin-right: 20px
	}

	.enlaces .enlace {
		padding-left: 20px;
		padding-right: 20px
	}

	.producto .medio .derecha {
		max-width: 260px
	}

	.producto .medio .izquierda {
		width: calc(100% - 300px)
	}

	.cesta {
		padding-left: 20px;
		padding-right: 20px
	}

	.cesta .interior .derecha {
		width: 380px
	}

	.cesta .interior .izquierda {
		width: calc(100% - 400px)
	}

	.contenedorin,
	.confirmacion .interior,
	.pagos .interior,
	.envios .interior,
	.direcciones .interior {
		padding-left: 20px;
		padding-right: 20px;
		max-width: none
	}

	.pasos {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.pasos li {
		margin: 0
	}

	.pagos .interior .inferior form .listado .pago,
	.envios .interior .inferior .bloque .listado .envio,
	.direcciones .interior .inferior .listado .direccion {
		margin-bottom: 0
	}

	.carrusel .inferior,
	.listado {
		grid-template-columns: repeat(3, 1fr)
	}

	.pagos .interior .inferior form .listado {
		grid-template-columns: repeat(4, 1fr)
	}

	.desplegable_minicesta .listado {
		display: block
	}

	.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .titulo {
		font-size: 1.3em;
		line-height: 1.3
	}

	.desplegable_buscar .resultados_categorias ul li {
		margin-right: 20px
	}

	.desplegable_buscar .resultados_categorias ul li a {
		letter-spacing: 0
	}

	.contenido.legal {
		max-width: 540px
	}

	.promociones .inferior {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width:1023px) {

	.cabecera .superior .centro,
	.cabecera .superior .centro ul li:last-child {
		margin-right: 0
	}

	.cabecera .inferior>ul>li>a {
		letter-spacing: 0
	}

	.cabecera .inferior>ul>li:nth-child(n+4) {
		display: none
	}

	.cabecera .superior .centro ul li {
		margin-right: 20px
	}

	.banners,
	.banners .banner {
		height: 260px
	}

	.banners .banner .texto .titulo {
		font-size: 5em;
		line-height: .8
	}

	.banners .banner .texto .subtitulo {
		margin-top: 10px
	}

	.destacadas .inferior {
		grid-template-columns: repeat(3, 1fr)
	}

	.item_producto .texto .titulo {
		font-size: 1.45em
	}

	.carrusel {
		padding-bottom: 70px;
		padding-top: 50px
	}

	.carrusel .superior .derecha,
	.carrusel .superior .izquierda {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.carrusel .superior .derecha {
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.carrusel .superior .derecha .navegacion {
		order: 2
	}

	.carrusel .superior .derecha .boton {
		margin-left: 0
	}

	.enlaces {
		flex-direction: column;
		gap: 20px;
		padding-top: 50px;
		padding-bottom: 55px
	}

	.destacadas {
		padding-top: 55px
	}

	.anuncios .anuncio {
		height: 260px;
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.anuncios .anuncio:nth-child(1) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.anuncios .anuncio:nth-child(2) {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.anuncios .anuncio .texto .subtitulo {
		margin-top: 10px;
		letter-spacing: 0
	}

	.anuncios+.carrusel {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.enlaces .enlace .titulo {
		font-size: 2em
	}

	.enlaces .enlace .subtitulo {
		font-size: 1.6em
	}

	.pie .superior .newsletter {
		padding: 50px 0
	}

	.pie .superior .newsletter .derecha,
	.pie .superior .newsletter .izquierda {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.pie .superior .newsletter .derecha {
		margin-top: 20px
	}

	.desplegable_popup .interior {
		max-width: 440px
	}

	.desplegable_popup .interior .imagen {
		position: static;
		width: auto;
		padding-top: 0;
		aspect-ratio: 16 / 9
	}

	.desplegable_popup .interior .texto {
		width: auto;
		margin-top: 20px
	}

	.desplegable_popup .interior .texto .cerrar_popup {
		position: fixed;
		top: 40px;
		right: 40px
	}

	.pie .superior .newsletter .derecha .boton {
		right: 20px
	}

	.pie .superior .newsletter .derecha .campo input[type="email"] {
		width: 100%
	}

	.pie .medio {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.pie .medio .derecha .bloque:nth-child(2) {
		display: none
	}

	.pie .inferior img {
		max-width: 220px
	}

	.anuncios .anuncio .boton {
		right: 20px;
		bottom: 20px
	}

	.anuncios .anuncio .texto {
		left: 20px;
		bottom: 20px
	}

	.productos {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.producto .inferior .derecha {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 9;
		top: unset;
		box-shadow: 0 0 10px var(--luto25)
	}

	.producto .inferior .centro {
		width: calc(100% - 340px);
		margin-right: 0
	}

	.producto .medio .izquierda {
		margin-right: 20px;
		width: 320px
	}

	.producto .medio .derecha {
		max-width: calc(100% - 340px)
	}

	.promocion,
	.promociones,
	.acceso,
	.registro,
	.invitado,
	.contenido.legal,
	.contacto,
	.area,
	.confirmacion,
	.pagos,
	.envios,
	.direcciones,
	.cesta,
	.producto {
		padding-top: 50px;
		padding-bottom: 70px
	}

	.cesta .interior .derecha {
		margin-top: 50px
	}

	.cesta .interior .derecha,
	.cesta .interior .izquierda {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.envios .listado,
	.direcciones .listado {
		grid-template-columns: repeat(2, 1fr)
	}

	.area .inferior .item_area:nth-of-type(3n),
	.area .inferior .atajos .atajo:nth-of-type(3n) {
		margin-right: 10px
	}

	.area .inferior .item_area:nth-of-type(2n),
	.area .inferior .atajos .atajo:nth-of-type(2n) {
		margin-right: 0
	}

	.area .inferior .item_area:nth-of-type(3),
	.area .inferior .atajos .atajo:nth-of-type(3) {
		margin-top: 10px
	}

	.area .inferior .item_area,
	.area .inferior .atajos .atajo {
		width: calc(50% - 5px)
	}

	.desplegable_buscar .resultados_productos .interior .wrap,
	.carrusel .inferior,
	.listado {
		grid-template-columns: repeat(3, 1fr)
	}

	.destacadas {
		padding-bottom: 50px
	}

	.desplegable_legal .interior {
		max-width: 540px
	}

	.carrusel .inferior .item_producto:nth-child(4) {
		display: none
	}

	.valorar {
		padding-top: 50px;
		padding-bottom: 70px
	}
}

@media (max-width:540px) {

	.cabecera .inferior,
	.cabecera .superior .centro {
		display: none
	}

	.cabecera .superior .izquierda {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 1;
		max-width: 100px
	}

	.cabecera .superior .izquierda .logo {
		padding: 3px
	}

	.cabecera .superior {
		padding: 10px
	}

	.cabecera .superior .derecha .idiomas .desplegar_idiomas {
		padding-left: 0;
		padding-right: 15px;
		background-position: center right
	}

	.cabecera .superior .derecha .desplegar_usuario,
	.cabecera .superior .derecha .minicesta .desplegar_minicesta,
	.cabecera .superior .derecha .desplegar_buscar,
	.cabecera .superior .derecha .idiomas .desplegar_idiomas {
		background-color: transparent
	}

	.cabecera .superior .derecha .minicesta .unidades {
		top: 8px;
		right: 16px;
		left: unset;
		width: 7px;
		height: 7px;
		font-size: 0;
		animation: pulsoSuaveEscala 2s ease-in-out infinite;
		transform-origin: center center
	}

	@keyframes pulsoSuaveEscala {

		0%,
		100% {
			transform: scale(1);
			opacity: 1
		}

		50% {
			transform: scale(1.2);
			opacity: .7
		}
	}

	.cabecera .superior .derecha .desplegar_menu {
		background-position: right center;
		width: 30px;
		background-color: transparent;
		background-image: url('../img/web/menu.svg')
	}

	.banners {
		padding-top: 0;
		height: auto
	}

	.banners .banner {
		height: auto;
		padding-top: 145px;
		background-position: top;
		background-size: 480px auto
	}

	.banners .banner .texto {
		position: static;
		transform: none
	}

	.banners .banner .texto {
		padding: 50px 10px;
		text-align: left
	}

	.banners .banner .texto .subtitulo,
	.banners .banner .texto .titulo {
		color: var(--negro)
	}

	.pie .superior .newsletter .izquierda .titulo,
	.banners .banner .texto .titulo {
		font-size: 4em
	}

	.enlaces .enlace .titulo,
	.banners .banner .texto .subtitulo {
		font-size: 2em;
		line-height: 1.4;
		margin-top: 20px
	}

	.banners .banner:before {
		display: none
	}

	.destacadas .superior {
		text-align: left;
		padding-left: 10px;
		padding-right: 10px
	}

	.contenido .superior .titulo,
	.valorar .superior .titulo,
	.valoraciones .superior .titulo,
	.envios .interior .inferior .bloque>.titulo,
	.envios .interior .superior .titulo,
	.desplegable_direccion .interior .superior .titulo,
	.direcciones .interior .inferior .titulo,
	.direcciones .interior .superior .titulo,
	.promocion .superior .titulo,
	.promociones .superior .titulo,
	.area .inferior .descargas .descarga span,
	.area .inferior .bloques .bloque .titulo,
	.area .icono,
	.pie .superior .newsletter .izquierda .titulo,
	.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
	.desplegable_legal .interior .titulo,
	.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
	.desplegable_recordar .interior .superior .titulo,
	.desplegable_verificar .interior .superior .titulo,
	.invitado .interior .superior .titulo,
	.registro .interior .superior .titulo,
	.acceso .interior .superior .titulo,
	.cesta .interior .izquierda .superior .titulo,
	.cesta .interior .derecha .superior .titulo,
	.desplegable_popup .interior .texto .titulo,
	.carrusel .superior .izquierda .titulo,
	.destacadas .superior .titulo {
		font-size: 4em;
		line-height: .8
	}

	.contenido .inferior .descripcion,
	.valoraciones .inferior .item_respuesta .comentario,
	.valoraciones .inferior .item_valoracion .comentario,
	.valorar .superior .subtitulo,
	.desplegable_minicesta .interior .vacio,
	.cesta .interior .vacio p,
	.confirmacion .interior .inferior .descripcion,
	.pagos .interior .inferior form .entrega,
	.pagos .interior .inferior form .informacion span,
	.pagos .interior .inferior form .listado .pago .radio,
	.promocion .superior .descripcion,
	.promociones .superior .subtitulo,
	.area .inferior .bloques .bloque .texto span,
	.area .inferior .informacion ul li,
	.area .inferior .item_area .texto span,
	.registro .interior .inferior a,
	.registro .interior .inferior .titulo,
	.acceso .interior .inferior a,
	.acceso .interior .inferior .titulo,
	.acceso .interior .medio form .olvidado a,
	.checks .check,
	.desplegable_legal .interior .descripcion,
	.invitado .interior .inferior a,
	.invitado .interior .inferior .titulo,
	.invitado .interior .superior .subtitulo,
	.registro .interior .superior .subtitulo,
	.acceso .interior .superior .subtitulo,
	.ui-dialog .ui-dialog-content,
	.producto .inferior .centro .descripcion,
	.desplegable_popup .interior .texto .descripcion,
	.pie .superior .newsletter .izquierda .subtitulo,
	.enlaces .enlace .subtitulo,
	.carrusel .superior .izquierda .descripcion,
	.destacadas .superior .descripcion {
		font-size: 1.6em;
		line-height: 1.5
	}

	.destacadas .superior .descripcion{
		margin-bottom: 40px;
	}

	.destacadas .inferior {
		margin: 0 10px;
		grid-template-columns: repeat(2, 1fr)
	}

	.destacadas .inferior .destacada span {
		font-size: 2.5em;
		line-height: 1
	}

	.carrusel .superior .derecha {
		flex-direction: column
	}

	.carrusel .superior .derecha .boton {
		font-size: 0;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		max-height: 60px;
		z-index: 2;
		border-radius: 0;
		background-color: transparent
	}

	.contenedor {
		max-width: calc(100% - 20px)
	}

	.item_producto .texto {
		padding: 10px
	}

	.item_producto .texto .titulo {
		font-size: 1.65em;
		line-height: 1.3;
		height: 50px;
		-webkit-line-clamp: 2
	}

	.item_producto .texto .precios {
		font-size: 1.2em;
		margin-top: 10px
	}

	.anuncios .anuncio .boton {
		display: none
	}

	.anuncios .anuncio .texto {
		right: 20px
	}

	.anuncios .anuncio .texto .subtitulo {
		font-size: 1.65em;
	}

	.carrusel .inferior {
		margin-top: 20px
	}

	.item_producto .etiquetas {
		right: 10px;
		top: 10px
	}

	.enlaces .enlace .titulo {
		margin-top: 0
	}

	.enlaces .enlace {
		padding-left: 10px;
		padding-right: 10px;
		background-size: 25px
	}

	.pie .superior .newsletter .izquierda .titulo {
		line-height: .8
	}

	.pie .superior .newsletter .derecha .boton {
		position: static;
		margin-top: 10px
	}

	.pie .superior .newsletter .derecha .campo input[type="email"] {
		height: 50px;
		line-height: 50px
	}

	.pie .superior .newsletter {
		margin-left: 10px;
		margin-right: 10px
	}

	.pie .medio .derecha,
	.pie .medio .izquierda,
	.pie .medio .izquierda .logos {
		text-align: center;
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.pie .medio .izquierda .logos a {
		margin-bottom: 10px
	}

	.pie .medio .izquierda .logos img {
		height: auto;
		max-height: 100%;
		max-width: 100%;
		width: auto
	}

	.pie .medio .izquierda .logos {
		text-align: center;
		max-width: 100px;
		margin: 0 auto !important
	}

	.pie .medio .izquierda {
		margin-bottom: 50px
	}

	.pie .medio .izquierda .informacion {
		margin-top: 50px
	}

	.pie .medio .derecha .bloque {
		text-align: center
	}

	.pie .medio .derecha {
		display: flex;
		gap: 10px;
		align-items: center;
		justify-content: space-between
	}

	.pie .medio .derecha .bloque ul {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(4, 1fr)
	}

	.pie .medio .derecha .bloque:last-child {
		display: block;
		width: 100%
	}

	.pie .medio .derecha .bloque:last-child ul li a {
		display: block;
		font-size: 1.5em;
		text-wrap: balance;
		width: auto
	}

	.pie .medio .derecha .bloque:last-child ul li {
		display: block;
		text-align: center;
		line-height: 1;
		margin: 0
	}

	.pie .medio .derecha .bloque ul li a {
		line-height: 1
	}

	.pie .medio .izquierda .informacion .datos li a:before {
		position: static;
		display: block;
		margin: 0 auto;
		content: ''
	}

	.pie .medio .izquierda .informacion .datos li a,
	.pie .medio .izquierda .informacion {
		display: block;
		width: auto
	}

	.contenido .superior .fondo,
	.productos .superior .izquierda .fondo,
	.carrusel .superior .izquierda .fondo {
		display: none
	}

	.desplegable_popup .interior {
		transform: none;
		top: 0
	}

	.pie .medio .izquierda .informacion .datos li a {
		font-size: 1.8em;
		padding: 0;
		margin-top: 20px
	}

	.pie .medio .izquierda .informacion .datos li a:before {
		margin-bottom: 10px
	}

	.pie .medio .izquierda .informacion .redes li span,
	.pie .medio .derecha .bloque span,
	.pie .medio .izquierda .informacion .datos li span {
		font-size: 4em;
		margin-bottom: 20px;
		font-weight: 400;
		font-family: var(--fuente_titulos);
		line-height: .8
	}

	.pie .medio .izquierda .informacion .redes {
		margin-top: 50px
	}

	.pie .inferior {
		padding-top: 0;
		padding-bottom: 50px
	}

	.pie .inferior .sgm,
	.pie .inferior img,
	.pie .inferior .copyright {
		width: auto;
		display: block;
		text-align: center;
		float: none;
		margin-right: 0 !important
	}

	.pie .inferior img {
		position: static;
		transform: none;
		margin: 20px auto !important;
		margin-bottom: 50px !important
	}

	.pie .medio .derecha .bloque span,
	.pie .medio .izquierda .informacion .redes li span,
	.pie .medio .izquierda .informacion .datos li a:before {
		display: none
	}

	.pie .medio .derecha .bloque ul {
		margin-top: 0
	}

	.desplegable_menu:after {
		font-size: 2.5em;
		line-height: 34px !important
	}

	.desplegable_menu .cerrar_menu {
		background-color: transparent
	}

	.desplegable_menu>ul>li>a,
	.desplegable_menu>ul>li>span {
		letter-spacing: 0
	}

	.producto .superior .segmentos a,
	.producto .superior .segmentos span,
	.productos .superior .izquierda .segmentos a,
	.productos .superior .izquierda .segmentos span {
		font-size: 1.3em
	}

	.productos .superior .izquierda .titulo {
		line-height: .8;
		font-size: 4em;
		margin-top: 10px
	}

	.productos .superior .izquierda {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.productos .superior .derecha {
		display: flex;
		margin-top: 20px;
		align-items: center;
		justify-content: space-between;
		float: none;
		padding-top: 0
	}

	body:not(.inicio) .cabecera .superior .izquierda .logo {
		max-width: 40px;
		padding: 0
	}

	.desplegable_filtros .interior {
		width: 100%
	}

	.desplegable_filtros .interior .medio {
		height: calc(100vh - 210px);
		height: calc(var(--vh, 1vh) * 100 - 210px)
	}

	.cabecera {
		box-shadow: 0 0 10px var(--luto10);
	}

	.cabecera .superior .derecha .idiomas .desplegable_idiomas {
		box-shadow: 0 0 10px var(--luto10);
		padding: 20px;
		left: -20px
	}

	.desplegable_buscar .resultados_productos .interior .wrap,
	.carrusel .inferior,
	.listado {
		grid-template-columns: repeat(2, 1fr)
	}

	.item_producto .etiquetas span {
		font-size: 1.2em
	}

	.item_producto .texto .precios .precio_anterior {
		margin-left: 10px
	}

	.productos {
		padding-bottom: 70px
	}

	.producto .inferior .centro,
	.producto .inferior .izquierda,
	.producto .medio .derecha,
	.producto .medio .izquierda {
		width: auto;
		display: block;
		float: none;
		max-width: none;
		margin-right: 0 !important
	}

	.producto .medio .izquierda {
		display: none
	}

	.producto .inferior .izquierda {
		position: static
	}

	.producto .inferior .izquierda .wrap>.imagen {
		display: none
	}

	.producto .inferior .izquierda .wrap>.imagen:first-child {
		display: block
	}

	.producto .inferior .izquierda .wrap {
		display: block
	}

	.producto .inferior .derecha {
		width: 100%;
		padding: 0;
		background: none;
		box-shadow: none;
		margin-top: 20px;
		position: static
	}

	.producto .inferior {
		display: flex;
		flex-direction: column
	}

	.producto .inferior .centro {
		margin-top: 20px;
		order: 3
	}

	.producto .inferior .derecha .opciones,
	.producto .inferior .derecha .propiedades {
		margin-top: 20px
	}

	.producto .inferior .derecha .comprar {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 9;
		padding: 10px;
		gap: 10px;
		left: 0;
		top: unset;
		box-shadow: 0 0 10px var(--luto25);
		background-color: var(--blanco);
		display: grid;
		grid-template-columns: repeat(2, 1fr)
	}

	.producto .inferior .derecha .comprar .cantidad {
		margin-bottom: 0
	}

	.producto .inferior .derecha .comprar .boton {
		padding-left: 0;
		padding-right: 0
	}

	.producto .inferior .derecha .opciones {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 7
	}

	.producto {
		position: relative;
		z-index: 1
	}

	.producto .inferior .izquierda .owl-nav {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: space-between;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		left: 20px;
		right: 20px;
		font-size: 5em
	}

	.desplegable_minicesta .interior {
		width: 100%
	}

	.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .titulo {
		font-size: 1.6em
	}

	.carrusel .inferior .item_producto:nth-child(3) {
		display: none
	}

	.item_producto .cronometro {
		left: 10px;
		top: 10px
	}

	.item_producto .cronometro .numero {
		width: 30px
	}

	.item_producto .cronometro .numero span {
		font-size: 1.2em
	}

	.item_producto .cronometro .numero b {
		margin-top: 0
	}

	.desplegable_popup .interior {
		padding: 20px
	}

	.desplegable_popup .interior .imagen {
		border-radius: 5px;
		overflow: hidden
	}

	.desplegable_popup .interior .texto .cerrar_popup {
		background-color: var(--negro);
		right: 10px;
		top: 10px;
		background-image: url('../img/web/cerrar_w.svg')
	}

	.corner {
		z-index: 11;
		left: 0;
		right: 0;
		bottom: 0;
		max-width: none
	}

	.corner .cerrar_corner {
		background-color: transparent
	}

	body.es_ficha .bola {
		bottom: 140px
	}

	.corner .titulo {
		color: var(--negro);
		letter-spacing: 0;
		margin-bottom: 20px;
		line-height: 1.5
	}

	.cesta {
		padding-left: 10px;
		padding-right: 10px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto,
	.cesta .interior .izquierda .inferior form .item_cesta .imagen {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad,
	.cesta .interior .izquierda .inferior form .item_cesta .texto {
		position: static
	}

	.cesta .interior .izquierda .inferior form .item_cesta {
		margin-bottom: 50px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .propiedad,
	.cesta .interior .izquierda .inferior form .item_cesta .texto .titulo {
		white-space: normal;
		text-overflow: unset;
		overflow: visible
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad {
		margin-top: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .borrar {
		top: 10px;
		right: 10px;
		bottom: unset
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .precio {
		right: 20px
	}

	.cesta .interior .derecha .inferior .cupon .campo {
		width: auto;
		display: block;
		float: none;
		margin-bottom: 10px;
		margin-right: 0 !important
	}

	.cesta .interior .derecha .inferior .cupon .boton {
		display: block;
		width: auto
	}

	.envios .interior .inferior .botones,
	.confirmacion .interior .inferior .botones,
	.pagos .interior .inferior form .botones,
	.direcciones .interior .inferior .botones,
	.cesta .interior .derecha .inferior .botones {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--blanco);
		padding: 10px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		box-shadow: 0 0 10px var(--luto10);
		z-index: 11
	}

	.direcciones .interior .inferior .botones .boton,
	.invitado .interior .medio form .botones,
	.invitado .interior .medio form .campos,
	.registro .interior .medio form .botones,
	.registro .interior .medio form .checks,
	.registro .interior .medio form .campos,
	.acceso .interior .medio form .campos,
	.acceso .interior .medio form .botones {
		padding-left: 10px;
		padding-right: 10px
	}

	.invitado .interior .inferior,
	.invitado .interior .medio form .campos .campo {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.invitado .interior .medio form .campos .campo:nth-of-type(2) {
		margin-top: 10px
	}

	.invitado {
		padding-top: 0
	}

	.invitado .interior .superior {
		padding-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0
	}

	.invitado .interior .medio {
		background-color: var(--gris);
		margin-top: 0;
		padding-top: 30px;
	}

	.desplegable_legal .interior {
		transform: none;
		top: 0;
		right: 0;
		left: 0
	}

	.ui-dialog {
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important
	}

	.registro .interior .inferior:last-child,
	.acceso .interior .inferior:last-child,
	.invitado .interior .inferior:last-child {
		padding-bottom: 50px
	}

	.registro .interior .inferior,
	.acceso .interior .inferior,
	.invitado .interior .inferior {
		padding-top: 50px;
		margin-top: 0;
		padding-bottom: 0
	}

	.registro,
	.invitado,
	.acceso {
		background-color: var(--gris);
		padding-top: 0;
		padding-bottom: 0
	}

	.registro .interior .superior,
	.acceso .interior .superior {
		padding-top: 50px;
		padding-bottom: 30px
	}

	.registro .interior .medio,
	.acceso .interior .medio {
		margin-top: 0
	}

	.desplegable_recordar .interior,
	.desplegable_verificar .interior {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		transform: none
	}

	.contenedorin,
	.confirmacion .interior,
	.pagos .interior,
	.envios .interior,
	.direcciones .interior {
		padding-left: 10px;
		padding-right: 10px
	}

	.area .superior .volver {
		display: none;
	}

	.area .inferior form .interior .campos .campo,
	.area .inferior .descargas .descarga,
	.area .inferior .pagar a,
	.area .inferior .bloques .bloque,
	.area .inferior .item_area,
	.area .inferior .atajos .atajo {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.area .inferior form .interior .campos .campo:nth-of-type(2),
	.area .inferior .descargas .descarga:nth-of-type(2n),
	.area .inferior .pagar a:nth-of-type(2n),
	.area .inferior .bloques .bloque:nth-of-type(2n),
	.area .inferior .item_area:nth-of-type(2),
	.area .inferior .atajos .atajo:nth-of-type(2) {
		margin-top: 10px
	}

	.area .inferior .item_area .titulo,
	.area .inferior .atajos .atajo .titulo {
		font-size: 3em
	}

	.area .inferior .resumen .item_resumen .imagen {
		width: auto
	}

	.area .inferior .resumen .item_resumen .texto {
		position: static
	}

	.area .inferior .resumen .item_resumen .texto .propiedad,
	.area .inferior .resumen .item_resumen .texto .titulo {
		white-space: normal;
		text-overflow: unset;
		overflow: unset
	}

	.area .inferior .resumen .item_resumen .texto .cantidad {
		position: static
	}

	.promociones {
		padding-top: 50px
	}

	.promocion {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0
	}

	.promocion .superior {
		padding: 50px 20px
	}

	.promocion .contenedorin {
		padding: 0;
		margin: 0
	}

	.promocion .superior {
		text-align: left
	}

	.promociones .inferior {
		grid-template-columns: repeat(1, 1fr)
	}

	.envios .listado,
	.direcciones .listado {
		grid-template-columns: repeat(1, 1fr)
	}

	.checks .check.centrado {
		text-align: left
	}

	.desplegable_direccion .interior {
		left: 0;
		right: 0;
		top: 0;
		transform: none
	}

	.desplegable_direccion .interior .inferior form .campos .campo:nth-of-type(2) {
		margin-top: 10px
	}

	.desplegable_direccion .interior .inferior form .campos .campo {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.envios .interior .inferior .bloque .listado .envio {
		text-wrap: balance
	}

	.pagos .interior .inferior form .listado {
		gap: 20px;
		grid-template-columns: repeat(2, 1fr)
	}

	.pagos .interior .inferior form .informacion span.total {
		font-size: 2em
	}

	.valoraciones {
		padding-top: 50px;
		padding-bottom: 70px
	}

	.valoraciones .medio .estadisticas {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.valoraciones .medio .barras {
		display: block;
		margin-top: 20px
	}

	.contacto .inferior {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column
	}

	.contacto .inferior form,
	.contacto .inferior .mapa {
		width: auto;
		display: block;
		float: none;
		gap: 20px;
		width: 100%;
		margin-right: 0 !important
	}

	.contacto .inferior .mapa iframe {
		height: 300px
	}

	.contacto .inferior .mapa {
		order: 2;
		margin-top: 50px
	}

	.valorar .inferior .derecha,
	.valorar .inferior .izquierda {
		width: auto;
		display: block;
		float: none;
		margin-right: 0 !important
	}

	.valorar .inferior .derecha {
		margin-top: 20px
	}

	.valorar .inferior .izquierda .estrellas {
		margin: 0;
		margin-top: 20px
	}

	.valoraciones .inferior .item_respuesta {
		margin-left: 40px
	}

	.valoraciones .inferior .item_respuesta .comentario {
		font-style: italic
	}

	.contenido.legal {
		padding-left: 20px;
		padding-right: 20px
	}

	.contenido .inferior {
		margin-top: 0
	}

	.desplegable_menu>ul>li>ul>li>a,
	.desplegable_menu>ul>li>a,
	.desplegable_menu>ul>li>span,
	.contenido .superior .segmentos a,
	.contenido .superior .segmentos span {
		font-size: 1.3em
	}

	.cabecera {
		position: fixed;
		right: 0;
		top: 0;
		left: 0
	}

	body {
		padding-top: 60px
	}

	.productos .superior .derecha .ordenar .desplegable_ordenar {
		transform: none
	}
}

@media (max-width:359px) {
	body {
		font-size: 56%
	}
}