/* CABECERA */
.cabecera {
	position: absolute;
	top: 0;
	left: 50px;
	right: 50px;
	z-index: 5;
}

.cabecera .superior {
	position: relative;
	padding: 25px 0;
}

.cabecera .superior .izquierda {
	float: left;
}

.cabecera .superior .izquierda .iconos .desplegar_marcas {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/marcas.svg') no-repeat center left 30px var(--crema);
}

.cabecera .superior .izquierda .iconos .desplegar_contacto {
	display: inline-block;
	vertical-align: top;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/contacto.svg') no-repeat center left 30px var(--crema);
}

.cabecera .superior .centro {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cabecera .superior .derecha {
	float: right;
}

.cabecera .superior .derecha .iconos .desplegar_buscar {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--blanco);
	background: url('../img/web/buscar_w.svg') no-repeat center left 30px;
	box-shadow: 0 0 0 1px var(--blanco) inset;
}

.cabecera .superior .derecha .iconos .usuario {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.cabecera .superior .derecha .iconos .usuario .desplegar_usuario {
	display: block;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--blanco);
	background: url('../img/web/usuario_w.svg') no-repeat center left 30px;
	box-shadow: 0 0 0 1px var(--blanco) inset;
}

.cabecera .superior .derecha .iconos .minicesta {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.cabecera .superior .derecha .iconos .minicesta .desplegar_minicesta {
	display: block;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--blanco);
	background: url('../img/web/minicesta_w.svg') no-repeat center left 30px;
	box-shadow: 0 0 0 1px var(--blanco) inset;
}

.cabecera .superior .derecha .iconos .minicesta .unidades {
	position: absolute;
	top: -7.5px;
	left: 27.5px;
	width: 20px;
	border-radius: 100%;
	font-family: var(--fuente_titulos);
	font-size: 1.25em;
    font-weight: 600;
	line-height: 20px;
	text-align: center;
	color: var(--negro);
	background: var(--blanco);
	cursor: pointer;
}

.cabecera .inferior {
	position: relative;
	padding-top: 40px;
	text-align: center;
}

.cabecera .inferior:before {
	content: '';
	position: absolute;
	top: -.5px;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(255, 255, 255, .25);
}

.cabecera .inferior ul {
	margin: 0;
	padding: 0;
}

.cabecera .inferior ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 75px;
}

.cabecera .inferior ul li:last-child {
	margin-right: 0;
}

.cabecera .inferior ul li a {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--blanco);
}

/* BANNERS */
.banners {
	position: relative;
}

.banners .banner {
	position: relative;
	display: none;
	height: 900px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banners .banner:first-child {
	display: block;
}

.banners.especial .banner {
	height: 220px;
}

.banners .banner:before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(at center, transparent, var(--luto50), var(--luto75));
	z-index: 1;
}

.banners.especial .banner:before {
	background: var(--luto50);
}

.banners .banner .texto {
	position: absolute;
	bottom: 200px;
	left: 50px;
	right: 50px;
	display: block;
	max-width: calc(50% - 50px);
	z-index: 2;
}

.banners.especial .banner .texto {
	display: none;
}

.banners .banner .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 10em;
	font-weight: 600;
	line-height: 1em;
	color: var(--blanco);
}

/* PRESENTACIÓN */
.presentacion {
	padding: 80px 0;
	text-align: center;
}

.presentacion .superior {
	max-width: 1000px;
	margin: 0 auto;
}

.presentacion .superior .titulo {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.presentacion .superior .subtitulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.presentacion .inferior {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 60px;
}

.presentacion .inferior .bloque {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: calc(100% / 3 - 40px / 3);
	height: 580px;
	margin-right: 20px;
	border-radius: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.presentacion .inferior .bloque:nth-of-type(1) {
	height: 480px;
}

.presentacion .inferior .bloque:nth-of-type(3) {
	height: 480px;
	margin-right: 0;
}

.presentacion .inferior .bloque .texto {
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	padding: 20px;
	border-radius: 20px;
	background: rgba(61, 55, 24, .5);
}

.presentacion .inferior .bloque .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-weight: 600;
	line-height: 1em;
	color: var(--blanco);
}

.presentacion .inferior .bloque .texto .subtitulo {
	display: block;
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--blanco);
}

/* FIRMAS */
.firmas {
	position: relative;
	padding: 130px 0;
	background: var(--oscuro);
}

.firmas:before {
	content: '';
	position: absolute;
	top: 50px;
	bottom: 50px;
	left: 50px;
	right: 50px;
	border-radius: 20px;
	background: var(--crema);
	z-index: 1;
}

.firmas .superior {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
}

.firmas .superior .titulo {
	display: block;
	max-width: 600px;
	margin: 0 auto;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.firmas .superior .descripcion {
	margin-top: 20px;
	font-size: 2em;
	line-height: 30px;
}

.firmas .superior .descripcion p {
	margin: 0;
}

.firmas .medio {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
	z-index: 2;
}

.firmas .medio .item_firma {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	margin-top: 40px;
	margin-right: 20px;
}

.firmas .medio .item_firma:nth-of-type(1),
.firmas .medio .item_firma:nth-of-type(2),
.firmas .medio .item_firma:nth-of-type(3),
.firmas .medio .item_firma:nth-of-type(4) {
	margin-top: 0;
}

.firmas .medio .item_firma:nth-of-type(4n) {
	margin-right: 0;
}

.firmas .medio .item_firma .imagen {
	position: relative;
	display: block;
	height: 120px;
	border: 10px solid transparent;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--blanco);
	background-size: contain;
}

.firmas .medio .item_firma .imagen:before {
	content: '';
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	border-radius: 10px;
	box-shadow: 0 0 0 2.5px var(--oscuro) inset;
}

.firmas .medio .item_firma .titulo {
	position: relative;
	display: block;
	margin-top: 15px;
	padding: 0 30px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.firmas .medio .item_firma .titulo:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: var(--oscuro);
}

.firmas .medio .item_firma .cantidad {
	display: block;
	margin-top: 5px;
	padding: 0 30px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.firmas .inferior {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
	z-index: 2;
}

.firmas .inferior .boton {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 0 30px;
	border-radius: 10px;
	font-size: 1.65em;
	line-height: 60px;
	color: var(--negro);
	background: var(--blanco);
	box-shadow: 0 2.5px 0 0 var(--oscuro);
}

/* ÍTEM DEL PRODUCTO */
.item_producto {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 15px);
	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) {
	margin-top: 0;
}

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

.item_producto .imagen {
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background: var(--blanco);
}

.item_producto .imagen img {
	display: block;
	width: 100%;
	height: auto;
}

.item_producto .texto {
	position: relative;
	padding: 30px 20px;
	margin-top: -20px;
	border-top: 20px solid var(--blanco);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: var(--blanco);
	box-shadow: 0 2.5px 0 0 var(--oscuro);
	z-index: -1;
}

.item_producto .texto .titulo {
	display: block;
    display: -webkit-box;
    height: 40px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item_producto .texto .precios {
	margin-top: 20px;
}

.item_producto .texto .precios .precio {
	display: inline-block;
	vertical-align: bottom;
	font-size: 1.65em;
	line-height: 20px;
}

.item_producto .texto .precios .precio_anterior {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 20px;
	font-size: 1.65em;
	line-height: 20px;
	text-decoration: line-through;
}

.item_producto .oferta {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 80px;
	padding: 30px 0;
	border-radius: 100%;
	font-size: 1.25em;
	line-height: 20px;
	text-align: center;
	color: var(--negro);
	background: var(--crema);
}

/* CARRUSEL */
.carrusel {
	padding: 80px 0;
}

.carrusel ~ .carrusel {
	background: var(--oscuro);
}

.producto ~ .carrusel {
	background: var(--oscuro);
}

.carrusel .superior {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.carrusel .superior .titulo {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.carrusel .superior .subtitulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.carrusel .inferior {
	max-width: calc(100% - 100px);
	margin: 0 auto;
	margin-top: 60px;
}

.carrusel .inferior .owl-stage-outer {
	padding-bottom: 2.5px;
}

.carrusel .inferior .item_producto {
	display: none;
}

.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) {
	display: inline-block;
}

.carrusel .inferior .owl-item .item_producto {
	display: block;
	width: auto;
	margin-right: 0;
}

.carrusel ~ .carrusel .inferior .owl-item .item_producto:before {
	background: var(--crema);
}

.producto ~ .carrusel .inferior .owl-item .item_producto:before {
	background: var(--crema);
}

.carrusel .inferior .owl-nav {
	margin-top: 50px;
    margin-bottom: -30px;
	text-align: center;
}

.carrusel .inferior .owl-nav [class^="owl-"] {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border-radius: 100%;
	background: url('../img/web/larga.svg') no-repeat center var(--oscuro);
}

.carrusel ~ .carrusel .inferior .owl-nav [class^="owl-"] {
	background-color: var(--crema);
}

.producto ~ .carrusel .inferior .owl-nav [class^="owl-"] {
	background-color: var(--crema);
}

.carrusel .inferior .owl-nav .owl-next {
	margin-right: 0;
	transform: scaleX(-1);
}

/* AYUDA */
.ayuda {
	position: relative;
	height: 900px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.ayuda .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 1280px;
	height: 300px;
	margin: 0 auto;
	border: 40px solid var(--crema);
	transform: translate(0, -50%);
}

.ayuda .interior:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: calc(50% - 160px);
	background: var(--crema);
	z-index: -1;
}

.ayuda .interior:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(50% - 160px);
	background: var(--crema);
	z-index: -1;
}

.ayuda .interior .titulo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: calc(50% - 200px);
	font-size: 1.65em;
	line-height: 20px;
}

.ayuda .interior .subtitulo {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	max-width: calc(50% - 200px);
	font-family: var(--fuente_titulos);
	font-size: 5em;
	line-height: 1em;
}

.ayuda .interior .boton {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	max-width: calc(50% - 200px);
	font-family: var(--fuente_titulos);
	font-weight: 600;
	font-size: 5em;
	line-height: 1em;
}

/* VALORACIONES */
.valoraciones {
	height: 500px;
	background: var(--blanco);
}

/* BLOG */
.blog {
	padding: 80px 0;
}

.blog .superior {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.blog .superior .titulo {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.blog .superior .subtitulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.blog .inferior {
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 60px;
}

.blog .inferior .item_blog {
	position: relative;
	display: none;
	vertical-align: top;
	width: calc(100% / 3 - 40px / 3);
	margin-right: 20px;
	z-index: 1;
}

.blog .inferior .item_blog:nth-of-type(1),
.blog .inferior .item_blog:nth-of-type(2),
.blog .inferior .item_blog:nth-of-type(3) {
	display: inline-block;
}
.blog .inferior .item_blog:nth-of-type(3n) {
	margin-right: 0;
}

.blog .inferior .owl-item .item_blog {
	display: block;
	width: auto;
	margin-right: 0;
}

.blog .inferior .item_blog .imagen {
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background: var(--blanco);
}

.blog .inferior .item_blog .imagen img {
	display: block;
	width: 100%;
	height: auto;
}

.blog .inferior .item_blog .texto {
	position: relative;
	padding: 20px;
	margin-top: -20px;
	border-top: 20px solid var(--blanco);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: var(--blanco);
	box-shadow: 0 2.5px 0 0 var(--oscuro);
	z-index: -1;
}

.blog .inferior .item_blog .texto .titulo {
	display: block;
    display: -webkit-box;
    height: 60px;
    font-family: var(--fuente_titulos);
	font-size: 2.5em;
	font-weight: 600;
	line-height: 30px;
	color: var(--negro);
	overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog .inferior .item_blog .texto .boton {
	display: block;
	float: left;
	margin-top: 40px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.blog .inferior .item_blog .texto .fecha {
	display: block;
	float: right;
	margin-top: 40px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.blog .inferior .owl-nav [class^="owl-"] {
	position: absolute;
	top: 50%;
	left: -130px;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: url('../img/web/larga.svg') no-repeat center var(--oscuro);
	transform: translate(0, -50%);
}

.blog .inferior .owl-nav .owl-next {
	left: auto;
	right: -130px;
	transform: translate(0, -50%) scaleX(-1);
}

/* PIE */
.pie {
	position: relative;
	padding: 50px;
	padding-top: 130px;
	background: var(--marron);
}

.pie:before {
    content: '';
    position: absolute;
    top: 50px;
    bottom: 50px;
    left: 50px;
    right: 50px;
    border-radius: 20px;
    background: url('../img/web/pie.jpg') no-repeat center;
    background-size: cover;
    z-index: 1;
}

.pie .superior {
	position: relative;
	padding: 0 50px;
	z-index: 2;
}

.pie .superior .logo {
	width: fit-content;
	margin: 0 auto;
}

.pie .superior .logo img {
	display: block;
	width: 100%;
	height: auto;
}

.pie .superior .newsletter {
	margin-top: 50px;
	text-align: center;
}

.pie .superior .newsletter .titulo {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--blanco);
}

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

.pie .superior .newsletter form .campo {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	margin-right: 10px;
}

.pie .superior .newsletter form .campo input {
	display: block;
	width: 100%;
	height: 80px;
	padding: 0 50px;
	border-radius: 80px;
	font-size: 1.65em;
	line-height: 80px;
	color: var(--negro);
	background: var(--crema);
}

.pie .superior .newsletter form .boton {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: url('../img/web/newsletter.svg') no-repeat center var(--crema);
}

.pie .superior .newsletter form .checks {
	width: fit-content;
	margin: 0 auto;
	margin-top: 20px;
}

.pie .superior .newsletter form .checks .check {
	color: var(--blanco);
}

.pie .superior .newsletter form .checks .check label:before {
	background: var(--crema);
	box-shadow: none;
}

.pie .superior .newsletter form .checks .check input[type="checkbox"]:checked + label:before {
	background: url('../img/web/check.svg') no-repeat center var(--crema);
}

.pie .superior .informacion {
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
}

.pie .superior .informacion ul {
	margin: 0;
	padding: 0;
}

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

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

.pie .superior .informacion ul li * {
	display: block;
	font-size: 1.25em;
	line-height: 15px;
	color: var(--blanco);
}

.pie .inferior {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
	padding: 30px 50px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: var(--crema);
	z-index: 2;
}

.pie .inferior .copyright {
    display: block;
    font-size: 1.25em;
	line-height: 15px;
}

.pie .inferior .sgm {
    display: block;
    font-size: 1.25em;
	line-height: 15px;
	color: var(--negro);
}

/* DESPLEGABLE BUSCAR */
.desplegable_buscar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin: 0 auto;
	padding: 0 50px;
	background: var(--crema);
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transform: translate(0, 100%);
	transition: all 500ms linear;
}

.desplegable_buscar.desplegado {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.desplegable_buscar form {
	position: relative;
	padding: 25px 0;
	z-index: 2;
}

.desplegable_buscar form:before {
    content: '';
    position: absolute;
    bottom: -.5px;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--luto25);
}

.desplegable_buscar form .interior .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 60px);
	margin-right: 10px;
}

.desplegable_buscar form .interior .campo input[type="text"] {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 30px;
	border-radius: 50px;
	font-size: 1.65em;
    line-height: 50px;
	color: var(--negro);
	background: var(--crema);
	box-shadow: 0 0 0 1px var(--negro) inset;
}

.desplegable_buscar form .interior .campo input[type="text"]::-webkit-input-placeholder {
	color: var(--negro);
	opacity: 1;
}

.desplegable_buscar form .interior .campo input[type="text"]:-moz-placeholder {
	color: var(--negro);
	opacity: 1;
}

.desplegable_buscar form .interior .campo input[type="text"]::-moz-placeholder {
	color: var(--negro);
	opacity: 1;
}

.desplegable_buscar form .interior .campo input[type="text"]:-ms-input-placeholder {
	color: var(--negro);
	opacity: 1;
}

.desplegable_buscar form .cerrar_buscar {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: url('../img/web/cerrar_w.svg') no-repeat center var(--marron);
}

.desplegable_buscar .resultados_categorias {
	display: none;
	padding: 30px 0;
}

.desplegable_buscar .resultados_categorias ul {
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.desplegable_buscar .resultados_categorias ul li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 75px;
}

.desplegable_buscar .resultados_categorias ul li:last-child {
	margin-right: 0;
}

.desplegable_buscar .resultados_categorias ul li a {
	position: relative;
	display: block;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.desplegable_buscar .resultados_categorias ul li.sel a {
	text-decoration: underline;
	pointer-events: none;
}

.desplegable_buscar .resultados_productos {
	display: none;
}

.desplegable_buscar .resultados_productos .interior {
	height: calc(100vh - 180px);
	height: calc(var(--vh, 1vh) * 100 - 180px);
	padding-bottom: 50px;
	overflow-y: auto;
}

.desplegable_buscar .resultados_productos .interior::-webkit-scrollbar {
	display: none;
}

.desplegable_buscar .vacio {
	display: none;
	margin-top: 50px;
}

.desplegable_buscar .vacio span {
	display: block;
	font-size: 1.65em;
    line-height: 20px;
}


























/* PRODUCTOS */
.productos {
	padding: 80px 50px;
}

.productos .superior {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.productos .superior .izquierda .segmentos a,
.productos .superior .izquierda .segmentos span {
	display: inline-block;
	vertical-align: top;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.productos .superior .izquierda .segmentos span {
	margin: 0 5px;
}

.productos .superior .izquierda .titulo {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 10px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.productos .superior .izquierda .todos {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	font-family: var(--fuente_titulos);
	font-size: 2.5em;
	font-weight: 600;
	line-height: 1em;
}

.productos .superior .izquierda .descripcion {
	max-width: calc(50% - 10px);
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 20px;
}

.productos .superior .izquierda .descripcion p {
	margin: 0;
}

.productos .superior .derecha {
	white-space: nowrap;
}

.productos .superior .derecha .filtrar,
.productos .superior .derecha .ordenar {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.productos .superior .derecha .ordenar {
	margin-left: 10px;
}

.productos .superior .derecha .filtrar .desplegar_filtrar,
.productos .superior .derecha .ordenar .desplegar_ordenar {
	display: inline-block;
	vertical-align: top;
	padding-left: 60px;
	padding-right: 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--blanco);
	background: url('../img/web/filtrar_w.svg') no-repeat center left 30px var(--marron);
}

.productos .superior .derecha .ordenar .desplegar_ordenar {
	background-image: url('../img/web/ordenar_w.svg');
}

.productos .superior .derecha .filtrar .desplegable_filtrar,
.productos .superior .derecha .ordenar .desplegable_ordenar {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	padding: 10px;
	border-radius: 20px;
	text-align: right;
	background: var(--oscuro);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: translate(20px, 0);
}

.productos .superior .derecha .filtrar .desplegable_filtrar.desplegado,
.productos .superior .derecha .ordenar .desplegable_ordenar.desplegado {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.productos .superior .derecha .filtrar .desplegable_filtrar:before,
.productos .superior .derecha .ordenar .desplegable_ordenar:before {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 30px;
	width: 0; 
	height: 0; 
	border-bottom: 7.5px solid var(--oscuro);
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul,
.productos .superior .derecha .ordenar .desplegable_ordenar ul {
	max-height: 160px;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul li,
.productos .superior .derecha .ordenar .desplegable_ordenar ul li {
	position: relative;
	display: block;
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul li:before,
.productos .superior .derecha .ordenar .desplegable_ordenar ul li:before {
	content: '';
	position: absolute;
	bottom: -.5px;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--luto25);
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul li:last-child:before,
.productos .superior .derecha .ordenar .desplegable_ordenar ul li:last-child:before {
	content: none;
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul li a,
.productos .superior .derecha .ordenar .desplegable_ordenar ul li a {
	display: block;
	padding: 0 20px;
	font-size: 1.65em;
	line-height: 40px;
	color: var(--negro);
}

.productos .superior .derecha .filtrar .desplegable_filtrar ul li.sel a,
.productos .superior .derecha .ordenar .desplegable_ordenar ul li.sel a {
	text-decoration: underline;
}

.productos .inferior {
	margin-top: 60px;
}

.productos .inferior .vacio {
	font-size: 1.65em;
	line-height: 20px;
}

.productos .inferior .vacio p {
	margin: 0;
}

/* SEO */
.seo {
    padding: 80px 50px;
    background: var(--oscuro);
}

.seo .descripcion {
    font-size: 1.65em;
    line-height: 25px;
}

.seo .descripcion p,
.seo .descripcion ul,
.seo .descripcion ol {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

.seo .descripcion p:last-child,
.seo .descripcion ul:last-child,
.seo .descripcion ol:last-child {
	margin-bottom: 0;
}

.seo .descripcion ol {
	counter-reset: contador;
}

.seo .descripcion ul li,
.seo .descripcion ol li {
	display: block;
	margin-bottom: 10px;
}

.seo .descripcion ol li {
	counter-increment: contador;
}

.seo .descripcion ul li:last-child,
.seo .descripcion ol li:last-child {
	margin-bottom: 0;
}

.seo .descripcion ul li:before {
	content: '- ';
}

.seo .descripcion ol > li:before {
	content: counter(contador) ' - ';
}

.seo .descripcion a {
	text-decoration: underline;
	color: inherit;
	word-break: break-all;
	transition: all 250ms linear;
}

.seo .descripcion h2,
.seo .descripcion h3 {
	margin-bottom: 20px;
    font-size: 25px;
    line-height: 30px;
}

.seo .descripcion h2:last-child,
.seo .descripcion h3:last-child {
	margin-bottom: 0;
}

/* PRODUCTO */
.producto {
	padding: 50px;
}

.producto .superior {
	display: flex;
	justify-content: space-between;
}

.producto .superior .izquierda .segmentos a,
.producto .superior .izquierda .segmentos span {
	display: inline-block;
	vertical-align: top;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.producto .superior .izquierda .segmentos span {
	margin: 0 5px;
}

.producto .superior .derecha {
	display: flex;
	justify-content: space-between;
	width: calc(50% - 10px);
}

.producto .superior .derecha .volver {
	display: block;
	padding-left: 50px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	background: url('../img/web/volver.svg') no-repeat center left;
}

.producto .superior .derecha .navegacion .anterior {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	padding-left: 50px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	background: url('../img/web/anterior.svg') no-repeat center left;
}

.producto .superior .derecha .navegacion .anterior:last-child {
	margin-right: 0;
}

.producto .superior .derecha .navegacion .siguiente {
	display: inline-block;
	vertical-align: top;
	padding-right: 50px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	background: url('../img/web/siguiente.svg') no-repeat center right;
}

.producto .inferior {
	margin-top: 50px;
}

.producto .inferior .izquierda {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	margin-right: 20px;
}

.producto .inferior .izquierda .imagen {
	display: block;
	margin-bottom: 20px;
	border-radius: 20px;
	box-shadow: 0 2.5px 0 0 var(--oscuro);
}

.producto .inferior .izquierda .imagen:last-child {
	margin-bottom: 0;
}

.producto .inferior .izquierda .imagen img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.producto .inferior .derecha {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	padding: 50px;
	border-radius: 20px;
	background: var(--blanco);
	box-shadow: 0 2.5px 0 0 var(--oscuro);
}

.producto .inferior .derecha .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 5em;
	font-weight: 600;
	line-height: 1em;
}

.producto .inferior .derecha .marca {
	display: block;
	float: left;
	margin-top: 40px;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .marca a {
	color: var(--negro);
}

.producto .inferior .derecha .referencia {
	display: block;
	float: right;
	margin-top: 40px;
	font-size: 1.65em;
	line-height: 20px;
}

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

.producto .inferior .derecha .precios .precio {
	display: inline-block;
	vertical-align: bottom;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1em;
}

.producto .inferior .derecha .precios .unitario {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 20px;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .opciones {
	margin-top: 40px;
	padding: 30px;
	border-radius: 20px;
	box-shadow: 0 0 0 1px var(--oscuro) inset;
}

.producto .inferior .derecha .opciones .rangos .elige {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .opciones .rangos ul {
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

.producto .inferior .derecha .opciones .rangos ul li {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-right: 10px;
}

.producto .inferior .derecha .opciones .rangos ul li a {
	position: relative;
	display: grid;
    gap: 5px 15px;
	padding: 15px 30px;
	border-radius: 20px;
	box-shadow: 0 0 0 1px var(--oscuro) inset;
}

.producto .inferior .derecha .opciones .rangos ul li.sel a {
	background: var(--oscuro);
	box-shadow: none;
}

.producto .inferior .derecha .opciones .rangos ul li a .cantidad {
	display: block;
	grid-column: 1;
    grid-row: 1;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
}

.producto .inferior .derecha .opciones .rangos ul li a .precio {
	display: block;
	grid-column: 1;
    grid-row: 2;
	font-size: 1.25em;
	line-height: 15px;
	color: var(--negro);
}

.producto .inferior .derecha .opciones .rangos ul li a .total {
	position: relative;
	display: block;
	grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    padding-left: 15px;
	font-size: 2em;
	line-height: 1em;
	color: var(--negro);
}

.producto .inferior .derecha .opciones .rangos ul li a .total:before {
	content: '';
	position: absolute;
	top: -10px;
	bottom: -10px;
	left: -.5px;
	width: 1px;
	background: var(--oscuro);
	transition: all 250ms linear;
}

.producto .inferior .derecha .opciones .rangos ul li.sel a .total:before {
	background: var(--negro);
}

.producto .inferior .derecha .opciones .rangos ~ .propiedades {
	margin-top: 30px;
}

.producto .inferior .derecha .opciones .propiedades .propiedad {
	margin-bottom: 20px;
}

.producto .inferior .derecha .opciones .propiedades .propiedad:last-child {
	margin-bottom: 0;
}

.producto .inferior .derecha .opciones .propiedades .propiedad .inelegible {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .opciones .propiedades .propiedad .inelegible b {
	font-weight: 400;
}

.producto .inferior .derecha .opciones .propiedades .propiedad .elige {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .opciones .propiedades .propiedad ul {
	display: block;
	margin: 0;
	margin-top: 15px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 0;
}

.producto .inferior .derecha .opciones .propiedades .propiedad ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}

.producto .inferior .derecha .opciones .propiedades .propiedad ul li a:not(.grados) {
	display: block;
	padding: 0 30px;
	border-radius: 50px;
	font-size: 1.65em;
	line-height: 50px;
	color: var(--negro);
	box-shadow: 0 0 0 1px var(--oscuro) inset;
}

.producto .inferior .derecha .opciones .propiedades .propiedad ul li.sel a:not(.grados) {
	background: var(--oscuro);
	box-shadow: none;
}

.producto .inferior .derecha .opciones .propiedades .propiedad ul li a.grados {
	display: block;
	margin: 10px 30px;
	font-size: 1.65em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro);
}

.producto .inferior .derecha .botones {
	margin-top: 40px;
}

.producto .inferior .derecha .botones .comprar {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	margin-right: 20px;
	padding: 0 30px;
	border-radius: 60px;
	font-size: 1.65em;
	line-height: 60px;
	text-align: center;
	color: var(--blanco);
	background: var(--marron);
}

.producto .inferior .derecha .botones .ahora {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	padding: 0 30px;
	border-radius: 60px;
	font-size: 1.65em;
	line-height: 60px;
	text-align: center;
	color: var(--negro);
	background: var(--oscuro);
}

.producto .inferior .derecha .texto {
	position: relative;
	margin-top: 40px;
	padding-top: 40px;
}

.producto .inferior .derecha .texto:before {
	content: '';
	position: absolute;
	top: -.5px;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--oscuro);
}

.producto .inferior .derecha .texto > span {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px;
}

.producto .inferior .derecha .texto .descripcion p {
	margin: 0;
	margin-bottom: 20px;
}

.producto .inferior .derecha .texto .descripcion p:last-child {
	margin-bottom: 0;
}

.producto .inferior .derecha .envios {
	margin-top: 40px;
	padding: 0;
	border-radius: 60px;
	box-shadow: 0 0 0 1px var(--oscuro) inset;
	overflow: hidden;
}

.producto .inferior .derecha .envios.desplegado {
	border-radius: 20px;
}

.producto .inferior .derecha .envios .desplegar_envios {
	display: block;
	padding: 20px;
	padding-left: 30px;
	padding-right: 80px;
	border-radius: 60px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	background: url('../img/web/envios.svg') no-repeat center right 30px;
}

.producto .inferior .derecha .envios.desplegado .desplegar_envios {
	padding-right: 30px;
	background-position: center right -40px;
}

.producto .inferior .derecha .envios .desplegable_envios {
	display: none;
	padding: 0 30px;
	padding-bottom: 20px;
	font-size: 1.65em;
	line-height: 25px;
}

.producto .inferior .derecha .envios .desplegable_envios p {
	margin: 0;
	margin-bottom: 20px;
}

.producto .inferior .derecha .envios .desplegable_envios p:last-child {
	margin-bottom: 0;
}

.producto .inferior .derecha .acciones {
	margin-top: 40px;
	padding: 20px 30px;
	border-radius: 60px;
	box-shadow: 0 0 0 1px var(--oscuro) inset;
}

.producto .inferior .derecha .envios ~ .acciones {
	margin-top: 10px;
}

.producto .inferior .derecha .acciones span {
	display: block;
	float: left;
	font-size: 1.65em;
	line-height: 20px;
}

.producto .inferior .derecha .acciones .compartir {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url('../img/web/compartir.svg') no-repeat center;
}

.producto .inferior .derecha .acciones .favorito {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin-right: 20px;
	background: url('../img/web/no_favorito.svg') no-repeat center;
}

.producto .inferior .derecha .acciones .favorito.sel {
	background-image: url('../img/web/favorito.svg');
}

/* FAQS */
.faqs {
	padding: 80px 0;
}

.faqs .superior {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.faqs .superior .titulo {
	display: block;
	font-size: 1.65em;
	line-height: 20px;
}

.faqs .superior .subtitulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	font-weight: 600;
	line-height: 75px;
}

.faqs .inferior {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
}

.faqs .inferior .faq {
	margin-bottom: 20px;
	padding: 0;
	border-radius: 60px;
	box-shadow: 0 0 0 1px var(--oscuro) inset;
	overflow: hidden;
}

.faqs .inferior .faq:last-child {
	margin-bottom: 0;
}

.faqs .inferior .faq.desplegado {
	border-radius: 20px;
}

.faqs .inferior .faq .pregunta {
	display: block;
	padding: 20px;
	padding-left: 30px;
	padding-right: 80px;
	border-radius: 60px;
	font-size: 1.65em;
	line-height: 20px;
	color: var(--negro);
	background: url('../img/web/envios.svg') no-repeat center right 30px;
}

.faqs .inferior .faq.desplegado .pregunta {
	padding-right: 30px;
	background-position: center right -40px;
}

.faqs .inferior .faq .respuesta {
	display: none;
	padding: 0 30px;
	padding-bottom: 20px;
	font-size: 1.65em;
	line-height: 25px;
}

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

.faqs .inferior .faq .respuesta p:last-child {
	margin-bottom: 0;
}