:root {
	--fuente_base: 'Hanken Grotesk', sans-serif;
	--fuente_titulos: 'Cormorant', serif;
	--luto05:rgba(0, 0, 0, .05);
	--luto25:rgba(0, 0, 0, .25);
	--luto50:rgba(0, 0, 0, .5);
	--luto75:rgba(0, 0, 0, .75);
	--negro: #282215;
	--blanco: #ffffff;
	--crema: #decaa2;
	--gris: #f5f5f5
}

;

::-webkit-input-placeholder {
	color: var(--negro);
	opacity: 1
}

:-moz-placeholder {
	color: var(--negro);
	opacity: 1
}

::-moz-placeholder {
	color: var(--negro);
	opacity: 1
}

:-ms-input-placeholder {
	color: var(--negro);
	opacity: 1
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0
}

::-webkit-scrollbar-thumb {
	border: none;
	border-radius: 0;
	background: var(--negro)
}

::-webkit-scrollbar-thumb:active {
	background: var(--negro)
}

::-webkit-scrollbar-track {
	border: none;
	border-radius: 0;
	background: var(--blanco)
}

::-webkit-scrollbar-track:active {
	background: var(--blanco)
}

::-webkit-scrollbar-corner {
	background: transparent
}

body {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	font-family: var(--fuente_base);
	font-size: 62.5%;
	color: var(--negro);
	overflow-x: hidden
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	outline: none;
	backface-visibility: hidden;
	font-feature-settings: 'liga' 0
}

img {
	border: 0;
	outline: 0;
	transform-style: preserve-3d
}

input, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="time"], input[type="date"], textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-family: var(--fuente_base);
	-webkit-appearance: none
}

form {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none
}

a[role="button"] {
	cursor: pointer
}

h1, h2, h3 {
	display: inherit;
	vertical-align: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
	outline: 0
}

.limpia {
	clear: both
}

.uppercase {
	text-transform: uppercase
}

.lowercase {
	text-transform: lowercase
}

.centrar {
	text-align: center !important
}

.oculto {
	display: none !important
}

.invisible {
	opacity: 0;
	visibility: hidden
}

.transicion {
	transition: all 250ms linear
}

.dialog {
	display: none
}

.textos_js {
	display: none
}

.contenedor {
	max-width: 1680px;
	margin: 0 auto
}

.contenedorin {
	max-width: 880px;
	margin: 0 auto
}

@keyframes cargando {
	0%, 40%, 100% {
		transform: scaleY(.5)
	}

	20% {
		transform: scaleY(1)
	}

}

.cargando {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999
}

.cargando .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	transform: translate(0, -50%)
}

.cargando .interior div {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 100%;
	margin-left: 5px;
	background: var(--crema);
	animation: cargando 1.2s infinite ease-in-out
}

.cargando .interior div:nth-of-type(1) {
	margin-left: 0
}

.cargando .interior div:nth-of-type(2) {
	animation-delay: -1.1s
}

.cargando .interior div:nth-of-type(3) {
	animation-delay: -1s
}

.cargando .interior div:nth-of-type(4) {
	animation-delay: -.9s
}

.cargando .interior div:nth-of-type(5) {
	animation-delay: -.8s
}

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

.ui-dialog {
	position: fixed;
	left: 0;
	right: 0;
	display: none;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	z-index: 999
}

.ui-dialog:before {
	content: '';
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto75);
	z-index: -1
}

.ui-dialog .ui-dialog-titlebar {
	position: relative;
	padding: 0 20px;
	padding-top: 60px;
	padding-bottom: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: var(--blanco)
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	display: block;
	font-family: var(--fuente_base);
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-transform: uppercase
}

.ui-dialog .ui-dialog-titlebar .ui-button {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 0;
	background: url('../img/web/cerrar.svg') no-repeat center;
	cursor: pointer;
	transition: all 250ms linear
}

.ui-dialog .ui-dialog-content {
	position: relative;
	min-height: unset !important;
	margin: 0;
	padding: 20px;
	padding-top: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: var(--fuente_base);
	font-size: 1.45em;
	line-height: 20px;
	background: var(--blanco)
}

.ui-dialog .ui-dialog-content p {
	margin: 0
}

.ui-dialog .ui-dialog-content ul {
	margin: 0;
	padding: 0
}

.ui-dialog .ui-dialog-content ul li {
	display: block;
	margin-bottom: 5px
}

.ui-dialog .ui-dialog-content ul li:last-child {
	margin-bottom: 0
}

.ui-dialog .ui-dialog-content ul li:before {
	content: '- '
}

.ui-dialog .ui-dialog-content ul li:first-child:last-child:before {
	content: none
}

.ui-dialog .ui-dialog-buttonpane {
	position: relative;
	margin-top: -20px;
	padding: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	background: var(--blanco)
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 0 20px;
	border: none;
	border-radius: 5px;
	font-family: var(--fuente_base);
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--blanco);
	background: var(--negro);
	cursor: pointer;
	transition: all 250ms linear
}

.ui-dialog .ui-dialog-buttonpane .ui-button:last-child {
	margin-right: 0;
	color: var(--negro);
	background: var(--crema)
}

.ui-dialog ~ .ui-widget-overlay {
	display: none
}

.campos .campo {
	position: relative;
	margin-top: 10px
}

.campos .campo:first-child {
	margin-top: 0
}

.campos .campo label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	padding: 0 20px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	z-index: 1;
	pointer-events: none
}

.campos .campo.centrado label {
	text-align: center
}

.campos .campo input[type="email"]:focus ~ label, .campos .campo input[type="number"]:focus ~ label, .campos .campo input[type="tel"]:focus ~ label, .campos .campo input[type="password"]:focus ~ label, .campos .campo input[type="text"]:focus ~ label, .campos .campo input[type="file"]:focus ~ label, .campos .campo select:focus ~ label, .campos .campo textarea:focus ~ label {
	top: 5px;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px
}

.campos .campo input[type="email"]:valid ~ label, .campos .campo input[type="email"]:not(:placeholder-shown) ~ label, .campos .campo input[type="number"]:valid ~ label, .campos .campo input[type="number"]:not(:placeholder-shown) ~ label, .campos .campo input[type="tel"]:valid ~ label, .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label, .campos .campo input[type="password"]:valid ~ label, .campos .campo input[type="password"]:not(:placeholder-shown) ~ label, .campos .campo input[type="text"]:valid ~ label, .campos .campo input[type="text"]:not(:placeholder-shown) ~ label, .campos .campo input[type="date"]:valid ~ label, .campos .campo input[type="date"]:not(:placeholder-shown) ~ label, .campos .campo input[type="file"].sel ~ label, .campos .campo select.sel ~ label, .campos .campo textarea:valid ~ label, .campos .campo textarea:not(:placeholder-shown) ~ label {
	top: 5px;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px
}

.campos .campo input[type="email"]:focus ~ label:before, .campos .campo input[type="number"]:focus ~ label:before, .campos .campo input[type="tel"]:focus ~ label:before, .campos .campo input[type="password"]:focus ~ label:before, .campos .campo input[type="text"]:focus ~ label:before, .campos .campo input[type="file"]:focus ~ label:before, .campos .campo select:focus ~ label:before, .campos .campo textarea:focus ~ label:before {
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: 0;
	right: 0;
	z-index: -1
}

.campos .campo textarea:focus ~ label:before {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: var(--blanco)
}

.campos .campo input[type="email"]:valid ~ label:before, .campos .campo input[type="email"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="number"]:valid ~ label:before, .campos .campo input[type="number"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="tel"]:valid ~ label:before, .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="password"]:valid ~ label:before, .campos .campo input[type="password"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="text"]:valid ~ label:before, .campos .campo input[type="text"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="date"]:valid ~ label:before, .campos .campo input[type="date"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="file"].sel ~ label:before, .campos .campo select.sel ~ label:before, .campos .campo textarea:valid ~ label:before, .campos .campo textarea:not(:placeholder-shown) ~ label:before {
	content: '';
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: 0;
	right: 0;
	z-index: -1
}

.campos .campo textarea:valid ~ label:before, .campos .campo textarea:not(:placeholder-shown) ~ label:before {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: var(--blanco)
}

.campos .campo input, .campos .campo select {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	padding-top: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 30px;
	color: var(--negro);
	background: var(--blanco)
}

.campos .campo input[type="password"] {
	padding-right: 55px
}

.campos .campo input[type="file"] {
	padding-right: 55px;
	font-size: 0;
	background: url('../img/web/archivo.svg') no-repeat center right 20px var(--blanco)
}

.campos .campo input[type="file"].sel {
	font-size: 1.45em
}

.campos .campo input[name="fecha_nacimiento"] {
	position: relative;
	padding-right: 55px;
	text-transform: uppercase;
	background: url('../img/web/calendario.svg') no-repeat center right 20px var(--blanco)
}

.campos .campo select {
	padding-right: 50px;
	background: url('../img/web/desplegar.svg') no-repeat center right 20px var(--blanco)
}

.campos .campo textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 140px;
	padding: 0 20px;
	padding-top: 25px;
	padding-bottom: 5px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	background: var(--blanco);
	resize: none
}

.campos .campo textarea::-webkit-scrollbar {
	width: 0;
	height: 0
}

.campos .campo input[type="file"]::file-selector-button {
	display: none
}

.campos .campo *:-webkit-autofill, .campos .campo *:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--negro) !important;
	-webkit-box-shadow: 0 0 0 1000px var(--blanco) inset !important
}

.campos .campo .ver_password {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	display: block;
	width: 15px;
	background: url('../img/web/password.svg') no-repeat center;
	cursor: pointer
}

.campos .campo .ver_password.no_password {
	background-image: url('../img/web/no_password.svg')
}

.checks .check {
	position: relative;
	display: block;
	margin-bottom: 10px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: left
}

.checks .check:last-child {
	margin-bottom: 0
}

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

.checks .check input[type="checkbox"] {
	display: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	opacity: 0
}

.checks .check label {
	position: relative;
	display: block;
	padding-left: 30px;
	cursor: pointer
}

.checks .check.centrado label {
	display: inline-block;
	vertical-align: baseline
}

.checks .check label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	box-shadow: 0 0 0 1px var(--negro) inset
}

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

.checks .check label a {
	text-decoration: underline;
	color: inherit
}

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

.desplegable_legal .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	padding-top: 60px;
	border-radius: 5px;
	background: var(--blanco);
	z-index: 2;
	transform: translate(0, -50%)
}

.desplegable_legal .interior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center
}

.desplegable_legal .interior .descripcion {
	max-height: calc(100vh - 165px);
	max-height: calc(var(--vh, 1vh) * 100 - 165px);
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px;
	overflow-y: auto
}

.desplegable_legal .interior .descripcion p, .desplegable_legal .interior .descripcion ul, .desplegable_legal .interior .descripcion ol {
	margin: 0;
	margin-bottom: 10px;
	padding: 0
}

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

.desplegable_legal .interior .descripcion ol {
	counter-reset: contador
}

.desplegable_legal .interior .descripcion ul li, .desplegable_legal .interior .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.desplegable_legal .interior .descripcion ol li {
	counter-increment: contador
}

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

.desplegable_legal .interior .descripcion ul li:before {
	content: '- '
}

.desplegable_legal .interior .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.desplegable_legal .interior .descripcion strong {
	font-weight: 600
}

.desplegable_legal .interior .descripcion h3 {
	margin-bottom: 10px;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 25px
}

.desplegable_legal .interior .descripcion h2 {
	margin-bottom: 10px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

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

.desplegable_legal .interior .descripcion .scroll {
	margin-bottom: 10px;
	overflow-x: auto
}

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

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

.desplegable_legal .interior .descripcion .scroll table tr:nth-of-type(odd) {
	background: var(--gris)
}

.desplegable_legal .interior .descripcion .scroll table tr th {
	vertical-align: top;
	padding: 5px 10px;
	font-weight: 500;
	text-align: left;
	color: var(--blanco);
	background: var(--negro)
}

.desplegable_legal .interior .descripcion .scroll table tr td {
	vertical-align: top;
	padding: 5px 10px;
	text-align: left
}

.desplegable_legal .interior .cerrar_legal {
	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_legal .fondo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto75);
	z-index: 1
}

#cookie-bar {
	position: fixed;
	bottom: 20px;
	left: 20px;
	right: 20px;
	max-width: 360px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--blanco);
	z-index: 50
}

#cookie-bar p {
	margin: 0
}

#cookie-bar p span {
	display: block;
	margin-bottom: 20px;
	font-size: 1.45em;
	line-height: 20px
}

#cookie-bar a {
	display: block;
	float: right;
	width: calc(50% - 5px);
	margin-left: 10px;
	padding: 0 20px;
	border-radius: 5px;
	font-family: var(--fuente_base);
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema);
	transition: all 250ms linear
}

#cookie-bar a:last-child {
	float: left;
	margin-left: 0;
	color: var(--blanco);
	background: var(--negro)
}

.cabecera {
	position: absolute;
	top: 30px;
	left: 40px;
	right: 40px;
	padding: 0 50px;
	border-radius: 5px;
	background: var(--luto50);
	z-index: 5
}

.cabecera:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 5px;
	z-index: -1;
	backdrop-filter: blur(5px)
}

.cabecera .izquierda {
	float: left
}

.cabecera .izquierda>ul {
	margin: 0;
	padding-left: 0
}

.cabecera .izquierda>ul>li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	padding: 42.5px 0
}

.cabecera .izquierda>ul>li:last-child {
	margin-right: 0
}

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

.cabecera .izquierda>ul>li.sel>a {
	color: var(--crema)
}

.cabecera .izquierda>ul>li>ul {
	position: absolute;
	top: 100%;
	left: -20px;
	min-width: calc(100% + 40px);
	margin: 0;
	padding: 15px 20px;
	background: var(--crema);
	opacity: 0;
	visibility: hidden;
	transform: translate(-20px, 0)
}

.cabecera .izquierda>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
	transform: none
}

.cabecera .izquierda>ul>li>ul>li {
	display: block;
	margin-bottom: 15px;
	padding-bottom: 12.5px;
	border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.cabecera .izquierda>ul>li>ul>li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.cabecera .izquierda>ul>li>ul>li>a {
	display: block;
	font-size: 1.65em;
	line-height: 25px;
	color: var(--negro);
	white-space: nowrap
}

.cabecera .izquierda>ul>li>ul>li.sel>a {
	color: var(--blanco)
}

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

.cabecera .centro .logo {
	display: block
}

.cabecera .centro .logo img {
	display: block;
	width: 100%;
	height: auto
}

.cabecera .derecha {
	float: right
}

.cabecera .derecha>ul {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	margin-right: 2.5px;
	padding-left: 0
}

.cabecera .derecha>ul>li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 42.5px 0
}

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

.cabecera .derecha>ul>li.sel>a {
	color: var(--crema)
}

.cabecera .derecha .desplegar_usuario {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 2.5px;
	padding-left: 25px;
	font-size: 1.65em;
	line-height: 25px;
	color: var(--blanco);
	background: url('../img/web/usuario_w.svg') no-repeat center left
}

.cabecera .derecha .desplegar_usuario:before {
	content: '';
	position: absolute;
	bottom: 2.5px;
	left: 25px;
	right: 0;
	height: 1px;
	background: var(--blanco)
}

.cabecera .derecha .desplegar_buscar {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 20px;
	background: url('../img/web/buscar_w.svg') no-repeat center
}

.cabecera .derecha .minicesta {
	display: inline-block;
	vertical-align: middle
}

.cabecera .derecha .minicesta .desplegar_minicesta {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 20px;
	background: url('../img/web/minicesta_w.svg') no-repeat center
}

.cabecera .derecha .minicesta .unidades {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	margin-left: -10px;
	margin-top: -5px;
	border-radius: 100%;
	line-height: 15px;
	text-align: center;
	background: var(--crema);
	cursor: pointer
}

.cabecera .derecha .whatsapp {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	padding: 7.5px 0;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	text-align: center;
	background: url('../img/web/whatsapp.svg') no-repeat center left 20px var(--crema)
}

.cabecera .derecha .whatsapp b:first-child {
	display: block;
	font-size: 1.45em;
	font-weight: 400;
	line-height: 20px;
	color: var(--negro)
}

.cabecera .derecha .whatsapp b:last-child {
	display: block;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 15px;
	color: var(--negro)
}

.cabecera .derecha .separador {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 40px;
	margin: 0 15px;
	background: var(--blanco);
	opacity: .25
}

.cabecera .derecha .desplegar_menu {
	display: none
}

.banners .banner {
	position: relative;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	min-height: 700px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden
}

.banners .banner:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto25);
	z-index: 1
}

.banners .banner .texto {
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 2
}

.banners .banner .texto .titulo {
	display: block;
	max-width: 700px;
	font-family: var(--fuente_titulos);
	font-size: 8em;
	font-weight: 600;
	font-style: italic;
	line-height: 90px;
	color: var(--blanco)
}

.banners .banner .texto .subtitulo {
	display: block;
	max-width: 700px;
	margin-top: 20px;
	font-size: 1.85em;
	line-height: 25px;
	color: var(--blanco)
}

.banners .banner .texto .boton {
	display: block;
	width: fit-content;
	margin-top: 40px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.enlaces {
	padding: 12.5px 0;
	text-align: center;
	background: var(--crema)
}

.enlaces .enlace {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	padding-left: 25px;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	background-repeat: no-repeat;
	background-position: center left
}

.enlaces .enlace:nth-of-type(1) {
	background-image: url('../img/web/enlace_1.svg')
}

.enlaces .enlace:nth-of-type(2) {
	background-image: url('../img/web/enlace_2.svg')
}

.categorias {
	padding: 80px 0;
	background: var(--gris)
}

.categorias.especial {
	padding-bottom: 40px
}

.categorias .superior {
	text-align: center
}

.categorias .superior .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

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

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

.categorias .superior .descripcion strong {
	font-weight: 600
}

.categorias .inferior {
	margin-top: 40px
}

.categorias .inferior .item_categoria {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 20px);
	margin-right: 30px
}

.categorias .inferior .item_categoria:last-child {
	margin-right: 0
}

.categorias .inferior .item_categoria:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto50);
	z-index: 1
}

.categorias .inferior .item_categoria .imagen {
	display: block
}

.categorias .inferior .item_categoria .imagen img {
	display: block;
	width: 100%;
	height: auto
}

.categorias .inferior .item_categoria .texto {
	position: absolute;
	bottom: 30px;
	left: 40px;
	right: 40px;
	display: block;
	z-index: 2
}

.categorias .inferior .item_categoria .texto .boton {
	display: block;
	width: fit-content;
	font-size: 1.65em;
	line-height: 25px;
	color: var(--blanco)
}

.categorias .inferior .item_categoria .texto .titulo {
	display: block;
	margin-top: 5px;
	font-size: 3em;
	line-height: 1em;
	color: var(--blanco)
}

.categorias .inferior .item_categoria .texto .subtitulo {
	display: block;
	margin-top: 5px;
	padding-right: 30px;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-style: italic;
	line-height: 1em;
	color: var(--blanco);
	background: url('../img/web/categoria_w.svg') no-repeat center right;
}

.item_producto {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 90px / 4);
	margin-top: 30px;
	margin-right: 30px;
	padding: 20px;
	padding-bottom: 140px;
	border-radius: 10px;
	background: var(--gris)
}

.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;
	padding-top: calc(100% - 80px);
	border: 20px solid transparent;
	border-top-width: 40px;
	border-bottom-width: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.item_producto .texto {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	border-radius: 10px;
	background: rgba(245, 245, 245, .75);
	overflow: hidden
}

.item_producto .texto .titulo {
	display: block;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.item_producto .texto .descripcion {
	display: -webkit-box;
	height: 30px;
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	--height-minimo: 30;
	--height-maximo: 150;
	--line-clamp-minimo: 2;
	--line-clamp-maximo: 10
}

.item_producto .texto .descripcion p {
	margin: 0
}

.item_producto .texto .descripcion strong {
	font-weight: 600
}

.item_producto .texto .precios {
	margin-top: 15px
}

.item_producto .texto .precios .precio {
	display: inline-block;
	vertical-align: bottom;
	font-size: 1.85em;
	font-weight: 500;
	line-height: 25px
}

.item_producto .texto .precios .precio_anterior {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 20px;
	font-size: 1.85em;
	font-weight: 500;
	line-height: 25px;
	text-decoration: line-through;
	color: var(--crema)
}

.item_producto .texto .entrega {
	display: block;
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.item_producto .texto .boton {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema);
	transform: translate(0, 100%)
}

.carrusel {
	padding: 80px 0
}

.producto~.carrusel {
	border-top: 1px solid var(--luto25)
}

.carrusel .superior .titulo {
	display: block;
	max-width: calc(100% - 120px);
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

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

.carrusel .inferior .item_producto {
	display: none;
	margin-right: 0
}

.carrusel .inferior .item_producto:first-child {
	display: block
}

.carrusel .inferior .owl-item .item_producto {
	width: unset
}

.carrusel .inferior .owl-nav {
	position: absolute;
	bottom: calc(100% + 37.5px);
	right: 0
}

.carrusel .inferior .owl-nav [class^="owl-"] {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 5px;
	background: url('../img/web/navegacion.svg') no-repeat center var(--gris)
}

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

.anuncio {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 500px;
	padding: 80px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden
}

.anuncio:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto25);
	z-index: 1
}

.anuncio .texto {
	position: relative;
	flex: 1;
	z-index: 2
}

.anuncio .texto .titulo {
	display: block;
	max-width: 700px;
	font-family: var(--fuente_titulos);
	font-size: 8em;
	font-weight: 600;
	font-style: italic;
	line-height: 90px;
	color: var(--blanco)
}

.anuncio .texto .descripcion {
	max-width: 700px;
	margin-top: 20px;
	font-size: 1.85em;
	line-height: 25px;
	color: var(--blanco)
}

.anuncio .texto .descripcion p {
	margin: 0
}

.anuncio .texto .descripcion strong {
	font-weight: 600
}

.anuncio .texto .boton {
	display: block;
	width: fit-content;
	margin-top: 40px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.mitades {
	padding: 80px 0
}

.carrusel+.mitades {
	padding-top: 0
}

.mitades .mitad {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px);
	height: 500px;
	margin-right: 80px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--negro);
	background-size: cover;
	overflow: hidden;
	--height-estandar: 500
}

.mitades .mitad:last-child {
	margin-right: 0
}

.mitades .mitad[style]:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto50);
	z-index: 1
}

.mitades .mitad .texto {
	position: absolute;
	top: 80px;
	bottom: 80px;
	left: 80px;
	right: 80px;
	z-index: 2
}

.mitades .mitad .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	color: var(--blanco)
}

.mitades .mitad .texto .subtitulo {
	display: block;
	margin-top: 20px;
	font-size: 2.25em;
	font-weight: 600;
	line-height: 35px;
	color: var(--blanco)
}

.mitades .mitad .texto .descripcion {
	margin-top: 20px;
	font-size: 1.85em;
	line-height: 25px;
	color: var(--blanco)
}

.mitades .mitad .texto .descripcion p {
	margin: 0;
	margin-bottom: 20px
}

.mitades .mitad .texto .descripcion p:last-child {
	margin-bottom: 0
}

.mitades .mitad .texto .descripcion strong {
	font-weight: 600
}

.mitades .mitad .texto .boton {
	display: block;
	width: fit-content;
	margin-top: 40px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.pie {
	padding-top: 80px;
	padding-bottom: 40px;
	background: var(--gris)
}

.pie .superior {
	display: flex;
	align-items: start;
	justify-content: space-between
}

.pie .superior .izquierda .logo img {
	display: block;
	width: 100%;
	height: auto;
	filter: brightness(0)
}

.pie .superior .izquierda ul {
	margin: 0;
	margin-top: 30px;
	padding: 0;
	text-align: right
}

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

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

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

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

.pie .superior .izquierda ul li a.ubicacion {
	background-image: url('../img/web/ubicacion.svg')
}

.pie .superior .izquierda ul li a.email {
	background-image: url('../img/web/email.svg')
}

.pie .superior .centro ul {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-right: 60px;
	padding: 0
}

.pie .superior .centro ul:last-child {
	margin-right: 0
}

.pie .superior .centro ul li {
	display: block;
	margin-bottom: 10px
}

.pie .superior .centro ul li:first-child {
	margin-bottom: 40px
}

.pie .superior .centro ul li:last-child {
	margin-bottom: 0
}

.pie .superior .centro ul li span {
	display: block;
	font-size: 1.65em;
	line-height: 25px
}

.pie .superior .centro ul li a {
	display: block;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	color: var(--negro)
}

.pie .superior .derecha .botones {
	display: inline-block;
	vertical-align: top;
	margin-right: 60px
}

.pie .superior .derecha .botones .boton {
	display: block;
	margin-bottom: 15px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.pie .superior .derecha .botones .boton:last-child {
	color: var(--blanco);
	background: var(--negro);
	margin-bottom: 0
}

.pie .superior .derecha .redes {
	display: inline-block;
	vertical-align: top
}

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

.pie .superior .derecha .redes ul {
	margin: 0;
	margin-top: 40px;
	padding: 0
}

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

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

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

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

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

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

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

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

.pie .inferior {
	margin-top: 80px;
	text-align: center
}

.pie .inferior .copyright {
	display: inline-block;
	vertical-align: top;
	font-size: 1.45em;
	line-height: 20px
}

.pie .inferior .copyright:after {
	content: '|';
	display: inline-block;
	vertical-align: top;
	margin: 0 10px
}

.pie .inferior .sgm {
	display: inline-block;
	vertical-align: top;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro)
}

.desplegable_menu {
	display: none
}

.desplegable_buscar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin: 0 auto;
	background: var(--blanco);
	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: 20px 0;
	background: var(--negro)
}

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

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

.desplegable_buscar form .interior .campo input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 40px;
	color: var(--blanco);
	background: var(--negro)
}

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

.desplegable_buscar form .cerrar_buscar {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background: url('../img/web/cerrar_w.svg') no-repeat center
}

.desplegable_buscar .resultados {
	position: relative;
	display: none;
	margin: 40px 0
}

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

.desplegable_buscar .resultados .interior::-webkit-scrollbar {
	display: none
}

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

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

.migas {
	position: relative;
	padding-top: 240px;
	padding-bottom: 40px;
	border-bottom: 10px solid var(--crema);
	background: url('../img/web/migas.jpg') no-repeat center;
	background-size: cover
}

.migas:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto25)
}

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

.migas .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	color: var(--blanco)
}

.migas .texto .segmentos {
	margin-top: 10px
}

.migas .texto .segmentos {
	font-size: 16.5px;
	line-height: 25px;
	color: var(--blanco)
}

.migas .texto .segmentos a, .migas .texto .segmentos span {
	display: inline-block;
	vertical-align: baseline;
	color: var(--blanco)
}

.migas .texto .segmentos span {
	margin: 0 5px
}

.migas .texto .segmentos span:last-child {
	margin: 0
}

.productos {
	padding: 80px 0
}

.productos .superior {
	position: relative
}

.productos .superior .izquierda {
	max-width: 1000px
}

.productos .superior .izquierda .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.productos .superior .izquierda .descripcion {
	margin-top: 10px;
	font-size: 1.65em;
	line-height: 25px
}

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

.productos .superior .izquierda .descripcion strong {
	font-weight: 600
}

.productos .superior .derecha {
	position: absolute;
	bottom: 0;
	right: 0
}

.productos .superior .derecha .ordenar {
	position: relative
}

.productos .superior .derecha .ordenar .desplegar_ordenar {
	display: block;
	width: fit-content;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/ordenar.svg') no-repeat center left 20px var(--crema)
}

.productos .superior .derecha .ordenar .desplegable_ordenar {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	margin: 0;
	padding: 15px 20px;
	background: var(--crema);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: translate(20px, 0)
}

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

.productos .superior .derecha .ordenar .desplegable_ordenar li {
	display: block;
	margin-bottom: 12.5px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.productos .superior .derecha .ordenar .desplegable_ordenar li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.productos .superior .derecha .ordenar .desplegable_ordenar li a {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: right;
	color: var(--negro);
	white-space: nowrap
}

.productos .superior .derecha .ordenar .desplegable_ordenar li.sel a {
	color: var(--blanco)
}

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

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

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

.seo {
	padding: 80px 0;
	background: var(--gris)
}

.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: 5px
}

.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 strong {
	font-weight: 600
}

.seo .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.seo .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

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

.otras {
	padding-bottom: 80px
}

.seo~.otras {
	padding-top: 80px
}

.otras .item_otra {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px);
	margin-right: 80px;
	border-radius: 10px;
	overflow: hidden
}

.otras .item_otra:last-child {
	margin-right: 0
}

.otras .item_otra:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto50);
	z-index: 1
}

.otras .item_otra .imagen {
	display: block
}

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

.otras .item_otra .texto {
	position: absolute;
	bottom: 30px;
	left: 40px;
	right: 40px;
	display: block;
	z-index: 2
}

.otras .item_otra .texto .boton {
	display: block;
	width: fit-content;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--blanco)
}

.otras .item_otra .texto .titulo {
	display: block;
	margin-top: 5px;
	font-size: 3em;
	line-height: 1em;
	color: var(--blanco)
}

.otras .item_otra .texto .subtitulo {
	display: block;
	margin-top: 5px;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-style: italic;
	line-height: 1em;
	color: var(--blanco)
}

.producto {
	max-width: 1440px;
	margin: 0 auto;
	padding: 80px 0
}

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

.producto .izquierda .imagen {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	margin-top: 20px;
	margin-right: 20px;
	padding-top: calc(50% - 90px);
	border: 40px solid transparent;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--gris);
	background-size: contain;
	overflow: hidden
}

.producto .izquierda .imagen:first-child {
	display: block;
	width: unset;
	margin-top: 0;
	margin-right: 0;
	padding-top: calc(100% - 80px)
}

.producto .izquierda .imagen:nth-of-type(2n + 1) {
	margin-right: 0
}

.producto .izquierda .imagen video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%)
}

.producto .derecha {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px)
}

.producto .derecha .superior .volver {
	display: block;
	float: left;
	width: fit-content;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/volver.svg') no-repeat center left 20px var(--gris)
}

.producto .derecha .superior .navegacion {
	float: right
}

.producto .derecha .superior .navegacion .anterior {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background: url('../img/web/anterior.svg') no-repeat center var(--crema)
}

.producto .derecha .superior .navegacion .anterior:not(:last-child) {
	margin-right: 10px;
	background-color: var(--gris)
}

.producto .derecha .superior .navegacion .siguiente {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background: url('../img/web/siguiente.svg') no-repeat center var(--crema)
}

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

.producto .derecha .inferior .informacion .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.producto .derecha .inferior .informacion .precios {
	margin-top: 30px
}

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

.producto .derecha .inferior .informacion .precios .precio_anterior {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 30px;
	font-size: 3em;
	font-weight: 500;
	line-height: 1em;
	text-decoration: line-through;
	color: var(--crema)
}

.producto .derecha .inferior .medidas {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .medidas .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.producto .derecha .inferior .medidas .medida {
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 20px / 3);
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	border-radius: 5px;
	background: var(--gris)
}

.producto .derecha .inferior .medidas .medida:nth-of-type(1), .producto .derecha .inferior .medidas .medida:nth-of-type(2), .producto .derecha .inferior .medidas .medida:nth-of-type(3) {
	margin-top: 20px
}

.producto .derecha .inferior .medidas .medida:nth-of-type(3n) {
	margin-right: 0
}

.producto .derecha .inferior .medidas .medida b {
	display: block;
	font-size: 1.45em;
	font-weight: 600;
	line-height: 20px
}

.producto .derecha .inferior .medidas .medida span {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.producto .derecha .inferior .comprar {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .comprar .cantidad {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 5px;
	box-shadow: 0 0 0 1px var(--luto25) inset;
	overflow: hidden
}

.producto .derecha .inferior .comprar .cantidad .restar {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 60px;
	background: url('../img/web/restar.svg') no-repeat center
}

.producto .derecha .inferior .comprar .cantidad span {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	font-size: 2em;
	line-height: 60px;
	text-align: center
}

.producto .derecha .inferior .comprar .cantidad .sumar {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 60px;
	background: url('../img/web/sumar.svg') no-repeat center
}

.producto .derecha .inferior .comprar .boton {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 220px);
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.producto .derecha .inferior .comprar .solicitar {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.producto .derecha .inferior .variaciones {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .variaciones .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.producto .derecha .inferior .variaciones .variacion {
	display: inline-block;
	vertical-align: top;
	width: calc(20% - 80px / 5);
	margin-top: 20px;
	margin-right: 20px;
	text-align: center
}

.producto .derecha .inferior .variaciones .variacion:nth-of-type(5n) {
	margin-right: 0
}

.producto .derecha .inferior .variaciones .variacion .imagen {
	position: relative;
	display: block;
	padding-top: 100%;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	box-shadow: 0 0 0 1px var(--luto25) inset;
	overflow: hidden
}

.producto .derecha .inferior .variaciones .variacion.sel .imagen:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 100%;
	background: url('../img/web/variacion.svg') no-repeat center var(--luto75);
	box-shadow: 0 0 0 2.5px var(--crema) inset
}

.producto .derecha .inferior .variaciones .variacion .propiedad {
	display: block;
	margin-top: 10px
}

.producto .derecha .inferior .variaciones .variacion .propiedad b {
	display: block;
	font-size: 1.45em;
	font-weight: 600;
	line-height: 20px;
	color: var(--negro)
}

.producto .derecha .inferior .variaciones .variacion .propiedad span {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.producto .derecha .inferior .asociados {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .asociados .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.producto .derecha .inferior .asociados .asociado {
	display: inline-block;
	vertical-align: top;
	width: calc(20% - 80px / 5);
	margin-top: 20px;
	margin-right: 20px;
	text-align: center
}

.producto .derecha .inferior .asociados .asociado:nth-of-type(5n) {
	margin-right: 0
}

.producto .derecha .inferior .asociados .asociado .imagen {
	position: relative;
	display: block;
	padding-top: 100%;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	box-shadow: 0 0 0 1px var(--luto25) inset;
	overflow: hidden
}

.producto .derecha .inferior .asociados .asociado .propiedad {
	display: block;
	margin-top: 10px
}

.producto .derecha .inferior .asociados .asociado .propiedad b {
	display: block;
	font-size: 1.45em;
	font-weight: 600;
	line-height: 20px;
	color: var(--negro)
}

.producto .derecha .inferior .asociados .asociado .propiedad span {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.producto .derecha .inferior .asociados .asociado .boton {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.producto .derecha .inferior .texto {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .texto .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

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

.producto .derecha .inferior .texto .descripcion p, .producto .derecha .inferior .texto .descripcion ul, .producto .derecha .inferior .texto .descripcion ol {
	margin: 0;
	margin-bottom: 10px;
	padding: 0
}

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

.producto .derecha .inferior .texto .descripcion ol {
	counter-reset: contador
}

.producto .derecha .inferior .texto .descripcion ul li, .producto .derecha .inferior .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.producto .derecha .inferior .texto .descripcion ol li {
	counter-increment: contador
}

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

.producto .derecha .inferior .texto .descripcion ul li:before {
	content: '- '
}

.producto .derecha .inferior .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.producto .derecha .inferior .texto .descripcion strong {
	font-weight: 600
}

.producto .derecha .inferior .texto .descripcion h2 {
	margin-bottom: 10px;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 25px
}

.producto .derecha .inferior .texto .descripcion h3 {
	margin-bottom: 10px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 20px
}

.producto .derecha .inferior .texto .descripcion h2:last-child, .producto .derecha .inferior .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.producto .derecha .inferior .recursos {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--luto25)
}

.producto .derecha .inferior .recursos .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.producto .derecha .inferior .recursos .catalogo {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--blanco);
	background: var(--negro);
	background: url('../img/web/catalogo_w.svg') no-repeat center left 20px var(--negro)
}

.producto .derecha .inferior .recursos .video {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--blanco);
	background: var(--negro);
	background: url('../img/web/video_w.svg') no-repeat center left 20px var(--negro)
}

.producto .derecha .inferior .recursos .catalogo~.video {
	margin-left: 10px
}

.contacto {
	padding: 80px 0
}

.contacto .izquierda {
	display: inline-block;
	vertical-align: top;
	width: 680px;
	margin-right: 80px;
	padding: 80px;
	border-radius: 10px;
	background: var(--crema)
}

.contacto .izquierda .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.contacto .izquierda .descripcion {
	margin-top: 10px;
	font-size: 1.65em;
	line-height: 25px
}

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

.contacto .izquierda .descripcion strong {
	font-weight: 600
}

.contacto .izquierda .informacion {
	margin: 0;
	padding: 40px 0
}

.contacto .izquierda .informacion li {
	display: block;
	margin-bottom: 10px
}

.contacto .izquierda .informacion li:last-child {
	margin-bottom: 0
}

.contacto .izquierda .informacion li a {
	position: relative;
	display: block;
	min-height: 50px;
	padding-top: 12.5px;
	padding-left: 60px;
	font-size: 1.65em;
	line-height: 25px;
	color: var(--negro)
}

.contacto .izquierda .informacion li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--negro)
}

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

.contacto .izquierda .informacion li a.ubicacion:before {
	background-image: url('../img/web/ubicacion_w.svg')
}

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

.contacto .izquierda .boton {
	display: block;
	margin-top: 40px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--blanco);
	background: var(--negro)
}

.contacto .derecha {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 760px);
	padding: 80px;
	border-radius: 10px;
	background: var(--gris)
}

.contacto .derecha .titulo {
	display: block;
	max-width: 600px;
	margin: 0 auto;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	text-align: center
}

.contacto .derecha form {
	margin-top: 40px
}

.contacto .derecha form .campos .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-top: 10px;
	margin-right: 10px
}

.contacto .derecha form .campos .campo:nth-of-type(1) {
	margin-top: 0
}

.contacto .derecha form .campos .campo:nth-of-type(2) {
	margin-top: 0
}

.contacto .derecha form .campos .campo:nth-of-type(2n) {
	margin-right: 0
}

.contacto .derecha form .campos .campo.grande {
	display: block;
	width: unset;
	margin-right: 0
}

.contacto .derecha form .checks {
	float: left;
	margin-top: 55px
}

.contacto .derecha form .botones {
	float: right;
	margin-top: 40px
}

.contacto .derecha form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.legal {
	padding: 80px 0
}

.legal .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	text-align: center
}

.legal .descripcion {
	margin-top: 40px;
	font-size: 1.45em;
	line-height: 20px;
	overflow-y: auto
}

.legal .descripcion p, .legal .descripcion ul, .legal .descripcion ol {
	margin: 0;
	margin-bottom: 10px;
	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: 5px
}

.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 strong {
	font-weight: 600
}

.legal .descripcion h2 {
	margin-bottom: 10px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.legal .descripcion h3 {
	margin-bottom: 10px;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 25px
}

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

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

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

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

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

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

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

.nosotros .bloque_1 {
	padding: 80px 0;
	background: var(--gris)
}

.nosotros .bloque_1 .texto {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center
}

.nosotros .bloque_1 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.nosotros .bloque_1 .texto .subtitulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-style: italic;
	line-height: 45px
}

.nosotros .bloque_1 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

.nosotros .bloque_1 .texto .descripcion p {
	margin: 0
}

.nosotros .bloque_1 .texto .descripcion strong {
	font-weight: 600
}

.nosotros .bloque_2, .nosotros .bloque_3, .nosotros .bloque_4 {
	padding-top: 80px
}

.nosotros .bloque_2 .imagen, .nosotros .bloque_3 .imagen, .nosotros .bloque_4 .imagen {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px);
	margin-right: 80px;
	border-radius: 10px;
	overflow: hidden
}

.nosotros .bloque_3 .imagen {
	margin-right: 0
}

.nosotros .bloque_2 .imagen img, .nosotros .bloque_3 .imagen img, .nosotros .bloque_4 .imagen img {
	display: block;
	width: 100%;
	height: auto
}

.nosotros .bloque_2 .texto, .nosotros .bloque_3 .texto, .nosotros .bloque_4 .texto {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px)
}

.nosotros .bloque_3 .texto {
	margin-right: 80px
}

.nosotros .bloque_2 .texto .titulo, .nosotros .bloque_3 .texto .titulo, .nosotros .bloque_4 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.nosotros .bloque_2 .texto .descripcion, .nosotros .bloque_3 .texto .descripcion, .nosotros .bloque_4 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

.nosotros .bloque_2 .texto .descripcion p, .nosotros .bloque_3 .texto .descripcion p, .nosotros .bloque_4 .texto .descripcion p, .nosotros .bloque_2 .texto .descripcion ul, .nosotros .bloque_3 .texto .descripcion ul, .nosotros .bloque_4 .texto .descripcion ul, .nosotros .bloque_2 .texto .descripcion ol, .nosotros .bloque_3 .texto .descripcion ol, .nosotros .bloque_4 .texto .descripcion ol {
	margin: 0;
	margin-bottom: 20px;
	padding: 0
}

.nosotros .bloque_2 .texto .descripcion p:last-child, .nosotros .bloque_3 .texto .descripcion p:last-child, .nosotros .bloque_4 .texto .descripcion p:last-child, .nosotros .bloque_2 .texto .descripcion ul:last-child, .nosotros .bloque_3 .texto .descripcion ul:last-child, .nosotros .bloque_4 .texto .descripcion ul:last-child, .nosotros .bloque_2 .texto .descripcion ol:last-child, .nosotros .bloque_3 .texto .descripcion ol:last-child, .nosotros .bloque_4 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.nosotros .bloque_2 .texto .descripcion ol, .nosotros .bloque_3 .texto .descripcion ol, .nosotros .bloque_4 .texto .descripcion ol {
	counter-reset: contador
}

.nosotros .bloque_2 .texto .descripcion ul li, .nosotros .bloque_3 .texto .descripcion ul li, .nosotros .bloque_4 .texto .descripcion ul li, .nosotros .bloque_2 .texto .descripcion ol li, .nosotros .bloque_3 .texto .descripcion ol li, .nosotros .bloque_4 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.nosotros .bloque_2 .texto .descripcion ol li, .nosotros .bloque_3 .texto .descripcion ol li, .nosotros .bloque_4 .texto .descripcion ol li {
	counter-increment: contador
}

.nosotros .bloque_2 .texto .descripcion ul li:last-child, .nosotros .bloque_3 .texto .descripcion ul li:last-child, .nosotros .bloque_4 .texto .descripcion ul li:last-child, .nosotros .bloque_2 .texto .descripcion ol li:last-child, .nosotros .bloque_3 .texto .descripcion ol li:last-child, .nosotros .bloque_4 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.nosotros .bloque_2 .texto .descripcion ul li:before, .nosotros .bloque_3 .texto .descripcion ul li:before, .nosotros .bloque_4 .texto .descripcion ul li:before {
	content: '- '
}

.nosotros .bloque_2 .texto .descripcion ol>li:before, .nosotros .bloque_3 .texto .descripcion ol>li:before, .nosotros .bloque_4 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

.nosotros .bloque_2 .texto .descripcion a, .nosotros .bloque_3 .texto .descripcion a, .nosotros .bloque_4 .texto .descripcion a {
	text-decoration: underline;
	color: inherit;
	word-break: break-all;
	transition: all 250ms linear
}

.nosotros .bloque_2 .texto .descripcion strong, .nosotros .bloque_3 .texto .descripcion strong, .nosotros .bloque_4 .texto .descripcion strong {
	font-weight: 600
}

.nosotros .bloque_2 .texto .descripcion h2, .nosotros .bloque_3 .texto .descripcion h2, .nosotros .bloque_4 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.nosotros .bloque_2 .texto .descripcion h3, .nosotros .bloque_3 .texto .descripcion h3, .nosotros .bloque_4 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.nosotros .bloque_2 .texto .descripcion h2:last-child, .nosotros .bloque_2 .texto .descripcion h3:last-child, .nosotros .bloque_3 .texto .descripcion h2:last-child, .nosotros .bloque_3 .texto .descripcion h3:last-child, .nosotros .bloque_4 .texto .descripcion h2:last-child, .nosotros .bloque_4 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.nosotros .bloque_2 .texto .boton {
	display: block;
	width: fit-content;
	margin-top: 20px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.nosotros .bloque_2 .texto .aclaracion {
	display: block;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px
}

.nosotros .bloque_5 {
	margin-top: 80px;
	background: var(--gris)
}

.nosotros .bloque_5 .texto {
	padding: 80px 0
}

.nosotros .bloque_5 .texto .titulo {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	text-align: center
}

.nosotros .bloque_5 .texto .descripcion {
	margin-top: 40px;
	font-size: 1.65em;
	line-height: 25px
}

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

.nosotros .bloque_5 .texto .descripcion p:last-child, .nosotros .bloque_5 .texto .descripcion ul:last-child, .nosotros .bloque_5 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.nosotros .bloque_5 .texto .descripcion ol {
	counter-reset: contador
}

.nosotros .bloque_5 .texto .descripcion ul li, .nosotros .bloque_5 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.nosotros .bloque_5 .texto .descripcion ol li {
	counter-increment: contador
}

.nosotros .bloque_5 .texto .descripcion ul li:last-child, .nosotros .bloque_5 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.nosotros .bloque_5 .texto .descripcion ul li:before {
	content: '- '
}

.nosotros .bloque_5 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.nosotros .bloque_5 .texto .descripcion strong {
	font-weight: 600
}

.nosotros .bloque_5 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.nosotros .bloque_5 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.nosotros .bloque_5 .texto .descripcion h2:last-child, .nosotros .bloque_5 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

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

.sostenibilidad .bloque_1 {
	padding-top: 80px
}

.sostenibilidad .bloque_1 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.sostenibilidad .bloque_1 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

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

.sostenibilidad .bloque_1 .texto .descripcion p:last-child, .sostenibilidad .bloque_1 .texto .descripcion ul:last-child, .sostenibilidad .bloque_1 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.sostenibilidad .bloque_1 .texto .descripcion ol {
	counter-reset: contador
}

.sostenibilidad .bloque_1 .texto .descripcion ul li, .sostenibilidad .bloque_1 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.sostenibilidad .bloque_1 .texto .descripcion ol li {
	counter-increment: contador
}

.sostenibilidad .bloque_1 .texto .descripcion ul li:last-child, .sostenibilidad .bloque_1 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.sostenibilidad .bloque_1 .texto .descripcion ul li:before {
	content: '- '
}

.sostenibilidad .bloque_1 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.sostenibilidad .bloque_1 .texto .descripcion strong {
	font-weight: 600
}

.sostenibilidad .bloque_1 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.sostenibilidad .bloque_1 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.sostenibilidad .bloque_1 .texto .descripcion h2:last-child, .sostenibilidad .bloque_1 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.sostenibilidad .bloque_2 {
	padding: 80px 0
}

.sostenibilidad .bloque_2 .imagen {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px);
	margin-right: 80px;
	border-radius: 10px;
	overflow: hidden
}

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

.sostenibilidad .bloque_2 .texto {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px)
}

.sostenibilidad .bloque_2 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.sostenibilidad .bloque_2 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

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

.sostenibilidad .bloque_2 .texto .descripcion p:last-child, .sostenibilidad .bloque_2 .texto .descripcion ul:last-child, .sostenibilidad .bloque_2 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.sostenibilidad .bloque_2 .texto .descripcion ol {
	counter-reset: contador
}

.sostenibilidad .bloque_2 .texto .descripcion ul li, .sostenibilidad .bloque_2 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.sostenibilidad .bloque_2 .texto .descripcion ol li {
	counter-increment: contador
}

.sostenibilidad .bloque_2 .texto .descripcion ul li:last-child, .sostenibilidad .bloque_2 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.sostenibilidad .bloque_2 .texto .descripcion ul li:before {
	content: '- '
}

.sostenibilidad .bloque_2 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.sostenibilidad .bloque_2 .texto .descripcion strong {
	font-weight: 600
}

.sostenibilidad .bloque_2 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.sostenibilidad .bloque_2 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.sostenibilidad .bloque_2 .texto .descripcion h2:last-child, .sostenibilidad .bloque_2 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.trabajos {
	padding: 80px 0
}

.trabajos .superior {
	position: relative
}

.trabajos .superior .izquierda {
	max-width: 1000px
}

.trabajos .superior .izquierda .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.trabajos .superior .izquierda .descripcion {
	margin-top: 10px;
	font-size: 1.65em;
	line-height: 25px
}

.trabajos .superior .izquierda .descripcion p {
	margin: 0
}

.trabajos .superior .izquierda .descripcion strong {
	font-weight: 600
}

.trabajos .superior .derecha {
	position: absolute;
	bottom: 0;
	right: 0
}

.trabajos .superior .derecha .seccion {
	position: relative
}

.trabajos .superior .derecha .seccion .desplegar_seccion {
	display: block;
	width: fit-content;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/seccion.svg') no-repeat center left 20px var(--crema)
}

.trabajos .superior .derecha .seccion .desplegable_seccion {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	margin: 0;
	padding: 15px 20px;
	background: var(--crema);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: translate(20px, 0)
}

.trabajos .superior .derecha .seccion .desplegable_seccion.desplegado {
	opacity: 1;
	visibility: visible;
	transform: none
}

.trabajos .superior .derecha .seccion .desplegable_seccion li {
	display: block;
	margin-bottom: 12.5px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.trabajos .superior .derecha .seccion .desplegable_seccion li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.trabajos .superior .derecha .seccion .desplegable_seccion li a {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: right;
	color: var(--negro);
	white-space: nowrap
}

.trabajos .superior .derecha .seccion .desplegable_seccion li.sel a {
	color: var(--blanco)
}

.trabajos .inferior {
	margin-top: 40px
}

.trabajos .inferior .listado .item_trabajo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 90px / 4);
	margin-top: 30px;
	margin-right: 30px;
	padding: 0;
	padding-bottom: 155px;
	border-radius: 10px;
	background: var(--gris)
}

.trabajos .inferior .listado .item_trabajo:nth-of-type(1), .trabajos .inferior .listado .item_trabajo:nth-of-type(2), .trabajos .inferior .listado .item_trabajo:nth-of-type(3), .trabajos .inferior .listado .item_trabajo:nth-of-type(4) {
	margin-top: 0
}

.trabajos .inferior .listado .item_trabajo:nth-of-type(4n) {
	margin-right: 0
}

.trabajos .inferior .listado .item_trabajo .imagen {
	display: block;
	border-radius: 10px;
	overflow: hidden
}

.trabajos .inferior .listado .item_trabajo .imagen img {
	display: block;
	width: 100%;
	height: auto
}

.trabajos .inferior .listado .item_trabajo .texto {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	border-radius: 10px;
	background: rgba(245, 245, 245, .75);
	overflow: hidden
}

.trabajos .inferior .listado .item_trabajo .texto .seccion {
	display: block;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.trabajos .inferior .listado .item_trabajo .texto .titulo {
	display: block;
	display: -webkit-box;
	height: 50px;
	margin-top: 10px;
	font-size: 1.85em;
	font-weight: 500;
	line-height: 25px;
	color: var(--negro);
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.trabajos .inferior .listado .item_trabajo .texto .descripcion {
	display: -webkit-box;
	height: 30px;
	margin-top: 10px;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.trabajos .inferior .listado .item_trabajo .texto .boton {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema);
	transform: translate(0, 100%)
}

.trabajos .inferior .vacio {
	font-size: 1.65em;
	line-height: 25px
}

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

.trabajo {
	padding: 80px 0
}

.trabajo .superior {
	position: relative
}

.trabajo .superior .titulo {
	display: block;
	float: left;
	max-width: 1000px;
	padding: 2.5px 0;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.trabajo .superior .volver {
	display: block;
	float: right;
	width: fit-content;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: url('../img/web/volver.svg') no-repeat center left 20px var(--crema)
}

.trabajo .medio {
	margin-top: 40px
}

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

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

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

.trabajo .medio .descripcion ol {
	counter-reset: contador
}

.trabajo .medio .descripcion ul li, .trabajo .medio .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.trabajo .medio .descripcion ol li {
	counter-increment: contador
}

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

.trabajo .medio .descripcion ul li:before {
	content: '- '
}

.trabajo .medio .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.trabajo .medio .descripcion strong {
	font-weight: 600
}

.trabajo .medio .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.trabajo .medio .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

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

.trabajo .inferior {
	margin-top: 40px
}

.trabajo .inferior .imagen {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 90px / 4);
	margin-top: 30px;
	margin-right: 30px;
	border-radius: 10px;
	overflow: hidden
}

.trabajo .inferior .imagen:nth-of-type(1), .trabajo .inferior .imagen:nth-of-type(2), .trabajo .inferior .imagen:nth-of-type(3), .trabajo .inferior .imagen:nth-of-type(4) {
	margin-top: 0
}

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

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

.disenamos .bloque_1 {
	padding-top: 80px;
	background: var(--gris)
}

.disenamos .bloque_1 .texto {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center
}

.disenamos .bloque_1 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.disenamos .bloque_1 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

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

.disenamos .bloque_1 .texto .descripcion p:last-child, .disenamos .bloque_1 .texto .descripcion ul:last-child, .disenamos .bloque_1 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.disenamos .bloque_1 .texto .descripcion ol {
	counter-reset: contador
}

.disenamos .bloque_1 .texto .descripcion ul li, .disenamos .bloque_1 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.disenamos .bloque_1 .texto .descripcion ol li {
	counter-increment: contador
}

.disenamos .bloque_1 .texto .descripcion ul li:last-child, .disenamos .bloque_1 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.disenamos .bloque_1 .texto .descripcion ul li:before {
	content: '- '
}

.disenamos .bloque_1 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.disenamos .bloque_1 .texto .descripcion strong {
	font-weight: 600
}

.disenamos .bloque_1 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.disenamos .bloque_1 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.disenamos .bloque_1 .texto .descripcion h2:last-child, .disenamos .bloque_1 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.disenamos .bloque_1 .texto .boton {
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.disenamos .bloque_2 {
	padding-top: 20px;
	padding-bottom: 80px;
	background: var(--gris)
}

.disenamos .bloque_2 .texto {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center
}

.disenamos .bloque_2 .texto .descripcion {
	font-size: 1.65em;
	line-height: 25px
}

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

.disenamos .bloque_2 .texto .descripcion p:last-child, .disenamos .bloque_2 .texto .descripcion ul:last-child, .disenamos .bloque_2 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.disenamos .bloque_2 .texto .descripcion ol {
	counter-reset: contador
}

.disenamos .bloque_2 .texto .descripcion ul li, .disenamos .bloque_2 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.disenamos .bloque_2 .texto .descripcion ol li {
	counter-increment: contador
}

.disenamos .bloque_2 .texto .descripcion ul li:last-child, .disenamos .bloque_2 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.disenamos .bloque_2 .texto .descripcion ul li:before {
	content: '- '
}

.disenamos .bloque_2 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.disenamos .bloque_2 .texto .descripcion strong {
	font-weight: 600
}

.disenamos .bloque_2 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.disenamos .bloque_2 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.disenamos .bloque_2 .texto .descripcion h2:last-child, .disenamos .bloque_2 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.disenamos .bloque_3 {
	padding: 80px 0
}

.disenamos .bloque_3 .superior .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	text-align: center
}

.disenamos .bloque_3 .inferior .fases {
	margin-top: 80px
}

.disenamos .bloque_3 .inferior .fases .fase {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px);
	margin-top: 80px;
	margin-right: 80px
}

.disenamos .bloque_3 .inferior .fases .fase:nth-of-type(1), .disenamos .bloque_3 .inferior .fases .fase:nth-of-type(2) {
	margin-top: 0
}

.disenamos .bloque_3 .inferior .fases .fase:nth-of-type(2n) {
	margin-right: 0
}

.disenamos .bloque_3 .inferior .fases .fase .imagen {
	display: block;
	border-radius: 10px;
	overflow: hidden
}

.disenamos .bloque_3 .inferior .fases .fase .imagen img {
	display: block;
	width: 100%;
	height: auto
}

.disenamos .bloque_3 .inferior .fases .fase .texto .titulo {
	display: block;
	margin-top: 20px;
	font-family: var(--fuente_titulos);
	font-size: 3em;
	font-style: italic;
	line-height: 45px
}

.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion p {
	margin: 0;
	margin-bottom: 20px
}

.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion p:last-child {
	margin-bottom: 0
}

.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion strong {
	font-weight: 600
}

.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion a {
	text-decoration: underline;
	color: inherit;
	word-break: break-all;
	transition: all 250ms linear
}

.diseno {
	max-width: 1000px;
	margin: 80px auto;
	padding: 80px;
	border-radius: 10px;
	background: var(--gris)
}

.diseno .titulo {
	display: block;
	max-width: 600px;
	margin: 0 auto;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px;
	text-align: center
}

.diseno form {
	margin-top: 40px
}

.diseno form .campos .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-top: 10px;
	margin-right: 10px
}

.diseno form .campos .campo:nth-of-type(1) {
	margin-top: 0
}

.diseno form .campos .campo:nth-of-type(2) {
	margin-top: 0
}

.diseno form .campos .campo:nth-of-type(2n) {
	margin-right: 0
}

.diseno form .campos .campo.grande {
	display: block;
	width: unset;
	margin-right: 0
}

.diseno form .checks {
	float: left;
	margin-top: 40px
}

.diseno form .botones {
	float: right;
	margin-top: 40px
}

.diseno form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.colaborador .bloque_1 {
	padding-top: 80px
}

.colaborador .bloque_1 .imagen {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px);
	margin-right: 80px;
	border-radius: 10px;
	overflow: hidden
}

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

.colaborador .bloque_1 .texto {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 40px)
}

.colaborador .bloque_1 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.colaborador .bloque_1 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

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

.colaborador .bloque_1 .texto .descripcion p:last-child, .colaborador .bloque_1 .texto .descripcion ul:last-child, .colaborador .bloque_1 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.colaborador .bloque_1 .texto .descripcion ol {
	counter-reset: contador
}

.colaborador .bloque_1 .texto .descripcion ul li, .colaborador .bloque_1 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.colaborador .bloque_1 .texto .descripcion ol li {
	counter-increment: contador
}

.colaborador .bloque_1 .texto .descripcion ul li:last-child, .colaborador .bloque_1 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.colaborador .bloque_1 .texto .descripcion ul li:before {
	content: '- '
}

.colaborador .bloque_1 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.colaborador .bloque_1 .texto .descripcion strong {
	font-weight: 600
}

.colaborador .bloque_1 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.colaborador .bloque_1 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.colaborador .bloque_1 .texto .descripcion h2:last-child, .colaborador .bloque_1 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.colaborador .bloque_1 .texto .boton {
	display: block;
	width: fit-content;
	margin-top: 20px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--crema)
}

.colaborador .bloque_1 .texto .aclaracion {
	display: block;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px
}

.colaborador .bloque_2 {
	padding: 80px 0
}

.colaborador .bloque_2 .texto .titulo {
	display: block;
	font-family: var(--fuente_titulos);
	font-size: 4em;
	font-weight: 600;
	font-style: italic;
	line-height: 45px
}

.colaborador .bloque_2 .texto .descripcion {
	margin-top: 20px;
	font-size: 1.65em;
	line-height: 25px
}

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

.colaborador .bloque_2 .texto .descripcion p:last-child, .colaborador .bloque_2 .texto .descripcion ul:last-child, .colaborador .bloque_2 .texto .descripcion ol:last-child {
	margin-bottom: 0
}

.colaborador .bloque_2 .texto .descripcion ol {
	counter-reset: contador
}

.colaborador .bloque_2 .texto .descripcion ul li, .colaborador .bloque_2 .texto .descripcion ol li {
	display: block;
	margin-bottom: 5px
}

.colaborador .bloque_2 .texto .descripcion ol li {
	counter-increment: contador
}

.colaborador .bloque_2 .texto .descripcion ul li:last-child, .colaborador .bloque_2 .texto .descripcion ol li:last-child {
	margin-bottom: 0
}

.colaborador .bloque_2 .texto .descripcion ul li:before {
	content: '- '
}

.colaborador .bloque_2 .texto .descripcion ol>li:before {
	content: counter(contador) '. '
}

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

.colaborador .bloque_2 .texto .descripcion strong {
	font-weight: 600
}

.colaborador .bloque_2 .texto .descripcion h2 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px
}

.colaborador .bloque_2 .texto .descripcion h3 {
	margin-bottom: 20px;
	font-size: 18.5px;
	font-weight: 600;
	line-height: 25px
}

.colaborador .bloque_2 .texto .descripcion h2:last-child, .colaborador .bloque_2 .texto .descripcion h3:last-child {
	margin-bottom: 0
}

.campos .campo.drop label {
	top: 5px;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px
}

.kit_digital {
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 20px
}

.kit_digital .limit {
	max-width: 1024px;
	margin: 0 auto
}

.kit_digital img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto
}

.kit_digital a {
	display: inline-block;
	margin-bottom: 10px;
	color: currentColor
}

.bola {
	position: fixed;
	bottom: 50px;
	left: 60px;
	display: block;
	width: 15px;
	text-align: center;
	line-height: 15px;
	color: var(--negro);
	z-index: 5;
	transform: scale(0)
}

.bola.desplegado {
	transform: none
}

.bola:before {
	content: '';
	position: absolute;
	bottom: -30px;
	right: 5px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: url('../img/web/minicesta_w.svg') no-repeat center var(--negro);
	z-index: -1;
	transition: all 250ms linear
}

.bola:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 100%;
	background: var(--crema);
	z-index: -1;
	transition: all 250ms linear
}

.desplegable_minicesta {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden
}

.desplegable_minicesta.desplegado {
	opacity: 1;
	visibility: visible
}

.desplegable_minicesta .interior {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 400px;
	background: var(--blanco);
	z-index: 2;
	transform: translate(100%, 0);
	transition-delay: 250ms
}

.desplegable_minicesta.desplegado .interior {
	transform: none
}

.desplegable_minicesta .interior .superior {
	position: relative;
	padding: 30px 20px;
	background: var(--negro)
}

.desplegable_minicesta .interior .superior .titulo {
	position: relative;
	display: block;
	width: fit-content;
	padding-right: 20px;
	font-size: 1.65em;
	line-height: 25px;
	color: var(--blanco)
}

.desplegable_minicesta .interior .superior .titulo b {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 15px;
	border-radius: 100%;
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	text-align: center;
	color: var(--negro);
	background: var(--blanco)
}

.desplegable_minicesta .interior .superior .cerrar_minicesta {
	position: absolute;
	top: 22.5px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url('../img/web/cerrar_w.svg') no-repeat center
}

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

.desplegable_minicesta .interior .inferior .listado {
	height: calc(100vh - 370px);
	height: calc(var(--vh, 1vh) * 100 - 370px);
	overflow-y: auto
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta {
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	background: var(--gris);
	overflow: hidden
}

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

.desplegable_minicesta .interior .inferior .listado .item_minicesta .imagen {
	display: block;
	width: 100px;
	height: 100px;
	border: 10px solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100px;
	right: 0;
	padding: 10px 0;
	padding-right: 10px
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .titulo {
	display: block;
	display: -webkit-box;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 15px;
	color: var(--negro);
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .propiedad {
	display: block;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .texto .precio {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 50px;
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.desplegable_minicesta .interior .inferior .listado .item_minicesta .borrar {
	position: absolute;
	bottom: 12.5px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url('../img/web/borrar.svg') no-repeat center
}

.desplegable_minicesta .interior .inferior .entrega {
	display: block;
	margin-top: 40px;
	padding: 10px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.desplegable_minicesta .interior .inferior .entrega b {
	font-weight: 400;
	text-decoration: underline
}

.desplegable_minicesta .interior .inferior .cantidades {
	margin-top: 40px
}

.desplegable_minicesta .interior .inferior .cantidades .unidades {
	display: block;
	float: left;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.desplegable_minicesta .interior .inferior .cantidades .unidades b {
	font-weight: 600
}

.desplegable_minicesta .interior .inferior .cantidades .total {
	display: block;
	float: right;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.desplegable_minicesta .interior .inferior .botones {
	margin-top: 40px
}

.desplegable_minicesta .interior .inferior .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.desplegable_minicesta .interior .vacio {
	display: block;
	padding: 40px 20px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center
}

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

.cesta {
	padding-top: 220px;
	padding-bottom: 80px
}

.cesta .interior {
	max-width: 1280px;
	margin: 0 auto
}

.cesta .interior .izquierda {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 460px);
	margin-right: 20px
}

.cesta .interior .izquierda .superior {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.cesta .interior .izquierda .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center
}

.cesta .interior .izquierda .inferior {
	margin-top: 20px
}

.cesta .interior .izquierda .inferior form .item_cesta {
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	background: var(--gris);
	overflow: hidden
}

.cesta .interior .izquierda .inferior form .item_cesta:last-child {
	margin-bottom: 0
}

.cesta .interior .izquierda .inferior form .item_cesta .imagen {
	display: block;
	width: 140px;
	height: 140px;
	border: 10px solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.cesta .interior .izquierda .inferior form .item_cesta .texto {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 140px;
	right: 0;
	padding: 20px 0;
	padding-right: 20px
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .titulo {
	display: block;
	width: calc(100% - 40px);
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .propiedad {
	display: block;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad {
	position: absolute;
	bottom: 20px;
	left: 0
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad .restar {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 25px;
	background: url('../img/web/restar.svg') no-repeat center
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad span {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad .sumar {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 25px;
	background: url('../img/web/sumar.svg') no-repeat center
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .precio {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: right
}

.cesta .interior .izquierda .inferior form .item_cesta .texto .precio b {
	display: block;
	font-size: 12.5px;
	font-weight: 300;
	line-height: 15px
}

.cesta .interior .izquierda .inferior form .item_cesta .borrar {
	position: absolute;
	top: 22.5px;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('../img/web/borrar.svg') no-repeat center
}

.cesta .interior .derecha {
	display: inline-block;
	vertical-align: top;
	width: 440px
}

.cesta .interior .derecha .superior {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.cesta .interior .derecha .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center
}

.cesta .interior .derecha .inferior {
	margin-top: 20px
}

.cesta .interior .derecha .inferior .cupon {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.cesta .interior .derecha .inferior .cupon .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 150px);
	margin-right: 10px
}

.cesta .interior .derecha .inferior .cupon .campo input[type="text"] {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	color: var(--negro);
	background: var(--blanco)
}

.cesta .interior .derecha .inferior .cupon .campo input[type="text"]:-webkit-autofill, .cesta .interior .derecha .inferior .cupon .campo input[type="text"]:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--negro) !important;
	-webkit-box-shadow: 0 0 0 1000px var(--blanco) inset !important
}

.cesta .interior .derecha .inferior .cupon .boton {
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.cesta .interior .derecha .inferior .cupon .validado {
	pointer-events: none
}

.cesta .interior .derecha .inferior .entrega {
	display: block;
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.cesta .interior .derecha .inferior .entrega b {
	font-weight: 400;
	text-decoration: underline
}

.cesta .interior .derecha .inferior .informacion {
	margin-top: 10px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.cesta .interior .derecha .inferior .informacion span {
	position: relative;
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: right
}

.cesta .interior .derecha .inferior .informacion span:first-child {
	margin-top: 0
}

.cesta .interior .derecha .inferior .informacion span:last-child {
	margin-top: 10px
}

.cesta .interior .derecha .inferior .informacion span.total {
	margin-top: 10px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.cesta .interior .derecha .inferior .informacion span b {
	font-weight: 400
}

.cesta .interior .derecha .inferior .informacion span b:first-child {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translate(0, -50%)
}

.cesta .interior .derecha .inferior .informacion span.total b {
	font-weight: 600
}

.cesta .interior .derecha .inferior .informacion span.total b i {
	display: inline-block;
	vertical-align: baseline;
	font-style: normal
}

.cesta .interior .derecha .inferior .botones {
	margin-top: 10px
}

.cesta .interior .derecha .inferior .botones .tramitar {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 60px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.cesta .interior .vacio {
	text-align: center
}

.cesta .interior .vacio .titulo {
	display: block;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	background: var(--gris)
}

.cesta .interior .vacio p {
	margin: 0;
	margin-top: 20px;
	padding: 40px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	background: var(--gris)
}

.acceso {
	padding-top: 220px;
	padding-bottom: 80px
}

.acceso .interior {
	max-width: 440px;
	margin: 0 auto
}

.acceso .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.acceso .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.acceso .interior .superior .subtitulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.acceso .interior .medio {
	margin-top: 20px
}

.acceso .interior .medio form .campos {
	padding: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: var(--gris)
}

.acceso .interior .medio form .olvidado {
	padding: 0 20px;
	padding-bottom: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.acceso .interior .medio form .olvidado a {
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.acceso .interior .medio form .botones {
	margin-top: 10px
}

.acceso .interior .medio form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.acceso .interior .inferior {
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.acceso .interior .inferior .titulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.acceso .interior .inferior a {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 10px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.desplegable_recordar, .desplegable_verificar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 15
}

.desplegable_recordar .interior, .desplegable_verificar .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 440px;
	margin: 0 auto;
	padding: 20px;
	padding-top: 60px;
	border-radius: 5px;
	background: var(--blanco);
	z-index: 2;
	transform: translate(0, -50%)
}

.desplegable_recordar .interior .superior, .desplegable_verificar .interior .superior {
	text-align: center
}

.desplegable_recordar .interior .superior .titulo, .desplegable_verificar .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.desplegable_recordar .interior .superior .subtitulo, .desplegable_verificar .interior .superior .subtitulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.desplegable_recordar .interior .inferior, .desplegable_verificar .interior .inferior {
	margin-top: 20px
}

.desplegable_recordar .interior .inferior form .campos .campo *, .desplegable_verificar .interior .inferior form .campos .campo * {
	background-color: var(--gris)
}

.desplegable_recordar .interior .inferior form .botones, .desplegable_verificar .interior .inferior form .botones {
	margin-top: 20px
}

.desplegable_recordar .interior .inferior form .botones .boton, .desplegable_verificar .interior .inferior form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.desplegable_recordar .interior .cerrar_recordar, .desplegable_verificar .interior .cerrar_verificar {
	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_recordar .fondo, .desplegable_verificar .fondo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto75);
	z-index: 1
}

.registro {
	padding-top: 220px;
	padding-bottom: 80px
}

.registro .interior {
	max-width: 440px;
	margin: 0 auto
}

.registro .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.registro .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.registro .interior .superior .subtitulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.registro .interior .medio {
	margin-top: 20px
}

.registro .interior .medio form .campos {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.registro .interior .medio form .checks {
	margin-top: 20px;
	padding: 0 20px
}

.registro .interior .medio form .botones {
	margin-top: 20px
}

.registro .interior .medio form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.registro .interior .inferior {
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.registro .interior .inferior .titulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.registro .interior .inferior a {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 10px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.pasos {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center
}

.pasos:before {
	content: '';
	position: absolute;
	top: 14.5px;
	left: 30px;
	right: 30px;
	height: 1px;
	background: var(--negro);
	z-index: 1
}

.pasos li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 162.5px;
	padding-bottom: 25px
}

.pasos li:last-child {
	margin-right: 0
}

.pasos li a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: var(--gris);
	z-index: 2
}

.pasos li.anterior a {
	background: url('../img/web/check.svg') no-repeat center var(--crema);
	box-shadow: none
}

.pasos li.actual a {
	background: var(--crema);
	box-shadow: none;
	pointer-events: none
}

.pasos li.actual ~ li a {
	pointer-events: none
}

.pasos li.inactivo a {
	pointer-events: none
}

.pasos li a span {
	position: absolute;
	bottom: -25px;
	left: 50%;
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	white-space: nowrap;
	transform: translate(-50%, 0)
}

.direcciones {
	padding-top: 220px;
	padding-bottom: 80px
}

.direcciones .interior {
	max-width: 800px;
	margin: 0 auto
}

.direcciones .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.direcciones .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.direcciones .interior .medio {
	margin-top: 40px
}

.direcciones .interior .inferior {
	margin-top: 40px
}

.direcciones .interior .inferior .titulo {
	display: block;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
	background: var(--gris)
}

.direcciones .interior .inferior .listado {
	margin-top: 20px
}

.direcciones .interior .inferior .listado .direccion {
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.direcciones .interior .inferior .listado .direccion:last-child {
	margin-bottom: 0
}

.direcciones .interior .inferior .listado .direccion.sel {
	box-shadow: 0 0 0 1px var(--negro) inset
}

.direcciones .interior .inferior .listado .direccion span {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	cursor: pointer
}

.direcciones .interior .inferior .listado .direccion span:first-child {
	padding-top: 0
}

.direcciones .interior .inferior .listado .direccion .desplegar_direccion {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 10px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro)
}

.direcciones .interior .inferior .listado .vacio {
	margin: 0;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.direcciones .interior .inferior .checks {
	margin-top: 20px
}

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

.direcciones .interior .inferior .botones .boton {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--blanco);
	background: var(--negro)
}

.direcciones .interior .inferior .botones .boton:last-child {
	margin-right: 0;
	color: var(--negro);
	background: var(--crema)
}

.direcciones .interior .inferior .botones .boton.especial {
	display: block;
	width: unset;
	margin-right: 0;
	color: var(--negro);
	background: var(--crema)
}

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

.desplegable_direccion .interior {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 640px;
	margin: 0 auto;
	padding: 20px;
	padding-top: 60px;
	border-radius: 5px;
	background: var(--blanco);
	z-index: 2;
	transform: translate(0, -50%)
}

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

.desplegable_direccion .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

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

.desplegable_direccion .interior .inferior form .campos {
	max-height: calc(100vh - 235px);
	max-height: calc(var(--vh, 1vh) * 100 - 235px);
	overflow-y: auto
}

.desplegable_direccion .interior .inferior form .campos::-webkit-scrollbar {
	width: 0
}

.desplegable_direccion .interior .inferior form .campos .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-top: 10px;
	margin-right: 10px
}

.desplegable_direccion .interior .inferior form .campos .campo:nth-of-type(1) {
	margin-top: 0
}

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

.desplegable_direccion .interior .inferior form .campos .campo:nth-of-type(2n) {
	margin-right: 0
}

.desplegable_direccion .interior .inferior form .campos .campo * {
	background-color: var(--gris)
}

.desplegable_direccion .interior .inferior form .campos .campo *:-webkit-autofill, .desplegable_direccion .interior .inferior form .campos .campo *:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--gris) inset !important
}

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

.desplegable_direccion .interior .inferior form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.desplegable_direccion .interior .cerrar_direccion {
	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_direccion .fondo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--luto75);
	z-index: 1
}

.envios {
	padding-top: 220px;
	padding-bottom: 80px
}

.envios .interior {
	max-width: 800px;
	margin: 0 auto
}

.envios .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.envios .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.envios .interior .medio {
	margin-top: 40px
}

.envios .interior .inferior {
	margin-top: 40px
}

.envios .interior .inferior .bloque {
	margin-top: 20px
}

.envios .interior .inferior .bloque:first-child {
	margin-top: 0
}

.envios .interior .inferior .bloque>.titulo {
	display: block;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
	background: var(--gris)
}

.envios .interior .inferior .bloque .listado {
	margin-top: 20px
}

.envios .interior .inferior .bloque .listado .envio {
	margin-bottom: 10px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris);
	cursor: pointer
}

.envios .interior .inferior .bloque .listado .envio:last-child {
	margin-bottom: 0
}

.envios .interior .inferior .bloque .listado .envio.sel {
	box-shadow: 0 0 0 1px var(--negro) inset
}

.envios .interior .inferior .bloque .listado .envio .titulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.envios .interior .inferior .bloque .listado .envio .precio {
	display: block;
	font-size: 1.65em;
	font-weight: 500;
	line-height: 25px
}

.envios .interior .inferior .bloque .listado .envio .descripcion {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.envios .interior .inferior .bloque .listado .vacio {
	margin: 0;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

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

.envios .interior .inferior .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.pagos {
	padding-top: 220px;
	padding-bottom: 80px
}

.pagos .interior {
	max-width: 800px;
	margin: 0 auto
}

.pagos .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.pagos .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.pagos .interior .medio {
	margin-top: 40px
}

.pagos .interior .inferior {
	margin-top: 40px
}

.pagos .interior .inferior form .listado {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.pagos .interior .inferior form .listado .pago {
	margin-bottom: 10px
}

.pagos .interior .inferior form .listado .pago:last-child {
	margin-bottom: 0
}

.pagos .interior .inferior form .listado .pago .radio {
	position: relative;
	display: block;
	font-size: 1.45em;
	line-height: 30px
}

.pagos .interior .inferior form .listado .pago .radio input[type="radio"] {
	display: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	opacity: 0
}

.pagos .interior .inferior form .listado .pago .radio label {
	position: relative;
	display: block;
	padding-left: 40px;
	cursor: pointer
}

.pagos .interior .inferior form .listado .pago .radio label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: var(--blanco)
}

.pagos .interior .inferior form .listado .pago .radio input[type="radio"]:checked + label:before {
	background: url('../img/web/check.svg') no-repeat center var(--crema)
}

.pagos .interior .inferior form .listado .vacio {
	margin: 0;
	padding: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.pagos .interior .inferior form .entrega {
	display: block;
	margin-top: 20px;
	padding: 10px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.pagos .interior .inferior form .entrega b {
	font-weight: 400;
	text-decoration: underline
}

.pagos .interior .inferior form .informacion {
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.pagos .interior .inferior form .informacion span {
	position: relative;
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: right
}

.pagos .interior .inferior form .informacion span:first-child {
	margin-top: 0
}

.pagos .interior .inferior form .informacion span:last-child {
	margin-top: 10px
}

.pagos .interior .inferior form .informacion span.total {
	margin-top: 10px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.pagos .interior .inferior form .informacion span b {
	font-weight: 400
}

.pagos .interior .inferior form .informacion span b:first-child {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translate(0, -50%)
}

.pagos .interior .inferior form .informacion span.total b {
	font-weight: 600
}

.pagos .interior .inferior form .informacion span.total b i {
	display: inline-block;
	vertical-align: baseline;
	font-style: normal
}

.pagos .interior .inferior form .checks {
	margin-top: 20px
}

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

.pagos .interior .inferior form .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.pagos .interior .inferior form .botones .boton.inactivo {
	opacity: .25;
	pointer-events: none
}

.confirmacion {
	padding-top: 220px;
	padding-bottom: 80px
}

.confirmacion .interior {
	max-width: 800px;
	margin: 0 auto
}

.confirmacion .interior .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.confirmacion .interior .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.confirmacion .interior .medio {
	margin-top: 40px
}

.confirmacion .interior .inferior {
	margin-top: 40px
}

.confirmacion .interior .inferior .descripcion {
	padding: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

.confirmacion .interior .inferior .descripcion p {
	margin: 0;
	margin-bottom: 10px
}

.confirmacion .interior .inferior .descripcion p:last-child {
	margin-bottom: 0
}

.confirmacion .interior .inferior .descripcion strong {
	font-weight: 600
}

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

.confirmacion .interior .inferior .botones .boton {
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.area {
	padding-top: 220px;
	padding-bottom: 80px
}

.area .icono {
	position: relative;
	display: block;
	padding: 0 20px;
	padding-top: 50px;
	padding-bottom: 20px;
	border-radius: 5px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: center;
	background: var(--gris)
}

.area .icono:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center
}

.area .icono.icono_cuenta:before {
	background-image: url('../img/web/usuarios/mi_cuenta.svg')
}

.area .icono.icono_compras:before {
	background-image: url('../img/web/usuarios/mis_compras.svg')
}

.area .icono.icono_facturas:before {
	background-image: url('../img/web/usuarios/mis_facturas.svg')
}

.area .icono.icono_devoluciones:before {
	background-image: url('../img/web/usuarios/mis_devoluciones.svg')
}

.area .icono.icono_datos:before {
	background-image: url('../img/web/usuarios/mis_datos.svg')
}

.area .icono.icono_direcciones:before {
	background-image: url('../img/web/usuarios/mis_direcciones.svg')
}

.area .superior {
	position: relative;
	margin-top: 20px;
	padding: 15px 20px;
	border-radius: 5px;
	background: var(--gris)
}

.area .superior .desplegar_area {
	display: block;
	float: left;
	padding-left: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro);
	background: url('../img/web/usuarios/desplegar.svg') center left no-repeat
}

.area .superior .desplegable_area {
	position: absolute;
	top: 100%;
	left: 20px;
	margin: 0;
	padding: 15px 20px;
	background: var(--crema);
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: translate(-20px, 0)
}

.area .superior .desplegable_area.desplegado {
	opacity: 1;
	visibility: visible;
	transform: none
}

.area .superior .desplegable_area li {
	display: block;
	margin-bottom: 12.5px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.area .superior .desplegable_area li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.area .superior .desplegable_area li a {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro);
	white-space: nowrap
}

.area .superior .desplegable_area li.sel a {
	color: var(--blanco)
}

.area .superior .salir {
	display: block;
	float: right;
	padding-left: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro);
	background: url('../img/web/usuarios/salir.svg') center left no-repeat
}

.area .superior .volver {
	display: block;
	float: right;
	margin-right: 40px;
	padding-left: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-decoration: underline;
	color: var(--negro);
	background: url('../img/web/usuarios/volver.svg') center left no-repeat
}

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

.area .inferior .atajos {
	text-align: center
}

.area .inferior .atajos .atajo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 20px / 3);
	margin-top: 10px;
	margin-right: 10px;
	padding: 20px;
	padding-top: 50px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.area .inferior .atajos .atajo:last-child {
	margin-right: 0
}

.area .inferior .atajos .atajo:nth-of-type(1) {
	margin-top: 0
}

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

.area .inferior .atajos .atajo:nth-of-type(3) {
	margin-top: 0
}

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

.area .inferior .atajos .atajo:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center
}

.area .inferior .atajos .atajo.mis_compras:before {
	background-image: url('../img/web/usuarios/mis_compras.svg')
}

.area .inferior .atajos .atajo.mis_facturas:before {
	background-image: url('../img/web/usuarios/mis_facturas.svg')
}

.area .inferior .atajos .atajo.mis_datos:before {
	background-image: url('../img/web/usuarios/mis_datos.svg')
}

.area .inferior .atajos .atajo.mis_direcciones:before {
	background-image: url('../img/web/usuarios/mis_direcciones.svg')
}

.area .inferior .atajos .atajo.mis_promociones:before {
	background-image: url('../img/web/usuarios/mis_promociones.svg')
}

.area .inferior .atajos .atajo .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro)
}

.area .inferior .atajos .atajo .descripcion {
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro)
}

.area .inferior form .interior {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.area .inferior form .interior .campos .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px
}

.area .inferior form .interior .campos .campo:nth-of-type(1) {
	margin-top: 0
}

.area .inferior form .interior .campos .campo:nth-of-type(2) {
	margin-top: 0
}

.area .inferior form .interior .campos .campo:nth-of-type(2n) {
	margin-right: 0
}

.area .inferior form .interior .conservar {
	display: block;
	margin-top: 20px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center
}

.area .inferior form .interior .checks {
	margin-top: 20px
}

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

.area .inferior form .botones .boton {
	display: block;
	max-width: 440px;
	margin: 0 auto;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.area .inferior form .botones .boton.inactivo {
	opacity: .25;
	pointer-events: none
}

.area .inferior .item_area {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 20px / 3);
	margin-top: 10px;
	margin-right: 10px;
	padding: 20px;
	padding-bottom: 60px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.area .inferior .item_area:nth-of-type(1) {
	margin-top: 0
}

.area .inferior .item_area:nth-of-type(2) {
	margin-top: 0
}

.area .inferior .item_area:nth-of-type(3) {
	margin-top: 0
}

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

.area .inferior .item_area.nuevo {
	min-height: 150px
}

.area .inferior .item_area.especial {
	padding-bottom: 130px
}

.area .inferior .item_area.nuevo a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block
}

.area .inferior .item_area.nuevo a:before {
	content: '';
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	border: 1px dashed var(--negro);
	border-radius: 5px;
	z-index: 0;
	transition: all 250ms linear
}

.area .inferior .item_area.nuevo a span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: block;
	padding-top: 30px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro);
	background: url('../img/web/usuarios/nuevo.svg') no-repeat center top;
	z-index: 2;
	transform: translate(0, -50%)
}

.area .inferior .item_area .titulo {
	display: block;
	margin-bottom: 10px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro)
}

.area .inferior .item_area .texto span {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.area .inferior .item_area.especial .texto span {
	font-weight: 400
}

.area .inferior .item_area .texto .tipo {
	margin-top: 10px
}

.area .inferior .item_area .texto .tipo span {
	display: inline-block;
	vertical-align: baseline;
	line-height: 20px
}

.area .inferior .item_area .texto .tipo a {
	display: inline-block;
	vertical-align: baseline;
	font-size: 1.45em;
	line-height: 20px;
	color: var(--negro)
}

.area .inferior .item_area .texto .tipo a.sel {
	text-decoration: underline
}

.area .inferior .item_area .botones {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	text-align: center
}

.area .inferior .item_area.especial .botones {
	bottom: 90px
}

.area .inferior .item_area .botones a {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: center
}

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

.area .inferior .item_area .botones a.editar {
	background-image: url('../img/web/usuarios/editar.svg')
}

.area .inferior .item_area .botones a.borrar {
	background-image: url('../img/web/usuarios/borrar.svg')
}

.area .inferior .item_area .botones a.detalles {
	background-image: url('../img/web/usuarios/detalles.svg')
}

.area .inferior .item_area .botones a.descargar {
	background-image: url('../img/web/usuarios/descargar.svg')
}

.area .inferior .item_area .botones a.factura {
	background-image: url('../img/web/usuarios/factura.svg')
}

.area .inferior .item_area .boton {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: block;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.area .inferior .item_area .boton.pagado {
	pointer-events: none
}

.area .inferior .item_area .boton.anulado {
	pointer-events: none
}

.area .inferior .informacion {
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.area .inferior .informacion ul {
	margin: 0;
	padding: 0
}

.area .inferior .informacion ul li {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.area .inferior .informacion ul li a {
	text-decoration: underline;
	color: var(--negro)
}

.area .inferior .informacion ul li b {
	font-weight: 400
}

.area .inferior .bloques {
	margin-top: 10px
}

.area .inferior .bloques .bloque {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.area .inferior .bloques .bloque:last-child {
	margin-right: 0
}

.area .inferior .bloques .bloque .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.area .inferior .bloques .bloque .titulo ~ .texto {
	margin-top: 10px
}

.area .inferior .bloques .bloque .texto span {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

.area .inferior .bloques .bloque .texto span b {
	font-weight: 400
}

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

.area .inferior .resumen .item_resumen {
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	background: var(--gris);
	overflow: hidden
}

.area .inferior .resumen .item_resumen:last-child {
	margin-bottom: 0
}

.area .inferior .resumen .item_resumen .imagen {
	display: block;
	width: 140px;
	height: 140px;
	border: 10px solid transparent;
	border-top-width: 20px;
	border-bottom-width: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.area .inferior .resumen .item_resumen .texto {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 140px;
	right: 0;
	padding: 20px 0;
	padding-right: 20px
}

.area .inferior .resumen .item_resumen .texto .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.area .inferior .resumen .item_resumen .texto .propiedad {
	display: block;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 15px;
	color: var(--negro);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.area .inferior .resumen .item_resumen .texto .cantidad {
	position: absolute;
	bottom: 20px;
	left: 0;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.area .inferior .resumen .item_resumen .texto .precio {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	text-align: right
}

.area .inferior .resumen .item_resumen .texto .precio b {
	display: block;
	font-size: 12.5px;
	font-weight: 300;
	line-height: 15px
}

.area .inferior .adicional {
	margin-top: 20px;
	padding: 20px;
	border-radius: 5px;
	background: var(--gris)
}

.area .inferior .adicional span {
	position: relative;
	display: block;
	font-size: 1.45em;
	line-height: 20px;
	text-align: right
}

.area .inferior .adicional span:first-child {
	margin-top: 0
}

.area .inferior .adicional span:last-child {
	margin-top: 10px
}

.area .inferior .adicional span.total {
	margin-top: 10px;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.area .inferior .adicional span b {
	font-weight: 400
}

.area .inferior .adicional span b:first-child {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translate(0, -50%)
}

.area .inferior .adicional span.total b {
	font-weight: 600
}

.area .inferior .adicional span.total b i {
	display: inline-block;
	vertical-align: baseline;
	font-style: normal
}

.area .inferior .pagar {
	margin-top: 20px;
	text-align: center
}

.area .inferior .pagar a {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--blanco);
	background: var(--negro)
}

.area .inferior .pagar a:last-child {
	margin-right: 0;
	color: var(--negro);
	background: var(--crema)
}

.area .inferior .descargas {
	margin-top: 20px
}

.area .inferior .descargas .descarga {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.area .inferior .descargas .descarga:last-child {
	margin-right: 0
}

.area .inferior .descargas .descarga span {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.area .inferior .descargas .descarga a {
	display: block;
	margin-top: 10px;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

.area .inferior .descargas .descarga a.inactivo {
	opacity: .25;
	pointer-events: none
}

.area .inferior .vacio {
	padding: 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 20px;
	text-align: center;
	background: var(--gris)
}

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

.promociones {
	padding-top: 220px;
	padding-bottom: 80px
}

.promociones .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.promociones .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.promociones .superior .subtitulo {
	display: block;
	font-size: 1.45em;
	line-height: 20px
}

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

.promociones .inferior .item_promocion {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 20px / 3);
	margin-top: 10px;
	margin-right: 10px;
	padding: 20px;
	padding-bottom: 60px;
	border-radius: 5px;
	text-align: center;
	background: url('../img/web/usuarios/detalles.svg') no-repeat bottom 20px center var(--gris)
}

.promociones .inferior .item_promocion:nth-of-type(1) {
	margin-top: 0
}

.promociones .inferior .item_promocion:nth-of-type(2) {
	margin-top: 0
}

.promociones .inferior .item_promocion:nth-of-type(3) {
	margin-top: 0
}

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

.promociones .inferior .item_promocion .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px;
	color: var(--negro)
}

.promocion {
	padding-top: 220px;
	padding-bottom: 80px
}

.promocion .superior {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.promocion .superior .titulo {
	display: block;
	font-size: 1.65em;
	font-weight: 600;
	line-height: 25px
}

.promocion .superior .descripcion {
	margin-top: 10px;
	font-size: 1.45em;
	line-height: 20px
}

.promocion .superior .descripcion p {
	margin: 0;
	margin-bottom: 10px
}

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

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

.promocion .inferior form {
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: var(--gris)
}

.promocion .inferior form .campos {
	text-align: left
}

.promocion .inferior form .campos .campo {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 5px);
	margin-right: 10px
}

.promocion .inferior form .campos .campo:nth-of-type(1) {
	margin-top: 0
}

.promocion .inferior form .campos .campo:nth-of-type(2) {
	margin-top: 0
}

.promocion .inferior form .campos .campo:nth-of-type(2n) {
	margin-right: 0
}

.promocion .inferior form .checks {
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px
}

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

.promocion .inferior form .botones .boton {
	display: block;
	max-width: 440px;
	margin: 0 auto;
	padding: 0 20px;
	border-radius: 5px;
	font-size: 1.45em;
	line-height: 50px;
	text-align: center;
	color: var(--negro);
	background: var(--crema)
}

@media (hover:hover) {
}

@media (max-width:1439px) {
	.desplegable_minicesta .interior .superior .titulo {
		padding-right: 0;
		font-size: 1.45em;
		line-height: 20px
	}

	.desplegable_minicesta .interior .superior .titulo b {
		display: none
	}

	.desplegable_minicesta .interior .inferior .listado {
		height: calc(100vh - 355px);
		height: calc(var(--vh, 1vh) * 100 - 355px)
	}

	.desplegable_minicesta .interior .inferior .botones .boton {
		font-size: 1.45em;
		font-weight: 400;
		line-height: 50px;
		text-transform: unset
	}

	.cesta {
		padding: 40px 0
	}

	.cesta .interior {
		max-width: calc(100% - 80px)
	}

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

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

	.cesta .interior .derecha .inferior .botones .tramitar {
		font-size: 1.45em;
		font-weight: 400;
		line-height: 50px;
		text-transform: unset
	}

	.acceso {
		padding: 40px 0
	}

	.registro {
		padding: 40px 0
	}

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

	.pasos li {
		display: block;
		margin-right: 0
	}

	.direcciones {
		padding: 40px 0
	}

	.direcciones .interior {
		max-width: calc(100% - 80px)
	}

	.envios {
		padding: 40px 0
	}

	.envios .interior {
		max-width: calc(100% - 80px)
	}

	.pagos {
		padding: 40px 0
	}

	.pagos .interior {
		max-width: calc(100% - 80px)
	}

	.confirmacion {
		padding: 40px 0
	}

	.confirmacion .interior {
		max-width: calc(100% - 80px)
	}

	.area {
		padding: 40px 0
	}

	.promociones {
		padding: 40px 0
	}

	.promocion {
		padding: 40px 0
	}

}

@media (max-width:1023px) {
	.bola {
		bottom: 35px;
		left: 40px
	}

	.bola:before {
		bottom: -25px;
		width: 40px;
		height: 40px;
		background-size: auto 15px
	}

	.desplegable_minicesta .interior {
		width: 100%
	}

	.desplegable_minicesta .interior .superior {
		padding: 20px
	}

	.desplegable_minicesta .interior .superior .cerrar_minicesta {
		top: 15px;
		width: 30px;
		height: 30px
	}

	.desplegable_minicesta .interior .inferior .listado {
		height: calc(100vh - 205px);
		height: calc(var(--vh, 1vh) * 100 - 205px)
	}

	.desplegable_minicesta .interior .inferior .listado .item_minicesta .imagen {
		border-top-width: 10px;
		border-bottom-width: 10px
	}

	.desplegable_minicesta .interior .inferior .entrega {
		display: none
	}

	.desplegable_minicesta .interior .inferior .cantidades {
		margin-top: 20px
	}

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

	.desplegable_minicesta .interior .inferior .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.cesta .interior {
		max-width: calc(100% - 40px)
	}

	.cesta .interior .izquierda {
		display: block;
		width: unset;
		margin-right: 0
	}

	.cesta .interior .izquierda .superior {
		padding: 10px
	}

	.cesta .interior .izquierda .inferior {
		margin-top: 10px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .imagen {
		display: none
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		padding: 10px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .titulo {
		width: calc(100% - 30px);
		font-size: 1.45em;
		line-height: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad {
		position: static;
		display: inline-block;
		vertical-align: bottom;
		margin-top: 25px;
		margin-right: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad .restar {
		height: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad span {
		font-size: 1.45em;
		line-height: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .cantidad .sumar {
		height: 20px
	}

	.cesta .interior .izquierda .inferior form .item_cesta .texto .precio {
		position: static;
		display: inline-block;
		vertical-align: bottom;
		width: calc(100% - 100px);
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

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

	.cesta .interior .derecha {
		display: block;
		width: unset;
		margin-top: 20px
	}

	.cesta .interior .derecha .superior {
		padding: 10px
	}

	.cesta .interior .derecha .inferior {
		margin-top: 10px
	}

	.cesta .interior .derecha .inferior .cupon {
		padding: 10px
	}

	.cesta .interior .derecha .inferior .cupon .campo {
		width: calc(100% - 110px)
	}

	.cesta .interior .derecha .inferior .cupon .campo input[type="text"] {
		height: 40px;
		padding: 0 10px;
		line-height: 40px
	}

	.cesta .interior .derecha .inferior .cupon .boton {
		width: 100px;
		padding: 0 10px;
		line-height: 40px
	}

	.cesta .interior .derecha .inferior .informacion {
		padding: 10px
	}

	.cesta .interior .derecha .inferior .botones .tramitar {
		padding: 0 10px;
		line-height: 40px
	}

	.cesta .interior .vacio .titulo {
		padding: 10px
	}

	.cesta .interior .vacio p {
		margin-top: 10px;
		padding: 10px
	}

	.acceso .interior {
		max-width: calc(100% - 40px)
	}

	.acceso .interior .superior {
		padding: 10px
	}

	.acceso .interior .medio {
		margin-top: 10px
	}

	.acceso .interior .medio form .campos {
		padding: 10px
	}

	.acceso .interior .medio form .olvidado {
		padding: 0 10px;
		padding-bottom: 10px
	}

	.acceso .interior .medio form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.acceso .interior .inferior {
		padding: 10px
	}

	.acceso .interior .inferior a {
		margin-top: 0
	}

	.desplegable_recordar, .desplegable_verificar {
		background: var(--blanco)
	}

	.desplegable_recordar .interior, .desplegable_verificar .interior {
		border-radius: 0
	}

	.desplegable_recordar .interior .inferior form .botones .boton, .desplegable_verificar .interior .inferior form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.desplegable_recordar .fondo, .desplegable_verificar .fondo {
		display: none
	}

	.registro .interior {
		max-width: calc(100% - 40px)
	}

	.registro .interior .superior {
		padding: 10px
	}

	.registro .interior .medio {
		margin-top: 10px
	}

	.registro .interior .medio form .campos {
		padding: 10px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.registro .interior .medio form .checks {
		margin-top: 0;
		padding: 0 10px;
		padding-bottom: 10px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		background: var(--gris)
	}

	.registro .interior .medio form .botones {
		margin-top: 10px
	}

	.registro .interior .medio form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.registro .interior .inferior {
		padding: 10px
	}

	.registro .interior .inferior a {
		margin-top: 0
	}

	.pasos:before {
		top: 9.5px;
		left: 20px;
		right: 20px
	}

	.pasos li {
		padding-bottom: 20px
	}

	.pasos li a {
		width: 20px;
		height: 20px
	}

	.pasos li.anterior a {
		background-size: auto 10px
	}

	.pasos li a span {
		bottom: -20px;
		font-size: 1.25em;
		line-height: 15px
	}

	.direcciones .interior {
		max-width: calc(100% - 40px)
	}

	.direcciones .interior .superior {
		padding: 10px
	}

	.direcciones .interior .medio {
		margin-top: 20px
	}

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

	.direcciones .interior .inferior .titulo {
		padding: 10px
	}

	.direcciones .interior .inferior .listado {
		margin-top: 10px
	}

	.direcciones .interior .inferior .listado .direccion {
		padding: 10px
	}

	.direcciones .interior .inferior .checks {
		margin-top: 10px
	}

	.direcciones .interior .inferior .botones {
		margin-top: 10px
	}

	.direcciones .interior .inferior .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.direcciones .interior .inferior .listado .vacio {
		padding: 10px
	}

	.desplegable_direccion {
		background: var(--blanco)
	}

	.desplegable_direccion .interior {
		border-radius: 0
	}

	.desplegable_direccion .interior .inferior form .campos {
		max-height: calc(100vh - 185px);
		max-height: calc(var(--vh, 1vh) * 100 - 185px)
	}

	.desplegable_direccion .interior .inferior form .campos .campo {
		display: block;
		width: unset;
		margin-right: 0
	}

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

	.desplegable_direccion .interior .inferior form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.desplegable_direccion .fondo {
		display: none
	}

	.envios .interior {
		max-width: calc(100% - 40px)
	}

	.envios .interior .superior {
		padding: 10px
	}

	.envios .interior .medio {
		margin-top: 20px
	}

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

	.envios .interior .inferior .bloque>.titulo {
		padding: 10px
	}

	.envios .interior .inferior .bloque .listado {
		margin-top: 10px
	}

	.envios .interior .inferior .bloque .listado .envio {
		padding: 10px
	}

	.envios .interior .inferior .botones {
		margin-top: 10px
	}

	.envios .interior .inferior .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.envios .interior .inferior .bloque .listado .vacio {
		padding: 10px
	}

	.pagos .interior {
		max-width: calc(100% - 40px)
	}

	.pagos .interior .superior {
		padding: 10px
	}

	.pagos .interior .medio {
		margin-top: 20px
	}

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

	.pagos .interior .inferior form .listado {
		padding: 10px
	}

	.pagos .interior .inferior form .listado .pago .radio {
		line-height: 20px
	}

	.pagos .interior .inferior form .listado .pago .radio label {
		padding-left: 30px
	}

	.pagos .interior .inferior form .listado .pago .radio label:before {
		width: 20px;
		height: 20px
	}

	.pagos .interior .inferior form .informacion {
		margin-top: 10px;
		padding: 10px
	}

	.pagos .interior .inferior form .listado .pago .radio input[type="radio"]:checked + label:before {
		background-size: auto 10px
	}

	.pagos .interior .inferior .bloque .listado .vacio {
		padding: 10px
	}

	.pagos .interior .inferior form .checks {
		margin-top: 10px
	}

	.pagos .interior .inferior form .botones {
		margin-top: 10px
	}

	.pagos .interior .inferior form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.confirmacion .interior {
		max-width: calc(100% - 40px)
	}

	.confirmacion .interior .superior {
		padding: 10px
	}

	.confirmacion .interior .medio {
		margin-top: 20px
	}

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

	.confirmacion .interior .inferior .descripcion {
		padding: 10px
	}

	.confirmacion .interior .inferior .botones {
		margin-top: 10px
	}

	.confirmacion .interior .inferior .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.area .icono {
		padding: 0 10px;
		padding-top: 40px;
		padding-bottom: 10px
	}

	.area .icono:before {
		top: 10px
	}

	.area .superior {
		margin-top: 10px;
		padding: 10px
	}

	.area .superior .desplegable_area {
		left: 10px
	}

	.area .superior .volver {
		margin-right: 20px
	}

	.area .inferior .atajos .atajo {
		display: block;
		width: unset;
		margin-right: 0;
		padding: 10px;
		padding-top: 40px
	}

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

	.area .inferior .atajos .atajo:before {
		top: 10px
	}

	.area .inferior form .interior .campos .campo {
		display: block;
		width: unset;
		margin-right: 0
	}

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

	.area .inferior form .interior .conservar {
		margin-top: 10px
	}

	.area .inferior form .interior .checks {
		margin-top: 10px
	}

	.area .inferior form .botones {
		margin-top: 10px
	}

	.area .inferior form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.area .inferior .item_area {
		display: block;
		width: 100%;
		margin-right: 0;
		padding: 10px;
		padding-bottom: 40px
	}

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

	.area .inferior .item_area.nuevo {
		min-height: 100px
	}

	.area .inferior .item_area.especial {
		padding-bottom: 90px
	}

	.area .inferior .item_area.nuevo a:before {
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px
	}

	.area .inferior .item_area .botones {
		bottom: 10px
	}

	.area .inferior .item_area.especial .botones {
		bottom: 60px
	}

	.area .inferior .item_area .boton {
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 0 10px;
		line-height: 40px
	}

	.area .inferior .informacion {
		padding: 10px
	}

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

	.area .inferior .bloques .bloque:last-child {
		margin-bottom: 0
	}

	.area .inferior .resumen .item_resumen .imagen {
		display: none
	}

	.area .inferior .resumen .item_resumen .texto {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		padding: 10px
	}

	.area .inferior .resumen .item_resumen .texto .titulo {
		width: unset;
		font-size: 1.45em;
		line-height: 20px
	}

	.area .inferior .resumen .item_resumen .texto .cantidad {
		position: static;
		display: inline-block;
		vertical-align: bottom;
		width: calc(50% - 10px);
		margin-top: 25px;
		margin-right: 20px;
		font-size: 1.45em;
		line-height: 20px
	}

	.area .inferior .resumen .item_resumen .texto .precio {
		position: static;
		display: inline-block;
		vertical-align: bottom;
		width: calc(50% - 10px);
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.area .inferior .adicional {
		padding: 10px
	}

	.area .inferior .pagar {
		margin-top: 10px
	}

	.area .inferior .pagar a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
		padding: 0 10px;
		line-height: 40px
	}

	.area .inferior .pagar a:last-child {
		margin-bottom: 0
	}

	.area .inferior .descargas .descarga {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
		padding: 10px
	}

	.area .inferior .descargas .descarga:last-child {
		margin-bottom: 0
	}

	.area .inferior .descargas .descarga a {
		padding: 0 10px;
		line-height: 40px
	}

	.area .inferior .vacio {
		padding: 10px
	}

	.promociones .superior {
		padding: 10px
	}

	.promociones .inferior .item_promocion {
		display: block;
		width: unset;
		margin-right: 0;
		padding: 10px;
		padding-bottom: 40px;
		background-position: bottom 10px center
	}

	.promociones .inferior .item_promocion:nth-of-type(2), .promociones .inferior .item_promocion:nth-of-type(3) {
		margin-top: 10px
	}

	.promocion .superior {
		padding: 10px
	}

	.promocion .inferior {
		margin-top: 10px
	}

	.promocion .inferior form {
		padding: 10px
	}

	.promocion .inferior form .campos .campo {
		display: block;
		width: unset;
		margin-right: 0
	}

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

	.promocion .inferior form .checks {
		margin-top: 10px
	}

	.promocion .inferior form .botones {
		margin-top: 10px
	}

	.promocion .inferior form .botones .boton {
		max-width: unset;
		padding: 0 10px;
		line-height: 40px
	}

}

@media (hover:hover) {
	.item_producto:hover .texto {
		padding-bottom: 90px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
	}

	.item_producto:hover .texto .boton {
		bottom: 20px;
		transform: none
	}

	.trabajos .inferior .item_trabajo:hover .texto {
		padding-bottom: 90px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset
	}

	.trabajos .inferior .item_trabajo:hover .texto .boton {
		bottom: 20px;
		transform: none
	}

}

@media (max-width:1800px) {
	.contenedor {
		max-width: 1520px
	}

	.cabecera {
		padding: 0 30px;
		text-align: right
	}

	.cabecera .izquierda {
		display: inline-block;
		vertical-align: top;
		float: none;
		margin-right: 30px;
		text-align: left
	}

	.cabecera .izquierda>ul>li {
		margin-right: 30px
	}

	.cabecera .centro {
		left: 30px;
		transform: translate(0, -50%)
	}

	.cabecera .derecha {
		display: inline-block;
		vertical-align: top;
		float: none;
		text-align: left
	}

	.cabecera .derecha>ul {
		margin-right: 15px
	}

	.cabecera .derecha .desplegar_usuario {
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		font-size: 0;
		background-position: center;
		background-size: auto 20px
	}

	.cabecera .derecha .desplegar_buscar {
		width: 20px
	}

	.cabecera .derecha .minicesta .desplegar_minicesta {
		width: 20px
	}

	.cabecera .derecha .whatsapp {
		margin-left: 30px
	}

	.mitades .mitad {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.pie .superior .centro ul {
		margin-right: 0;
		margin-left: 40px
	}

	.pie .superior .centro ul:first-child {
		margin-left: 0
	}

	.pie .superior .centro ul:last-child {
		display: none
	}

	.pie .superior .derecha .botones {
		display: block;
		margin-right: 0;
		text-align: right
	}

	.pie .superior .derecha .botones .boton {
		margin-right: 10px
	}

	.pie .superior .derecha .botones .boton:last-child {
		margin-right: 0
	}

	.pie .superior .derecha .redes {
		display: block;
		margin-top: 55px
	}

	.pie .superior .derecha .redes span {
		display: none
	}

	.pie .superior .derecha .redes ul {
		margin-top: 0
	}

	.pie .superior .derecha .botones .boton {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0
	}

	.otras .item_otra {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.contacto .izquierda {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.contacto .derecha {
		width: calc(50% - 20px)
	}

	.nosotros .bloque_2 .imagen, .nosotros .bloque_3 .imagen, .nosotros .bloque_4 .imagen {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.nosotros .bloque_3 .imagen {
		margin-right: 0
	}

	.nosotros .bloque_2 .texto, .nosotros .bloque_3 .texto, .nosotros .bloque_4 .texto {
		width: calc(50% - 20px)
	}

	.nosotros .bloque_3 .texto {
		margin-right: 40px
	}

	.nosotros .bloque_5 {
		margin-top: 40px
	}

	.sostenibilidad .bloque_2 .imagen {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.sostenibilidad .bloque_2 .texto {
		width: calc(50% - 20px)
	}

	.disenamos .bloque_3 .inferior .fases .fase {
		width: calc(50% - 20px);
		margin-top: 40px;
		margin-right: 40px
	}

	.colaborador .bloque_1 .imagen {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.colaborador .bloque_1 .texto {
		width: calc(50% - 20px)
	}

}

@media (max-width:1599px) {
	.contenedor {
		max-width: 1360px
	}

	.cabecera .izquierda {
		margin-right: 20px
	}

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

	.cabecera .izquierda>ul>li>a {
		font-size: 1.45em;
		line-height: 20px
	}

	.cabecera .izquierda>ul>li>ul>li {
		margin-bottom: 12.5px;
		padding-bottom: 10px
	}

	.cabecera .izquierda>ul>li>ul>li>a {
		font-size: 1.45em;
		line-height: 20px
	}

	.cabecera .centro .logo img {
		width: unset;
		height: 60px
	}

	.cabecera .derecha>ul {
		margin-right: 5px
	}

	.cabecera .derecha>ul>li>a {
		font-size: 1.45em;
		line-height: 20px
	}

	.cabecera .derecha .whatsapp {
		margin-left: 20px
	}

	.enlaces .enlace {
		font-size: 1.25em;
		line-height: 15px
	}

}

@media (max-width:1439px) {
	.contenedor {
		max-width: calc(100% - 80px)
	}

	.contenedorin {
		max-width: calc(100% - 80px)
	}

	#cookie-bar p span {
		margin-bottom: 10px
	}

	.cabecera {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		padding: 0 20px;
		border-radius: 0;
		background: var(--negro)
	}

	.cabecera .izquierda {
		margin-right: 40px
	}

	.cabecera .izquierda>ul>li {
		padding: 30px 0
	}

	.cabecera .centro {
		left: 20px
	}

	.cabecera .centro .logo img {
		height: 50px
	}

	.cabecera .derecha {
		padding: 30px 0
	}

	.cabecera .derecha>ul {
		display: none
	}

	.cabecera .derecha .desplegar_usuario {
		margin-right: 20px
	}

	.cabecera .derecha .desplegar_buscar {
		margin-right: 20px
	}

	.cabecera .derecha .whatsapp {
		position: fixed;
		bottom: 20px;
		right: 20px;
		width: 50px;
		height: 50px;
		margin-left: 0;
		padding: 0;
		border-radius: 100%;
		background-position: center;
		background-size: auto 20px;
		z-index: 5
	}

	.cabecera .derecha .whatsapp b:first-child {
		font-size: 0
	}

	.cabecera .derecha .whatsapp b:last-child {
		font-size: 0
	}

	.cabecera .derecha .separador {
		display: none
	}

	.banners .banner {
		height: calc(100vh - 80px);
		height: calc(var(--vh, 1vh) * 100 - 80px);
		min-height: 500px
	}

	.banners .banner .texto {
		bottom: 40px
	}

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

	.banners .banner .texto .subtitulo {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.banners .banner .texto .boton {
		margin-top: 20px
	}

	.enlaces .enlace {
		margin: 0 10px;
		padding-left: 15px;
		font-size: 1em;
		line-height: 1em;
		background-size: auto 10px
	}

	.categorias {
		padding: 40px 0
	}

	.categorias .superior .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

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

	.categorias .inferior .item_categoria {
		width: calc(100% / 3 - 40px / 3);
		margin-right: 20px
	}

	.categorias .inferior .item_categoria .texto {
		bottom: 20px;
		left: 20px;
		right: 20px
	}

	.categorias .inferior .item_categoria .texto .boton {
		font-size: 1.25em;
		line-height: 15px
	}

	.categorias .inferior .item_categoria .texto .titulo {
		font-size: 2em
	}

	.categorias .inferior .item_categoria .texto .subtitulo {
		font-size: 2em
	}

	.item_producto {
		width: calc(100% / 3 - 40px / 3);
		margin-top: 20px;
		margin-right: 20px
	}

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

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

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

	.carrusel {
		padding: 40px 0
	}

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

	.carrusel .inferior .owl-nav {
		bottom: calc(100% + 17.5px)
	}

	.anuncio {
		min-height: 400px;
		padding: 40px 0
	}

	.anuncio .texto .titulo {
		font-size: 5em;
		line-height: 55px
	}

	.anuncio .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.anuncio .texto .boton {
		margin-top: 20px
	}

	.mitades {
		padding: 40px 0
	}

	.mitades .mitad {
		height: unset;
		padding: 40px
	}

	.mitades .mitad .texto {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto
	}

	.mitades .mitad .texto .subtitulo {
		margin-top: 10px;
		font-size: 1.45em;
		font-weight: 400;
		line-height: 20px
	}

	.mitades .mitad .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.mitades .mitad .texto .descripcion p {
		margin-bottom: 10px
	}

	.mitades .mitad .texto .boton {
		margin-top: 20px
	}

	.pie {
		padding-top: 40px
	}

	.pie .superior .izquierda {
		display: none
	}

	.pie .superior .centro ul li {
		margin-bottom: 5px
	}

	.pie .superior .centro ul li:first-child {
		margin-bottom: 20px
	}

	.pie .superior .centro ul li span {
		font-size: 1.45em;
		line-height: 20px
	}

	.pie .superior .derecha .redes {
		margin-top: 45px
	}

	.pie .superior .derecha .redes ul {
		text-align: right
	}

	.pie .superior .derecha .redes ul li a {
		width: 20px;
		height: 20px;
		border-radius: 0;
		background-color: unset
	}

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

	.desplegable_buscar form .interior .campo input[type="text"] {
		font-size: 1.45em;
		font-weight: 400
	}

	.migas {
		padding: 20px 0
	}

	.migas .texto .titulo {
		font-size: 2em;
		line-height: 1em
	}

	.migas .texto .segmentos, .migas .texto .segmentos a, .migas .texto .segmentos span {
		font-size: 14.5px;
		line-height: 20px
	}

	.productos {
		padding: 40px 0
	}

	.productos .superior .izquierda {
		max-width: 700px
	}

	.productos .superior .izquierda .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

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

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

	.seo {
		padding: 40px 0
	}

	.seo .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

	.seo .descripcion p, .seo .descripcion ul, .seo .descripcion ol {
		margin-bottom: 10px
	}

	.seo .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.seo .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.otras {
		padding-bottom: 40px
	}

	.seo ~ .otras {
		padding-top: 40px
	}

	.otras .item_otra {
		width: calc(50% - 10px);
		margin-right: 20px
	}

	.otras .item_otra .texto {
		bottom: 20px;
		left: 20px;
		right: 20px
	}

	.otras .item_otra .texto .boton {
		font-size: 1.25em;
		line-height: 15px
	}

	.otras .item_otra .texto .titulo {
		font-size: 2em
	}

	.otras .item_otra .texto .subtitulo {
		font-size: 2em
	}

	.producto {
		max-width: calc(100% - 80px);
		padding: 40px 0
	}

	.producto .izquierda {
		width: calc(50% - 20px);
		margin-right: 40px
	}

	.producto .derecha {
		width: calc(50% - 20px)
	}

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

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

	.producto .derecha .inferior .informacion .precios .precio {
		font-size: 2em;
		line-height: 1em
	}

	.producto .derecha .inferior .informacion .precios .precio_anterior {
		font-size: 2em;
		line-height: 1em
	}

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

	.producto .derecha .inferior .medidas .medida:nth-of-type(1), .producto .derecha .inferior .medidas .medida:nth-of-type(2), .producto .derecha .inferior .medidas .medida:nth-of-type(3) {
		margin-top: 10px
	}

	.producto .derecha .inferior .medidas .titulo {
		font-size: 1.45em;
		line-height: 20px
	}

	.producto .derecha .inferior .medidas .medida {
		width: calc(50% - 5px);
		padding: 5px 10px
	}

	.producto .derecha .inferior .medidas .medida:nth-of-type(3n) {
		margin-right: 10px
	}

	.producto .derecha .inferior .medidas .medida:nth-of-type(2n) {
		margin-right: 0
	}

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

	.producto .derecha .inferior .comprar .cantidad .restar {
		width: 50px;
		height: 50px
	}

	.producto .derecha .inferior .comprar .cantidad span {
		width: 50px;
		font-size: 1.45em;
		line-height: 50px
	}

	.producto .derecha .inferior .comprar .cantidad .sumar {
		width: 50px;
		height: 50px
	}

	.producto .derecha .inferior .comprar .boton {
		width: calc(100% - 160px);
		font-size: 1.45em;
		font-weight: 400;
		line-height: 50px;
		text-transform: unset
	}

	.producto .derecha .inferior .comprar .solicitar {
		margin-top: 10px;
		text-transform: unset
	}

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

	.producto .derecha .inferior .variaciones .titulo {
		font-size: 1.45em;
		line-height: 20px
	}

	.producto .derecha .inferior .variaciones .variacion {
		width: calc(100% / 3 - 20px / 3);
		margin-top: 10px;
		margin-right: 10px
	}

	.producto .derecha .inferior .variaciones .variacion:nth-of-type(5n) {
		margin-right: 10px
	}

	.producto .derecha .inferior .variaciones .variacion:nth-of-type(3n) {
		margin-right: 0
	}

	.producto .derecha .inferior .variaciones .variacion .propiedad {
		margin-top: 5px
	}

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

	.producto .derecha .inferior .asociados .titulo {
		font-size: 1.45em;
		line-height: 20px
	}

	.producto .derecha .inferior .asociados .asociado {
		width: calc(100% / 3 - 20px / 3);
		margin-top: 10px;
		margin-right: 10px
	}

	.producto .derecha .inferior .asociados .asociado:nth-of-type(5n) {
		margin-right: 10px
	}

	.producto .derecha .inferior .asociados .asociado:nth-of-type(3n) {
		margin-right: 0
	}

	.producto .derecha .inferior .asociados .asociado .propiedad {
		margin-top: 5px
	}

	.producto .derecha .inferior .asociados .asociado .boton {
		margin-top: 5px
	}

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

	.producto .derecha .inferior .texto .titulo {
		font-size: 1.45em;
		line-height: 20px
	}

	.producto .derecha .inferior .texto .descripcion {
		margin-top: 10px
	}

	.producto .derecha .inferior .texto .descripcion h2 {
		font-size: 14.5px;
		line-height: 20px
	}

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

	.producto .derecha .inferior .recursos .titulo {
		font-size: 1.45em;
		line-height: 20px
	}

	.producto .derecha .inferior .recursos .catalogo {
		margin-top: 10px;
		padding-left: 20px;
		background-image: unset
	}

	.producto .derecha .inferior .recursos .video {
		margin-top: 10px;
		padding-left: 20px;
		background-image: unset
	}

	.contacto {
		padding: 40px 0
	}

	.contacto .izquierda {
		display: block;
		width: unset;
		margin-right: 0;
		padding: 40px
	}

	.contacto .izquierda .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

	.contacto .izquierda .informacion {
		padding: 10px 0
	}

	.contacto .izquierda .informacion li {
		margin-bottom: 5px
	}

	.contacto .izquierda .informacion li a {
		min-height: unset;
		padding-top: 0;
		padding-left: 30px;
		font-size: 1.45em;
		line-height: 20px
	}

	.contacto .izquierda .informacion li a br {
		display: none
	}

	.contacto .izquierda .informacion li a:before {
		width: 20px;
		height: 20px;
		border-radius: 0;
		background-color: unset
	}

	.contacto .izquierda .informacion li a.whatsapp:before {
		background-image: url('../img/web/whatsapp.svg')
	}

	.contacto .izquierda .informacion li a.ubicacion:before {
		background-image: url('../img/web/ubicacion.svg')
	}

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

	.contacto .izquierda .boton {
		margin-top: 20px
	}

	.contacto .derecha {
		display: block;
		width: unset;
		margin-top: 40px;
		padding: 40px
	}

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

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

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

	.legal {
		padding: 40px 0
	}

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

	.nosotros .bloque_1 {
		padding: 40px 0
	}

	.nosotros .bloque_1 .texto .subtitulo {
		margin-top: 10px;
		font-size: 2em;
		line-height: 1em
	}

	.nosotros .bloque_1 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.nosotros .bloque_2, .nosotros .bloque_3, .nosotros .bloque_4 {
		padding-top: 40px
	}

	.nosotros .bloque_2 .texto .descripcion, .nosotros .bloque_3 .texto .descripcion, .nosotros .bloque_4 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.nosotros .bloque_2 .texto .descripcion p, .nosotros .bloque_3 .texto .descripcion p, .nosotros .bloque_4 .texto .descripcion p, .nosotros .bloque_2 .texto .descripcion ul, .nosotros .bloque_3 .texto .descripcion ul, .nosotros .bloque_4 .texto .descripcion ul, .nosotros .bloque_2 .texto .descripcion ol, .nosotros .bloque_3 .texto .descripcion ol, .nosotros .bloque_4 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.nosotros .bloque_2 .texto .descripcion h2, .nosotros .bloque_3 .texto .descripcion h2, .nosotros .bloque_4 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.nosotros .bloque_2 .texto .descripcion h3, .nosotros .bloque_3 .texto .descripcion h3, .nosotros .bloque_4 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.nosotros .bloque_2 .texto .boton {
		margin-top: 10px
	}

	.nosotros .bloque_2 .texto .aclaracion {
		margin-top: 10px
	}

	.nosotros .bloque_5 .texto {
		padding: 40px 0
	}

	.nosotros .bloque_5 .texto .descripcion {
		margin-top: 20px;
		font-size: 1.45em;
		line-height: 20px
	}

	.nosotros .bloque_5 .texto .descripcion p, .nosotros .bloque_5 .texto .descripcion ul, .nosotros .bloque_5 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.nosotros .bloque_5 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.nosotros .bloque_5 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.sostenibilidad .bloque_1 {
		padding-top: 40px
	}

	.sostenibilidad .bloque_1 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.sostenibilidad .bloque_1 .texto .descripcion p, .sostenibilidad .bloque_1 .texto .descripcion ul, .sostenibilidad .bloque_1 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.sostenibilidad .bloque_1 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.sostenibilidad .bloque_1 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.sostenibilidad .bloque_2 {
		padding: 40px 0
	}

	.sostenibilidad .bloque_2 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.sostenibilidad .bloque_2 .texto .descripcion p, .sostenibilidad .bloque_2 .texto .descripcion ul, .sostenibilidad .bloque_2 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.sostenibilidad .bloque_2 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.sostenibilidad .bloque_2 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.trabajos {
		padding: 40px 0
	}

	.trabajos .superior .izquierda {
		max-width: 700px
	}

	.trabajos .superior .izquierda .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

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

	.trabajos .inferior .listado .item_trabajo {
		width: calc(100% / 3 - 40px / 3);
		margin-top: 20px;
		margin-right: 20px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(4) {
		margin-top: 20px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(4n) {
		margin-right: 20px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(3n) {
		margin-right: 0
	}

	.trabajos .inferior .listado .item_trabajo .texto .titulo {
		height: 40px;
		font-size: 1.45em;
		line-height: 20px
	}

	.trabajos .inferior .vacio {
		font-size: 1.45em;
		line-height: 20px
	}

	.trabajo {
		padding: 40px 0
	}

	.trabajo .superior .titulo {
		max-width: 700px
	}

	.trabajo .medio {
		margin-top: 20px
	}

	.trabajo .medio .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

	.trabajo .medio .descripcion p, .trabajo .medio .descripcion ul, .trabajo .medio .descripcion ol {
		margin-bottom: 10px
	}

	.trabajo .medio .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.trabajo .medio .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

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

	.trabajo .inferior .imagen {
		width: calc(100% / 3 - 20px / 3);
		margin-top: 10px;
		margin-right: 10px
	}

	.trabajo .inferior .imagen:nth-of-type(4) {
		margin-top: 10px
	}

	.trabajo .inferior .imagen:nth-of-type(4n) {
		margin-right: 10px
	}

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

	.disenamos .bloque_1 {
		padding-top: 40px
	}

	.disenamos .bloque_1 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.disenamos .bloque_1 .texto .descripcion p, .disenamos .bloque_1 .texto .descripcion ul, .disenamos .bloque_1 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.disenamos .bloque_1 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.disenamos .bloque_1 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.disenamos .bloque_1 .texto .boton {
		margin-top: 10px
	}

	.disenamos .bloque_2 {
		padding-top: 10px;
		padding-bottom: 40px
	}

	.disenamos .bloque_2 .texto .descripcion {
		font-size: 1.45em;
		line-height: 20px
	}

	.disenamos .bloque_3 {
		padding: 40px 0
	}

	.disenamos .bloque_3 .inferior .fases {
		margin-top: 20px
	}

	.disenamos .bloque_3 .inferior .fases .fase {
		width: calc(50% - 10px);
		margin-top: 20px;
		margin-right: 20px
	}

	.disenamos .bloque_3 .inferior .fases .fase .texto .titulo {
		margin-top: 10px;
		font-size: 2em;
		line-height: 1em
	}

	.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.disenamos .bloque_3 .inferior .fases .fase .texto .descripcion p {
		margin-bottom: 10px
	}

	.diseno {
		max-width: calc(100% - 80px);
		margin: 40px auto;
		padding: 40px
	}

	.diseno form {
		margin-top: 20px
	}

	.diseno form .checks {
		margin-top: 20px
	}

	.diseno form .botones {
		margin-top: 20px
	}

	.colaborador .bloque_1 {
		padding-top: 40px
	}

	.colaborador .bloque_1 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.colaborador .bloque_1 .texto .descripcion p, .colaborador .bloque_1 .texto .descripcion ul, .colaborador .bloque_1 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.colaborador .bloque_1 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.colaborador .bloque_1 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

	.colaborador .bloque_1 .texto .boton {
		margin-top: 10px
	}

	.colaborador .bloque_1 .texto .aclaracion {
		margin-top: 10px
	}

	.colaborador .bloque_2 {
		padding: 40px 0
	}

	.colaborador .bloque_2 .texto .descripcion {
		margin-top: 10px;
		font-size: 1.45em;
		line-height: 20px
	}

	.colaborador .bloque_2 .texto .descripcion p, .colaborador .bloque_2 .texto .descripcion ul, .colaborador .bloque_2 .texto .descripcion ol {
		margin-bottom: 10px
	}

	.colaborador .bloque_2 .texto .descripcion h2 {
		margin-bottom: 10px;
		font-size: 18.5px
	}

	.colaborador .bloque_2 .texto .descripcion h3 {
		margin-bottom: 10px;
		font-size: 16.5px
	}

}

@media (max-width:1023px) {
	.contenedor {
		max-width: calc(100% - 40px)
	}

	.contenedorin {
		max-width: calc(100% - 40px)
	}

	.ui-dialog {
		width: 100% !important;
		max-width: unset
	}

	.ui-dialog:before {
		background: var(--blanco)
	}

	.ui-dialog .ui-dialog-titlebar {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.ui-dialog .ui-dialog-content {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.ui-dialog .ui-dialog-buttonpane {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0
	}

	.ui-dialog .ui-dialog-buttonpane .ui-button {
		padding: 0 10px;
		line-height: 40px
	}

	.campos .campo label {
		padding: 0 10px;
		line-height: 40px
	}

	.campos .campo input[type="file"] ~ label {
		padding-right: 35px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.campos .campo input[type="email"]:focus ~ label, .campos .campo input[type="number"]:focus ~ label, .campos .campo input[type="tel"]:focus ~ label, .campos .campo input[type="password"]:focus ~ label, .campos .campo input[type="text"]:focus ~ label, .campos .campo input[type="file"]:focus ~ label, .campos .campo select:focus ~ label, .campos .campo textarea:focus ~ label {
		top: 2.5px;
		font-size: 1em;
		line-height: 1em
	}

	.campos .campo input[type="email"]:valid ~ label, .campos .campo input[type="email"]:not(:placeholder-shown) ~ label, .campos .campo input[type="number"]:valid ~ label, .campos .campo input[type="number"]:not(:placeholder-shown) ~ label, .campos .campo input[type="tel"]:valid ~ label, .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label, .campos .campo input[type="password"]:valid ~ label, .campos .campo input[type="password"]:not(:placeholder-shown) ~ label, .campos .campo input[type="text"]:valid ~ label, .campos .campo input[type="text"]:not(:placeholder-shown) ~ label, .campos .campo input[type="date"]:valid ~ label, .campos .campo input[type="date"]:not(:placeholder-shown) ~ label, .campos .campo input[type="file"].sel ~ label, .campos .campo select.sel ~ label, .campos .campo textarea:valid ~ label, .campos .campo textarea:not(:placeholder-shown) ~ label {
		top: 2.5px;
		font-size: 1em;
		line-height: 1em
	}

	.campos .campo input[type="email"]:focus ~ label:before, .campos .campo input[type="number"]:focus ~ label:before, .campos .campo input[type="tel"]:focus ~ label:before, .campos .campo input[type="password"]:focus ~ label:before, .campos .campo input[type="text"]:focus ~ label:before, .campos .campo input[type="file"]:focus ~ label:before, .campos .campo select:focus ~ label:before, .campos .campo textarea:focus ~ label:before {
		top: -2.5px;
		bottom: -2.5px
	}

	.campos .campo input[type="email"]:valid ~ label:before, .campos .campo input[type="email"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="number"]:valid ~ label:before, .campos .campo input[type="number"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="tel"]:valid ~ label:before, .campos .campo input[type="tel"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="password"]:valid ~ label:before, .campos .campo input[type="password"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="text"]:valid ~ label:before, .campos .campo input[type="text"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="date"]:valid ~ label:before, .campos .campo input[type="date"]:not(:placeholder-shown) ~ label:before, .campos .campo input[type="file"].sel ~ label:before, .campos .campo select.sel ~ label:before, .campos .campo textarea:valid ~ label:before, .campos .campo textarea:not(:placeholder-shown) ~ label:before {
		top: -2.5px;
		bottom: -2.5px
	}

	.campos .campo input, .campos .campo select {
		height: 40px;
		padding: 0 10px;
		padding-top: 15px;
		line-height: 25px
	}

	.campos .campo input[type="password"] {
		padding-right: 35px
	}

	.campos .campo input[type="file"] {
		padding-right: 35px;
		background-position: center right 10px
	}

	.campos .campo input[name="fecha_nacimiento"] {
		padding-right: 35px;
		background-position: center right 10px
	}

	.campos .campo select {
		padding-right: 30px;
		background-position: center right 10px
	}

	.campos .campo textarea {
		height: 100px;
		padding: 0 10px;
		padding-top: 17.5px
	}

	.campos .campo .ver_password {
		right: 10px
	}

	.desplegable_legal {
		background: var(--blanco)
	}

	.desplegable_legal .interior {
		max-width: unset;
		border-radius: 0
	}

	.desplegable_legal .interior .descripcion {
		max-height: calc(100vh - 125px);
		max-height: calc(var(--vh, 1vh) * 100 - 125px)
	}

	.desplegable_legal .fondo {
		display: none
	}

	#cookie-bar {
		bottom: 0;
		left: 0;
		right: 0;
		max-width: unset;
		border-radius: 0
	}

	#cookie-bar a {
		padding: 0 10px;
		line-height: 40px
	}

	.cabecera {
		padding-right: 80px
	}

	.cabecera .izquierda {
		display: none
	}

	.cabecera .centro .logo img {
		height: 40px
	}

	.cabecera .derecha {
		padding: 20px 0
	}

	.cabecera .derecha .whatsapp {
		bottom: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		background-size: auto 15px
	}

	.cabecera .derecha .desplegar_menu {
		position: absolute;
		top: 10px;
		right: 20px;
		display: block;
		width: 40px;
		height: 40px;
		border-radius: 5px;
		background: url('../img/web/menu.svg') no-repeat center var(--crema)
	}

	.banners .banner {
		height: unset;
		min-height: unset;
		padding: 40px 0
	}

	.banners .banner .texto {
		position: relative;
		bottom: auto;
		left: auto;
		right: auto
	}

	.banners .banner .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.banners .banner .texto .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.enlaces {
		padding: 10px 0
	}

	.banners + .enlaces {
		display: none
	}

	.enlaces .enlace {
		margin: 0;
		margin-bottom: 10px;
		padding-top: 15px;
		padding-left: 0;
		background-position: top center
	}

	.enlaces .enlace:last-child {
		margin-bottom: 0
	}

	.categorias.especial {
		padding-bottom: 0
	}

	.categorias .superior {
		text-align: left
	}

	.categorias .superior .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.categorias .inferior .item_categoria {
		display: block;
		width: unset;
		margin-bottom: 20px;
		margin-right: 0
	}

	.categorias .inferior .item_categoria:last-child {
		margin-bottom: 0;
	}

	.item_producto {
		width: calc(50% - 5px);
		margin-top: 10px;
		margin-right: 10px;
		padding: 10px;
		padding-bottom: 95px;
		border-radius: 5px
	}

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

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

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

	.item_producto .imagen {
		padding-top: calc(100% - 20px);
		border-width: 10px
	}

	.item_producto .texto {
		padding: 10px
	}

	.item_producto .texto .titulo {
		display: -webkit-box;
		height: 30px;
		white-space: unset;
		text-overflow: unset;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.item_producto .texto .descripcion {
		display: none
	}

	.item_producto .texto .precios {
		margin-top: 10px
	}

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

	.item_producto .texto .precios .precio_anterior {
		display: none
	}

	.item_producto .texto .entrega {
		display: none
	}

	.item_producto .texto .boton {
		display: none
	}

	.carrusel .superior .titulo {
		max-width: unset;
		font-size: 3em;
		line-height: 1em
	}

	.carrusel .inferior .owl-nav {
		position: static;
		display: flex;
		justify-content: space-between;
		margin-top: 20px
	}

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

	.anuncio {
		min-height: unset
	}

	.anuncio .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.anuncio .texto .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.mitades {
		max-width: unset;
		padding: 0
	}

	.mitades .mitad {
		display: block;
		width: unset;
		margin-right: 0;
		padding: 40px 20px;
		border-radius: 0
	}

	.mitades .mitad .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.mitades .mitad .texto .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.pie .superior {
		display: block
	}

	.pie .superior .centro {
		display: none
	}

	.pie .superior .derecha .botones {
		display: none
	}

	.pie .superior .derecha .redes {
		margin-top: 0;
		text-align: center
	}

	.pie .superior .derecha .redes span {
		display: block;
		font-size: 1.25em;
		line-height: 15px
	}

	.pie .superior .derecha .redes ul {
		margin-top: 10px;
		text-align: center
	}

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

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

	.pie .inferior .copyright:after {
		content: none
	}

	.pie .inferior .sgm {
		display: block;
		margin-top: 10px;
		font-size: 1.25em;
		line-height: 15px
	}

	.mm-ocd-opened #menu {
		display: block
	}

	.mm-ocd--open {
		background: var(--luto75)
	}

	.mm-ocd__content {
		width: 100%;
		background: var(--crema) !important
	}

	.desplegable_menu {
		padding-top: 60px;
		padding-bottom: 20px;
		background: var(--crema) !important
	}

	.desplegable_menu:not(.mm-spn--main):before {
		top: 10px;
		left: auto;
		right: 20px;
		width: 40px;
		height: 40px;
		margin-top: 0;
		border-top: none;
		border-left: none;
		border-radius: 5px;
		background: url('../img/web/flecha_w.svg') no-repeat center var(--negro);
		z-index: 2;
		opacity: 1 !important;
		transform: none !important
	}

	.desplegable_menu:after {
		top: 10px !important;
		height: 40px !important;
		padding: 0 !important;
		font-size: 0;
		background: url('../img/web/menu.png') no-repeat center left 20px;
		background-size: contain;
		opacity: 1 !important
	}

	.desplegable_menu>ul {
		top: 60px !important
	}

	.desplegable_menu>ul:before {
		content: none !important
	}

	.desplegable_menu>ul:after {
		content: none !important
	}

	.desplegable_menu>ul>li:before {
		top: 0;
		bottom: 0;
		right: 0;
		width: 50px;
		height: auto;
		transform: none;
		border: none;
		background: url('../img/web/flecha.svg') no-repeat center;
		opacity: 1
	}

	.desplegable_menu>ul>li:not(.especial):before {
		content: none
	}

	.desplegable_menu>ul>li:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		margin-left: 0;
		margin-right: 0;
		background: var(--luto25);
		border-top: none;
		opacity: 1
	}

	.desplegable_menu>ul>li>a, .desplegable_menu>ul>li>span {
		display: block;
		padding: 0 20px;
		font-size: 1.65em;
		font-weight: 600;
		line-height: 50px;
		color: var(--negro);
		background: none
	}

	.desplegable_menu>ul>li>a:not(:last-child), .desplegable_menu>ul>li>span:not(:last-child) {
		width: 100%
	}

	.desplegable_menu>ul>li.especial>a, .desplegable_menu>ul>li.especial>span {
		width: calc(100% - 50px);
		border-right: 1px solid var(--luto25)
	}

	.desplegable_menu>ul>li>a:not(:last-child):after, .desplegable_menu>ul>li>span:not(:last-child):after {
		content: none
	}

	.desplegable_menu>ul>li>ul {
		top: 60px !important
	}

	.desplegable_menu>ul>li>ul:before {
		content: none !important
	}

	.desplegable_menu>ul>li>ul:after {
		content: none
	}

	.desplegable_menu>ul>li>ul>li:before {
		content: none
	}

	.desplegable_menu>ul>li>ul>li:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		margin-left: 0;
		margin-right: 0;
		background: var(--luto25);
		border-top: none;
		opacity: 1
	}

	.desplegable_menu>ul>li>ul>li>a {
		display: block;
		padding: 0 20px;
		font-size: 1.65em;
		font-weight: 600;
		line-height: 50px;
		color: var(--negro);
		background: none
	}

	.desplegable_menu .cerrar_menu {
		position: absolute;
		top: 10px;
		right: 20px;
		display: block;
		width: 40px;
		height: 40px;
		padding: 0;
		border-radius: 5px;
		background: url('../img/web/cerrar_w.svg') no-repeat center var(--negro);
		background-size: auto 15px;
		z-index: 1
	}

	.mm-ocd__backdrop {
		display: none
	}

	.desplegable_buscar form {
		padding: 15px 0
	}

	.desplegable_buscar form .interior .campo {
		width: calc(100% - 40px);
		margin-right: 10px
	}

	.desplegable_buscar form .interior .campo input[type="text"] {
		height: 30px;
		font-size: 1.25em;
		line-height: 30px
	}

	.desplegable_buscar form .cerrar_buscar {
		width: 30px;
		height: 30px;
		background-size: auto 30px
	}

	.desplegable_buscar .resultados .interior {
		height: calc(100vh - 90px);
		height: calc(var(--vh, 1vh) * 100 - 90px)
	}

	.migas {
		border-bottom-width: 5px
	}

	.migas .texto .segmentos, .migas .texto .segmentos a, .migas .texto .segmentos span {
		font-size: 12px;
		line-height: 15px
	}

	.productos .superior .izquierda .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.productos .superior .derecha .ordenar {
		position: fixed;
		bottom: 60px;
		right: 10px;
		z-index: 5
	}

	.productos .superior .derecha .ordenar .desplegar_ordenar {
		width: 40px;
		height: 40px;
		padding: 0;
		border-radius: 100%;
		font-size: 0;
		background-position: center
	}

	.productos .superior .derecha .ordenar .desplegable_ordenar {
		top: auto;
		bottom: calc(100% + 10px);
		transform: translate(10px, 0)
	}

	.otras {
		display: none
	}

	.producto {
		max-width: calc(100% - 40px)
	}

	.producto .izquierda {
		display: block;
		width: unset;
		margin-right: 0
	}

	.producto .izquierda .imagen {
		border-width: 10px;
		border-radius: 5px
	}

	.producto .izquierda .imagen:not(:first-child) {
		display: none
	}

	.producto .derecha {
		display: block;
		width: unset;
		margin-top: 20px
	}

	.producto .derecha .superior {
		display: none
	}

	.producto .derecha .inferior .informacion .titulo {
		font-size: 3em;
		line-height: 1em
	}

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

	.producto .derecha .inferior .informacion .precios .precio_anterior {
		margin-left: 20px
	}

	.producto .derecha .inferior .medidas .medida b {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .medidas .medida span {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .comprar .cantidad .restar {
		width: 40px;
		height: 40px
	}

	.producto .derecha .inferior .comprar .cantidad span {
		width: 40px;
		line-height: 40px
	}

	.producto .derecha .inferior .comprar .cantidad .sumar {
		width: 40px;
		height: 40px
	}

	.producto .derecha .inferior .comprar .boton {
		width: calc(100% - 130px);
		padding: 0 10px;
		line-height: 40px
	}

	.producto .derecha .inferior .variaciones .variacion .propiedad b {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .variaciones .variacion .propiedad span {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .asociados .asociado .propiedad b {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .asociados .asociado .propiedad span {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .asociados .asociado .boton {
		font-size: 1.25em;
		line-height: 15px
	}

	.producto .derecha .inferior .recursos .catalogo {
		display: block;
		padding: 0 10px;
		line-height: 40px;
		text-align: center
	}

	.producto .derecha .inferior .recursos .video {
		display: block;
		padding: 0 10px;
		line-height: 40px;
		text-align: center
	}

	.producto .derecha .inferior .recursos .catalogo ~ .video {
		margin-left: 0
	}

	.contacto {
		max-width: unset;
		padding-bottom: 0
	}

	.contacto .izquierda {
		max-width: calc(100% - 40px);
		margin: 0 auto;
		padding: 0;
		border-radius: 0;
		background: none
	}

	.contacto .izquierda .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.contacto .izquierda .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.contacto .derecha {
		margin-top: 40px;
		padding: 40px 20px;
		border-radius: 0
	}

	.contacto .derecha .titulo {
		font-size: 3em;
		line-height: 1em;
		text-align: left
	}

	.contacto .derecha form .campos .campo {
		display: block;
		width: unset;
		margin-right: 0
	}

	.contacto .derecha form .campos .campo:nth-of-type(2) {
		margin-top: 10px
	}

	.contacto .derecha form .checks {
		float: none;
		margin-top: 20px
	}

	.contacto .derecha form .botones {
		float: none
	}

	.contacto .derecha form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.legal .titulo {
		font-size: 3em;
		line-height: 1em;
		text-align: left
	}

	.nosotros .bloque_2, .nosotros .bloque_3, .nosotros .bloque_4 {
		padding: 40px 0
	}

	.nosotros .bloque_3 {
		max-width: unset;
		padding: 40px 20px;
		background: var(--gris)
	}

	.nosotros .bloque_1 .texto {
		max-width: calc(100% - 40px);
		text-align: left
	}

	.nosotros .bloque_1 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.nosotros .bloque_2 .imagen, .nosotros .bloque_3 .imagen, .nosotros .bloque_4 .imagen {
		display: block;
		width: unset;
		margin-right: 0;
		border-radius: 5px
	}

	.nosotros .bloque_3 .imagen {
		margin-top: 20px
	}

	.nosotros .bloque_2 .texto, .nosotros .bloque_3 .texto, .nosotros .bloque_4 .texto {
		display: block;
		width: unset;
		margin-top: 20px
	}

	.nosotros .bloque_3 .texto {
		margin-top: 0;
		margin-right: 0
	}

	.nosotros .bloque_2 .texto .titulo, .nosotros .bloque_3 .texto .titulo, .nosotros .bloque_4 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.nosotros .bloque_2 .texto .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.nosotros .bloque_5 {
		margin-top: 0
	}

	.nosotros .bloque_5 .texto .titulo {
		font-size: 3em;
		line-height: 1em;
		text-align: left
	}

	.nosotros .bloque_5 .imagen {
		display: none
	}

	.sostenibilidad .bloque_1 {
		padding: 40px 0
	}

	.sostenibilidad .bloque_1 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.sostenibilidad .bloque_2 {
		max-width: unset;
		padding: 40px 20px;
		background: var(--gris)
	}

	.sostenibilidad .bloque_2 .imagen {
		display: block;
		width: unset;
		margin-right: 0;
		border-radius: 5px
	}

	.sostenibilidad .bloque_2 .texto {
		display: block;
		width: unset;
		margin-top: 20px
	}

	.sostenibilidad .bloque_2 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.trabajos .superior .izquierda .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.trabajos .superior .derecha .seccion {
		position: fixed;
		bottom: 60px;
		right: 10px;
		z-index: 5
	}

	.trabajos .superior .derecha .seccion .desplegar_seccion {
		width: 40px;
		height: 40px;
		padding: 0;
		border-radius: 100%;
		font-size: 0;
		background-position: center
	}

	.trabajos .superior .derecha .seccion .desplegable_seccion {
		top: auto;
		bottom: calc(100% + 10px);
		transform: translate(10px, 0)
	}

	.trabajos .inferior .listado .item_trabajo {
		width: calc(50% - 5px);
		margin-top: 10px;
		margin-right: 10px;
		padding-bottom: 0;
		border-radius: 5px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(4), .trabajos .inferior .listado .item_trabajo:nth-of-type(3) {
		margin-top: 10px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(4n), .trabajos .inferior .listado .item_trabajo:nth-of-type(3n) {
		margin-right: 10px
	}

	.trabajos .inferior .listado .item_trabajo:nth-of-type(2n) {
		margin-right: 0
	}

	.trabajos .inferior .listado .item_trabajo .imagen {
		border-radius: 5px
	}

	.trabajos .inferior .listado .item_trabajo .texto {
		position: static;
		padding: 10px
	}

	.trabajos .inferior .listado .item_trabajo .texto .seccion {
		display: none
	}

	.trabajos .inferior .listado .item_trabajo .texto .titulo {
		margin-top: 0;
		height: 45px;
		font-size: 1.25em;
		line-height: 15px;
		-webkit-line-clamp: 3
	}

	.trabajos .inferior .listado .item_trabajo .texto .descripcion {
		display: none
	}

	.trabajos .inferior .listado .item_trabajo .texto .boton {
		display: none
	}

	.trabajo .superior .titulo {
		float: none;
		padding: 0;
		max-width: unset;
		font-size: 3em;
		line-height: 1em
	}

	.trabajo .superior .volver {
		display: none
	}

	.trabajo .inferior .imagen {
		width: calc(50% - 5px);
		border-radius: 5px
	}

	.trabajo .inferior .imagen:nth-of-type(3) {
		margin-top: 10px
	}

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

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

	.disenamos .bloque_1 .texto {
		max-width: calc(100% - 40px);
		text-align: left
	}

	.disenamos .bloque_1 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.disenamos .bloque_1 .texto .boton {
		margin: 0;
		margin-top: 10px;
		padding: 0 10px;
		line-height: 40px
	}

	.disenamos .bloque_2 .texto {
		max-width: calc(100% - 40px);
		text-align: left
	}

	.disenamos .bloque_3 .superior .titulo {
		font-size: 3em;
		line-height: 1em;
		text-align: left
	}

	.disenamos .bloque_3 .inferior .fases .fase {
		display: block;
		width: unset;
		margin-right: 0
	}

	.disenamos .bloque_3 .inferior .fases .fase:nth-of-type(2) {
		margin-top: 20px
	}

	.disenamos .bloque_3 .inferior .fases .fase .imagen {
		border-radius: 5px
	}

	.diseno {
		max-width: unset;
		margin: 0;
		padding: 40px 20px
	}

	.diseno .titulo {
		font-size: 3em;
		line-height: 1em;
		text-align: left
	}

	.diseno form .campos .campo {
		display: block;
		width: unset;
		margin-right: 0
	}

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

	.diseno form .checks {
		float: none;
		margin-top: 20px
	}

	.diseno form .botones {
		float: none
	}

	.diseno form .botones .boton {
		padding: 0 10px;
		line-height: 40px
	}

	.colaborador .bloque_1 {
		padding: 40px 0
	}

	.colaborador .bloque_1 .imagen {
		display: block;
		width: unset;
		margin-right: 0;
		border-radius: 5px
	}

	.colaborador .bloque_1 .texto {
		display: block;
		width: unset;
		margin-top: 20px
	}

	.colaborador .bloque_1 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

	.colaborador .bloque_2 {
		max-width: unset;
		padding: 40px 20px;
		background: var(--gris)
	}

	.colaborador .bloque_2 .texto .titulo {
		font-size: 3em;
		line-height: 1em
	}

}