.marquesina {
	height: 25px;
	padding: 5px 0;
	background: var(--negro);
	white-space: nowrap;
	overflow: hidden
}

.marquesina a {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25em;
	line-height: 15px;
	color: var(--blanco);
}

.marquesina .separador {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}

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

.marquesina ~ .cabecera {
	top: 25px;
}

.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_quienes, .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 .izquierda .iconos .desplegar_quienes {
	background-image: url('../img/web/golf.svg');
	background-size: 22px;
	margin-left: 10px
}

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

.cabecera .superior .centro .logo {
	display: block
}

.cabecera .superior .centro .logo img {
	display: block;
	width: auto;
	height: 60px
}

.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-size: 1.25em;
	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)
}

.cabecera .inferior ul li.sel a {
	text-decoration: underline
}

.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)
}

.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;
	line-height: 75px
}

.presentacion .superior .subtitulo strong {
	font-weight: 600
}

.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 {
	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;
	line-height: 75px
}

.firmas .superior .titulo strong {
	font-weight: 600
}

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

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

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

.firmas .medio .item_firma {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 45px);
	margin-top: 60px;
	margin-right: 60px;
	padding: 0 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: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0)
}

.firmas .medio .item_firma .titulo {
	position: relative;
	display: block;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	color: var(--negro)
}

.firmas .medio .item_firma .cantidad {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	color: var(--luto75)
}

.firmas .inferior {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
	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)
}

.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)
}

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

.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;
	line-height: 75px
}

.carrusel .superior .subtitulo strong {
	font-weight: 600
}

.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 {
	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;
	color: var(--negro)
}

.valoraciones {
	padding: 80px 0;
	background: var(--blanco)
}

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

.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;
	line-height: 75px
}

.blog .superior .subtitulo strong {
	font-weight: 600
}

.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-stage-outer {
	padding-bottom: 2.5px
}

.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 {
	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: auto;
	height: 60px
}

.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)
}

.marcas {
	padding: 80px 50px
}

.marcas.blog {
	padding: 80px 0
}

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

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

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

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

.marcas .superior .izquierda .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 20px
}

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

.marcas .superior .derecha {
	margin-left: 50px;
	white-space: nowrap
}

.marcas .superior .derecha .filtrar {
	position: relative
}

.marcas .superior .derecha .filtrar .desplegar_filtrar {
	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)
}

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

.marcas .superior .derecha .filtrar .desplegable_filtrar.desplegado {
	opacity: 1;
	visibility: visible;
	transform: none
}

.marcas .superior .derecha .filtrar .desplegable_filtrar: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
}

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

.marcas .superior .derecha .filtrar .desplegable_filtrar ul li {
	position: relative;
	display: block
}

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

.marcas .superior .derecha .filtrar .desplegable_filtrar ul li:last-child:before {
	content: none
}

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

.marcas .superior .derecha .filtrar .desplegable_filtrar ul li.sel a {
	text-decoration: underline
}

.marcas .inferior {
	margin-top: 80px
}

.marcas .inferior .item_marca {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 6 - 400px / 6);
	margin-top: 80px;
	margin-right: 80px;
	padding: 0 20px
}

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

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

.marcas .inferior .item_marca .imagen {
	position: relative;
	display: block;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0)
}

.marcas .inferior .item_marca .titulo {
	position: relative;
	display: block;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	color: var(--negro)
}

.marcas .inferior .item_marca .cantidad {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	color: var(--luto75)
}

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

.marcas .inferior .vacio p {
	margin: 0
}

.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 {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 20px
}

.productos .superior .izquierda .descripcion p {
	margin: 0;
	margin-bottom: 20px
}

.productos .superior .izquierda .descripcion p:last-child {
	margin-bottom: 0
}

.productos .superior .izquierda .descripcion h2, .productos .superior .izquierda .descripcion h3 {
	margin-bottom: 20px;
	font-weight: 600
}

.productos .superior .izquierda .descripcion h2:last-child, .productos .superior .izquierda .descripcion h3:last-child {
	margin-bottom: 0
}

.productos .superior .derecha {
	margin-left: 50px;
	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;
	min-width: 100%;
	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 {
	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 {
	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 .precios .precio_anterior {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 20px;
	font-size: 1.65em;
	line-height: 20px;
	text-decoration: line-through
}

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

.producto .inferior .derecha .corta .descripcion {
	font-size: 1.65em;
	line-height: 25px
}

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

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

.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 a.inactivo {
	opacity: .25;
	pointer-events: none;
}

.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 {
	position: relative;
	margin-top: 40px;
	padding-left: 170px;
}

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

.producto .inferior .derecha .botones .cantidad {
	position: absolute;
	top: 0;
	left: 0
}

.producto .inferior .derecha .botones .cantidad .restar {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	border-top-left-radius: 60px;
	border-bottom-left-radius: 60px;
	background: url('../img/web/restar.svg') no-repeat center var(--oscuro)
}

.producto .inferior .derecha .botones .cantidad span {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	font-size: 2em;
	line-height: 60px;
	text-align: center;
	color: var(--negro);
	background: var(--oscuro)
}

.producto .inferior .derecha .botones .cantidad .sumar {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	background: url('../img/web/sumar.svg') no-repeat center var(--oscuro)
}

.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.45em;
	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.45em;
	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')
}

.desplegable_avisame {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 10
}

.desplegable_avisame .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 440px;
	margin: 0 auto;
	padding: 20px;
	padding-top: 60px;
	border-radius: 20px;
	text-align: center;
	background: var(--crema);
	z-index: 2;
	overflow: hidden;
	transform: translate(0, -50%)
}

.desplegable_avisame .interior .superior {
	text-align: center
}

.desplegable_avisame .interior .superior .titulo {
	display: block;
	font-size: 2em;
    line-height: 1em;
}

.desplegable_avisame .interior .superior .subtitulo {
	display: block;
	margin-top: 10px;
	font-size: 1.45em;
    line-height: 20px;
}

.desplegable_avisame .interior .inferior {
	margin-top: 20px
}

.desplegable_avisame .interior .inferior form .campos .fila .campo input {
	text-align: center;
}

.desplegable_avisame .interior .inferior form .botones {
	margin-top: 20px
}

.desplegable_avisame .interior .inferior form .botones .boton {
	display: block;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 1.65em;
    line-height: 60px;
    text-align: center;
    color: var(--crema);
    background: var(--marron);
}

.desplegable_avisame .interior .cerrar_avisame {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url('../img/web/cerrar.svg') no-repeat center;
}

.desplegable_avisame .fondo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .75);
	z-index: 1
}

.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;
	line-height: 75px
}

.faqs .superior .subtitulo strong {
	font-weight: 600
}

.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/mas.svg') no-repeat center right 30px
}

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

.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
}

.contacto {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 80px 50px
}

.contacto .segmentos {
	width: 100%
}

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

.contacto .segmentos span {
	margin: 0 5px
}

.contacto .informacion {
	width: 700px;
	margin-top: 40px;
	margin-right: 20px;
	padding: 50px;
	border-radius: 20px;
	background: var(--blanco)
}

.contacto .informacion .superior .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 5em;
	font-weight: 600;
	line-height: 1em
}

.contacto .informacion .superior .descripcion {
	margin-top: 40px;
	font-size: 2em;
	line-height: 30px
}

.contacto .informacion .superior .descripcion p {
	margin: 0
}

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

.contacto .informacion .inferior ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding: 0
}

.contacto .informacion .inferior ul li {
	display: block;
	width: 100%;
	margin-top: 20px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px var(--oscuro) inset
}

.contacto .informacion .inferior ul li:nth-of-type(1), .contacto .informacion .inferior ul li:nth-of-type(2) {
	width: calc(50% - 10px);
	margin-top: 0
}

.contacto .informacion .inferior ul li a {
	position: relative;
	display: block;
	padding: 17.5px 0;
	padding-left: 90px;
	padding-right: 20px
}

.contacto .informacion .inferior ul li a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 20px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--oscuro);
	transform: translate(0, -50%)
}

.contacto .informacion .inferior ul li a.icono_telefono:before {
	background-image: url('../img/web/telefono.svg')
}

.contacto .informacion .inferior ul li a.icono_email:before {
	background-image: url('../img/web/email.svg')
}

.contacto .informacion .inferior ul li a.icono_horario:before {
	background-image: url('../img/web/horario.svg')
}

.contacto .informacion .inferior ul li a.icono_direccion:before {
	background-image: url('../img/web/direccion.svg')
}

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

.contacto .informacion .inferior ul li a span:first-child {
	margin-bottom: 5px;
	font-size: 1.45em;
	color: var(--luto75)
}

.contacto .formulario {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 720px);
	margin-top: 40px;
	padding: 50px;
	border-radius: 20px;
	background: var(--blanco)
}

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

.contacto .formulario .izquierda .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 5em;
	line-height: 1em
}

.contacto .formulario .izquierda .titulo strong {
	font-weight: 600
}

.contacto .formulario .izquierda .descripcion {
	margin-top: 40px;
	font-size: 2em;
	line-height: 30px
}

.contacto .formulario .izquierda .descripcion p {
	margin: 0
}

.contacto .formulario .izquierda .redes {
	position: absolute;
	bottom: 0;
	left: 0
}

.contacto .formulario .izquierda .redes span {
	display: block;
	font-size: 1.65em;
	line-height: 20px
}

.contacto .formulario .izquierda .redes ul {
	margin: 0;
	margin-top: 20px;
	padding: 0
}

.contacto .formulario .izquierda .redes ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px
}

.contacto .formulario .izquierda .redes ul li:last-child {
	margin-right: 0
}

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

.contacto .formulario .izquierda .redes ul li a.whatsapp {
	background-image: url('../img/web/whatsapp_w.svg')
}

.contacto .formulario .izquierda .redes ul li a.instagram {
	background-image: url('../img/web/instagram_w.svg')
}

.contacto .formulario .izquierda .redes ul li a.facebook {
	background-image: url('../img/web/facebook_w.svg')
}

.contacto .formulario .derecha {
	width: 450px
}

.contacto .formulario .derecha form .campos .fila .campo.grande {
	background: var(--crema)
}

.contacto .formulario .derecha form .campos .fila .campo input, .contacto .formulario .derecha form .campos .fila .campo select {
	background: var(--crema)
}

.contacto .formulario .derecha form .campos .fila .campo textarea {
	background: var(--crema)
}

.contacto .formulario .derecha form .campos .fila .campo *:-webkit-autofill, .contacto .formulario .derecha form .campos .fila .campo *:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px var(--crema) inset !important
}

.contacto .formulario .derecha form .checks {
	margin-top: 20px
}

.contacto .formulario .derecha form .botones {
	margin-top: 20px
}

.contacto .formulario .derecha form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 10px;
	font-size: 1.65em;
	line-height: 60px;
	text-align: center;
	color: var(--crema);
	background: var(--marron)
}

.contacto .mapa {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px
}

.contacto .mapa .izquierda {
	width: calc(100% - 720px);
	padding: 50px;
	border-radius: 20px;
	background: var(--blanco)
}

.contacto .mapa .izquierda .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 5em;
	font-weight: 600;
	line-height: 1em
}

.contacto .mapa .izquierda iframe {
	display: block;
	width: 100%;
	height: 400px;
	margin-top: 40px;
	border-radius: 10px
}

.contacto .mapa .derecha {
	width: 700px
}

.contacto .mapa .derecha .imagen {
	border-radius: 20px;
	overflow: hidden
}

.contacto .mapa .derecha .imagen img {
	display: block;
	width: 100%;
	height: auto
}

.legal {
	padding: 80px 50px
}

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

.legal .segmentos span {
	margin: 0 5px
}

.legal .titulo {
	display: block;
	margin-top: 10px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	line-height: 75px
}

.legal .descripcion {
	margin-top: 60px;
	font-size: 1.65em;
	line-height: 25px
}

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

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

.legal .descripcion ol {
	counter-reset: contador
}

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

.legal .descripcion ol li {
	counter-increment: contador
}

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

.legal .descripcion ul li:before {
	content: '- '
}

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

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

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

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

.legal .descripcion .scroll {
	margin-bottom: 20px;
	overflow-x: auto
}

.legal .descripcion .scroll:last-child {
	margin-bottom: 0
}

.legal .descripcion .scroll::-webkit-scrollbar {
	height: 15px
}

.legal .descripcion .scroll::-webkit-scrollbar-track {
	background: transparent
}

.legal .descripcion .scroll::-webkit-scrollbar-thumb {
	border-top: 10px solid transparent;
	background-clip: content-box
}

.legal .descripcion .scroll table {
	width: 100%;
	min-width: 1000px;
	border-collapse: collapse
}

.legal .descripcion .scroll table tr:nth-of-type(odd) {
	background: var(--blanco)
}

.legal .descripcion .scroll table tr th {
	vertical-align: top;
	padding: 10px 20px;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: var(--blanco);
	background: var(--negro)
}

.legal .descripcion .scroll table tr td {
	vertical-align: top;
	padding: 10px 20px;
	text-align: left
}

.legal .descripcion .scroll table tr:first-child th:first-child, .legal .descripcion .scroll table tr:first-child td:first-child {
	border-top-left-radius: 10px
}

.legal .descripcion .scroll table tr:first-child th:last-child, .legal .descripcion .scroll table tr:first-child td:last-child {
	border-top-right-radius: 10px
}

.legal .descripcion .scroll table tr:last-child th:first-child, .legal .descripcion .scroll table tr:last-child td:first-child {
	border-bottom-left-radius: 10px
}

.legal .descripcion .scroll table tr:last-child th:last-child, .legal .descripcion .scroll table tr:last-child td:last-child {
	border-bottom-right-radius: 10px
}

.noticia {
	padding: 80px 50px
}

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

.noticia .superior .segmentos span {
	margin: 0 5px
}

.noticia .superior .titulo {
	display: block;
	width: 100%;
	margin-top: 10px;
	font-family: var(--fuente_titulos);
	font-size: 6.65em;
	line-height: 75px
}

.noticia .inferior {
	display: flex;
	justify-content: space-between;
	margin-top: 60px
}

.noticia .inferior .secundarias {
	width: 400px;
	margin-right: 50px
}

.noticia .inferior .secundarias .imagen {
	display: block;
	margin-bottom: 20px;
	border-radius: 20px;
	overflow: hidden
}

.noticia .inferior .secundarias .imagen:last-child {
	margin-bottom: 0
}

.noticia .inferior .secundarias .imagen img {
	display: block;
	width: 100%;
	height: auto
}

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

.noticia .inferior .secundarias ~ .descripcion {
	width: calc(100% - 450px)
}

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

.noticia .inferior .descripcion p:last-child, .noticia .inferior .descripcion ul:last-child, .noticia .inferior .descripcion ol:last-child {
	margin-bottom: 0
}

.noticia .inferior .descripcion ol {
	counter-reset: contador
}

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

.noticia .inferior .descripcion ol li {
	counter-increment: contador
}

.noticia .inferior .descripcion ul li:last-child, .noticia .inferior .descripcion ol li:last-child {
	margin-bottom: 0
}

.noticia .inferior .descripcion ul li:before {
	content: '- '
}

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

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

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

.noticia .inferior .descripcion h2:last-child, .noticia .inferior .descripcion h3:last-child {
	margin-bottom: 0
}

.noticia .inferior .descripcion .scroll {
	margin-bottom: 20px;
	overflow-x: auto
}

.noticia .inferior .descripcion .scroll:last-child {
	margin-bottom: 0
}

.noticia .inferior .descripcion .scroll::-webkit-scrollbar {
	height: 15px
}

.noticia .inferior .descripcion .scroll::-webkit-scrollbar-track {
	background: transparent
}

.noticia .inferior .descripcion .scroll::-webkit-scrollbar-thumb {
	border-top: 10px solid transparent;
	background-clip: content-box
}

.noticia .inferior .descripcion .scroll table {
	width: 100%;
	min-width: 1000px;
	border-collapse: collapse
}

.noticia .inferior .descripcion .scroll table tr:nth-of-type(odd) {
	background: var(--blanco)
}

.noticia .inferior .descripcion .scroll table tr th {
	vertical-align: top;
	padding: 10px 20px;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: var(--blanco);
	background: var(--negro)
}

.noticia .inferior .descripcion .scroll table tr td {
	vertical-align: top;
	padding: 10px 20px;
	text-align: left
}

.noticia .inferior .descripcion .scroll table tr:first-child th:first-child, .noticia .inferior .descripcion .scroll table tr:first-child td:first-child {
	border-top-left-radius: 10px
}

.noticia .inferior .descripcion .scroll table tr:first-child th:last-child, .noticia .inferior .descripcion .scroll table tr:first-child td:last-child {
	border-top-right-radius: 10px
}

.noticia .inferior .descripcion .scroll table tr:last-child th:first-child, .noticia .inferior .descripcion .scroll table tr:last-child td:first-child {
	border-bottom-left-radius: 10px
}

.noticia .inferior .descripcion .scroll table tr:last-child th:last-child, .noticia .inferior .descripcion .scroll table tr:last-child td:last-child {
	border-bottom-right-radius: 10px
}

.desplegable_popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 10
}

.desplegable_popup .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	min-height: 200px;
	max-width: 600px;
	margin: 0 auto;
	padding: 40px;
	padding-top: 110px;
	border-radius: 20px;
	text-align: center;
	background: var(--crema);
	z-index: 2;
	overflow: hidden;
	transform: translate(0, -50%)
}

.desplegable_popup .interior .imagen {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1
}

.desplegable_popup .interior .imagen:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--blanco);
	opacity: .75
}

.desplegable_popup .interior .texto {
	position: relative;
	z-index: 2
}

.desplegable_popup .interior .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-weight: 600;
	line-height: 1em
}

.desplegable_popup .interior .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 20px
}

.desplegable_popup .interior .texto .descripcion p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0
}

.desplegable_popup .interior .texto .descripcion p:last-child {
	margin-bottom: 0
}

.desplegable_popup .interior .texto .boton {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0 30px;
	border-radius: 60px;
	font-size: 1.45em;
	line-height: 60px;
	text-align: center;
	color: var(--blanco);
	background: var(--marron)
}

.desplegable_popup .interior .cerrar_popup {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 100%;
	background: url('../img/web/cerrar_w.svg') no-repeat center var(--negro);
	z-index: 2
}

.desplegable_popup .fondo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto75);
	z-index: 1
}