.banners .banner {
	height: auto;
	block-size: 100vh
}

.blog .inferior .item_blog .texto .titulo {
	font-size: 2em;
	-webkit-line-clamp: 3;
	line-height: 20px
}

.blog .inferior .item_blog .texto .boton, .blog .inferior .item_blog .texto .fecha {
	font-size: 1.45em
}

.seo .titulo, .productos .superior .izquierda .titulo, .noticia .superior .titulo, .marcas .superior .izquierda .titulo, .producto .inferior .derecha .titulo, .legal .titulo, .faqs .superior .subtitulo, .firmas .superior .titulo, .presentacion .superior .subtitulo, .banners .banner .texto .titulo, .carrusel .superior .subtitulo, .blog .superior .subtitulo {
	line-height: 1;
	font-size: 6em;
	text-wrap: balance
}

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

.item_buscar .texto .titulo, .item_producto .texto .titulo, .presentacion .inferior .bloque .texto .subtitulo {
	text-wrap: balance
}

.item_producto .texto .precios .precio {
	font-size: 1.5em
}

.item_producto .texto .titulo {
	height: 60px;
	font-size: 1.6em;
	-webkit-line-clamp: 3
}

.seo .limit {
	max-inline-size: 1100px;
	margin-inline: auto;
	text-align: center
}

.seo .titulo em {
	font-weight: 600
}

.seo .titulo {
	line-height: 1.1;
	font-size: 6em;
	max-inline-size: 70%;
	margin-inline: auto;
	text-wrap: balance;
	margin-block-end: 40px;
	font-family: var(--fuente_titulos)
}

.item_producto {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 6 - 100px / 6);
	margin-top: 20px;
	margin-right: 20px;
	z-index: 1
}

.item_producto:nth-of-type(1), .item_producto:nth-of-type(2), .item_producto:nth-of-type(3), .item_producto:nth-of-type(4), .item_producto:nth-of-type(5), .item_producto:nth-of-type(6) {
	margin-top: 0
}

.item_producto:nth-of-type(4n) {
	margin-right: 20px
}

.item_producto:nth-of-type(6n) {
	margin-right: 0
}

.carrusel .inferior .item_producto:nth-of-type(1), .carrusel .inferior .item_producto:nth-of-type(2), .carrusel .inferior .item_producto:nth-of-type(3), .carrusel .inferior .item_producto:nth-of-type(4), .carrusel .inferior .item_producto:nth-of-type(5), .carrusel .inferior .item_producto:nth-of-type(6) {
	display: inline-block
}

.blog .inferior .item_blog {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-top: 20px;
	z-index: 1
}

.owl_blog .inferior .item_blog {
	display: none
}

.blog .inferior .item_blog:nth-of-type(1), .blog .inferior .item_blog:nth-of-type(2), .blog .inferior .item_blog:nth-of-type(3), .blog .inferior .item_blog:nth-of-type(4) {
	display: inline-block
}

.blog .inferior .item_blog:nth-of-type(3n) {
	margin-right: 20px
}

.blog .inferior .item_blog:nth-of-type(4n) {
	margin-right: 0
}

.item_buscar .texto .titulo {
	height: 60px;
	line-height: 20px;
	font-size: 1.3em;
	-webkit-line-clamp: 3
}

.legal {
	max-inline-size: 700px;
	margin-inline: auto
}

.cesta .interior .derecha .sticky {
	position: sticky;
	top: 40px;
	right: 0
}

.disabled {
	opacity: .2 !important;
	pointer-events: none !important
}

.pie .superior .informacion ul li * {
	font-size: 12px
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto {
	vertical-align: top;
	padding: 0
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .propiedad, .desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .titulo {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal;
	line-height: 15px;
	font-size: 12.5px;
	text-wrap: balance;
	height: 30px;
	max-inline-size: 80%
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .precio {
	margin-top: 10px
}

.kit_digital {
	background-color: var(--input);
	padding-block: 40px
}

.kit_digital .limit {
	max-inline-size: 900px;
	margin-inline: auto;
	padding-inline: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px
}

.kit_digital a {
	font-size: 12px;
	font-weight: 600;
	color: black
}

.kit_digital .limit img {
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover
}

.area .inferior .adicional ul li b {
	font-weight: 600
}

.producto .inferior .derecha .opciones:empty {
	display: none
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta {
	margin-bottom: 10px
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta:last-child {
	margin-bottom: 0
}

/*.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .borrar {
	margin-top: 0;
	transform: translateY(-10px)
}*/

.contacto .formulario .derecha form .botones .boton, .acceso .interior .inferior .olvidado, .acceso .interior .medio form .botones .boton {
	border: none;
	font-family: inherit;
	cursor: pointer;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	inline-size: 100%
}

.acceso .interior .inferior {
	text-align: center
}

.acceso .interior .inferior .olvidado {
	background-color: transparent;
	inline-size: auto
}

.blog .inferior .item_blog {
	width: calc(100% / 4 - 60px / 4)
}

.blog .inferior .item_blog:nth-of-type(1), .blog .inferior .item_blog:nth-of-type(2), .blog .inferior .item_blog:nth-of-type(3), .blog .inferior .item_blog:nth-of-type(4) {
	display: inline-block
}

.blog .inferior .item_blog:nth-of-type(3n) {
	margin-right: 20px
}

.blog .inferior .item_blog:nth-of-type(4n) {
	margin-right: 0
}

.productos .superior .izquierda .todos {
	font-family: var(--fuente_textos);
	font-size: 2em;
	font-weight: 300
}

.valoraciones img {
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover
}

.area .inferior .descargas .descarga span, .area .inferior .bloques .bloque .titulo, .area .inferior .atajos .atajo .titulo {
	font-weight: 600
}

.blog .superior .izquierda .descripcion {
	max-width: none
}

.blog .superior .titulo a {
	color: inherit
}

.faqs .inferior .faq .pregunta {
	font-weight: 600
}

.marcas .superior .izquierda .titulo {
	max-width: 800px
}

.contacto .formulario .izquierda .titulo strong {
	display: block
}

.pie .superior .informacion .redes {
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin-inline: auto;
	max-width: fit-content;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.pie .superior .informacion .redes span {
	display: block;
	font-size: 1.65em;
	line-height: 20px
}

.pie .superior .informacion .redes ul {
	margin: 0;
	margin-top: 20px;
	padding: 0
}

.pie .superior .informacion .redes ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.pie .superior .informacion .redes ul li:last-child {
	margin-right: 0
}

.pie .superior .informacion .redes ul li a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--marron)
}

.pie .superior .informacion .redes ul li a.whatsapp {
	background-image: url('../img/web/whatsapp_w.svg')
}

.pie .superior .informacion .redes ul li a.instagram {
	background-image: url('../img/web/instagram_w.svg')
}

.pie .superior .informacion .redes ul li a.facebook {
	background-image: url('../img/web/facebook_w.svg')
}

.quienes_p1 {
	background-color: var(--crema);
	padding: 50px
}

.quienes_p1 .segmentos {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	gap: 5px
}

.quienes_p1 .segmentos a, .quienes_p1 .segmentos span {
	font-size: 1.65em;
	font-weight: 500;
	color: var(--negro)
}

.quienes_p1 .tarjeta_intro {
	background-color: var(--blanco);
	border-radius: 20px;
	padding: 60px 0 70px 0;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02)
}

.quienes_bloques_alt .texto_bloque .tit_bloque, .quienes_p3 .cabecera_p3 .tit_secundario, .quienes_p2 .texto_p2 .tit_secundario, .quienes_p1 .tarjeta_intro .tit_principal {
	font-family: var(--fuente_titulos);
	font-size: 6.6em;
	color: var(--negro);
	margin: 0;
	line-height: 1.1;
	text-wrap: balance
}

.quienes_bloques_alt .texto_bloque .tit_bloque b, .quienes_p3 .cabecera_p3 .tit_secundario b, .quienes_p2 .texto_p2 .tit_secundario b, .quienes_p1 .tarjeta_intro .tit_principal b {
	font-style: italic;
	font-weight: 500
}

.quienes_bloques_alt .texto_bloque .desc_bloque, .quienes_p3 .cabecera_p3 .subtit_p3, .quienes_p2 .texto_p2 .contenido_texto, .quienes_p1 .tarjeta_intro .texto_centro {
	max-width: 1000px;
	margin: 0 auto;
	font-family: var(--texts);
	font-size: 2em;
	line-height: 1.6;
	color: var(--texts)
}

.quienes_bloques_alt .texto_bloque .desc_bloque p, .quienes_p3 .cabecera_p3 .subtit_p3 p, .quienes_p2 .texto_p2 .contenido_texto p, .quienes_p1 .tarjeta_intro .texto_centro p {
	margin-bottom: 1.2em
}

.quienes_bloques_alt .texto_bloque .desc_bloque p:last-child, .quienes_p3 .cabecera_p3 .subtit_p3 p:last-child, .quienes_p2 .texto_p2 .contenido_texto p:last-child, .quienes_p1 .tarjeta_intro .texto_centro p:last-child {
	margin-bottom: 0
}

.quienes_p2 {
	padding: 30px 50px 80px 50px
}

.quienes_p2 .grid_p2 {
	display: flex;
	align-items: flex-start;
	gap: 80px
}

.quienes_p2 .imagenes_p2 {
	flex: 1;
	display: flex;
	gap: 20px;
	min-width: 0;
	position: sticky;
	top: 20px;
	left: 0
}

.quienes_p2 .imagenes_p2 img {
	flex: 1;
	width: 100%;
	min-width: 0;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	aspect-ratio: 3 / 4
}

.quienes_p2 .texto_p2 {
	flex: 1;
	min-width: 0
}

.quienes_p2 .texto_p2 .tit_secundario {
	font-size: 5em;
	margin-top: 0;
	margin-bottom: 20px
}

.quienes_p2 .texto_p2 .tit_secundario b, .quienes_p2 .texto_p2 .tit_secundario strong {
	font-style: italic;
	font-weight: normal
}

.quienes_p3 {
	padding: 50px;
	background-color: #D2CFC1
}

.quienes_p3 .contenedor {
	background-color: #F4F2EB;
	padding: 80px 50px;
	border-radius: 20px
}

.quienes_p3 .cabecera_p3 {
	text-align: center;
	margin-bottom: 40px
}

.quienes_p3 .cabecera_p3 .tit_secundario {
	font-size: 5em
}

.quienes_p3 .grid_procesos {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	max-inline-size: 1400px;
	margin-inline: auto
}

.quienes_p3 .tarjeta_proceso {
	background-color: var(--blanco);
	border-radius: 20px;
	padding: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02)
}

.quienes_p3 .texto_proceso {
	flex: 1;
	min-width: 0
}

.quienes_p3 .texto_proceso .tit_proceso {
	font-family: var(--fuente_textos);
	font-size: 2.5em;
	color: var(--verde);
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 500
}

.quienes_p3 .texto_proceso .desc_proceso {
	font-family: var(--fuente_textos);
	font-size: 1.65em;
	color: var(--texts);
	line-height: 1.6
}

.quienes_p3 .texto_proceso .desc_proceso p {
	margin: 0
}

.quienes_p3 .img_proceso {
	width: 230px;
	height: 230px;
	flex-shrink: 0
}

.quienes_p3 .img_proceso img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	display: block
}

.quienes_bloques_alt {
	padding: 80px 0
}

.quienes_bloques_alt .contenedor {
	max-inline-size: 1400px;
	margin-inline: auto
}

.quienes_bloques_alt .bloque_alt {
	display: flex;
	align-items: center;
	gap: 80px;
	margin-bottom: 80px
}

.quienes_bloques_alt .bloque_alt:last-child {
	margin-bottom: 0
}

.quienes_bloques_alt .texto_bloque {
	flex: 1;
	min-width: 0
}

.quienes_bloques_alt .texto_bloque .tit_bloque {
	font-size: 5em
}

.quienes_bloques_alt .img_bloque {
	flex: 1;
	min-width: 0
}

.quienes_bloques_alt .img_bloque img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	display: block
}

.quienes_bloques_alt .bloque_alt:nth-child(even) .texto_bloque {
	order: 2
}

.quienes_bloques_alt .bloque_alt:nth-child(even) .img_bloque {
	order: 1
}

.quienes_p1.oscuro {
	background-color: #D4D0C2;
	padding: 80px 50px
}

.quienes_p1.oscuro .tarjeta_intro {
	background: none;
	padding: 0
}

.quienes_p1.oscuro .tarjeta_intro .tit_principal {
	font-size: 5em
}

@media (max-width:1800px) {
	.ayuda {
		height: 800px
	}

	.contacto .formulario .derecha {
		width: 100%;
		max-width: 340px
	}

	.contacto .formulario .izquierda {
		position: relative;
		width: calc(100% - 340px)
	}

	.contacto .informacion .inferior ul li:nth-of-type(1), .contacto .informacion .inferior ul li:nth-of-type(2) {
		width: 100%
	}

	.contacto .informacion .inferior ul li:nth-of-type(2) {
		margin-top: 20px
	}

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

	.producto .inferior .derecha .opciones .rangos ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px
	}

	.producto .inferior .derecha .opciones .rangos ul li {
		margin: 0;
		width: 100%
	}

	.producto .inferior .derecha .opciones .rangos ul li * {
		white-space: nowrap
	}

}

@media (max-width:1679px) {
	.banners .banner .texto {
		max-width: calc(75% - 50px)
	}

	.blog .inferior, .ayuda .interior, .firmas .superior, .presentacion .inferior {
		max-width: none;
		padding-inline: 50px;
		width: auto
	}

	.firmas .superior {
		padding-inline: 100px;
		text-wrap: balance
	}

	.ayuda .interior {
		margin-inline: 50px;
		border-radius: 20px
	}

	.ayuda {
		height: 600px
	}

	.pie .superior .informacion ul li {
		margin-right: 20px
	}

	.marcas .superior .derecha {
		width: auto;
		flex-shrink: 0
	}

	.marcas .superior .derecha .filtrar .desplegar_filtrar {
		white-space: nowrap;
		padding-right: 20px
	}

	.marcas .superior .izquierda .descripcion {
		max-width: calc(75% - 10px)
	}

	.contacto .formulario {
		flex-direction: column;
		gap: 30px
	}

	.contacto .formulario .izquierda .titulo {
		text-wrap: balance
	}

	.contacto .formulario .izquierda {
		width: 100%;
		margin-right: 0
	}

	.contacto .formulario form {
		width: 100%
	}

	.contacto .formulario .izquierda h2 {
		font-size: 2.5em
	}

	.contacto .formulario .izquierda .redes {
		position: static
	}

	.contacto .formulario .derecha {
		max-width: 540px
	}

	.item_producto {
		width: calc(100% / 5 - 80px / 5)
	}

	.carrusel .inferior .item_producto:nth-of-type(6) {
		display: none
	}

	.item_producto:nth-of-type(6) {
		margin-top: 20px
	}

	.item_producto:nth-of-type(6n) {
		margin-right: 20px
	}

	.item_producto:nth-of-type(5n) {
		margin-right: 0
	}

	.blog .inferior .item_blog {
		width: calc(100% / 3 - 40px / 3)
	}

	.owl_blog .inferior .item_blog:nth-of-type(4) {
		display: none
	}

	.blog .inferior .item_blog:nth-of-type(4n) {
		margin-right: 20px
	}

	.blog .inferior .item_blog:nth-of-type(3n) {
		margin-right: 0
	}

	.blog .inferior .owl-nav [class^="owl-"] {
		left: 10px
	}

	.blog .inferior .owl-nav .owl-next {
		left: unset;
		right: 10px
	}

	.contacto .informacion {
		width: 460px
	}

	.contacto .formulario {
		flex-direction: row;
		width: calc(100% - 480px)
	}

	.contacto .formulario .derecha {
		display: flex;
		align-items: flex-end
	}

	.contacto .mapa .izquierda .titulo, .contacto .informacion .superior .titulo, .contacto .formulario .izquierda .titulo {
		font-size: 4.5em;
		line-height: 1.1
	}

	.contacto .formulario .izquierda .redes {
		position: absolute
	}

	.seo .titulo, .productos .superior .izquierda .titulo, .noticia .superior .titulo, .marcas .superior .izquierda .titulo, .producto .inferior .derecha .titulo, .legal .titulo, .faqs .superior .subtitulo, .firmas .superior .titulo, .presentacion .superior .subtitulo, .carrusel .superior .subtitulo, .blog .superior .subtitulo {
		font-size: 5.5em
	}

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

	.item_buscar {
		width: calc(100% / 5 - 40px / 5)
	}

	.item_buscar:nth-of-type(6) {
		margin-top: 10px
	}

	.item_buscar:nth-of-type(6n) {
		margin-right: 10px
	}

	.item_buscar:nth-of-type(5n) {
		margin-right: 0
	}

	.desplegable_buscar .inferior .recomendados .listado .item_buscar:nth-of-type(6) {
		display: none
	}

	.item_buscar .texto .titulo {
		font-size: 1.2em;
		line-height: 15px;
		height: 45px
	}

	.item_buscar .texto .precios .precio {
		font-size: 1.2em
	}

	.item_producto .texto .precios .precio, .item_producto .texto .titulo {
		font-size: 1.4em
	}

	.quienes_p1 .tarjeta_intro .tit_principal {
		font-size: 5em
	}

	.quienes_p1.oscuro .tarjeta_intro .tit_principal, .quienes_bloques_alt .texto_bloque .tit_bloque, .quienes_p3 .cabecera_p3 .tit_secundario, .quienes_p2 .texto_p2 .tit_secundario {
		font-size: 4.5em
	}

	.quienes_bloques_alt .contenedor {
		max-width: none;
		padding-inline: 50px
	}

	.producto .inferior .derecha .botones .comprar {
		display: block;
		width: unset;
		margin-right: 0
	}

	.producto .inferior .derecha .botones .ahora {
		display: block;
		width: calc(100% + 170px);
		margin-top: 20px;
		margin-left: -170px
	}

	.producto .inferior .derecha .botones.especial .ahora {
		width: 100%;
		margin-left: 0;
	}

}

@media (max-width:1439px) {
	.cabecera .superior .centro .logo img {
		height: 40px
	}

	.cabecera .superior .derecha .iconos .minicesta .desplegar_minicesta, .cabecera .superior .derecha .iconos .usuario .desplegar_usuario, .cabecera .superior .derecha .iconos .desplegar_buscar {
		font-size: 0;
		text-indent: -9999px;
		padding-inline: 0;
		width: 50px;
		background-position: center
	}

	.cabecera .superior .izquierda .iconos .desplegar_quienes, .cabecera .superior .izquierda .iconos .desplegar_marcas, .cabecera .superior .izquierda .iconos .desplegar_contacto {
		padding-left: 45px;
		padding-right: 20px;
		background-position: left 20px center
	}

	.cabecera .inferior ul li {
		margin-right: 40px
	}

	.seo .titulo, .productos .superior .izquierda .titulo, .noticia .superior .titulo, .marcas .superior .izquierda .titulo, .producto .inferior .derecha .titulo, .legal .titulo, .faqs .superior .subtitulo, .firmas .superior .titulo, .presentacion .superior .subtitulo, .carrusel .superior .subtitulo, .blog .superior .subtitulo {
		font-size: 5em
	}

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

	.presentacion .inferior .bloque:nth-of-type(1), .presentacion .inferior .bloque:nth-of-type(3) {
		height: 380px
	}

	.presentacion .inferior .bloque {
		height: 480px
	}

	.firmas .superior .descripcion {
		font-size: 1.6em
	}

	.ayuda {
		height: 400px
	}

	.ayuda .interior .subtitulo, .ayuda .interior .boton {
		font-size: 4.5em;
		line-height: 1.1
	}

	.marcas .inferior .item_marca {
		width: calc(100% / 5 - 80px / 5)
	}

	.marcas .inferior .item_marca:nth-of-type(6) {
		margin-top: 40px
	}

	.marcas .inferior .item_marca:nth-of-type(6n) {
		margin-right: 20px
	}

	.marcas .inferior .item_marca:nth-of-type(5n) {
		margin-right: 0
	}

	.pie .superior .informacion {
		flex-direction: column;
		gap: 40px;
		align-items: center;
		justify-content: center;
		margin-top: 80px
	}

	.item_buscar {
		width: calc(100% / 4 - 30px / 4)
	}

	.item_buscar:nth-of-type(5) {
		margin-top: 10px
	}

	.item_buscar:nth-of-type(5n) {
		margin-right: 10px
	}

	.item_buscar:nth-of-type(4n) {
		margin-right: 0
	}

	.desplegable_buscar .inferior .recomendados .listado .item_buscar:nth-of-type(5) {
		display: none
	}

	.pie .superior .informacion .redes {
		bottom: -100px
	}

	.quienes_p3 .grid_procesos {
		grid-template-columns: repeat(1, 1fr);
		max-inline-size: 800px
	}

	.cabecera .superior .izquierda .iconos .desplegar_quienes, .cabecera .superior .izquierda .iconos .desplegar_marcas, .cabecera .superior .izquierda .iconos .desplegar_contacto {
		width: 50px;
		height: 50px;
		padding: 0;
		font-size: 0;
		border-radius: 50%;
		background-position: center;
		/
	}

}

@media (max-width:1279px) {
	.banners .banner .texto .titulo {
		font-size: 7em
	}

	.seo .titulo, .productos .superior .izquierda .titulo, .noticia .superior .titulo, .marcas .superior .izquierda .titulo, .producto .inferior .derecha .titulo, .legal .titulo, .faqs .superior .subtitulo, .firmas .superior .titulo, .presentacion .superior .subtitulo, .carrusel .superior .subtitulo, .blog .superior .subtitulo {
		font-size: 4em;
		max-inline-size: 80%;
		margin-inline: auto
	}

	.presentacion .inferior .bloque:nth-of-type(1), .presentacion .inferior .bloque:nth-of-type(3) {
		height: 300px
	}

	.presentacion .inferior .bloque {
		height: 400px
	}

	.presentacion .inferior .bloque .texto .subtitulo {
		font-size: 1.6em
	}

	.presentacion .inferior .bloque .texto .titulo {
		font-size: 2.5em
	}

	.firmas .medio {
		max-width: none;
		padding-inline: 100px
	}

	.cesta .interior .izquierda .usuario .titulo, .contacto .mapa .izquierda .titulo, .contacto .informacion .superior .titulo, .contacto .formulario .izquierda .titulo, .ayuda .interior .subtitulo, .ayuda .interior .boton {
		font-size: 4em
	}

	.item_producto {
		width: calc(100% / 4 - 60px / 4)
	}

	.carrusel .inferior .item_producto:nth-of-type(5) {
		display: none
	}

	.item_producto:nth-of-type(5) {
		margin-top: 20px
	}

	.item_producto:nth-of-type(5n) {
		margin-right: 20px
	}

	.item_producto:nth-of-type(4n) {
		margin-right: 0
	}

	.marcas .superior .izquierda .titulo {
		margin-inline: 0
	}

	.marcas .superior .izquierda .descripcion {
		max-width: none
	}

	.marcas .inferior .item_marca {
		width: calc(100% / 4 - 60px / 4)
	}

	.marcas .inferior .item_marca:nth-of-type(5) {
		margin-top: 40px
	}

	.marcas .inferior .item_marca:nth-of-type(5n) {
		margin-right: 20px
	}

	.marcas .inferior .item_marca:nth-of-type(4n) {
		margin-right: 0
	}

	.contacto .informacion {
		width: auto;
		margin-right: 0
	}

	.contacto .informacion .inferior ul {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin: 0;
		padding: 0
	}

	.contacto .informacion .inferior ul li {
		width: 100% !important;
		margin: 0 !important
	}

	.contacto .mapa .derecha, .contacto .formulario, .contacto .mapa .izquierda {
		width: auto
	}

	.contacto .mapa {
		flex-direction: column;
		gap: 20px
	}

	.contacto .mapa .derecha .imagen img {
		width: 100%;
		aspect-ratio: 16 / 7;
		object-fit: cover;
		display: block
	}

	.producto .inferior .derecha .titulo, .productos .superior .izquierda .titulo {
		max-inline-size: none
	}

	.producto .superior .derecha .volver, .productos .superior .derecha .filtrar .desplegar_filtrar, .productos .superior .derecha .ordenar .desplegar_ordenar {
		font-size: 0;
		text-indent: -9999px;
		padding-inline: 0;
		width: 50px;
		background-position: center
	}

	.producto .inferior .derecha {
		width: calc(60% - 10px)
	}

	.producto .inferior .izquierda {
		width: calc(40% - 10px)
	}

	.producto .inferior .derecha .opciones {
		padding: 0;
		border-width: 0;
		box-shadow: none
	}

	.faqs .inferior {
		max-width: none;
		padding-inline: 40px
	}

	.area .inferior .atajos .atajo:before {
		top: 50%;
		transform: translateY(-50%)
	}

	.area .inferior .atajos .atajo {
		display: block;
		width: auto;
		margin-right: 0
	}

	.area .inferior .atajos .atajo:nth-of-type(2) {
		margin-top: 20px
	}

	.area .inferior .item_area .texto span {
		font-size: 1.2em
	}

	.area .inferior .item_area .tipo, .area .inferior .item_area .titulo {
		margin-right: 20px
	}

	.area .inferior .descargas .descarga span, .area .inferior .bloques .bloque .titulo {
		font-size: 1.8em
	}

	.area .inferior .resumen .item_resumen .texto .propiedad {
		font-size: 1.3em
	}

	.cesta .interior .derecha .informacion span.titulo, .cesta .interior .izquierda .direccion .titulo, .area .interior .icono {
		font-size: 2.5em
	}

	.contenedorin {
		max-width: none;
		padding-inline: 50px
	}

	.cabecera .superior .derecha .iconos .minicesta {
		margin-right: 0
	}

	.ayuda {
		background-attachment: fixed
	}

	.area .interior {
		padding-left: 290px
	}

	.area .interior .icono {
		left: 50px;
		width: 220px
	}

	.cesta .interior, .registro .interior, .acceso .interior {
		margin-inline: 50px
	}

	.registro .interior .superior .titulo, .acceso .interior .superior .titulo, .confirmacion .interior .titulo {
		font-size: 4em
	}

	.confirmacion .interior .titulo:before {
		width: 80px;
		height: 80px
	}

	.desplegable_buscar .inferior .populares, .desplegable_buscar .inferior .filtros {
		width: 240px
	}

	.desplegable_buscar .inferior .recomendados, .desplegable_buscar .inferior .resultados {
		width: calc(100% - 260px);
		margin-left: 20px;
		padding-left: 20px
	}

	.item_producto .texto, .item_buscar .texto {
		padding: 10px
	}

	.item_producto .imagen {
		border-radius: 10px
	}

	.item_producto .texto {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px
	}

	.noticia .superior .titulo {
		padding-inline: 0;
		margin: 0;
		margin-top: 20px
	}

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

	.noticia .inferior .secundarias ~ .descripcion, .noticia .inferior .descripcion {
		width: 100%;
		order: -1;
		margin-bottom: 40px
	}

	.noticia .inferior .secundarias {
		width: 100% !important;
		margin-right: 0 !important;
		order: 1
	}

	.blog .superior .izquierda .titulo {
		margin-inline: auto
	}

	.blog .superior .izquierda .descripcion {
		max-width: 80%;
		margin-inline: auto
	}

	.quienes_p1 .tarjeta_intro .tit_principal {
		font-size: 4.5em
	}

	.quienes_p1.oscuro .tarjeta_intro .tit_principal, .quienes_bloques_alt .texto_bloque .tit_bloque, .quienes_p3 .cabecera_p3 .tit_secundario, .quienes_p2 .texto_p2 .tit_secundario {
		font-size: 4em
	}

	.quienes_p1 .tarjeta_intro {
		padding-inline: 50px
	}

	.quienes_bloques_alt .bloque_alt, .quienes_p2 .grid_p2 {
		gap: 40px
	}

	.quienes_p2 .imagenes_p2 {
		display: grid;
		grid-template-columns: 1fr;
		position: static
	}

	.quienes_p2 .texto_p2 {
		position: sticky;
		top: 20px;
		right: 0
	}

	.quienes_p3 .grid_procesos {
		max-width: none
	}

	.quienes_bloques_alt .bloque_alt {
		align-items: flex-start
	}

	.quienes_bloques_alt .img_bloque {
		position: sticky;
		top: 20px
	}

	.quienes_bloques_alt .texto_bloque .desc_bloque, .quienes_p3 .cabecera_p3 .subtit_p3, .quienes_p2 .texto_p2 .contenido_texto, .quienes_p1 .tarjeta_intro .texto_centro {
		text-wrap: pretty
	}

	.desplegable_popup .interior .texto .titulo {
		font-size: 2.5em
	}

	.desplegable_popup .interior .texto .descripcion {
		font-size: 1.6em
	}

}

@media (max-width:1023px) {
	.cabecera .superior .izquierda .iconos .desplegar_quienes, .cabecera .superior .izquierda .iconos .desplegar_marcas, .cabecera .superior .izquierda .iconos .desplegar_contacto {
		font-size: 0;
		text-indent: -9999px;
		padding-inline: 0;
		width: 50px;
		background-position: center
	}

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

	.banners .banner .texto {
		max-width: none
	}

	.firmas .medio {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0
	}

	.firmas .medio .item_firma {
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 40px
	}

	.firmas .medio .item_firma:last-child {
		margin-bottom: 0
	}

	.ayuda .interior:before {
		width: 38%
	}

	.ayuda .interior:after {
		display: none
	}

	.ayuda .interior .titulo, .ayuda .interior .subtitulo, .ayuda .interior .boton {
		max-width: 260px;
		position: static;
		margin-block-start: 20px
	}

	.ayuda .interior {
		padding-inline: 0;
		height: auto
	}

	.item_producto {
		width: calc(100% / 3 - 40px / 3)
	}

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

	.item_producto:nth-of-type(4) {
		margin-top: 20px
	}

	.item_producto:nth-of-type(4n) {
		margin-right: 20px
	}

	.item_producto:nth-of-type(3n) {
		margin-right: 0
	}

	.item_producto .oferta {
		width: unset;
		padding: 5px;
		border-radius: 5px;
		font-size: 1em;
		line-height: 1em;
	}

	.item_producto .agotado {
		width: unset;
		padding: 5px;
		border-radius: 5px;
		font-size: 1em;
		line-height: 1em;
	}

	.blog .inferior .item_blog {
		width: calc(100% / 2 - 20px / 2)
	}

	.owl_blog .inferior .item_blog:nth-of-type(3) {
		display: none
	}

	.blog .inferior .item_blog:nth-of-type(3n) {
		margin-right: 20px
	}

	.blog .inferior .item_blog:nth-of-type(2n) {
		margin-right: 0
	}

	.pie .superior .logo img {
		height: 30px
	}

	.pie .superior .newsletter .titulo {
		font-size: 1.3em
	}

	.pie .superior .informacion ul {
		text-align: center
	}

	.pie .superior .informacion ul li {
		margin: 10px
	}

	.pie .superior .informacion ul li * {
		font-size: 16px
	}

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

	.pie .superior .informacion {
		margin-top: 50px
	}

	.kit_digital .limit {
		max-inline-size: none
	}

	.marcas .inferior .item_marca {
		width: calc(100% / 2 - 20px / 2)
	}

	.marcas .inferior .item_marca:nth-of-type(3), .marcas .inferior .item_marca:nth-of-type(4) {
		margin-top: 40px
	}

	.marcas .inferior .item_marca:nth-of-type(3n), .marcas .inferior .item_marca:nth-of-type(4n) {
		margin-right: 20px
	}

	.marcas .inferior .item_marca:nth-of-type(2n) {
		margin-right: 0
	}

	.contacto .informacion .inferior ul li a span {
		font-size: 1.3em;
		text-wrap: balance
	}

	.checks .check label {
		text-wrap: balance
	}

	.producto .superior {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px
	}

	.producto .superior .izquierda, .producto .superior .derecha {
		width: 100%
	}

	.producto .superior .derecha {
		justify-content: space-between
	}

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

	.producto .inferior .izquierda, .producto .inferior .derecha {
		width: 100%
	}

	.producto .inferior .izquierda {
		position: sticky;
		top: 0;
		z-index: -1
	}

	.producto .inferior .derecha {
		box-shadow: 0 -10px 10px rgba(0, 0, 0, .1)
	}

	.registro .interior, .acceso .interior {
		padding: 50px
	}

	.area .interior .icono {
		position: relative;
		left: unset;
		top: unset;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 20px;
		padding-inline-end: 20px;
		text-align: left;
		gap: 15px;
		margin-block-end: 20px;
		border-radius: 20px
	}

	.area .interior .icono::before {
		position: static;
		margin: 0
	}

	.area .interior {
		padding-inline: 50px
	}

	.area .inferior .item_area .texto {
		padding-right: 60px
	}

	.cesta .interior {
		flex-direction: column;
		gap: 50px
	}

	.cesta .interior .derecha, .cesta .interior .izquierda {
		width: auto
	}

	.cesta .interior .izquierda {
		padding-right: 0
	}

	.legal .titulo {
		margin-inline: 0
	}

	.item_buscar {
		width: calc(100% / 2 - 10px / 2)
	}

	.item_buscar:nth-of-type(3), .item_buscar:nth-of-type(4) {
		margin-top: 10px
	}

	.item_buscar:nth-of-type(3n), .item_buscar:nth-of-type(4n) {
		margin-right: 10px
	}

	.item_buscar:nth-of-type(2n) {
		margin-right: 0
	}

	.desplegable_buscar .inferior .recomendados .listado .item_buscar:nth-of-type(3), .desplegable_buscar .inferior .recomendados .listado .item_buscar:nth-of-type(4) {
		display: none
	}

	.quienes_p1 .tarjeta_intro {
		text-align: left
	}

	.quienes_p2 .grid_p2 {
		flex-direction: column-reverse;
		gap: 40px
	}

	.quienes_p2 .texto_p2 {
		width: 100%;
		position: static
	}

	.quienes_p2 .imagenes_p2 {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 20px
	}

	.quienes_p3 .tarjeta_proceso {
		flex-direction: column
	}

	.quienes_p3 .img_proceso {
		width: auto;
		height: auto
	}

}

@media (max-width:540px) {
	.menu_ham {
		background-color: transparent;
		color: var(--blanco);
		border-radius: 50%;
		position: fixed;
		top: 10px;
		right: 20px;
		height: 40px;
		width: 40px;
		z-index: 10;
		transition: all 0.3s ease;
		line-height: 1;
		font-size: 1.65em;
		outline: none;
		border: none;
		box-shadow: 0 0 0 1px var(--blanco) inset;
		overflow: hidden;
		text-indent: -9999px;
		display: block !important
	}

	.menu_ham.especial {
		top: 35px;
	}

	.menu_ham .the_bars {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 2px;
		background: var(--blanco);
		transform: translate(-50%, -50%);
		transition: background-color 0.3s ease
	}

	.menu_ham .the_bars::before, .menu_ham .the_bars::after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: var(--blanco);
		transition: all 0.3s ease
	}

	.menu_ham .the_bars::before {
		top: -5px
	}

	.menu_ham .the_bars::after {
		bottom: -5px
	}

	body.mm-ocd-opened .menu_ham .the_bars {
		background-color: transparent
	}

	body.mm-ocd-opened .menu_ham .the_bars::before {
		top: 0;
		transform: rotate(45deg);
		background-color: var(--blanco)
	}

	body.mm-ocd-opened .menu_ham .the_bars::after {
		bottom: 0;
		transform: rotate(-45deg);
		background-color: var(--blanco)
	}

	.mm-spn.mm-spn--light {
		color: var(--blanco);
		background: var(--negro)
	}

	.mm-spn .falso_link, .mm-spn a {
		font-family: var(--fuente_textos);
		font-size: 1.5em;
		color: var(--blanco)
	}

	.mm-spn.mm-spn--navbar::after {
		font-family: var(--fuente_titulos);
		font-size: 2em;
		font-weight: 300;
		color: var(--blanco);
		background: var(--negro);
		letter-spacing: 2px;
		text-transform: uppercase;
		opacity: 1
	}

	.mm-spn.mm-spn--navbar::before {
		opacity: 1;
		z-index: 2;
		border-color: rgba(255, 255, 255, 0.15)
	}

	#mmmenu ul li {
		text-transform: uppercase
	}

	.mm-spn li::before {
		border-color: rgba(255, 255, 255, 0.1);
		opacity: 1
	}

	#mmmenu ul li.sel {
		background: rgba(255, 255, 255, 0.05)
	}

	#mmmenu ul li.sel::before {
		opacity: 0
	}

	#mmmenu ul li.sel>a, #mmmenu ul li.sel>.falso_link {
		color: var(--crema)
	}

	#mmmenu ul li ul li a {
		color: var(--blanco)
	}

	#mmmenu ul li ul li.sel>a {
		color: var(--crema)
	}

	.cabecera .superior .izquierda {
		display: none
	}

	.cabecera {
		left: 20px;
		right: 20px
	}

	.cabecera .superior {
		padding: 10px 0
	}

	.cabecera .superior .centro {
		left: 0;
		transform: translateX(0) translateY(-50%)
	}

	.cabecera .superior .centro .logo img {
		height: 20px
	}

	.cabecera .superior .derecha .iconos .minicesta .desplegar_minicesta, .cabecera .superior .derecha .iconos .usuario .desplegar_usuario, .cabecera .superior .derecha .iconos .desplegar_buscar {
		width: 40px;
		height: 40px
	}

	.cabecera .superior .derecha {
		margin-right: 50px
	}

	.cabecera .inferior {
		display: none
	}

	.banners .banner {
		block-size: 50vh
	}

	.banners .banner .texto {
		bottom: 50px;
		left: 20px;
		right: 20px;
		max-width: none
	}

	.seo .titulo, .productos .superior .izquierda .titulo, .noticia .superior .titulo, .marcas .superior .izquierda .titulo, .producto .inferior .derecha .titulo, .legal .titulo, .faqs .superior .subtitulo, .firmas .superior .titulo, .presentacion .superior .subtitulo, .carrusel .superior .subtitulo, .blog .superior .subtitulo {
		font-size: 3em;
		max-inline-size: none;
		padding-inline: 20px
	}

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

	.presentacion {
		padding: 50px 0
	}

	.presentacion .inferior {
		display: flex;
		flex-direction: column;
		gap: 20px
	}

	.presentacion .inferior .bloque, .presentacion .inferior .bloque:nth-of-type(1), .presentacion .inferior .bloque:nth-of-type(2), .presentacion .inferior .bloque:nth-of-type(3) {
		width: 100%;
		height: 300px;
		margin: 0;
		display: block
	}

	.valoraciones {
		padding: 50px 0;
	}

	.valoraciones .trusted {
		max-width: calc(100% - 40px);
	}

	.blog .inferior, .ayuda .interior, .firmas .superior, .presentacion .inferior {
		padding-inline: 20px
	}

	.firmas {
		padding: 50px 20px !important
	}

	.firmas:before {
		left: 20px;
		right: 20px
	}

	.firmas .superior {
		padding: 0;
		padding-top: 50px;
		margin-bottom: 40px;
		text-align: left
	}

	.firmas .superior .descripcion {
		margin-top: 20px;
		padding-inline: 20px;
		text-wrap: pretty
	}

	.firmas .medio {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
		padding: 0 20px
	}

	.firmas .medio .item_firma {
		width: 100%
	}

	.firmas .inferior {
		padding-bottom: 50px
	}

	.descripcion {
		line-height: 1.5 !important
	}

	.ayuda {
		height: auto;
		padding: 50px 20px;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.ayuda .interior .boton {
		color: var(--blanco)
	}

	.ayuda .interior {
		position: relative;
		top: 0;
		transform: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 50px 20px;
		border-width: 0;
		background-color: rgba(0, 0, 0, .5);
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0px;
		color: var(--blanco)
	}

	.ayuda .interior::before {
		display: none
	}

	.ayuda .interior>* {
		position: relative;
		z-index: 1;
		margin: 0
	}

	.ayuda .interior .subtitulo, .ayuda .interior .boton {
		line-height: 1.1;
		text-wrap: balance
	}

	.cesta .interior .izquierda .usuario .titulo, .contacto .mapa .izquierda .titulo, .contacto .informacion .superior .titulo, .contacto .formulario .izquierda .titulo, .ayuda .interior .subtitulo, .ayuda .interior .boton {
		font-size: 3em
	}

	.ayuda .interior .titulo {
		margin-block-start: 0
	}

	.presentacion .inferior .bloque .texto {
		background: rgba(0, 0, 0, .5)
	}

	.carrusel {
		padding: 50px 0
	}

	.carrusel .inferior {
		max-width: calc(100% - 40px);
		margin-top: 30px
	}

	.blog .inferior .owl-nav [class^="owl-"], .carrusel .inferior .owl-nav [class^="owl-"] {
		width: 60px;
		height: 60px
	}

	.carrusel .inferior .owl-nav {
		margin-top: 20px;
		margin-bottom: -30px
	}

	.valoraciones {
		padding: 50px 0
	}

	.seo {
		padding: 50px 20px
	}

	.seo .limit {
		text-align: left
	}

	.seo .titulo {
		padding-inline-start: 0
	}

	.blog {
		padding: 50px 0
	}

	.blog .inferior .item_blog {
		width: auto;
		margin-right: 0 !important
	}

	.owl_blog .inferior .item_blog:nth-of-type(2) {
		display: none
	}

	.pie {
		padding: 50px 20px
	}

	.pie:before {
		display: none
	}

	.pie .superior {
		padding: 0
	}

	.pie .superior .newsletter {
		padding-inline: 20px
	}

	.pie .superior .newsletter form .campo {
		width: 200px
	}

	.pie .superior .newsletter form {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		gap: 20px
	}

	.pie .superior .newsletter form .campo {
		width: 100% !important;
		margin-right: 0;
		display: block
	}

	.pie .superior .newsletter form .campo input {
		width: 100%;
		box-sizing: border-box;
		height: 50px;
		padding: 0 20px;
		border-radius: 50px;
		line-height: 50px;
		text-align: center
	}

	.pie .superior .newsletter form .boton {
		width: 100%;
		height: auto;
		padding: 15px 40px;
		border-radius: 50px;
		display: block;
		background-image: none;
		text-align: center;
		background-color: #c3910e;
		color: var(--blanco);
		text-decoration: none
	}

	.pie .superior .newsletter form .boton::after {
		content: "Suscribirme";
		font-size: 1.6em;
		font-family: var(--fuente_base);
		font-weight: 500;
		display: inline-block
	}

	.pie .inferior {
		margin-top: 50px;
		padding: 50px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px;
		text-align: center;
		text-wrap: balance
	}

	.pie {
		padding-inline: 0;
		padding-bottom: 0
	}

	.pie .superior .informacion {
		padding-inline: 20px
	}

	.pie .superior .informacion ul li * {
		font-size: 14px
	}

	.firmas .medio .item_firma .imagen {
		height: 60px
	}

	.item_producto {
		width: calc(100% / 2 - 10px / 2);
		margin-right: 10px;
		margin-top: 10px
	}

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

	.item_producto:nth-of-type(4), .item_producto:nth-of-type(3) {
		margin-top: 10px
	}

	.item_producto:nth-of-type(5n), .item_producto:nth-of-type(3n) {
		margin-right: 10px
	}

	.item_producto:nth-of-type(2n) {
		margin-right: 0
	}

	.banners.especial .banner {
		height: 90px
	}

	.marcas {
		padding: 50px 20px
	}

	.marcas .superior {
		flex-direction: column
	}

	.marcas .superior .izquierda .titulo {
		padding-inline-start: 0
	}

	.marcas .superior .derecha {
		width: 100%;
		margin-left: 0;
		margin-top: 20px
	}

	.marcas .superior .derecha .filtrar {
		width: 100%
	}

	.marcas .superior .derecha .filtrar .desplegar_filtrar {
		display: block;
		text-align: right
	}

	.marcas .inferior .item_marca {
		width: auto;
		display: block;
		margin-right: 0 !important
	}

	.marcas .inferior .item_marca:nth-of-type(2) {
		margin-top: 40px
	}

	.marcas .inferior .item_marca .imagen {
		height: 60px
	}

	.seo .descripcion h2, .seo .descripcion h3 {
		font-size: 30px;
		font-weight: 600
	}

	.kit_digital {
		padding-block: 0;
		padding-block-end: 20px
	}

	.kit_digital .limit {
		padding-inline: 20px
	}

	.pie .inferior .copyright {
		font-size: 1.2em
	}

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

	.contacto {
		padding: 50px 20px
	}

	.contacto .informacion .inferior ul {
		grid-template-columns: repeat(1, 1fr)
	}

	body.fixed .menu_ham {
		background-color: var(--negro);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
		transform: translateY(2px)
	}

	.contacto .informacion {
		width: auto;
		margin-top: 20px;
		padding: 50px 20px
	}

	.contacto .formulario .izquierda .descripcion, .contacto .informacion .superior .descripcion {
		font-size: 1.6em;
		margin-top: 20px
	}

	.contacto .informacion .inferior ul {
		gap: 10px
	}

	.contacto .informacion .inferior {
		margin-top: 20px
	}

	.contacto .informacion .inferior ul li a {
		padding-left: 70px
	}

	.contacto .informacion .inferior ul li a:before {
		width: 40px;
		height: 40px
	}

	.contacto .formulario {
		flex-direction: column;
		margin-top: 20px;
		padding: 50px 20px
	}

	.contacto .formulario .izquierda .redes {
		position: static;
		margin-top: 50px
	}

	.contacto .mapa .izquierda {
		padding: 50px 20px
	}

	.pie .superior .newsletter form .checks {
		max-width: 260px
	}

	.productos {
		padding: 50px 20px
	}

	.productos .superior .izquierda .titulo {
		padding-inline-start: 0
	}

	.productos .superior {
		flex-direction: column;
		align-items: flex-start
	}

	.productos .superior .derecha {
		margin-left: 0;
		inline-size: 100%;
		margin-block-start: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 3em
	}

	.productos .superior .derecha .filtrar .desplegable_filtrar {
		left: 0;
		right: auto;
		text-align: left
	}

	.productos .superior .derecha .filtrar .desplegable_filtrar:before {
		left: 20px;
		right: unset
	}

	.productos .superior .derecha .ordenar .desplegable_ordenar:before {
		right: 20px
	}

	.productos .superior .izquierda .todos {
		font-size: 1.6em;
		margin-left: 0
	}

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

	.item_producto:nth-of-type(5), .item_producto:nth-of-type(6) {
		margin-top: 10px
	}

	.item_producto .texto .precios .precio, .item_producto .texto .titulo {
		font-size: 1.2em
	}

	.producto {
		padding: 50px 20px
	}

	.producto .superior .derecha .navegacion .anterior {
		margin-right: 10px
	}

	.producto .inferior {
		margin-top: 20px;
		gap: 20px
	}

	.producto .inferior .derecha {
		display: block;
		width: 100%;
		padding-block: 20px;
		padding-inline: 20px
	}

	.producto .inferior .derecha .titulo {
		padding-inline: 0
	}

	.producto .inferior .derecha .marca {
		margin-top: 20px;
		float: none
	}

	.producto .inferior .derecha .referencia {
		float: none;
		margin-top: 10px
	}

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

	.producto .inferior .derecha .opciones .rangos ul {
		grid-template-columns: repeat(1, 1fr)
	}

	.producto .inferior .derecha .opciones .rangos ul li a {
		gap: 0px;
		padding: 20px
	}

	.producto .inferior .derecha .opciones .rangos ul li a {
		display: grid;
		grid-template-columns: 1fr 110px;
		align-items: center
	}

	.producto .inferior .derecha .opciones .rangos ul li a .total {
		width: 100%;
		text-align: right;
		box-sizing: border-box
	}

	.producto .inferior .derecha .opciones .propiedades .propiedad ul {
		margin-top: 10px
	}

	.producto .inferior .derecha .opciones .propiedades .propiedad ul li a:not(.grados) {
		padding: 0 20px;
		line-height: 40px
	}

	.confirmacion .interior .botones .boton, .producto .inferior .derecha .botones .ahora, .producto .inferior .derecha .botones .comprar {
		float: none;
		display: block;
		width: 100%;
		margin: 0;
		line-height: 40px;
		padding: 0 10px;
		font-size: 1.2em
	}

	.producto .inferior .derecha .opciones .propiedades .propiedad ul li a.grados {
		margin: 0;
		margin-top: 10px
	}

	.confirmacion .interior .botones, .producto .inferior .derecha .botones {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: var(--crema);
		padding: 20px;
		margin-top: 0 !important;
		z-index: 10;
		box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.08);
		box-sizing: border-box;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px
	}

	.producto .inferior .derecha .botones {
		padding: 10px;
		padding-left: 80px
	}

	.producto .inferior .derecha .botones.especial {
		padding-left: 10px;
	}

	.producto .inferior .derecha .botones .cantidad {
		top: 10px;
		left: 10px;
		padding-right: 20px
	}

	.producto .inferior .derecha .botones .cantidad .restar {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		background-size: auto 8px
	}

	.producto .inferior .derecha .botones .cantidad span {
		width: 40px;
		border-radius: 100%;
		font-size: 1.45em;
		line-height: 40px
	}

	.producto .inferior .derecha .botones .cantidad .sumar {
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 20px;
		border-radius: 100%;
		background-size: auto 8px
	}

	.producto .inferior .derecha .acciones {
		padding: 20px
	}

	.faqs {
		padding: 50px 0
	}

	.faqs .inferior {
		margin-top: 20px;
		padding-inline: 20px
	}

	.faqs .inferior .faq .pregunta {
		padding-left: 20px;
		padding-right: 50px;
		background: url('../img/web/mas.svg') no-repeat center right 20px
	}

	.faqs .inferior .faq .respuesta {
		padding: 0 20px;
		padding-bottom: 20px
	}

	.faqs .inferior .faq.desplegado .pregunta {
		background: url('../img/web/menos.svg') no-repeat center right 20px
	}

	body.ficha {
		padding-bottom: 80px
	}

	body.ficha .bola {
		bottom: calc(87.5px + 40px)
	}

	body.ficha .bola_whatsapp {
		bottom: 90px
	}

	.desplegable_minicesta .interior {
		width: 100%
	}

	.desplegable_minicesta .interior .inferior .entrega {
		text-wrap: balance;
		margin-top: 20px
	}

	.cesta .interior, .registro .interior, .acceso .interior {
		margin-inline: 20px
	}

	.campos .fila.tercio .campo {
		width: 100%
	}

	.campos .fila {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 10px
	}

	.campos .fila.mitad .campo, .campos .fila.tercio .campo, .campos .fila .campo {
		width: 100% !important;
		margin-bottom: 0 !important
	}

	.registro .interior, .acceso .interior {
		padding: 50px 20px
	}

	.registro .interior .superior .titulo, .acceso .interior .superior .titulo, .confirmacion .interior .titulo {
		font-size: 3em
	}

	.registro .interior .superior .subtitulo, .acceso .interior .superior .subtitulo {
		font-size: 1.6em
	}

	.acceso .interior .superior ul li {
		display: block;
		width: 100%
	}

	.minicabecera {
		background-color: var(--marron)
	}

	.minicabecera .logo img {
		height: 20px
	}

	.minicabecera .derecha .volver {
		padding: 0;
		text-indent: -9999px;
		width: 40px;
		background-position: center
	}

	.minicabecera .contenedorin {
		padding-inline: 20px;
		position: relative
	}

	.minicabecera .contenedorin .logo {
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}

	.minicabecera .derecha {
		margin-right: 50px
	}

	.minicabecera .derecha .usuario .desplegar_usuario {
		background-image: url('../img/web/proceso/usuario_w.svg');
		box-shadow: 0 0 0 1px var(--blanco) inset
	}

	.minicabecera .derecha .minicesta .desplegar_minicesta {
		background-image: url('../img/web/proceso/minicesta_w.svg');
		box-shadow: 0 0 0 1px var(--blanco) inset
	}

	.minicabecera .derecha .volver {
		background-color: transparent;
		box-shadow: 0 0 0 1px var(--blanco) inset
	}

	.registro .interior .superior ul li {
		display: block;
		width: 100%
	}

	.desplegable_otra .interior {
		top: 0;
		transform: none;
		max-height: 100vh;
		overflow-y: auto
	}

	.campos .fila .campo input, .campos .fila .campo select {
		height: 50px;
		line-height: 30px
	}

	.campos .fila .campo label {
		line-height: 50px
	}

	.desplegable_otra .interior .inferior form .botones .boton {
		line-height: 50px
	}

	.cesta .interior .derecha {
		padding: 20px
	}

	.cesta .interior .derecha .resumen .item_resumen .imagen {
		display: block;
		width: auto;
		margin-right: 0
	}

	.cesta .interior .derecha .resumen .item_resumen .texto {
		display: block;
		width: 100%;
		margin-top: 20px
	}

	.cesta .interior .derecha .cupon .botones .boton {
		line-height: 50px
	}

	.cesta .interior .derecha .cupon {
		flex-direction: column;
		gap: 10px
	}

	.cesta .interior .derecha .cupon .campos {
		text-align: center
	}

	.cesta .interior .derecha .cupon .botones .boton {
		margin-left: 0;
		line-height: 50px;
		text-align: center
	}

	.cesta .interior .derecha .entrega {
		text-wrap: balance
	}

	.contacto .formulario .derecha form .botones .boton, .desplegable_minicesta .interior .inferior .botones .boton, .registro .interior .inferior form .botones .boton, .registro .interior .superior ul li a, .acceso .interior .superior ul li a, .acceso .interior .medio form .botones .boton, .cesta .interior .derecha .completar .botones .boton {
		line-height: 50px
	}

	.confirmacion .interior .descripcion {
		text-align: left
	}

	.confirmacion .interior .resumen, .confirmacion .interior .informacion {
		flex-direction: column
	}

	.confirmacion .interior .informacion:before {
		display: none
	}

	.confirmacion .interior .informacion span {
		width: 100%;
		padding: 10px
	}

	.confirmacion .interior .resumen .cantidad:before {
		height: 50px
	}

	.confirmacion .interior .resumen {
		padding: 20px
	}

	.confirmacion .interior .resumen .cantidad {
		text-align: right
	}

	.confirmacion .interior {
		padding: 50px 20px
	}

	.pie {
		z-index: 1
	}

	.desplegable_buscar .inferior .filtros, .desplegable_buscar .inferior .recomendados, .desplegable_buscar .inferior .populares {
		display: none
	}

	.desplegable_buscar .superior {
		padding: 20px;
		padding-bottom: 0
	}

	.desplegable_buscar .superior form .campo input[type="text"] {
		padding-left: 20px;
		padding-right: 70px
	}

	.desplegable_buscar .inferior .resultados {
		width: 100%;
		margin-left: 0px;
		padding-left: 0px
	}

	.desplegable_buscar .inferior {
		padding: 20px
	}

	.desplegable_buscar .inferior .resultados:before {
		display: none
	}

	.desplegable_buscar .inferior .vacio {
		text-wrap: balance
	}

	.desplegable_buscar .inferior .resultados > .titulo {
		font-size: 1.6em
	}

	.desplegable_buscar .superior .ultimas {
		text-align: center;
		padding-bottom: 20px
	}

	.desplegable_buscar .superior .ultimas ul li {
		margin: 5px
	}

	.desplegable_buscar .superior .ultimas ul li:last-child {
		margin-right: 5px
	}

	.desplegable_buscar .superior .ultimas ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: flex-start;
		padding: 0;
		margin-top: 15px
	}

	.desplegable_buscar .superior .ultimas ul li {
		margin: 0 !important
	}

	.area .interior {
		padding-inline: 20px
	}

	.area .interior .inferior {
		padding: 20px
	}

	.area .inferior .atajos {
		display: flex;
		flex-direction: column;
		gap: 15px
	}

	.area .inferior .atajos .atajo {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 20px 20px 20px 20px !important;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: left
	}

	.area .inferior .atajos .atajo::before {
		right: 10px !important;
		left: unset !important;
		top: 10px !important;
		transform: none !important;
		width: 40px !important;
		height: 40px !important
	}

	.area .inferior .atajos .atajo .descripcion {
		text-wrap: balance
	}

	.area .inferior .item_area {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		height: auto !important
	}

	.area .inferior .item_area > * {
		width: 100%
	}

	.area .inferior .item_area .texto {
		text-align: left;
		line-height: 1.5
	}

	.area .inferior .item_area.especial .texto {
		padding-right: 0
	}

	.area .inferior .item_area .botones {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		transform: none;
		right: 20px;
		top: 20px;
		width: auto;
		left: unset;
		gap: 5px
	}

	.area .inferior .item_area .botones a {
		margin-left: 0
	}

	.area .inferior .item_area > .boton {
		position: static;
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		margin-top: 5px
	}

	.area .inferior .item_area.especial .titulo {
		margin-bottom: 0px
	}

	.area .inferior .item_area .texto span {
		font-size: 1.4em
	}

	.area .inferior .bloques .bloque {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}

	.area .inferior .resumen .item_resumen .texto, .area .inferior .resumen .item_resumen .imagen {
		display: block;
		width: auto;
		margin-right: 0
	}

	.area .inferior .resumen .item_resumen .texto {
		margin-top: 20px
	}

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

	.area .inferior .descargas .descarga, .area .inferior .pagar a {
		display: block;
		width: auto;
		margin-right: 0
	}

	.area .inferior .pagar a:last-child {
		margin-top: 20px
	}

	.area .inferior .descargas .descarga:last-child {
		margin-top: 40px
	}

	.area .inferior .item_area > .boton, .area .inferior .descargas .descarga a, .area .inferior .pagar a {
		line-height: 50px
	}

	.area .inferior form .conservar {
		text-align: left
	}

	.area .inferior .item_area.nuevo {
		height: 100px !important
	}

	.area .inferior .item_area .tipo a {
		display: block;
		margin-right: 0;
		margin-top: 10px;
		line-height: 50px
	}

	.area .inferior .item_area .tipo {
		order: 2
	}

	.area .inferior .item_area .tipo a:not(.sel) {
		color: var(--negro);
		opacity: .5;
		background-color: var(--oscuro)
	}

	.productos .superior .derecha .ordenar:only-child {
		margin-left: auto
	}

	.productos .superior .derecha .ordenar:only-child .desplegable_ordenar {
		left: auto;
		right: 0
	}

	.legal {
		padding: 50px 20px
	}

	.legal .titulo {
		padding-inline: 0
	}

	.legal .descripcion {
		margin-top: 20px
	}

	.noticia {
		padding: 50px 20px
	}

	.noticia .superior .titulo {
		padding-inline: 0
	}

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

	.noticia .inferior .descripcion h2, .noticia .inferior .descripcion h3 {
		font-family: var(--fuente_titulos);
		font-weight: 400;
		line-height: 1.1
	}

	.marcas.blog .superior .izquierda .titulo {
		padding-inline: 0
	}

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

	.marcas.blog {
		padding: 50px 20px
	}

	.marcas.blog .superior {
		text-align: left
	}

	.marcas.blog .superior .izquierda .descripcion {
		max-width: 100%
	}

	.marcas.blog .inferior {
		padding-inline: 0
	}

	.pie .inferior {
		margin-top: 100px
	}

	.pie .superior .informacion .redes ul li a {
		background-color: var(--negro)
	}

	.quienes_p1 .tarjeta_intro .tit_principal {
		font-size: 3em
	}

	.quienes_p1.oscuro .tarjeta_intro .tit_principal, .quienes_bloques_alt .texto_bloque .tit_bloque, .quienes_p3 .cabecera_p3 .tit_secundario, .quienes_p2 .texto_p2 .tit_secundario {
		font-size: 3em
	}

	.quienes_bloques_alt .texto_bloque .desc_bloque, .quienes_p3 .cabecera_p3 .subtit_p3, .quienes_p2 .texto_p2 .contenido_texto, .quienes_p1 .tarjeta_intro .texto_centro {
		font-size: 1.6em
	}

	.quienes_bloques_alt .contenedor, .quienes_p3, .quienes_p1 {
		padding-inline: 20px
	}

	.quienes_p1 .segmentos {
		margin-block-end: 20px
	}

	.quienes_p1.oscuro, .quienes_p3 .contenedor, .quienes_p1 .tarjeta_intro {
		padding-block: 50px;
		padding-inline: 20px
	}

	.quienes_p2 {
		padding-inline: 20px;
		padding-block-start: 0;
		padding-block-end: 50px
	}

	.quienes_p3 .tarjeta_proceso {
		padding: 20px
	}

	.quienes_p3 .cabecera_p3 {
		text-align: left
	}

	.quienes_bloques_alt .img_bloque {
		position: static
	}

	.quienes_bloques_alt {
		padding-block: 50px
	}

	.quienes_bloques_alt .bloque_alt {
		flex-direction: column
	}

	.quienes_bloques_alt .bloque_alt:nth-child(even) .texto_bloque {
		order: 1
	}

	.quienes_bloques_alt .bloque_alt:nth-child(even) .img_bloque {
		order: 2
	}

	.quienes_bloques_alt .bloque_alt {
		margin-bottom: 50px
	}

	.desplegable_popup .interior {
		padding: 20px;
		padding-top: 90px
	}

	.desplegable_popup .interior .texto .boton {
		line-height: 40px;
		padding: 0 10px;
		font-size: 1.2em;
		border-radius: 40px
	}

	.desplegable_popup .interior .cerrar_popup {
		top: 20px
	}

	.desplegable_avisame .interior .inferior form .botones .boton {
		line-height: 50px;
	}

}

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

}