/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* $FUENTES */
@font-face{
  font-family:'regular';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'bold';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'casatomasicons';
  src: url('../fonts/casa-tomas.eot?62124429');
  src: url('../fonts/casa-tomas.eot?62124429#iefix') format('embedded-opentype'),
       url('../fonts/casa-tomas.woff2?62124429') format('woff2'),
       url('../fonts/casa-tomas.woff?62124429') format('woff'),
       url('../fonts/casa-tomas.ttf?62124429') format('truetype'),
       url('../fonts/casa-tomas.svg?62124429#casa-tomas') format('svg');
  font-weight: normal;
  font-style: normal;
}

.casatomasicons{
	font-family:'casatomasicons';
	font-style:normal;
	font-weight:normal;
}

.icon-plus:before { content: '\e800'; }
.icon-minus:before { content: '\e801'; }
.icon-down-dir:before { content: '\e802'; }
.icon-cesta:before { content: '\e803'; }
.icon-up-dir:before { content: '\e804'; }
.icon-left-dir:before { content: '\e805'; }
.icon-phone:before { content: '\e806'; }
.icon-right-dir:before { content: '\e807'; }
.icon-down-open:before { content: '\e808'; }
.icon-icon_estrella:before { content: '\e809'; }
.icon-left-open:before { content: '\e80a'; }
.icon-right-open:before { content: '\e80b'; }
.icon-up-open:before { content: '\e80c'; }
.icon-down-open-mini:before { content: '\e80d'; }
.icon-left-open-mini:before { content: '\e80e'; }
.icon-right-open-mini:before { content: '\e80f'; }
.icon-up-open-mini:before { content: '\e810'; }
.icon-icon_lupa:before { content: '\e812'; }
.icon-icon_linkedin:before { content: '\e82b'; }
.icon-icon_twitter:before { content: '\e836'; }
.icon-sobre_1:before { content: '\e83c'; }
.icon-user_1:before { content: '\e849'; }
.icon-lupa:before { content: '\e851'; }
.icon-instagram:before { content: '\e855'; }
.icon-whatsapp:before { content: '\e85a'; }
.icon-carro2-01:before { content: '\e868'; }
.icon-cerrar-01:before { content: '\e869'; }
.icon-calendario:before { content: '\e86e'; }
.icon-interrogante:before { content: '\e86f'; }
.icon-check-circulo:before { content: '\e871'; }
.icon-menu-01:before { content: '\e87b'; }
.icon-location:before { content: '\f031'; }
.icon-angle-left:before { content: '\f104'; }
.icon-angle-right:before { content: '\f105'; }
.icon-angle-up:before { content: '\f106'; }
.icon-angle-down:before { content: '\f107'; }
.icon-facebook-official:before { content: '\f230'; }
.icon-twitter-squared:before { content: '\f304'; }
.icon-twitter-circled:before { content: '\f30a'; }

.icon-facebook:before { content: '\f230'; }
.icon-twitter:before { content: '\f304'; }
.icon-linkedin:before { content: '\e82b'; }
.icon-menu:before { content: '\e87b'; }
.icon-cerrar:before { content: '\e869'; }
.icon-preguntas:before { content: '\e86f'; }
.icon-email:before { content: '\e83c'; }
.icon-usuario:before { content: '\e849'; }

/* $COLORES */
:root{
	--verde:#a2ca3f;
	--verde2:#789f1a;
	
	--lila:#f75eb1;
	--lila2:#5b3692;
	
	--blanco:white;
	--gris1:#f9f9f9;
	--gris2:#dbdbdb;
	--gris3:#aaaaaa;
	--gris4:#757575;
	--gris5:#212121;
	--negro:black;
}

/* $ENLACES */
a:link {
	color:inherit;
}
a:visited {
	color:inherit;
}
a:hover {
	color:inherit;
}
a:active {
	color:inherit;
}
a:focus{
	outline:none;
	text-decoration:none;
}

/* $TODO */
body{
	font-family:'regular';
}
.row{
	margin-left:0;
	margin-right:0;
}
#wrapper{
	background:var(--blanco);
	padding-top:0;
}
.container{
	width:100%;
	padding:0;
}
#main .page-footer{
	margin:0;
}

/* $STICKY */
#wrapper{
	margin-top:20vw;
}
#index #wrapper{
	margin-top:0;
}
@media(min-width:769px){
	#wrapper{
		margin-top:5vw;
	}
}

/* SOLAPADO */
@media(max-width:768px){
	#category #resumenmenu .pasos .fin{z-index:50;}
}
#header{z-index:100;}
#acceso{z-index:1000;}
#nuevomenu{z-index:1000;}
#producto{z-index:2000;}


/* $HEADER (móvil) */
#header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:transparent;
}
#header.opaco{
	background-color:white;
	border-bottom:1px solid var(--gris1);
}
#header .barra{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:20vw;
	padding:0 5vw;
}
#header .barra .columna{
	display:flex;
	align-items:center;
	width:calc(100% / 3);
	height:100%;
}
#header .barra .columna.central{
	justify-content:center;
	text-align:center;
}
#header .barra .columna.derecha{
	justify-content:flex-end;
	text-align:right;
}
#header .barra .burger{
	display:block;
	color:var(--negro);
	width:10vw;
	line-height:10vw;
	font-size:8vw;
	text-align:center;
}
#index #header .barra .burger,
#registro #header .barra .burger{
	color:var(--blanco);
}
#index #header.opaco .barra .burger,
#registro #header.opaco .barra .burger{
	color:var(--negro);
}
#header .barra .logo{
	display:block;
	width:auto;
	height:100%;
	margin:auto;
	object-fit:contain;
}
#header .barra .logo.gris{
	display:none;
}
#header .barra .logo.blanco{
	display:block;
}
#header.opaco .barra .logo.gris{
	display:block;
}
#header.opaco .barra .logo.blanco{
	display:none;
}
#header .barra .carrito{
	font-family:'regular';
	color:var(--negro);
}
#index #header .barra .carrito,
#registro #header .barra .carrito{
	color:var(--blanco);
}
#index #header.opaco .barra .carrito,
#registro #header.opaco .barra .carrito{
	color:var(--negro);
}
#header .barra .carrito .icono{
	color:var(--verde);
	line-height:7vw;
	font-size:7vw;
}
#header .barra .carrito .totalproductos,
#header .barra .carrito .totalprecio{
	line-height:5vw;
	font-size:4.5vw;
	letter-spacing:.4vw;
}

#header .menu{
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100vh;
	background:rgb(0,0,0,.5);
}
#header .menu.visible{
	display:flex;
}
#header .menu .cerrar{
	color:var(--blanco);
	text-align:center;
	width:18vw;
	line-height:18vw;
	font-size:7vw;
}
#header .menu .contenido{
	display:flex;
	flex-direction:column;
	font-family:'bold';
	font-weight:normal;
	line-height:10vw;
	font-size:4.5vw;
	letter-spacing:.3vw;
	background:var(--blanco);
	width:82%;
	height:100%;
	color:var(--negro);
	padding:5vw;
}
#header .menu .fila{
	margin-bottom:5vw;
}
#header .menu .registro{
	line-height:10vw;
}
#header .menu .contenido .icono{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	color:var(--verde);
	width:10vw;
	height:10vw;
	line-height:10vw;
	font-size:5.5vw;
	border-radius:50%;
	box-shadow:0 0 3px 3px var(--gris2);
	margin-right:3px;
}
#header .menu .usuario{
	display:flex;
}
#header .menu .usuario .icono{
	box-shadow:none;
	border-radius:0;
	width:auto;
	height:auto;
	line-height:20vw;
	font-size:12vw;
}
#header .menu .usuario .texto{
	line-height:10vw;
}
#header .menu .usuario .nombre{
	font-size:5vw;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#header .menu .compra{
	width:100%;
	background:var(--verde);
	color: var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
	text-align:center;
}
#header .menu .espacio{
	height:100%;
}
#header .menu .separador{
	border-top:1px solid var(--gris3);
}

/* $HEADER (tablet) */
@media(min-width:769px){
	#header .barra{
		height:5vw;
	}
	#header .barra .burger{
		width:3vw;
		line-height:3vw;
		font-size:3vw;
	}
	#header .barra .carrito .icono{
		line-height:2vw;
		font-size:2vw;
	}
	#header .barra .carrito .totalproductos,
	#header .barra .carrito .totalprecio{
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
	}
	#header .menu .cerrar{
		width:calc(100vw - 30vw);
	}
	#header .menu .cerrar .icono{
		position:fixed;
		display:block;
		top:1vw;
		left:31vw;
		width:2vw;
		height:2vw;
		line-height:2vw;
		font-size:2vw;
	}
	#header .menu .contenido{
		width:30vw;
		line-height:3vw;
		font-size:1.4vw;
		letter-spacing:.2vw;
		padding:3vw;
	}
	#header .menu .fila{
		margin-bottom:2vw;
	}
	#header .menu .registro{
		line-height:3vw;
	}
	#header .menu .contenido .icono{
		width:3vw;
		height:3vw;
		line-height:3vw;
		font-size:1.5vw;
	}
	#header .menu .usuario .icono{
		width:auto;
		height:auto;
		line-height:3vw;
		font-size:3vw;
	}
	#header .menu .usuario .texto{
		line-height:3vw;
	}
	#header .menu .usuario .nombre{
		font-size:1.9vw;
	}
	#header .menu .compra{
		line-height:5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
}

/* $HEADER (portátil) */
@media(min-width:1025px){
	#header .barra .registro{
		font-family:'bold';
		color:white;
		line-height:1.5vw;
		font-size:1vw;
		letter-spacing:.2vw;
	}
	#header.opaco .barra .registro{
		color:var(--negro);
	}
	#header .barra .usuario{
		display:flex;
		align-items:center;
		line-height:1.5vw;
		font-size:1vw;
		letter-spacing:.2vw;
		color:var(--blanco);
		cursor:pointer;
	}
	#header.opaco .barra .usuario{
		color:var(--negro);
	}
	#header .barra .usuario:hover .texto{
		color:var(--verde);
	}
	#header .barra .columna.izquierda .usuario .icono{
		box-shadow:none;
		background:none;
		border:0;
		margin:0;
		line-height:2vw;
		font-size:2vw;
	}
	#header .barra .usuario .nombre{
		font-size:1.2vw;
	}
	#header .barra .columna.izquierda .icono{
		display:inline-flex;
		justify-content:center;
		align-items:center;
		color:var(--verde);
		width:2.3vw;
		height:2.3vw;
		line-height:2.3vw;
		font-size:1.25vw;
		border-radius:50%;
		margin-left:1vw;
		background-color:var(--blanco);
	}
	#header.opaco .barra .columna.izquierda .icono{
		background-color:var(--verde);
		color:var(--blanco);
	}
	#header.opaco .barra .columna.izquierda .icono.icon-usuario{
		background:none;
		color:var(--verde);
	}
	#header .barra .compra{
		font-family:'bold';
		background:var(--verde);
		color:var(--blanco);
		line-height:3vw;
		font-size:1vw;
		letter-spacing:.1vw;
		padding:0 2vw;
		border-radius:5px;
		margin-right:1vw;
		cursor:pointer;
	}
	#category #header .barra .compra{
		display:none;
	}
	#header .barra .carrito .enlace.activo{
		cursor:pointer;
	}
	#header .barra .carrito .icono{
		line-height:1.5vw;
		font-size:1.5vw;
	}
	#header .barra .carrito .totalproductos,
	#header .barra .carrito .totalprecio{
		line-height:1.5vw;
		font-size:1vw;
		letter-spacing:.1vw;
	}
	#header .cuenta{
		position:fixed;
		top:5vw;
		left:5vw;
		display:none;
		width:auto;
		height:auto;
		background:var(--blanco);
		padding:10px;
		border-radius:10px;
	}
	#header .cuenta.activa{
		display:block;
	}
	#header .cuenta .opcion{
		line-height:2vw;
		font-size:1vw;
	}
	#header .cuenta .opcion .enlace:hover{
		color:var(--verde);
	}
}

/* $FOOTER (móvil) */
#footer{
	padding:0;
	border-top:1px solid var(--verde);
}
.footer-container{
	margin:0;
	padding:0;
	box-shadow:none;
}
#footer .footer{
	padding:1vw;
	color:var(--gris4);
	letter-spacing:.1vw;
}
#footer .footer .columna{
	text-align:center;
	margin-bottom:10vw;
}
#footer .footer .logo{
	width:70%;
	margin:auto;
	margin-bottom:5vw;
}
#footer .footer .titulo{
	font-family:'bold';
	color:var(--verde);
	line-height:7vw;
	font-size:6vw;
	letter-spacing:1vw;
	margin-bottom:3vw;
}
#footer .footer .dato{
	display:block;
	line-height:6vw;
	font-size:5vw;
	margin-bottom:3vw;
}
#footer .footer .enlace{
	display:block;
	line-height:6vw;
	font-size:5vw;
	margin-bottom:3vw;
}
#footer .footer .fila.ultima{
	border-top:1px solid var(--gris2);
	padding-top:5vw;
}
#footer .footer .fila.ultima .columna:last-of-type{
	margin:0;
}
#footer .footer .derechos,
#footer .footer .desarrollo,
#footer .footer .legal{
	line-height:5vw;
	font-size:4vw;
}

/* $FOOTER (tablet) */
@media(min-width:769px){
	#footer .footer{
		padding:0 5vw;
	}
	#footer .footer .fila{
		display:flex;
		justify-content:space-around;
		padding:2vw 0;
		margin:0;
	}
	#footer .footer .columna{
		width:20%;
		margin:0;
	}
	#footer .footer .logo{
		width:100%;
		margin:0;
		margin-bottom:1.5vw;
	}
	#footer .footer .titulo{
		line-height:2.5vw;
		font-size:2vw;
		letter-spacing:.2vw;
		margin:0;
		margin-bottom:1.5vw;
	}
	#footer .footer .dato,
	#footer .footer .enlace{
		line-height:1.6vw;
		font-size:1.4vw;
		letter-spacing:.1vw;
		margin:0;
		margin-bottom:1vw;
	}
	#footer .footer .fila.ultima{
		display:flex;
		justify-content:space-between;
		padding:0;
		padding:1vw 0;
	}
	#footer .footer .fila.ultima .columna{
		width:49%;
	}
	#footer .footer .fila .columna.izquierda{
		text-align:left;
	}
	#footer .footer .fila .columna.derecha{
		text-align:right;
	}
	#footer .footer .derechos,
	#footer .footer .desarrollo{
		display:inline;
	}
	#footer .footer .derechos,
	#footer .footer .desarrollo,
	#footer .footer .legal{
		line-height:1.8vw;
		font-size:1.2vw;
		letter-spacing:.05vw;
		margin:0;
	}
}

/* $FOOTER (portátil) */
@media(min-width:1025px){
	#footer .footer .columna{
		width:18%;
	}
	#footer .footer .titulo{
		line-height:1.5vw;
		font-size:1.2vw;
	}
	#footer .footer .dato,
	#footer .footer .enlace{
		line-height:1.2vw;
		font-size:1vw;
	}
	#footer .footer .derechos,
	#footer .footer .desarrollo,
	#footer .footer .legal{
		line-height:1vw;
		font-size:.9vw;
	}
}
/* $FOOTER (escritorio) */
@media(min-width:1281px){
	#footer .footer .columna{
		width:16%;
	}
	#footer .footer .titulo{
		line-height:2vw;
		font-size:1.4vw;
		
		line-height:22px;
		font-size:20px;
	}
	#footer .footer .dato,
	#footer .footer .enlace{
		line-height:20px;
		font-size:16px;
	}
	#footer .footer .derechos,
	#footer .footer .desarrollo,
	#footer .footer .legal{
		line-height:16px;
		font-size:14px;
	}
}

/* $ACCESO - BLOQUE (móvil) */
#acceso{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	display:none;
	justify-content:center;
	align-items:center;
}
#acceso.visible{
	display:flex;
}
#acceso .cerrar{
	position:fixed;
	top:0;
	right:0;
	color:var(--blanco);
	width: 18vw;
	line-height:18vw;
	font-size:7vw;
	text-align:center;
}
#acceso .contenido{
	width:90%;
}
#acceso .contenido .acceso,
#acceso .contenido .recuperacion{
	display:none;
}
#acceso .contenido .acceso.visible,
#acceso .contenido .recuperacion.visible{
	display:block;
}
#acceso .contenido .titulo{
	font-family:'regular';
	line-height:10vw;
	font-size:7vw;
	letter-spacing:.1vw;
	color:var(--blanco);
	text-align:center;
	margin-bottom:5vw;
}
#acceso .contenido .bloque{
	background:var(--blanco);
	padding:4vw;
	border-radius:2px;
}
#acceso .contenido .bloque input{
	width:100%;
	font-family:'regular';
	line-height:10vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	padding:0 3vw;
	border:1px solid var(--gris2);
	margin-bottom:4vw;
}
#acceso .contenido .bloque .clave{
	margin-bottom:0;
}
#acceso .contenido .bloque .email.error,
#acceso .contenido .bloque .clave.error{
	border-color:red;
	background:#ffdddd;
}
#acceso .contenido .bloque .boton{
	width:100%;
	font-family:'bold';
	font-weight:normal;
	background:var(--verde);
	color:var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
	outline:none;
	border:0;
	margin-bottom:7vw;
}
#acceso .contenido .bloque .opciones{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:4vw;
}
#acceso .contenido .bloque .texto,
#acceso .contenido .bloque .enlace{
	line-height:10vw;
	font-size:3.5vw;
	letter-spacing:.1vw;
}
#acceso .contenido .bloque .texto{
	color:var(--gris4);
}
#acceso .contenido .bloque .enlace{
	color:var(--lila2);
	font-family:'bold';
}
#acceso .contenido .bloque .texto input{
	width:auto;
	height:auto;
	margin:0;
	line-height:auto;
	font-size:auto;
	vertical-align:middle;
	letter-spacing:.5vw;
}
#acceso .contenido .bloque .separador{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:var(--gris2);
	line-height:4vw;
	font-size:4vw;
	margin-bottom:2vw;
}
#acceso .contenido .bloque .separador .linea{
	width:47%;
	border-top:1px solid var(--gris2);
}
#acceso .contenido .bloque .final{
	text-align:center;
}
#acceso .contenido .bloque .final .texto,
#acceso .contenido .bloque .final .enlace{
	line-height:7vw;
}

/* $ACCESO - BLOQUE (tablet) */
@media(min-width:769px){
	#acceso .cerrar{
		top:3vw;
		right:3vw;
		width:3vw;
		line-height:3vw;
		font-size:3vw;
	}
	#acceso .contenido{
		width:32%;
	}
	#acceso .contenido .titulo{
		line-height:4vw;
		font-size:2.4vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#acceso .contenido .bloque{
		padding:2vw;
	}
	#acceso .contenido .bloque input{
		line-height:4vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		padding:0 2vw;
		margin-bottom:1vw;
	}
	#acceso .contenido .bloque .opciones{
		margin-bottom:1.5vw;
	}
	#acceso .contenido .bloque .texto,
	#acceso .contenido .bloque .enlace{
		line-height:3vw;
		font-size:1.2vw;
	}
	#acceso .contenido .bloque .boton{
		width:100%;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.2vw;
		padding:0 4vw;
		margin-bottom:2vw;
	}
	#acceso .contenido .bloque .separador{
		line-height:1.5vw;
		font-size:1.5vw;
		margin-bottom:1vw;
	}
	#acceso .contenido .bloque .final .texto,
	#acceso .contenido .bloque .final .enlace{
		line-height:2.5vw;
	}
}

/* $ACCESO - BLOQUE (portátil) */

@media(min-width:1025px){
	#acceso .cerrar{
		top:5vw;
		right:5vw;
		width:2vw;
		line-height:2vw;
		font-size:2vw;
		cursor:pointer;
	}
	#acceso .contenido{
		width:25%;
	}
	#acceso .contenido .titulo{
		line-height:3vw;
		font-size:2vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#acceso .contenido .bloque{
		padding:1.5vw 1vw;
	}
	#acceso .contenido .bloque input{
		line-height:2.5vw;
		font-size:1.2vw;
		padding:0 1vw;
		margin-bottom:.5vw;
	}
	#acceso .contenido .bloque .opciones{
		margin-bottom:.5vw;
	}
	#acceso .contenido .bloque .texto,
	#acceso .contenido .bloque .enlace{
		line-height:3vw;
		font-size:1vw;
	}
	#acceso .contenido .bloque .enlace{
		cursor:pointer;
	}
	#acceso .contenido .bloque .boton{
		cursor:pointer;
		border:2px solid var(--verde);
		line-height:4vw;
		font-size:1.2vw;
		padding:0 1.5vw;
		margin-bottom:1vw;
	}
	#acceso .contenido .bloque .separador{
		line-height:3vw;
		font-size:1vw;
		margin-bottom:0;
	}
	#acceso .contenido .bloque .final .texto,
	#acceso .contenido .bloque .final .enlace{
		line-height:2vw;
	}
}

/* $SOCIAL - BLOQUE (móvil) */
#redessociales{
	display:flex;
	justify-content:center;
}
#header .menu .separador{
	margin-bottom:5vw;
}
#redessociales .red{
	display:flex;
	justify-content:center;
	align-items:center;
	width:7vw;
	height:7vw;
	border-radius:50%;
	margin:0 4vw;
	margin-bottom:0;
	line-height:10vw;
	font-size:4vw;
	box-shadow:0 0 3px 3px var(--gris2);
}
#redessociales .red .icono,
#header #redessociales .red .icono{
	display:block;
	width:5.5vw;
	height:5.5vw;
	line-height:5.5vw;
	font-size:5.5vw;
	margin:0;
	color:var(--gris3);
	box-shadow:none;
	border-radius:0;
}


/* $SOCIAL - BLOQUE (tablet) */
@media(min-width:769px){
	#header .menu .separador{
		margin-bottom:2vw;
	}
	#redessociales .red{
		width:3vw;
		height:3vw;
		margin:auto;
	}
	#redessociales .red .icono,
	#header #redessociales .red .icono{
		width:1vw;
		height:1vw;
		line-height:1vw;
		font-size:1vw;
	}
}

/* $SOCIAL - BLOQUE (portátil) */
@media(min-width:1025px){
	#redessociales .red{
		width:2vw;
		height:2vw;
	}
}

/* $SOCIAL - BLOQUE (escritorio) */
@media(min-width:1281px){
	#redessociales .red{
		width:30px;
		height:30px;
		line-height:10px;
		font-size:10px;
	}
}

/* $PORTADA - INICIO Y REGISTRO (móvil) */
#portada{
	position:relative;
	width:100%;
	height:100vh;
}
#portada .fondo{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	filter:brightness(56%);
}
#portada .centro{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:var(--blanco);
	text-align:center;
	padding:0 5%;
}
#portada .centro h1{
	font-family:'bold';
	font-weight:normal;
	line-height:9vw;
	font-size:7vw;
	letter-spacing:1vw;
	margin-bottom:15vw;
}
#portada .centro h2{
	font-family:'regular';
	font-weight:normal;
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:15vw;
}
#portada .centro strong{
	font-family:'bold';
	font-weight:normal;
}
#portada .centro .boton{
	width:100%;
	font-family:'bold';
	font-weight:normal;
	background:var(--verde);
	color:var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
}
@media(min-width:769px){
	#portada .centro h1{
		line-height:5vw;
		font-size:3.5vw;
		letter-spacing:.5vw;
		margin-bottom:5vw;
	}
	#portada .centro h2{
		width:50%;
		line-height:2.5vw;
		font-size:2vw;
		letter-spacing:.5vw;
		margin-bottom:5vw;
	}
	#portada .centro .boton{
		width:auto;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.3vw;
		padding:0 5vw;
		border:2px solid var(--verde);
	}
}
@media(min-width:1025px){
	#portada .centro .boton{
		cursor:pointer;
	}
	#portada .centro .boton:hover{
		background:transparent;
		color:var(--verde);
	}
}
@media(min-width:1281px){
	#portada .centro h1{
		width:60%;
		line-height:3vw;
		font-size:2vw;
		letter-spacing:.3vw;
		margin-bottom:4vw;
	}
	#portada .centro h2{
		width:30%;
		line-height:1.3vw;
		font-size:1vw;
		letter-spacing:.3vw;
		margin-bottom:4vw;
	}
	#portada .centro .boton{
		width:auto;
		line-height:3vw;
		font-size:1vw;
		letter-spacing:.2vw;
		padding:0 5vw;
	}
}

/* $SERVICIOS - INICIO (móvil) */
#servicios{
	padding:0 5vw;
}
#servicios .servicio{
	margin:15vw 0;
}
#servicios .servicio .imagen{
	width:100%;
	height:80vw;
	object-fit:cover;
	margin-bottom:5vw;
}
#servicios .servicio .textos{
	color:var(--negro);
	text-align:center;
}
#servicios .servicio .textos .titulo{
	font-family:'bold';
	font-weight:normal;
	line-height:10vw;
	font-size:7vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
}
#servicios .servicio .textos .texto{
	font-family:'regular';
	font-weight:normal;
	line-height:7vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
}
#servicios .servicio .textos .boton{
	display:block;
	font-family:'bold';
	font-weight:normal;
	color:var(--blanco);
	line-height:15vw;
	font-size:6vw;
	background:var(--verde);
	border-radius:5px;
	border:2px solid var(--verde);
}
/* $SERVICIOS - INICIO (tablet) */
@media(min-width:769px){
	#servicios{
		padding:0;
	}
	#servicios .servicio{
		display:flex;
		justify-content:space-around;
		align-items:center;
		margin:0;
		padding:5vw;
	}
	#servicios .servicio:nth-of-type(odd){
		flex-direction:row-reverse;
	}
	#servicios .servicio:nth-of-type(even){
		background:var(--gris1);
	}
	#servicios .servicio .imagen{
		display:block;
		width:40vw;
		height:40vw;
		margin:0;
	}
	#servicios .servicio .textos{
		width:40vw;
	}
	#servicios .servicio .textos .titulo{
		line-height:4.3vw;
		font-size:2.5vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#servicios .servicio .textos .texto{
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		margin-bottom:4vw;
	}
	#servicios .servicio .textos .boton{
		display:inline-block;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.1vw;
		padding:0 4vw;
	}
}
/* $SERVICIOS - INICIO (portátil) */
@media(min-width:1025px){
	#servicios .servicio .textos .boton:hover{
		background:transparent;
		color:var(--verde);
	}
}
/* $SERVICIOS - INICIO (escritorio) */
@media(min-width:1281px){
	#servicios .servicio .imagen{
		width:30vw;
		height:26vw;
	}
	#servicios .servicio .textos{
		width:25vw;
	}
	#servicios .servicio .textos .titulo{
		line-height:2.5vw;
		font-size:1.5vw;
	}
	#servicios .servicio .textos .texto{
		line-height:1.3vw;
		font-size:1vw;
	}
	#servicios .servicio .textos .boton{
		line-height:3vw;
		font-size:1vw;
		letter-spacing:.2vw;
		padding:0 3vw;
	}
}

/* $MOTIVOS - INICIO (móvil) */
#motivos{
	position:relative;
	width:100%;
	height:100vh;
	color:var(--blanco);
	text-align:center;
	background-position:center;
	background-size:cover;
}
#motivos .fondo{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	filter:brightness(56%);
}
#motivos .centro{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:var(--blanco);
	text-align:center;
}
#motivos .centro > .titulo{
	font-family:'bold';
	font-weight:normal;
	line-height:9vw;
	font-size:7vw;
	letter-spacing:1vw;
	margin-bottom:5vw;
	padding:0 5%;
}
#motivos .centro > .subtitulo{
	font-family:'regular';
	font-weight:normal;
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:10vw;
	padding:0 5%;
}
#motivos .centro .motivos{
	width:100%;
}
#motivos .centro .motivos .motivo{
	width:100%;
	height:100vw;
}
#motivos .centro .motivos .motivo .imagen{
	width:60vw;
	height:60vw;
	margin:0 auto;
	border-radius:50%;
	border:4px solid var(--blanco);
	margin-bottom:5vw;
}
#motivos .centro .motivos .motivo .titulo{
	font-family:'bold';
	font-weight:normal;
	padding:0 5%;
	letter-spacing:.5vw;
	line-height:8vw;
	font-size:6vw;
}
#motivos .centro .motivos .motivo .texto{
	font-family:'regular';
	font-weight:normal;
	padding:0 5%;
	letter-spacing:.5vw;
	line-height:6vw;
	font-size:4.5vw;
}
#motivos .slick-arrow{
	display:none !important;
}
#motivos .slick-dots{
	display:flex;
	justify-content:center;
	align-items:center;
}
#motivos .slick-dots li{
	display:flex;
	justify-content:center;
	align-items:center;
	width:10vw;
	height:10vw;
}
#motivos .slick-dots button{
	display:block;
	background:white;
	border:0;
	font-size:0;
	border-radius:50%;
	min-width:auto;
	min-height:auto;
	width:10px;
	height:10px;
	line-height:5px;
	padding:0;
	margin:0;
}
#motivos .slick-dots .slick-active button{
	background:var(--verde);
}

/* $MOTIVOS - INICIO (tablet) */

@media(min-width:769px){
	#motivos{
		height:45vw;
	}
	#motivos .centro{
		padding:0 5vw;
	}
	#motivos .centro > .titulo{
		line-height:3vw;
		font-size:2.5vw;
		letter-spacing:.5vw;
		margin-bottom:2vw;
		margin-bottom:2vw;
	}
	#motivos .centro > .subtitulo{
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		margin-bottom:3vw;
	}
	#motivos .centro .motivos{
		display:flex;
	}
	#motivos .centro .motivos .motivo{
		height:auto;
	}
	#motivos .centro .motivos .motivo .imagen{
		width:13vw;
		height:13vw;
		margin-bottom:1vw;
	}
	#motivos .centro .motivos .motivo .titulo{
		line-height:2.5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#motivos .centro .motivos .motivo .texto{
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
	}
}

/* $MOTIVOS - INICIO (portátil) */

@media(min-width:1025px){
	#motivos{
		height:38vw;
	}
	#motivos .centro > .titulo{
		line-height:2.5vw;
		font-size:2vw;
		letter-spacing:.5vw;
		margin-bottom:2vw;
	}
	#motivos .centro > .subtitulo{
		line-height:2vw;
		font-size:1.3vw;
		letter-spacing:.3vw;
		margin-bottom:3vw;
	}
	#motivos .centro .motivos .motivo .titulo{
		line-height:2vw;
		font-size:1.4vw;
	}
	#motivos .centro .motivos .motivo .texto{
		line-height:1.5vw;
		font-size:1.2vw;
	}
}

/* $MOTIVOS - INICIO (escritorio) */

@media(min-width:1281px){
	#motivos{
		height:35vw;
	}
	#motivos .centro > .titulo{
		line-height:2.5vw;
		font-size:1.5vw;
		letter-spacing:.3vw;
		margin-bottom:2vw;
	}
	#motivos .centro > .subtitulo{
		line-height:1.3vw;
		font-size:1vw;
		letter-spacing:.3vw;
		margin-bottom:3vw;
	}
	#motivos .centro .motivos .motivo .imagen{}
	#motivos .centro .motivos .motivo .titulo{
		line-height:2vw;
		font-size:1.1vw;
	}
	#motivos .centro .motivos .motivo .texto{
		line-height:1.3vw;
		font-size:1vw;
	}
}

/* $FAQS - INICIO (móvil) */
#preguntas{
	padding:15% 5%;
	color:var(--negro);
}
#preguntas > .titulo{
	font-family:'bold';
	padding:0;
	margin:0 5%;
	line-height:10vw;
	font-size:7vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
}
#preguntas > .subtitulo{
	font-family:'regular';
	line-height:7vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin:0 5%;
	margin-bottom:10vw;
}
#preguntas .preguntas .pregunta{
	margin-bottom:5vw;
}
#preguntas .preguntas .pregunta .titulo{
	display:flex;
	font-family:'bold';
	letter-spacing:.5vw;
	line-height:6.5vw;
	font-size:5.5vw;
	letter-spacing:.5vw;
}
#preguntas .preguntas .pregunta .titulo .icono{
	margin-right:1vw;
}
#preguntas .preguntas .pregunta .titulo .mas{
	display:block;
}
#preguntas .preguntas .pregunta .titulo .menos{
	display:none;
}
#preguntas .preguntas .pregunta .respuesta{
	display:none;
}
#preguntas .preguntas .pregunta.desplegado .titulo{
	color:var(--verde);
}
#preguntas .preguntas .pregunta.desplegado .respuesta{
	display:block;
}
#preguntas .preguntas .pregunta .respuesta{
	font-family:'regular';
	line-height:5vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-top:5vw;
}
#preguntas .preguntas .pregunta .enlace{
	display:block;
	width:100%;
	margin-top:5vw;
	border-radius:5px;
	font-family:'bold';
	font-weight:normal;
	color:var(--blanco);
	line-height:12vw;
	font-size:5vw;
	background:var(--verde);
	letter-spacing:1vw;
	text-align:center;
	border-radius:5px;
}
#preguntas .preguntas .pregunta .respuesta .texto a{
	color:var(--verde);
	text-decoration:underline;
	font-family:'bold';
}


/* $CONTACTO */
#contacto{
	margin:15% 5%;
	color:var(--negro);
}
#contacto .titulo{
	font-family:'bold';
	text-align:center;
	line-height:10vw;
	font-size:7vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
}
#contacto .subtitulo{
	font-family:'regular';
	text-align:center;
	line-height:7vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
}
#contacto .form-control.form-control-select{
	background:white;
	outline:none;
	height:10vw;
	line-height:10vw;
	font-size:4.5vw;
	padding-bottom:3vw;
	margin-bottom:4vw;
	border:1px solid var(--gris2);
	font-family:'regular';
	letter-spacing:.5vw;
	color:var(--negro);
}
#contacto input,
#contacto textarea{
	width:100%;
	font-family:'regular';
	line-height:10vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	padding:0 3vw;
	border:1px solid var(--gris2);
	margin-bottom:4vw;
	outline:none;
}
#contacto textarea{
	height:calc(7vw * 5);
	line-height:7vw;
	padding:1vw 3vw;
	resize:vertical;
}
#contacto input:focus,
#contacto textarea:focus,
#contacto .form-control.form-control-select:focus{
	outline:1px solid var(--verde);
	border-color:var(--verde);
}
#contacto .politica{
	display:flex;
}
#contacto .politica .checkbox{
	margin:0;
	margin-right:10px;
}
#contacto .politica .texto{
	font-family:'regular';
	line-height:5vw;
	font-size:4.5vw;
	color:var(--gris3);
}
#contacto .politica .texto .enlace{
	font-family:'bold';
}
#contacto .opciones{
	display:flex;
	justify-content:space-between;
}
#contacto .tipo{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:50%;
}
#contacto .tipo .icono{
	line-height:8vw;
	font-size:8vw;
	color:var(--gris4);
}
#contacto .tipo .icono.icon-phone{
	font-weight:bold;
}
#contacto .tipo .icono.activo{
	color:var(--verde);
}
#contacto .tipo .boton-deslizante{
	display:flex;
	background:var(--gris2);
	width:20vw;
	padding:1vw;
	border-radius:6vw;
}
#contacto .tipo .boton-deslizante.derecha{
	justify-content:flex-end;
}
#contacto .tipo .boton-deslizante .bola{
	border-radius:50%;
	background:var(--blanco);
	width:6vw;
	height:6vw;
}
#contacto .boton{
	width:40%;
	font-family:'bold';
	font-weight:normal;
	color:var(--blanco);
	line-height:15vw;
	font-size:6vw;
	background:var(--verde);
	letter-spacing:1vw;
	text-align:center;
	border-radius:5px;
}
#contacto input.error,
#contacto textarea.error{
	background-color:#ffeeee;
	color:red;
	border:1px solid red;
}
#contacto .politica.error .texto{
	color:red;
}
#contacto .respuesta{
	display:none;
	font-family:'regular';
	line-height:5vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin:5vw 0;
	width:100%;
}
#contacto .respuesta *{
	padding:3vw;
}
#contacto .respuesta .exito{
	color:white;
	background:var(--verde);
}
#contacto .respuesta .error{
	color:white;
	background:red;
}
#contacto .respuesta.visible{
	display:block;
}
#contacto .respuesta .exito,
#contacto .respuesta .error{
	display:none;
}
#contacto .respuesta.exito .exito,
#contacto .respuesta.error .error{
	display:block;
}

/* $PREGUNTAS + $CONTACTO - INICIO (tablet) */

@media(min-width:769px){
	#preguntas,
	#contacto{
		margin:5vw;
		padding:5vw;
		border-radius:5px;
		box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);
	}
	#preguntas > .titulo,
	#contacto .titulo{
		text-align:center;
		line-height:4.3vw;
		font-size:2.5vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#preguntas > .subtitulo,
	#contacto .subtitulo{
		text-align:center;
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		margin-bottom:4vw;
	}
	#preguntas .preguntas .pregunta{
		margin-bottom:2vw;
	}
	#preguntas .preguntas .pregunta .titulo{
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		margin-bottom:1vw;
	}
	#preguntas .preguntas .pregunta .respuesta{
		margin-top:0;
		margin-left:2.5vw;
	}
	#preguntas .preguntas .pregunta .respuesta .texto{
		line-height:2.3vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
	}
	#preguntas .preguntas .pregunta .respuesta .enlace{
		width:30%;
		line-height:4vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		padding:0 2vw;
		margin-top:2vw;
	}
	#preguntas .preguntas .pregunta .titulo .mas{
		margin-right:.5vw;
	}
	#contacto .fila{
		display:flex;
		justify-content:space-between;
	}
	#contacto .form-control.form-control-select{
		height:4vw;
		line-height:4vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		padding:0 2vw;
		margin-bottom:1vw;
	}
	#contacto input{
		width:49.3%;
	}
	#contacto input,
	#contacto textarea{
		line-height:4vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		padding:0 2vw;
		margin-bottom:1vw;
	}
	#contacto textarea{
		height:calc(3vw * 4);
		line-height:2vw;
		padding:1vw 2vw;
	}
	#contacto input[name="nombre"]{
		width:100%;
	}
	#contacto .politica .texto{
		line-height:1.8vw;
		font-size:1.4vw;
		letter-spacing:.1vw;
	}
	#contacto .opciones{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#contacto .tipo{
		width:auto;
	}
	#contacto .tipo .icono{
		line-height:3vw;
		font-size:3vw;
	}
	#contacto .boton{
		width:auto;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.2vw;
		padding:0 4vw;
	}
	#contacto .tipo .boton-deslizante{
		width:6vw;
		padding:.3vw;
		border-radius:2vw;
		margin:0 2vw;
	}
	#contacto .tipo .boton-deslizante .bola{
		width:2vw;
		height:2vw;
	}
	#contacto .respuesta{
		line-height:4vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
		margin:2vw 0;
	}
	#contacto .respuesta *{
		padding:0 2vw;
	}
}

/* $PREGUNTAS + $CONTACTO - INICIO (portátil) */

@media(min-width:1025px){
	#preguntas-contacto{
		display:flex;
		justify-content:space-between;
		padding:5vw;
	}
	#preguntas-contacto #preguntas,
	#preguntas-contacto #contacto{
		width:48%;
		margin:0;
		padding:3vw;
	}
	#preguntas > .titulo,
	#contacto .titulo{
		line-height:2vw;
		font-size:1.8vw;
	}
	#preguntas .preguntas .pregunta .titulo{
		cursor:pointer;
		line-height:2vw;
		font-size:1.3vw;
	}
	#preguntas .preguntas .pregunta .titulo:hover{
		color:var(--verde);
	}
	#preguntas .preguntas .pregunta .respuesta .texto{
		line-height:2vw;
		font-size:1.2vw;
	}
	#preguntas .preguntas .pregunta .respuesta .enlace{
		width:55%;
		line-height:3vw;
		font-size:1.2vw;
	}
	#contacto .form-control.form-control-select{
		line-height:2.5vw;
		font-size:1.2vw;
		padding:0 1vw;
		margin-bottom:.5vw;
	}
	#contacto input,
	#contacto textarea{
		line-height:2.5vw;
		font-size:1.2vw;
		padding:0 1vw;
		margin-bottom:.5vw;
	}
	#contacto textarea{
		height:calc(2.5vw * 4);
		line-height:2vw;
		padding:.5vw 1vw;
	}
	#contacto .politica{
		margin-bottom:1vw;
	}
	#contacto .politica .texto{
		line-height:1.3vw;
		font-size:1.2vw;
	}
	#contacto .tipo .icono{
		line-height:2.35vw;
		font-size:2.35vw;
	}
	#contacto .tipo .boton-deslizante{
		width:5vw;
		margin:0 1.5vw;
	}
	#contacto .tipo .boton-deslizante .bola{
		width:1.5vw;
		height:1.5vw;
	}
	#contacto .boton{
		cursor:pointer;
		border:2px solid var(--verde);
		line-height:3vw;
		font-size:1.2vw;
		padding:0 1.5vw;
	}
	#contacto .boton:hover{
		background:transparent;
		color:var(--verde);
	}
	#contacto .respuesta{
		line-height:1.5vw;
		font-size:1.2vw;
		margin-bottom:.5vw;
		margin:1vw 0;
	}
	#contacto .respuesta *{
		padding:1vw;
	}
}

/* $PREGUNTAS + $CONTACTO - INICIO (escritorio) */

@media(min-width:1281px){
	#preguntas-contacto{
		padding:7vw;
	}
	#preguntas > .titulo,
	#contacto .titulo{
		line-height:2.5vw;
		font-size:1.5vw;
	}
	#preguntas > .subtitulo,
	#contacto .subtitulo{
		line-height:1.3vw;
		font-size:1vw;
		margin-bottom:2vw;
	}
	#preguntas .preguntas .pregunta .titulo{
		line-height:2vw;
		font-size:1.1vw;
	}
	#preguntas .preguntas .pregunta .respuesta .texto{
		line-height:1.3vw;
		font-size:1vw;
	}
	#preguntas .preguntas .pregunta .respuesta .enlace{
		line-height:2.5vw;
		font-size:1vw;
	}
	#contacto .form-control.form-control-select{
		height:2.1vw;
		line-height:2.1vw;
		font-size:1vw;
		padding:0 .8vw;
	}
	#contacto input,
	#contacto textarea{
		line-height:2.1vw;
		font-size:1vw;
		padding:0 .8vw;
	}
	#contacto textarea{
		height:calc(2vw * 4);
		line-height:1.5vw;
		font-size:1vw;
		padding:.3vw .8vw;
	}
	#contacto .politica .texto{
		line-height:1.3vw;
		font-size:1vw;
	}
	#contacto .tipo .icono{
		line-height:2vw;
		font-size:2vw;
	}
	#contacto .tipo .boton-deslizante{
		width:4vw;
		border-radius:1.2vw;
		padding:.25vw;
		margin:0 1vw;
	}
	#contacto .tipo .boton-deslizante .bola{
		width:1.2vw;
		height:1.2vw;
	}
	#contacto .respuesta{
		line-height:1vw;
		font-size:.9vw;
		margin:1vw 0;
	}
	#contacto .respuesta *{
		padding:.8vw;
	}
}

/* $EXTRA - INICIO (móvil) */

#index .inicioextra{
	position:relative;
	width:100%;
	height:120vw;
}
#index .inicioextra .fondo{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(56%);
}
#index .inicioextra .centro {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:var(--blanco);
    text-align:center;
    padding:0 5%;
}
#index .inicioextra .centro .titulo{
	font-family:'bold';
	font-weight:normal;
	line-height:9vw;
	font-size:6.1vw;
	letter-spacing:1vw;
	margin-bottom:15vw;
}
#index .inicioextra .centro .subtitulo{
	font-family:'regular';
	font-weight:normal;
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:15vw;
}
#index .inicioextra .centro .boton{
	width:100%;
	font-family:'bold';
	font-weight:normal;
	background:var(--verde);
	color:var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
}

/* $EXTRA - INICIO (tablet) */

@media(min-width:769px){
	#index .inicioextra{
		height:30vw;
	}
	#index .inicioextra .centro .titulo{
		line-height:3vw;
		font-size:2.5vw;
		letter-spacing:.5vw;
		margin-bottom:2vw;
	}
	#index .inicioextra .centro .subtitulo{
		line-height:2.5vw;
		font-size:1.5vw;
		letter-spacing:.3vw;
		margin-bottom:5vw;
	}
	#index .inicioextra .centro .boton{
		width:auto;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.3vw;
		padding:0 5vw;
		border:2px solid var(--verde);
	}
}

/* $EXTRA - INICIO (portátil) */

@media(min-width:1025px){
	#index .inicioextra{
		height:20vw;
	}	
	#index .inicioextra .centro .titulo{
		line-height:2.5vw;
		font-size:2vw;
		letter-spacing:.5vw;
		margin-bottom:2vw;
	}
	#index .inicioextra .centro .subtitulo{
		line-height:2vw;
		font-size:1.3vw;
		letter-spacing:.3vw;
		margin-bottom:3vw;
	}
	#index .inicioextra .centro .boton{
		width:auto;
		border:2px solid var(--verde);
		line-height:3.5vw;
		font-size:1.5vw;
		padding:0 2vw;
	}
	#index .inicioextra .centro .boton:hover{
		background:transparent;
		color:var(--verde);
	}
}

/* $EXTRA - INICIO (escritorio) */

@media(min-width:1281px){
	#index .inicioextra{
		height:18vw;
	}	
	#index .inicioextra .centro .titulo{
		line-height:2.5vw;
		font-size:1.5vw;
		letter-spacing:.3vw;
		margin-bottom:2vw;
	}
	#index .inicioextra .centro .subtitulo{
		line-height:1.3vw;
		font-size:1vw;
		letter-spacing:.3vw;
		margin-bottom:3vw;
	}
	#index .inicioextra .centro .boton{
		line-height:3vw;
		font-size:1vw;
		letter-spacing:.2vw;
		padding:0 3vw;
	}
}

/* $NUEVOMENU - BLOQUE (móvil) */

#nuevomenu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	display:none;
	justify-content:center;
	align-items:center;
}
#nuevomenu.visible{
	display:flex;
}
#nuevomenu .cerrar{
	position:fixed;
	top:0;
	right:0;
	color:var(--blanco);
	width: 18vw;
	line-height:18vw;
	font-size:7vw;
	text-align:center;
}
#nuevomenu .contenido{
	width:90%;
}
#nuevomenu .contenido .titulo{
	font-family:'bold';
	line-height:10vw;
	font-size:7vw;
	letter-spacing:.5vw;
	color:var(--blanco);
	text-align:center;
	margin-bottom:5vw;
}
#nuevomenu .contenido .bloque{
	background:var(--blanco);
	padding:4vw;
	border-radius:2px;
}
#nuevomenu .contenido .bloque .campo .etiqueta{
	display:flex;
	justify-content:space-between;
	margin-bottom:5vw;
}
#nuevomenu .contenido .bloque .campo .etiqueta .texto{
	font-family:'bold';
	line-height:7vw;
	font-size:7vw;
	color:var(--negro);
	letter-spacing:.5vw;
	margin-right:10px;
}
#nuevomenu .contenido .bloque .campo .etiqueta .linea{
	width:100%;
	height:6vw;
	border-bottom:1px solid var(--negro);
}
#nuevomenu .contenido .bloque .campo .opciones{
	display:flex;
	justify-content:space-around;
	align-items:center;
	background:var(--gris1);
	margin-bottom:5vw;
}
#nuevomenu .contenido .bloque .campo .opcion{
	display:flex;
	justify-content:center;
	align-items:center;
	color:var(--gris3);
	text-transform:uppercase;
	width:25%;
	text-align:center;
	border-radius:2px;
	min-height:10vw;
	line-height:3.5vw;
	font-size:3vw;
	letter-spacing:.3vw;
}
#nuevomenu .contenido .bloque .campo .opcion.tachada{
	text-decoration:line-through;
}
#nuevomenu .contenido .bloque .campo .opcion.activa{
	background:var(--lila2);
	color:white;
}
#nuevomenu .contenido .bloque .mensaje{
	font-family:'regular';
	font-weight:normal;
	line-height:5vw;
	font-size:4vw;
	letter-spacing:.5vw;
	margin-bottom:5vw;
	text-align:center;
}
#nuevomenu .contenido .bloque .boton{
	width:100%;
	font-family:'bold';
	font-weight:normal;
	background:var(--verde);
	color:var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
	outline:none;
	border:0;
	margin-bottom:7vw;
}

/* $NUEVOMENU - BLOQUE (tablet) */

@media(min-width:769px){
	#nuevomenu .cerrar{
		top:3vw;
		right:3vw;
		width:3vw;
		line-height:3vw;
		font-size:3vw;
	}
	#nuevomenu .contenido{
		width:32%;
	}
	#nuevomenu .contenido .titulo{
		line-height:4vw;
		font-size:2.4vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#nuevomenu .contenido .bloque{
		padding:2vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta{
		margin-bottom:2vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta .texto{
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.25vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta .linea{
		height:1.5vw;
	}
	#nuevomenu .contenido .bloque .campo .opciones{
		margin-bottom:2vw;
	}
	#nuevomenu .contenido .bloque .campo .opcion{
		width:31%;
		min-height:3.5vw;
		line-height:1.4vw;
		font-size:.9vw;
	}
	#nuevomenu .contenido .bloque .mensaje{
		line-height:2vw;
		font-size:1.2vw;
		letter-spacing:.1vw;
		margin-bottom:.5vw;
	}
	#nuevomenu .contenido .bloque .boton{
		width:100%;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.2vw;
		padding:0 4vw;
		margin-top:2vw;
		margin-bottom:2vw;
	}
}

/* $NUEVOMENU - BLOQUE (portátil) */

@media(min-width:1025px){
	#nuevomenu .cerrar{
		top:5vw;
		right:5vw;
		width:2vw;
		line-height:2vw;
		font-size:2vw;
		cursor:pointer;
	}
	#nuevomenu .contenido{
		width:25%;
	}
	#nuevomenu .contenido .titulo{
		line-height:3vw;
		font-size:2vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#nuevomenu .contenido .bloque{
		padding:1.5vw 1vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta{
		margin-bottom:1.5vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta .texto{
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#nuevomenu .contenido .bloque .campo .etiqueta .linea{
		height:1.6vw;
	}
	#nuevomenu .contenido .bloque .campo .opciones{
		margin-bottom:1.5vw;
	}
	#nuevomenu .contenido .bloque .campo .opcion{
		min-height:3vw;
		line-height:1vw;
		font-size:.8vw;
		letter-spacing:.15vw;
		cursor:pointer;
	}
	#nuevomenu .contenido .bloque .campo .opcion.activa,
	#nuevomenu .contenido .bloque .campo .opcion.tachada{
		cursor:default;
		pointer-events:none;
	}
	#nuevomenu .contenido .bloque .mensaje{
		line-height:1.2vw;
		font-size:.8vw;
		letter-spacing:.15vw;
		margin-bottom:0;
	}
	#nuevomenu .contenido .bloque .boton{
		cursor:pointer;
		border:2px solid var(--verde);
		line-height:4vw;
		font-size:1.2vw;
		padding:0 1.5vw;
		margin-bottom:1vw;
	}
}

/* $MENU - $CATEGORIA */

#category #wrapper{
	min-height:60vh;
}
#category #resumenmenu{
	position:fixed;
	background:white;
	z-index:2;
	margin-top:1px;
}
#category #resumenmenu{
	width:100%;
	background-color:var(--gris1);
}
#category #resumenmenu .fila{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	border:1px solid var(--gris2);
}
#category #resumenmenu .fila.datos.escritorio{
	display:none;
}
#category #resumenmenu .datos{
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.2vw;
	padding:1vw 0;
	padding-left:10vw;
	border-bottom:0;
}
#category #resumenmenu .datos.movil{
	align-items:center;
}
#category #resumenmenu .editar{
	color:var(--blanco);
	background-color:var(--verde);
	border-radius:2px;
	padding:0 5vw;
	line-height:8vw;
	font-size:4vw;
	margin-right:10vw;
}
#category #resumenmenu .pasos{
	display:flex;
	width:100%;
}
#category #resumenmenu .pasos .paso{
	display:flex;
	justify-content:center;
	align-items:center;
	border-left:1px solid var(--gris2);
}
#category #resumenmenu .pasos .paso:first-of-type{
	border:0;
}
#category #resumenmenu .pasos .paso .texto{
	display:none;
	font-family:'bold';
	color:var(--blanco);
	line-height:10vw;
	font-size:4.5vw;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#category #resumenmenu .pasos .paso .numero{
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'bold';
	color:var(--gris3);
	width:11vw;
	height:11vw;
	line-height:11vw;
	font-size:4vw;
	border:3px solid var(--gris3);
	border-radius:50%;
	margin:2vw;
}
#category #resumenmenu .pasos .paso .icono{
	display:none;
	color:var(--verde);
	line-height:11vw;
	font-size:12.5vw;
	margin:1.5vw;
}
#category #resumenmenu .pasos .paso.completo .icono{
	display:block;
}
#category #resumenmenu .pasos .paso.completo .numero{
	display:none;
}
#category #resumenmenu .pasos .paso.activo{
	width:100%;
	justify-content:flex-start;
	background-color:var(--verde);
}
#category #resumenmenu .pasos .paso.activo .numero{
	color:var(--blanco);
	border-color:var(--blanco);
}
#category #resumenmenu .pasos .paso.activo .texto{
	display:inline-block;
}
#category #resumenmenu .pasos .paso.completo.activo .icono{
	color:var(--blanco);
}
#category #resumenmenu .pasos .fin{
	display:flex;
	align-items:stretch;
	position:fixed;
	left:0;
	bottom:1vw;
	width:100%;
	padding:0 5vw;
	border-radius:3px;
	line-height:13vw;
	font-size:5vw;
	text-align:center;
	font-family:'bold';
}
#category #resumenmenu .pasos .fin .total{
	min-width:30%;
	width:30%;
	background:var(--gris1);
	border:1px solid var(--gris3);
	color:var(--gris3);
	border-radius:3px;
}
#category #resumenmenu .pasos .fin .finalizar{
	display:none;
	width:100%;
	color:var(--blanco);
	background:var(--lila2);
	border:1px solid var(--lila2);
	border-left:0;
	border-radius:0 3px 3px 0;
	letter-spacing:.5vw;
}
#category #resumenmenu .pasos .fin.activo .total{
	border-radius:3px 0 0 3px;
	border-right:0;
}
#category #resumenmenu .pasos .fin.activo .total .icono{
	color:var(--lila2);
}
#category #resumenmenu .pasos .fin.activo .total .precio{
	color:var(--negro);
}
#category #resumenmenu .pasos .fin.activo .finalizar{
	display:block;
}
#category #footer{
	padding-bottom:15vw;
}

/* $MENU - $CATEGORIA (tablet) */
@media(min-width:769px){
	#category #resumenmenu .datos{
		padding:1vw 2vw;
		background:white;
	}
	#category #resumenmenu .datos.movil{
		display:none;
	}
	#category #resumenmenu .fila.datos.escritorio{
		display:flex;
	}
	#category #resumenmenu .datos .opciones{
		display:flex;
		align-items:center;
		background-color:var(--gris1);
	}
	#category #resumenmenu .datos .opciones .opcion{
		display:flex;
		justify-content:center;
		align-items:center;
		min-height:3vw;
		line-height:1.3vw;
		font-size:1vw;
		border-radius:2px;
		text-transform:uppercase;
		text-align:center;
	}
	#category #resumenmenu .datos .opciones .opcion.tachada{
		text-decoration:line-through;
		pointer-events:none;
	}
	#category #resumenmenu .datos .opciones .opcion.activa{
		background-color:var(--lila2);
		color:white;
		pointer-events:none;
	}
	#category #resumenmenu .datos .opciones.menu .opcion,
	#category #resumenmenu .datos .opciones.horario .opcion{
		width:8vw;
	}
	#category #resumenmenu .datos .opciones.dia .opcion{
		width:5vw;
	}
	#category #resumenmenu .pasos{
		align-items:stretch;
	}
	#category #resumenmenu .pasos .paso,
	#category #resumenmenu .pasos .paso.activo{
		width:100%;
		justify-content:flex-start;
	}
	#category #resumenmenu .pasos .paso.completo .icono{
		line-height:3vw;
		font-size:3.2vw;
		margin:.5vw;
	}
	#category #resumenmenu .pasos .paso .numero{
		width:3vw;
		height:3vw;
		line-height:3vw;
		font-size:1.5vw;
		margin:.5vw;
		margin-left:1vw;
		border-width:2px;
	}
	#category #resumenmenu .pasos .paso .texto{
		display:block;
		color:var(--gris3);
		line-height:3vw;
		font-size:1.5vw;
	}
	#category #resumenmenu .pasos .paso.activo .texto{
		color:var(--blanco);
	}
	#category #resumenmenu .pasos .fin{
		position:static;
		display:flex;
		align-items:stretch;
		min-width:22%;
		width:22%;
		border-radius:0;
		border:0;
		border-left:1px solid var(--gris2);
		padding:0;
		line-height:3vw;
		font-size:1.5vw;
	}
	#category #resumenmenu .pasos .fin .total{
		display:flex;
		justify-content:center;
		align-items:center;
		width:40%;
		border-radius:0;
		border:0;
		border-right:1px solid var(--gris2);
	}
	#category #resumenmenu .pasos .fin .finalizar{
		display:flex;
		justify-content:center;
		align-items:center;
		letter-spacing:0;
		border-radius:0;
		border:0;
		background-color:transparent;
		color:var(--gris2);
	}
	#category #resumenmenu .pasos .fin.activo .total{
		
	}
	#category #resumenmenu .pasos .fin.activo .finalizar{
		display:flex;
		background-color:var(--lila2);
		color:var(--blanco);
	}
	#category #resumenmenu .pasos .fin.sinprecio .finalizar{
		width:100%;
	}
	#category #footer{
		padding-bottom:0;
	}
}

/* $MENU - $CATEGORIA - ESCRITORIO */
@media(min-width:1025px){
	#category #resumenmenu .datos .opciones .opcion{
		line-height:2.5vw;
		font-size:.8vw;
		letter-spacing:.1vw;
		cursor:pointer;
	}
	#category #resumenmenu .datos .opciones.menu .opcion,
	#category #resumenmenu .datos .opciones.horario .opcion{
		width:6.5vw;
	}
	#category #resumenmenu .datos .opciones.dia .opcion{
		width:4vw;
	}
	#category #resumenmenu .pasos .paso,
	#category #resumenmenu .pasos .paso.completo{
		cursor:pointer;
	}
	#category #resumenmenu .pasos .paso.pendiente,
	#category #resumenmenu .pasos .paso.activo{
		cursor:default;
	}
	#category #resumenmenu .pasos .paso .numero{
		width:2.5vw;
		height:2.5vw;
		line-height:2.5vw;
		font-size:1.2vw;
		margin:.5vw;
		margin-left:1vw;
	}
	#category #resumenmenu .pasos .paso.completo .icono{
		line-height:2.5vw;
		font-size:2.9vw;
		margin:.5vw;
	}
	#category #resumenmenu .pasos .paso .texto{
		font-size:1.1vw;
	}
	#category #resumenmenu .pasos .fin{
		font-size:1.4vw;
		cursor:default;
	}
	#category #resumenmenu .pasos .fin.activo .finalizar{
		cursor:pointer;
	}
}

/* $PRODUCTOS - $CATEGORIA - MÓVIL */
#category #productos{
	padding-top:40vw;
	padding-bottom:20vw;
	visibility:hidden;
}
#category #productos .paso{
	display:none;
}
#category #productos .paso.activo{
	display:block;
}
#category #productos .paso .categoria{
	margin:2vw 0;
}
#category #productos .paso .categoria .titulo{
	padding:0 2vw;
	line-height:10vw;
	font-size:4.5vw;
	letter-spacing:.2vw;
	font-family:'bold';
}
#category #productos .paso .categoria .productos{
	
}
#category #productos .paso .categoria .productos .slick-slider{
	position:relative;
}
#category #productos .paso .categoria .productos .slick-list{
	padding:0 1.5vw;
	margin-bottom:10vw;
}
#category #productos .paso .categoria .productos .slick-track{
	margin:0;
}
#category #productos .paso .categoria .productos .slick-slide{
	padding:1.5vw;
}
#category #productos .paso .categoria .productos .slick-arrow{
	position:absolute;
	z-index:1;
	bottom:-10vw;
	border:0;
	background:none;
	color:var(--blanco);
	background-color:var(--lila2);
	background-color: var(--verde);
	border-radius:2px;
	padding:0;
	width:8vw;
	height:8vw;
	text-align:center;
}
#category #productos .paso .categoria .productos .slick-arrow.slick-prev{
	left:28%;
}
#category #productos .paso .categoria .productos .slick-arrow.slick-next{
	right:28%;
}
#category #productos .paso .categoria .productos .slick-arrow.slick-disabled{
	background-color:var(--gris2);
}
#category #productos .paso .categoria .productos .producto{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	box-shadow:0 0 3px 3px #eee;
	overflow:hidden;
	border-radius:2px;
}
#category #productos .paso .categoria .productos .producto .imagen{
	width:100%;
	height:40vw;
	object-fit:cover;
}
#category #productos .paso .categoria .productos .producto .sombreado{
	position:absolute;
	top:0;
	left:0;
	display:none;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:40vw;
	background-color:var(--lila2);
	color:white;
	opacity:.8;
	text-transform:uppercase;
	text-align:center;
	font-family:'bold'
}
#category #productos .paso .categoria .productos .producto .sombreado.visible{
	display:flex;
}
#category #productos .paso .categoria .productos .producto .sombreado .cantidad{
	line-height:10vw;
	font-size:10vw;
	letter-spacing:.2vw;
}
#category #productos .paso .categoria .productos .producto .sombreado .texto{
	line-height:10vw;
	font-size:3.5vw;
	letter-spacing:.2vw;
}
#category #productos .paso .categoria .productos .producto .nombre{
	width:100%;
	text-align:center;
	height:10vw;
	line-height:5vw;
	font-size:4vw;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:1vw;
}
#category #productos .paso .categoria .productos .producto .inferior{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:2vw;
	text-align:center;
}
#category #productos .paso .categoria .productos .producto .extra{
	width:40%;
	font-family:'bold';
	color:var(--lila2);
}
#category #productos .paso .categoria .productos .producto .extra .precio.original{
	text-decoration:line-through;
	color:var(--lila2);
}
#category #productos .paso .categoria .productos .producto .extra .precio.final{
	color: var(--verde);
}
#category #productos .paso .categoria .productos .producto .boton{
	width:60%;
	line-height:8vw;
	font-size:4vw;
	border:2px solid var(--lila2);
	color:var(--lila2);
	border-radius:2px;
}
#category #productos .paso .categoria .productos .producto .boton:hover{
	background-color:var(--lila2);
	color:var(--blanco);
}
#category #productos .paso .categoria .productos .producto .boton.elegido{
	background-color:var(--lila2);
	color:var(--blanco);
}
#category #productos .paso .categoria .productos .producto .boton.invisible{
	display:none;
}
#category #productos .paso .categoria .productos .producto .boton.elegido:hover{
	background-color:var(--blanco);
	color:var(--lila2);
}
#category #productos .paso .categoria .productos .producto .boton .elegido,
#category #productos .paso .categoria .productos .producto .boton.elegido .elegir{
	display:none;
}
#category #productos .paso .categoria .productos .producto .boton.elegido .elegido{
	display:block;
}
#category #productos .paso .categoria .productos .producto .inferior .cantidad{
	display:none;
	justify-content:space-between;
	align-items:center;
	width:50%;
}
#category #productos .paso .categoria .productos .producto .inferior .cantidad.visible{
	display:flex;
}
#category #productos .paso .categoria .productos .producto .inferior .cantidad .cambiar{
	display:flex;
	justify-content:center;
	align-items:center;
	font-family: 'bold';
	border:2px solid var(--lila2);
	color:var(--lila2);
	border-radius:2px;
	cursor:pointer;
	width:10vw;
	height:10vw;
	line-height:6vw;
	font-size:6vw;
}

/* $PRODUCTOS - $CATEGORIA - TABLET */
@media(min-width:769px){
	#category #productos{
		padding-top:12vw;
		padding-bottom:5vw;
	}
	#category #productos .paso .categoria{
		margin:1.5vw 0;
	}
	#category #productos .paso .categoria .titulo{
		line-height:3vw;
		font-size:1.6vw;
		padding:0 2vw;
	}
	#category #productos .paso .categoria .productos .slick-list{
		padding:1vw;
		margin:0;
	}
	#category #productos .paso .categoria .productos .slick-slide{
		padding:0 1vw;
	}
	#category #productos .paso .categoria .productos .slick-arrow{
		width:3vw;
		height:3vw;
		top:45%;
	}
	#category #productos .paso .categoria .productos .slick-arrow.slick-prev{
		left:1vw;
	}
	#category #productos .paso .categoria .productos .slick-arrow.slick-next{
		right:1vw;
	}
	#category #productos .paso .categoria .productos .producto .imagen{
		height:20vw;
	}
	#category #productos .paso .categoria .productos .producto .sombreado{
		height:20vw;
	}
	#category #productos .paso .categoria .productos .producto .sombreado .cantidad{
		line-height:6vw;
		font-size:5vw;
		margin-bottom:1vw;
	}
	#category #productos .paso .categoria .productos .producto .sombreado .texto{
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.1vw;
	}
	#category #productos .paso .categoria .productos .producto .nombre{
		height:4vw;
		line-height:2vw;
		font-size:1.5vw;
	}
	#category #productos .paso .categoria .productos .producto .boton{
		line-height:3vw;
		font-size:1.5vw;
	}
	#category #productos .paso .categoria .productos .producto .inferior .cantidad{
		justify-content:space-around;
	}
	#category #productos .paso .categoria .productos .producto .inferior .cantidad .cambiar{
		width:3vw;
		height:3vw;
		line-height:2vw;
		font-size:2vw;
	}
	#category #productos .paso .categoria .productos .producto .inferior .cantidad .cambiar:hover{
		background-color:var(--lila2);
		color:var(--blanco);
	}
}
/* $PRODUCTOS - $CATEGORIA - PORTÁTIL */
@media(min-width:1025px){
	#category #productos{
		padding-top:10vw;
		padding-bottom:2vw;
	}
	#category #productos .paso .categoria{
		margin:1vw 0;
	}
	#category #productos .paso .categoria .titulo{
		line-height:2vw;
		font-size:1.2vw;
		padding:0 5vw;
	}
	#category #productos .paso .categoria .productos .slick-list{
		padding:0;
		margin:0 4.25vw;
		overflow-x:hidden;
	}
	#category #productos .paso .categoria .productos .slick-slide{
		padding:.75vw;
	}
	#category #productos .paso .categoria .productos .slick-arrow{
		width:2vw;
		height:2vw;
	}
	#category #productos .paso .categoria .productos .slick-arrow.slick-prev{
		left:1.5vw;
	}
	#category #productos .paso .categoria .productos .slick-arrow.slick-next{
		right:1.5vw;
	}
	#category #productos .paso .categoria .productos .producto{
		cursor:pointer;
	}
	#category #productos .paso .categoria .productos .producto:hover{
		box-shadow:0 0 4px 4px #ddd;
	}
	#category #productos .paso .categoria .productos .producto .imagen{
		height:12vw;
		margin-bottom:.5vw;
	}
	#category #productos .paso .categoria .productos .producto .sombreado{
		height:12vw;
	}
	#category #productos .paso .categoria .productos .producto .sombreado .cantidad{
		line-height:4vw;
		font-size:3vw;
		margin-bottom:0;
	}
	#category #productos .paso .categoria .productos .producto .sombreado .texto{
		line-height:1.25vw;
		font-size:1vw;
		letter-spacing:0;
	}
	#category #productos .paso .categoria .productos .producto .nombre{
		height:2.5vw;
		line-height:1.25vw;
		font-size:1vw;
		margin-bottom:0;
	}
	#category #productos .paso .categoria .productos .producto .inferior{
		padding:.5vw;
	}
	#category #productos .paso .categoria .productos .producto .extra{
		width:50%;
		line-height:1.8vw;
		font-size:1vw;
		letter-spacing:.15vw;
	}
	#category #productos .paso .categoria .productos .producto .extra .precio.original{
		line-height:1.1vw;
	}
	#category #productos .paso .categoria .productos .producto .extra .precio.final{
		line-height:1.1vw;
	}
	#category #productos .paso .categoria .productos .producto .boton{
		cursor:pointer;
		width:50%;
		line-height:1.8vw;
		font-size:1vw;
	}
	#category #productos .paso .categoria .productos .producto .inferior .cantidad .cambiar{
		width:2vw;
		height:2vw;
		line-height:1.5vw;
		font-size:1.5vw;
	}
}

/* $PRODUCTO - BLOQUE - MÓVIL */
#producto{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	overflow-y:scroll;
	background:var(--blanco);
}
#producto.visible{
	display:block;
}
#producto .superior .imagen{
	width:100%;
	height:100vw;
	object-fit:cover;
}
#producto .superior .texto{
	padding:3vw;
}
#producto .superior .texto .nombre{
	font-family:'bold';
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.2vw;
	margin-bottom:1vw;
}
#producto .descripcion{
	line-height:5vw;
	font-size:4vw;
	letter-spacing:.2vw;
	color:var(--negro);
	margin-bottom:5vw;
	color:var(--negro);
}
#producto .descripcion p{
	color:var(--negro);
}
#producto .superior .texto .boton{
	width:100%;
	border:2px solid var(--lila2);
	border-radius:3px;
	line-height:10vw;
	font-size:4.5vw;
	text-align:center;
	font-family:'bold';
}
#producto .superior .texto .boton.elegir{
	margin-bottom:5vw;
	background-color:var(--lila2);
	color:var(--blanco);
}
#producto .superior .texto .boton.cerrar{
	color:var(--lila2);
}
#producto .inferior{
	padding:3vw;
}
#producto .inferior .detalles{
	font-family:'bold';
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.2vw;
	margin-bottom:1vw;
}

/* $PRODUCTO - BLOQUE - TABLET */
@media(min-width:768px){
	#producto{
		padding:3vw 5vw;
	}
	#producto .superior{
		display:flex;
		justify-content:space-between;
		margin-bottom:3vw;
	}
	#producto .superior .imagen{
		width:48%;
		height:35vw;
	}
	#producto .superior .texto{
		width:48%;
		padding:0;
	}
	#producto .superior .texto .nombre{
		line-height:2vw;
		font-size:1.8vw;
		margin-bottom:3vw;
	}
	#producto .descripcion{
		line-height:1.8vw;
		font-size:1.2vw;
		letter-spacing:.1vw;
	}
	#producto .superior .texto .botones{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	#producto .superior .texto .boton{
		width:46%;
		line-height:3vw;
		font-size:1.5vw;
	}
	#producto .superior .texto .boton.elegir,
	#producto .superior .texto .boton.carrar{
		margin:0;
	}
	#producto .inferior{
		padding:0;
	}
	#producto .inferior .detalles{
		line-height:2vw;
		font-size:1.8vw;
		margin-bottom:2vw;
	}
}

/* $PRODUCTO - BLOQUE - PORTÁTIL */
@media(min-width:1025px){
	#producto{
		padding:3vw 10vw;
	}
	#producto .superior .imagen{
		height:32vw;
	}
	#producto .superior .texto .nombre{
		line-height:22px;
		font-size:20px;
	}
	#producto .descripcion{
		line-height:20px;
		font-size:16px;
	}
	#producto .inferior .detalles{
		line-height:22px;
		font-size:20px;
	}
	#producto .superior .texto .boton{
		line-height:3vw;
		font-size:18px;
		cursor:pointer;
	}
	#producto .superior .texto .boton.elegir:hover{
		opacity:80%;
	}
	#producto .superior .texto .boton.cerrar:hover{
		background-color:var(--lila2);
		color:var(--blanco);
	}
}

/* $PAGO - PÁGINA - MÓVIL */
#checkout #header{
	background:var(--blanco);
}
#checkout #main{
	background:#303035;
	padding:5vw;
}
#checkout #main div[class^="col-"]{
	position:static;
	padding:0;
}
#checkout #main .paso > .titulo {
	font-family:'bold';
	line-height:13vw;
	font-size:5vw;
	color:white;
	letter-spacing:1vw;
	padding:0 2vw;
}
#checkout #main .paso .bloque{
	border-radius:3px;
	background:white;
	padding:10vw 5vw;
	margin-bottom:8vw;
}
#checkout #main .paso .bloque.resumen .menu{
	padding-bottom:2vw;
	margin-bottom:5vw;
	border-bottom:1px solid var(--gris3);
}
#checkout #main .paso .bloque.resumen .menu .boton .icono{
	font-weight:bold;
}
#checkout #main .paso .bloque.resumen .menu .boton .desplegar{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu .boton .replegar{
	display:none;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .boton .desplegar{
	display:none;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .boton .replegar{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu .titulo{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'bold';
	line-height:6vw;
	font-size:5vw;
	letter-spacing:1vw;
	color:var(--negro);
	margin-bottom:5vw;
}
#checkout #main .paso .bloque.resumen .menu .opciones{
	display:flex;
	justify-content:space-between;
	align-items:center;
	letter-spacing:.5vw;
}
#checkout #main .paso .bloque.resumen .menu .opciones .cantidad{
	display:flex;
	align-items:center;
	margin-right:auto;
}
#checkout #main .paso .bloque.resumen .menu .opciones .cantidad input{
	box-sizing:content-box;
	width:16vw;
	height:auto;
	line-height:8vw;
	font-size:5vw;
	padding:0;
	text-align:center;
	border:1px solid var(--gris3);
	border-radius:2px;
	margin:0 2vw;
}
#checkout #main .paso .bloque.resumen .menu .opciones .icono{
	box-sizing:content-box;
	text-align:center;
	width:8vw;
	height:auto;
	line-height:8vw;
	font-size:7vw;
}
#checkout #main .paso .bloque.resumen .menu .opciones .cantidad .icono{
	color:var(--blanco);
	background-color:var(--lila2);
	border:1px solid var(--lila2);
	border-radius:2px;
	font-family:'regular';
}
#checkout #main .paso .bloque.resumen .menu .opciones .eliminar{
	color:#b00;
	background-color:transparent;
	line-height:10vw;
	font-size:9vw;
	margin:0 2vw;
}
#checkout #main .paso .bloque.resumen .menu .opciones .precio{
	line-height:10vw;
	font-size:4.5vw;
	padding-right:2vw;
	border-right:1px solid var(--gris3);
}
#checkout #main .paso .bloque.resumen .menu .productos{
	display:none;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .productos{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu .productos .producto{
	font-family:'bold';
	letter-spacing:.5vw;
	margin:5vw 0;
}
#checkout #main .paso .bloque.resumen .menu .productos .producto .plato{
	font-size:4.5vw;
	color:var(--gris3);
}
#checkout #main .paso .bloque.resumen .menu .productos .producto .detalles{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	font-size:4vw;
}
#checkout #main .paso .bloque.resumen .menu .productos .producto .detalles .nombre{
	color:var(--gris5);
	padding-right:10px;
}
#checkout #main .paso .bloque.resumen .menu .productos .producto .detalles .precio{
	color:var(--lila2);
}
#checkout #main .paso .bloque.resumen .descuento{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#checkout #main .paso .bloque.resumen .descuento .texto{
	font-family:'bold';
	letter-spacing:.5vw;
	font-size:4vw;
	color:var(--gris5);
	padding-right:10px;
}
#checkout #main .paso .bloque.resumen .descuento .precio{
	min-width:40%;
	color:var(--lila2);
	font-size:5vw;
	font-family:'bold';
	line-height:7vw;
	letter-spacing:.5vw;
	text-align:right;
}
#checkout #main .paso .bloque.resumen .cupones{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#checkout #main .paso .bloque.resumen .cupones .cupon{
	width:60%;
	height:auto;
	line-height:10vw;
	font-size:4.5vw;
	padding:0 2vw;
	letter-spacing:.5vw;
	border: 1px solid var(--gris3);
}
#checkout #main .paso .bloque.resumen .cupones .canjear{
	width:35%;
	font-family:'bold';
	line-height:10vw;
	font-size:5vw;
	letter-spacing:.5vw;
	text-align:center;
	color:var(--blanco);
	background:var(--verde);
	border-radius:5px;
	border:1px solid var(--verde);
	cursor:pointer;
}
#checkout #main .paso .bloque.resumen .cupones .cupon:focus{
	border-color:var(--verde);
	outline:1px solid var(--verde);
}
#checkout #main .paso .bloque.resumen > .total{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'bold';
	line-height:7vw;
	letter-spacing:.5vw;
}
#checkout #main .paso .bloque.resumen > .total .texto{
	font-size:4.5vw;
}
#checkout #main .paso .bloque.resumen .total .precio{
	color:var(--lila2);
	font-size:7vw;
}
#checkout #main .paso .bloque.resumen > .boton{
	font-family:'bold';
	line-height:13vw;
	font-size:5vw;
	letter-spacing:.5vw;
	text-align:center;
	color:var(--verde);
	border:2px solid var(--verde);
	border-radius:5px;
}
#checkout #main .paso .bloque.resumen .linea{
	height:1px;
	background-color:var(--gris3);
	margin:5vw 0;
}
#checkout #main .paso .bloque .campo{
	margin-bottom:5vw;
}
#checkout #main .paso .bloque .campo .obligatorio{
	color:#b00;
}
#checkout #main .paso .bloque .campo.input select,
#checkout #main .paso .bloque .campo.input input,
#checkout #main .paso .bloque .campo textarea{
	width:100%;
	height:auto;
	line-height:10vw;
	font-size:4.5vw;
	padding:0 2vw;
	letter-spacing:.5vw;
	border:1px solid var(--gris3);
}
#checkout #main .paso .bloque .campo.input select.error,
#checkout #main .paso .bloque .campo.input input.error{
	border-color:red;
	background-color:rgba(255,0,0,.1);
	color:red;
}
#checkout #main .paso .bloque .campo.input select:focus,
#checkout #main .paso .bloque .campo.input input:focus,
#checkout #main .paso .bloque .campo textarea:focus{
	border-color:var(--verde);
	outline:1px solid var(--verde);
}
#checkout #main .paso .bloque .campo.input select{
	height:10vw;
}
#checkout #main .paso .bloque .campo.input select option{
	padding:0;
}
#checkout #main .paso .bloque .campo textarea{
	height:calc(6vw * 4);
	line-height:6vw;
	padding:2vw;
	resize:none;
}
#checkout #main .paso .bloque .campo.checkbox{
	display:flex;
	align-items:center;
	color:var(--gris4);
	line-height:6vw;
	font-size:4.5vw;
}
#checkout #main .paso .bloque .campo.checkbox input{
	margin-right:5px;
}
#checkout #main .paso .bloque.resumen .opciones,
#checkout #main .paso .bloque.envio .nombre,
#checkout #main .paso .bloque.pago .texto1{
	font-family:'bold';
	line-height:6vw;
	font-size:5vw;
	letter-spacing:1vw;
	margin-bottom:3vw;
}
#checkout #main .paso .bloque.pago .texto2{
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:3vw;
}
#checkout #main .paso .bloque.pago .texto3{
	line-height:6vw;
	font-size:4vw;
	letter-spacing:.2vw;
	margin-bottom:10vw;
}

#checkout #main .paso .bloque.pago .boton{
	font-family:'bold';
	line-height:13vw;
	font-size:5vw;
	letter-spacing:.5vw;
	text-align:center;
	color:var(--blanco);
	background:var(--verde);
	border-radius:5px;
}

/* $PAGO - PÁGINA - TABLET */
@media(min-width:769px){
	#checkout #main{
		display:flex;
		padding:2vw 5vw;
	}
	#checkout #main .paso > .titulo{
		line-height:2;
		font-size:1.8vw;
		letter-spacing:.2vw;
		padding:0;
	}
	#checkout #main .paso.resumen{
		/* padding-right:1vw; */
	}
	#checkout #main .paso.envio,
	#checkout #main .paso.pago{
		padding-left:1vw;
	}
	#checkout #main .paso .bloque{
		padding:1.5vw;
		margin-bottom:2vw;
	}
	#checkout #main .paso .bloque.resumen .opciones,
	#checkout #main .paso .bloque.envio .nombre,
	#checkout #main .paso .bloque.pago .texto1{
		line-height:2;
		font-size:1.8vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque.resumen .menu .titulo{
		line-height:2vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque.resumen .linea{
		margin:1.5vw 0;
	}
	#checkout #main .paso .bloque.resumen .menu{
		padding-bottom:0;
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones{
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .cantidad input{
		width:5vw;
		line-height:2.5vw;
		font-size:1.5vw;
		margin:0 .5vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .icono{
		width:2.5vw;
		line-height:2.5vw;
		font-size:2.3vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .eliminar{
		margin:0 1vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .precio{
		line-height:4vw;
		font-size:1.5vw;
		padding-right:1vw;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto{
		margin:1.5vw 0;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto .plato{
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto .detalles{
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .descuento .texto{
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .descuento .precio{
		line-height:2vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .cupones .cupon{
		height:3.5vw;
		padding:0 1vw;
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .cupones .canjear{
		line-height:3.5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
		border:0;
	}
	#checkout #main .paso .bloque.resumen > .total{
		line-height:3vw;
	}
	#checkout #main .paso .bloque.resumen > .total .texto{
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .total .precio{
		font-size:2.2vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen > .boton{
		width:70%;
		width:100%;
		margin:auto;
		line-height:5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque .campo{
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque .campo.input select,
	#checkout #main .paso .bloque .campo.input input, 
	#checkout #main .paso .bloque .campo textarea{
		height:3.5vw;
		padding:0 1vw;
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque .campo textarea{
		height:calc(4vw * 2);
		padding:1vw;
	}
	#checkout #main .paso .bloque .campo.checkbox{
		line-height:2vw;
		font-size:1.3vw;
	}
	#checkout #main .paso .bloque.pago .texto2 {
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque.pago .texto3{
		line-height:2vw;
		font-size:1.3vw;
		letter-spacing:.1vw;
		margin-bottom:1.5vw;
	}
	#checkout #main .paso .bloque.pago .boton{
		width:70%;
		width:100%;
		margin:auto;
		line-height:5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
}
/* $PAGO - PÁGINA - ESCRITORIO */
@media(min-width:1025px){
	#checkout #main{
		padding:1vw 15vw;
	}
	#checkout #main .paso > .titulo{
		line-height:3vw;
		font-size:1.3vw;
	}
	#checkout #main .paso .bloque{
		padding:1vw;
	}
	#checkout #main .paso .bloque.resumen .opciones,
	#checkout #main .paso .bloque.envio .nombre,
	#checkout #main .paso .bloque.pago .texto1{
		line-height:2vw;
		font-size:1.2vw;
		margin-bottom:1vw;
	}
	#checkout #main .paso .bloque.resumen .opciones{
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque.resumen .menu{
		padding-bottom:.5vw;
		margin-bottom:1vw;
	}
	#checkout #main .paso .bloque.resumen .menu .titulo{
		line-height:2vw;
		font-size:1.2vw;
		padding:0 .5vw;
		margin-bottom:1vw;
		cursor:pointer;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .cantidad input{
		width:3.6vw;
		line-height:1.8vw;
		font-size:1.4vw;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .cantidad .icono{
		width:1.8vw;
		line-height:1.8vw;
		font-size:1.7vw;
		font-family:'bold';
		cursor:pointer;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .cantidad .icono:hover{
		background:var(--lila);
		border-color:var(--lila);
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .eliminar{
		margin:0 .5vw;
		margin-right:0;
		cursor:pointer;
	}
	#checkout #main .paso .bloque.resumen .menu .opciones .precio{
		line-height:3vw;
		font-size:1.2vw;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto{
		padding:0 .5vw;
		margin:1vw 0;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto .plato{
		line-height:1.5vw;
		font-size:1.2vw;
	}
	#checkout #main .paso .bloque.resumen .menu .productos .producto .detalles{
		font-size:1vw;
		letter-spacing:.15vw;
	}
	#checkout #main .paso .bloque.resumen .descuento{
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque.resumen .descuento .texto{
		font-size:1vw;
		letter-spacing:.15vw;
	}
	#checkout #main .paso .bloque.resumen .descuento .precio{
		line-height:2vw;
		font-size:1.2vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.resumen .cupones .cupon{
		height:2.8vw;
		line-height:2.8vw;
		font-size:1vw;
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque.resumen .cupones .canjear{
		line-height:2.8vw;
		font-size:1.2vw;
		letter-spacing:.1vw;
		border:0;
	}
	#checkout #main .paso .bloque.resumen > .total{
		line-height:2vw;
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque.resumen > .total .texto{
		font-size:1.2vw;
	}
	#checkout #main .paso .bloque.resumen > .total .precio{
		font-size:1.8vw;
	}
	#checkout #main .paso .bloque.resumen > .boton{
		line-height:3vw;
		font-size:1.2vw;
		margin-top:1.5vw;
		margin-bottom:.5vw;
		letter-spacing:.1vw;
		cursor:pointer;
	}
	#checkout #main .paso .bloque.resumen > .boton:hover{
		background:var(--verde);
		color:var(--blanco);
	}
	#checkout #main .paso .bloque .campo{
		margin-bottom:1vw;
	}
	#checkout #main .paso .bloque .campo.input select,
	#checkout #main .paso .bloque .campo.input input,
	#checkout #main .paso .bloque .campo textarea{
		height:2.8vw;
		line-height:2.8vw;
		font-size:1vw;
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque .campo textarea{
		height:calc(2vw * 3);
		line-height:1.5vw;
		padding:.5vw;
	}
	#checkout #main .paso .bloque .campo.checkbox{
		line-height:2vw;
		font-size:1vw;
		letter-spacing:.1vw;
	}
	#checkout #main .paso .bloque.pago .texto2{
		line-height:1.5vw;
		font-size:1vw;
		margin-bottom:1vw;
	}
	#checkout #main .paso .bloque.pago .texto3{
		line-height:1vw;
		font-size:.85vw;
		margin-bottom:3vw;
	}
	#checkout #main .paso .bloque.pago .boton{
		line-height:3vw;
		font-size:1.2vw;
		margin-top:1.5vw;
		margin-bottom:.5vw;
		letter-spacing:.1vw;
	}
}

/* $CONFIRMACION - PÁGINA - MÓVIL */
#order-confirmation #header{
	background:var(--blanco);
}
#order-confirmation #main{
	background:#303035;
	padding:5vw;
	min-height:100vh;
}
#order-confirmation #main::after{
	display:block;
	content:'';
	clear:both;
}
#order-confirmation #main div[class^="col-"]{
	position:static;
	padding:0;
}
#order-confirmation #main .paso > .titulo {
	font-family:'bold';
	line-height:13vw;
	font-size:5vw;
	color:white;
	letter-spacing:1vw;
	padding:0 2vw;
}
#order-confirmation #main .paso .bloque{
	border-radius:3px;
	background:white;
	padding:10vw 5vw;
	margin-bottom:8vw;
}
#order-confirmation #main .paso .bloque.resumen .menu{
	padding-bottom:2vw;
	margin-bottom:5vw;
	border-bottom:1px solid var(--gris3);
}
#order-confirmation #main .paso .bloque.resumen .menu .boton .icono{
	font-weight:bold;
}
#order-confirmation #main .paso .bloque.resumen .menu .boton .desplegar{
	display:block;
}
#order-confirmation #main .paso .bloque.resumen .menu .boton .replegar{
	display:none;
}
#order-confirmation #main .paso .bloque.resumen .menu.desplegado .boton .desplegar{
	display:none;
}
#order-confirmation #main .paso .bloque.resumen .menu.desplegado .boton .replegar{
	display:block;
}
#order-confirmation #main .paso .bloque.resumen .menu .titulo{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'bold';
	line-height:6vw;
	font-size:5vw;
	letter-spacing:1vw;
	color:var(--negro);
	margin-bottom:5vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones{
	display:flex;
	justify-content:space-between;
	align-items:center;
	letter-spacing:.5vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .cantidad{
	display:flex;
	align-items:center;
	margin-right:auto;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .cantidad input{
	box-sizing:content-box;
	width:16vw;
	height:auto;
	line-height:8vw;
	font-size:5vw;
	padding:0;
	text-align:center;
	border:1px solid var(--gris3);
	border-radius:2px;
	margin:0 2vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .icono{
	box-sizing:content-box;
	text-align:center;
	width:8vw;
	height:auto;
	line-height:8vw;
	font-size:7vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .cantidad .icono{
	color:var(--blanco);
	background-color:var(--lila2);
	border:1px solid var(--lila2);
	border-radius:2px;
	font-family:'regular';
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .eliminar{
	color:#b00;
	background-color:transparent;
	line-height:10vw;
	font-size:9vw;
	margin:0 2vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .opciones .precio{
	line-height:10vw;
	font-size:4.5vw;
	padding-right:2vw;
	border-right:1px solid var(--gris3);
}
#order-confirmation #main .paso .bloque.resumen .menu .productos{
	display:none;
}
#order-confirmation #main .paso .bloque.resumen .menu.desplegado .productos{
	display:block;
}
#order-confirmation #main .paso .bloque.resumen .menu .productos .producto{
	font-family:'bold';
	letter-spacing:.5vw;
	margin:5vw 0;
}
#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .plato{
	font-size:4.5vw;
	color:var(--gris3);
}
#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .detalles{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	font-size:4vw;
}
#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .detalles .nombre{
	color:var(--gris5);
	padding-right:10px;
}
#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .detalles .precio{
	color:var(--lila2);
}
#order-confirmation #main .paso .bloque.resumen > .total{
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'bold';
	line-height:7vw;
	letter-spacing:.5vw;
}
#order-confirmation #main .paso .bloque.resumen > .total .texto{
	font-size:4.5vw;
}
#order-confirmation #main .paso .bloque.resumen .total .precio{
	color:var(--lila2);
	font-size:7vw;
}
#order-confirmation #main .paso .bloque.resumen .linea{
	height:1px;
	background-color:var(--gris3);
	margin:5vw 0;
}
#order-confirmation #main .paso .bloque .campo{
	margin-bottom:5vw;
}
#order-confirmation #main .paso .bloque .campo .obligatorio{
	color:#b00;
}
#order-confirmation #main .paso .bloque .campo .valor{
	line-height:6vw;
	font-size:4.5vw;
}
#order-confirmation #main .paso .bloque.resumen .opciones,
#order-confirmation #main .paso .bloque.envio .nombre,
#order-confirmation #main .paso .bloque.pago .texto1{
	font-family:'bold';
	line-height:6vw;
	font-size:5vw;
	letter-spacing:1vw;
	margin-bottom:3vw;
}
#order-confirmation #main .paso .bloque.pago .texto2{
	line-height:6vw;
	font-size:4.5vw;
	letter-spacing:.5vw;
	margin-bottom:3vw;
}
#order-confirmation #main .paso .bloque.pago .texto3{
	line-height:6vw;
	font-size:4vw;
	letter-spacing:.2vw;
	margin-bottom:10vw;
}
#order-confirmation #main .paso .bloque.pago > .boton,
#order-confirmation #main .paso .bloque.resumen > .boton,
#order-confirmation #main .paso .bloque.envio > .boton{
	font-family:'bold';
	line-height:13vw;
	font-size:5vw;
	letter-spacing:.5vw;
	text-align:center;
	color:var(--blanco);
	background:var(--verde);
	border-radius:5px;
}
/* $PAGO - PÁGINA - TABLET */
@media(min-width:769px){
	#order-confirmation #main{
		display:flex;
		padding:2vw 5vw;
	}
	#order-confirmation #main .paso > .titulo{
		line-height:2;
		font-size:1.8vw;
		letter-spacing:.2vw;
		padding:0;
	}
	#order-confirmation #main .paso.pago{
		padding-right:1vw;
	}
	#order-confirmation #main .paso.envio,
	#order-confirmation #main .paso.pago{
		padding-left:1vw;
	}
	#order-confirmation #main .paso .bloque{
		padding:1.5vw;
		margin-bottom:2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .opciones,
	#order-confirmation #main .paso .bloque.envio .nombre,
	#order-confirmation #main .paso .bloque.pago .texto1{
		line-height:2;
		font-size:1.8vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque.envio .nombre{
		margin-bottom:0;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .titulo{
		line-height:2vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque.resumen .linea{
		margin:1.5vw 0;
	}
	#order-confirmation #main .paso .bloque.resumen .menu{
		padding-bottom:0;
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones{
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .cantidad input{
		width:5vw;
		line-height:2.5vw;
		font-size:1.5vw;
		margin:0 .5vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .icono{
		width:2.5vw;
		line-height:2.5vw;
		font-size:2.3vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .eliminar{
		margin:0 1vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .precio{
		line-height:4vw;
		font-size:1.5vw;
		padding-right:1vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto{
		margin:1.5vw 0;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .plato{
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .detalles{
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .total{
		line-height:3vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .total .texto{
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .total .precio{
		font-size:2.2vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .boton{
		width:70%;
		width:100%;
		margin:auto;
		line-height:5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque .campo{
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque .campo .valor{
		line-height:2vw;
		font-size: 1.5vw;
	}
	#order-confirmation #main .paso .bloque.pago .texto2 {
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque.pago .texto3{
		line-height:2vw;
		font-size:1.3vw;
		letter-spacing:.1vw;
		margin-bottom:1.5vw;
	}
	#order-confirmation #main .paso .bloque.pago .boton{
		width:70%;
		width:100%;
		margin:auto;
		line-height:5vw;
		font-size:1.8vw;
		letter-spacing:.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .boton,
	#order-confirmation #main .paso .bloque.envio > .boton{
		display:none;
	}
}
/* $PAGO - PÁGINA - ESCRITORIO */
@media(min-width:1025px){
	#order-confirmation #main{
		padding:1vw 15vw;
	}
	#order-confirmation #main .paso > .titulo{
		line-height:3vw;
		font-size:1.3vw;
	}
	#order-confirmation #main .paso .bloque{
		padding:1vw;
	}
	#order-confirmation #main .paso .bloque.resumen .opciones,
	#order-confirmation #main .paso .bloque.envio .nombre,
	#order-confirmation #main .paso .bloque.pago .texto1{
		line-height:2vw;
		font-size:1.2vw;
		margin-bottom:1vw;
	}
	#order-confirmation #main .paso .bloque.envio .nombre{
		margin-bottom:0;
	}
	#order-confirmation #main .paso .bloque.resumen .opciones{
		padding:0 .5vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu{
		padding-bottom:.5vw;
		margin-bottom:1vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .titulo{
		line-height:2vw;
		font-size:1.2vw;
		padding:0 .5vw;
		margin-bottom:1vw;
		cursor:pointer;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .cantidad input{
		width:3.6vw;
		line-height:1.8vw;
		font-size:1.4vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .opciones .precio{
		line-height:3vw;
		font-size:1.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto{
		padding:0 .5vw;
		margin:1vw 0;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .plato{
		line-height:1.5vw;
		font-size:1.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen .menu .productos .producto .detalles{
		font-size:1vw;
		letter-spacing:.15vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .total{
		line-height:2vw;
		padding:0 .5vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .total .texto{
		font-size:1.2vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .total .precio{
		font-size:1.8vw;
	}
	#order-confirmation #main .paso .bloque.resumen > .boton{
		line-height:3vw;
		font-size:1.2vw;
		margin-top:1.5vw;
		margin-bottom:.5vw;
		letter-spacing:.1vw;
		cursor:pointer;
	}
	#order-confirmation #main .paso .bloque.resumen > .boton:hover{
		background:var(--verde);
		color:var(--blanco);
	}
	#order-confirmation #main .paso .bloque .campo{
		margin-bottom:1vw;
	}
	#order-confirmation #main .paso .bloque .campo .valor{
		line-height:2vw;
		font-size:1vw;
	}
	#order-confirmation #main .paso .bloque.pago .texto2{
		line-height:1.5vw;
		font-size:1vw;
		margin-bottom:1vw;
	}
	#order-confirmation #main .paso .bloque.pago .texto3{
		line-height:1vw;
		font-size:.85vw;
		margin-bottom:3vw;
	}
	#order-confirmation #main .paso .bloque.pago .boton{
		line-height:3vw;
		font-size:1.2vw;
		margin-top:1.5vw;
		margin-bottom:.5vw;
		letter-spacing:.1vw;
	}
}

/* $REGISTRO - PÁGINA */
#registro #wrapper{
	margin-top:0;
}
#registro #main{
	padding:0;
	margin:0;
}
#registro #content{
	padding:0;
	margin:0;
}
@media(min-width:1025px){
	#registro #contacto{
		position:relative;
		min-height:50vw;
		height:100vh;
		margin:0;
		padding:0;
		border-radius:0;
		box-shadow:none);
	}
	#registro #contacto .fondo{
		position:absolute;
		z-index:0;
		top:0;
		left:0;
		width:100%;
		height:100%;
		object-fit:cover;
		object-posiciont:center center;
		filter:brightness(56%);
	}
	#registro #contacto .panel{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		background:var(--blanco);
		width:calc(40vw);
		margin:9% 30vw;
		padding:3vw;
		border-radius:5px;
		box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);
	}
}

/* PÁGINA - MÓVIL */
#cms #header{
	box-shadow:0 0 3px 3px var(--gris2);
}
#cms #main{
	padding:5vw;
}
#cms #main .page-header{
	line-height:10vw;
	font-size:9vw;
	font-family:'bold';
	color:var(--negro);
	margin-bottom:10vw;
}
#cms #main .page-header *{
	padding:0;
	margin:0;
	line-height:inherit;
	font-size:inherit;
}
#cms #main #content{
	padding:0;
	text-align:left;
	color:var(--negro);
	line-height:5vw;
	font-size:4.5vw;
}
#cms #main #content h1,
#cms #main #content h2,
#cms #main #content h3,
#cms #main #content h4,
#cms #main #content h5,
#cms #main #content h6{
	font-family:'bold';
	color:var(--negro);
	line-height:7vw;
	font-size:6vw;
	margin-top:10vw;
	margin-bottom:5vw;
}
#cms #main #content p{
	line-height:inherit;
	font-size:inherit;
	font-family:'regular';
	color:var(--negro);
	margin-bottom:5vw;
}
#cms #main #content ul,
#cms #main #content ol{
	line-height:inherit;
	font-size:inherit;
	font-family:'regular';
	color:var(--negro);
	margin-bottom:5vw;
	padding-left:6vw;
}
#cms #main #content ul{
	list-style:initial;
}
#cms #main #content li{
	margin-bottom:2vw;
}
/* PÁGINA - TABLET */
@media(min-width:769px){
	#cms #main .page-header{
		line-height:6vw;
		font-size:5vw;
		letter-spacing:.5vw;
		margin-bottom:4vw;
	}
	#cms #main #content{
		line-height:2.5vw;
		font-size:2vw;
		letter-spacing:.1vw;
		margin-bottom:2vw;
	}
	#cms #main #content h1,
	#cms #main #content h2,
	#cms #main #content h3,
	#cms #main #content h4,
	#cms #main #content h5,
	#cms #main #content h6{
		line-height:3vw;
		font-size:2.5vw;
		margin-top:4vw;
		margin-bottom:2vw;
	}
	#cms #main #content p{
		margin-bottom:2vw;
	}
	#cms #main #content ul,
	#cms #main #content ol{
		padding-left:3vw;
		margin-bottom:2vw;
	}
	#cms #main #content li{
		margin-bottom:1vw;
	}
}
/* PÁGINA - ESCRITORIO */
@media(min-width:1025px){
	#cms #main{
		padding:5vw 18vw;
	}
	#cms #main .page-header{
		line-height:3.5vw;
		font-size:3vw;
		margin-bottom:4vw;
	}
	#cms #main #content{
		line-height:1.5vw;
		font-size:1.3vw;
	}
	#cms #main #content h1,
	#cms #main #content h2,
	#cms #main #content h3,
	#cms #main #content h4,
	#cms #main #content h5,
	#cms #main #content h6{
		line-height:2vw;
		font-size:1.5vw;
		margin-top:4vw;
		margin-bottom:2vw;
	}
	#cms #main #content p{
		margin-bottom:1vw;
	}
	#cms #main #content ul,
	#cms #main #content ol{
		padding-left:2vw;
		margin-bottom:1vw;
	}
}

/* $CONTACTO - PÁGINA - MÓVIL */
#datos{
	padding:0;
	margin:0;
}
#datos .mapa{
	width:100%;
	height:60vw;
}
#datos .datos{
	padding:10vw;
	margin:0 5vw;
	padding-bottom:15vw;
	margin-bottom:10vw;
	color:var(--gris4);
	border-bottom:1px solid var(--gris3);
	line-height:6vw;
	font-size:5vw;
}
#datos .datos .dato{
	display:flex;
	margin-bottom:5vw;
}
#datos .datos .dato:last-of-type{
	margin:0;
}
#datos .datos .dato .icono{
	color:var(--gris3);
	margin-right:5vw;
}
/* $CONTACTO - PÁGINA - TABLET */
@media(min-width:768px){
	#contact #main{
		padding:5vw;
	}
	#datos{
		display:flex;
		justify-content:space-between;
		align-items:stretch;
		overflow:hidden;
		margin:0 5vw;
		padding:0;
		border-radius:5px;
		box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.33);
	}
	#datos .mapa{
		width:48%;
		height:auto;
		border:0;
	}
	#datos .datos{
		width:48%;
		margin:0;
		padding:10vw 5vw;
		line-height:2vw;
		font-size:1.8vw;
		border:0;
	}
	#datos .datos .dato{
		margin-bottom:2vw;
	}
	#datos .datos .dato .icono{
		line-height:2.5vw;
		font-size:2.5vw;
		margin-right:2vw;
	}
}
/* $CONTACTO - PÁGINA - ESCRITORIO */
@media(min-width:1025px){
	#contacto-datos{
		display:flex;
		justify-content:space-between;
		align-items:stretch;
	}
	#contacto-datos #datos,
	#contacto-datos #contacto{
		width:48%;
		margin:0;
	}
	#contacto-datos #datos{
		flex-direction:column;
	}
	#contacto-datos #datos .mapa{
		width:100vw;
		min-height:26vw;
		height:25vw;
	}
	#contacto-datos #datos .datos{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		padding:0 8vw;
	}
	#contacto-datos #datos .datos .dato{
		line-height:1.5vw;
		font-size:1.2vw;
		margin:.5vw 0;
	}
	#contacto-datos #datos .datos .dato .icono{
		line-height:1.5vw;
		font-size:1.5vw;
	}
	#contacto-datos #contacto{
		
	}
}

/* $MISDATOS - PAGINA - MOVIL */
#identity #main{
	margin:15% 5%;
	margin-top:30%;
}
#identity #main .page-header{
    font-family:'bold';
    text-align:center;
    line-height:10vw;
    font-size:7vw;
    letter-spacing:.5vw;
    margin-bottom:5vw;
}
#identity #main #content{
	box-shadow:none;
	padding:0;
}
#identity #main #content #customer-form .row *[class^="col-"]{
	padding:0;
}
#identity #main #content #customer-form .form-group{
	margin-bottom:4vw;
}
#identity #main #content #customer-form label{
	width:100%;
    font-family:'regular';
    line-height:10vw;
    font-size:4.5vw;
	text-align:left;
}
#identity #main #content #customer-form input,
#identity #main #content #customer-form textarea{
    width:100%;
    font-family:'regular';
    line-height:10vw;
    font-size:4.5vw;
    letter-spacing:.5vw;
    padding:0 3vw;
    border:1px solid var(--gris2);
    margin-bottom:4vw;
	color:black;
	background-color:white;
}
#identity #main #content #customer-form input:focus{
	outline:none;
	border-color:var(--verde);
}
#identity #main #content #customer-form .input-group{
	width:100%;
	display:flex;
}
#identity #main #content #customer-form input[type="password"]{
	min-width:none;
	width:auto;
}
#identity #main #content #customer-form input[type="password"] + .input-group-btn{
	display:block;
	width:auto;
	height:auto;
	line-height:10vw;
	margin-bottom:4vw;
}
#identity #main #content #customer-form input[type="password"] + .input-group-btn .btn{
	margin:0;
	padding:0;
	font-family:'regular';
	line-height:10vw;
    font-size:4.5vw;
	padding:0 3vw;
	background-color:var(--gris3);
	border:1px solid var(--gris3);
}
#identity #main #content #customer-form .custom-radio{
	border:2px solid var(--gris2);
}
#identity #main #content #customer-form .custom-radio input[type="radio"]:checked + span{
	background-color:var(--verde);
}
#identity #main #content #customer-form .custom-checkbox input[type="checkbox"] + span{
	border:2px solid var(--gris2);
}
#identity #main #content #customer-form .custom-checkbox input[type="checkbox"] + span .checkbox-checked{
	color:var(--verde);
}
#identity #main #content #customer-form .input-group.focus{
	outline:none;
}
#identity #main #content #customer-form button[type="submit"]{
	display:block;
    width:40%;
    font-family:'bold';
    font-weight:normal;
    color:var(--blanco);
    line-height:15vw;
    font-size:6vw;
    background:var(--verde);
    letter-spacing:1vw;
    text-align:center;
    border-radius:5px;
	box-shadow:none;
	text-transform:none;
	padding:0;
	float:none !important;
	margin:0 auto;
}

/* $MISDATOS - PAGINA - TABLET */
@media(min-width:769px){
	#identity #content-wrapper{
		padding:50px 0;
	}
	#identity #main{
		margin:0 auto;
		max-width:500px;
		padding:50px;
		margin-top:0;
		padding-top:3vw;
		border-radius:5px;
		box-shadow:0px 0px 6px 0px rgba(0,0,0,0.33);
	}
	#identity #main #content #customer-form .form-group{
		margin-bottom:1vw;
	}
	#identity #main #content #customer-form .form-group > *[class^="col-"]{
		width:100%;
	}
	#identity #main #content #customer-form input,	
	#identity #main #content #customer-form label{
		width:100%;
		line-height:4vw;
		font-size:1.5vw;
		text-align:left;
		letter-spacing:.1vw;
		padding:0 2vw;
		margin-bottom:1vw;
	}
	#identity #main #content #customer-form .custom-checkbox label{
		line-height:2.5vw;
		font-size:1.3vw;
		padding:0;
	}
	#identity #main #content #customer-form input[type="password"]{
		width:100%;
		height:auto;
		line-height:4vw;
		font-size:1.5vw;
		padding:0 2vw;
	}
	#identity #main #content #customer-form input[type="password"] + .input-group-btn{
		line-height:4vw;
		margin:0;
		margin-bottom:1vw;
	}
	#identity #main #content #customer-form input[type="password"] + .input-group-btn .btn{
		margin:0;
		padding:0;
		line-height:4vw;
		font-size:1.5vw;
		padding:0 3vw;
	}
	#identity #main #content #customer-form button[type="submit"]{
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.2vw;
		padding:0 4vw;
	}
}
/* $MISDATOS - PAGINA - ESCRITORIO */
@media(min-width:1025px){
	#identity #main{
		max-width:600px;
	}
	#identity #main .page-header{
		line-height:2.5vw;
		font-size:1.5vw;
		letter-spacing: .1vw;
	}
	#identity #main #content #customer-form input,
	#identity #main #content #customer-form label{
		line-height:2.1vw;
		font-size:1vw;
		padding:0 .8vw;
		margin:0;
	}
	#identity #main #content #customer-form input[type="password"]{
		height:auto;
		line-height:2.1vw;
		font-size:1vw;
		padding:0 .8vw;
	}
	#identity #main #content #customer-form input[type="password"] + .input-group-btn{
		line-height:2.1vw;
		font-size:1vw;
		margin:0;
	}
	#identity #main #content #customer-form input[type="password"] + .input-group-btn .btn{
		line-height:2.1vw;
		font-size:1vw;
		padding:0 .8vw;
		margin:0;
	}
	#identity #main #content #customer-form .custom-checkbox label{
		line-height:1.5vw;
		font-size:.85vw;
		padding:0;
	}
	#identity #main #content #customer-form button[type="submit"]{
		border:2px solid var(--verde);
		line-height:3vw;
		font-size:1.2vw;
		padding:0 1.5vw;
	}
	#identity #main #content #customer-form button[type="submit"]:hover{
		background: transparent;
		color: var(--verde);
	}
}



/* 161120 cerrar sesion mobile menu */
@media (max-width: 767.98px) {
	#header .menu .texto {
		display: flex;
		flex-direction: column;
	}
}


.hide { display: none!important;}
.card { margin:  10px;}
/* #order-confirmation #main { min-height:  700px;} */

#checkout-personal-information-step {
    display: none;
}
#id-address-delivery-address-4 {
    display: none;
}
body#checkout section.checkout-step .address-item {
	flex: 0 0 100%;
}
#checkout-addresses-step {
    margin-right: 15px;
}
#js-checkout-summary {
    margin: 0 0 0 15px;
}



/* checkout */
#checkout #content .cart-grid-body {
	margin-bottom: .75rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
} 

body#checkout section.checkout-step {
	background-color: unset;
	box-shadow: unset;
	border-bottom: 0px solid rgba(0,0,0,.25);
	padding: 0rem;
}
body#checkout .box-content-cart {
	padding: 0rem;
	background-color: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.25);
    padding: .9375rem;
}
body#checkout section.checkout-step.col-lg-4 {
	width: 32%;
}	
body#checkout section.checkout-step .step-title {
	color: #fff;
}
body#checkout section.checkout-step.-unreachable .step-title {
	opacity: 1;
}
body#checkout section.checkout-step .content {
	background-color: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.25);
    padding: .9375rem;
}

body#checkout #js-checkout-summary {
	order: 1;
	margin: 0 10px 0 0;
}
body#checkout #checkout-addresses-step {
	order: 2;
}
body#checkout #checkout-payment-step {
	order: 3;
}
body#checkout #checkout-delivery-step {
	order: 4;
}

@media (max-width: 768px) {
	#checkout #content .cart-grid-body {
		flex-direction: column;
		margin-top: 2.5rem;
	} 
	body#checkout section.checkout-step.col-lg-4 {
		width: 100%;
		margin-top: 2.5rem;
	}	
}	




body#checkout .cart-summary-products .producto .product-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'bold';
    line-height: 6vw;
    font-size: 5vw;
    letter-spacing: 1vw;
    color: var(--negro);
    margin-bottom: 5vw;
}


body#checkout .opciones {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body#checkout .opciones .cantidad {
    display: flex;
    align-items: center;
    margin-right: auto;
}
body#checkout .opciones .cantidad .icono {
	color: #fff;
	background-color: #5b3692;
	border: 1px solid #5b3692;
	border-radius: 2px;
	text-align: center;
	font-family: 'regular';
	box-sizing: content-box;
	width: 8vw;
	height: auto;
	line-height: 8vw;
	font-size: 7vw;
}
body#checkout .opciones .cantidad input {
    box-sizing: content-box;
    width: 16vw;
    height: auto;
    line-height: 8vw;
    font-size: 5vw;
    padding: 0;
    text-align: center;
    border: 1px solid var(--gris3);
    border-radius: 2px;
    margin: 0 2vw;
}

body#checkout .opciones .eliminar {
    color: #b00;
    background-color: transparent;
    line-height: 10vw;
    font-size: 9vw;
    margin: 0 2vw;
}
	
body#checkout .cart-summary-products .producto {
    padding-bottom: 2vw;
    margin-bottom: 5vw;
    border-bottom: 1px solid var(--gris3);
}



@media (min-width: 769px) {
	body#checkout .cart-summary-products .producto .product-name {
		line-height: 2vw;
		font-size: 1.8vw;
		letter-spacing: .2vw;
		margin-bottom: 1.5vw;
	}
	body#checkout .opciones .cantidad input {
		width: 5vw;
		line-height: 2.5vw;
		font-size: 1.5vw;
		margin: 0 .5vw;
		text-align: center;
	}
	body#checkout .opciones .icono {
    	width: 2.5vw;
    	line-height: 2.5vw;
    	font-size: 2.3vw;
	}
	body#checkout .cart-summary-products .producto {
		padding-bottom: 0;
		margin-bottom: 1.5vw;
	}
}

@media (min-width: 1025px) {
	body#checkout .cart-summary-products .producto .product-name {
		line-height: 2vw;
		font-size: 1.2vw;
		padding: 0 .5vw;
		margin-bottom: 1vw;
		cursor: pointer;
	}	
	body#checkout .opciones .cantidad .icono {
		width: 1.8vw;
		line-height: 1.8vw;
		font-size: 1.7vw;
		font-family: 'bold';
		cursor: pointer;
	}
	body#checkout .opciones .cantidad input {
    	width: 3.6vw;
    	line-height: 1.8vw;
    	font-size: 1.4vw;
	}
	body#checkout .opciones .eliminar {
    	margin: 0 .5vw;
        margin-right: 0.5vw;
    	margin-right: 0;
    	cursor: pointer;
	}
	body#checkout .cart-summary-products .producto {
    	padding-bottom: .5vw;
    	margin-bottom: 1vw;
	}
}





body#checkout .paso .bloque .campo {
	margin-bottom: 5vw;
}

body#checkout .paso .bloque.envio .nombre {
	font-family: 'bold';
}

body#checkout .paso .bloque .campo.input select, body#checkout .paso .bloque .campo.input input, body#checkout .paso .bloque .campo textarea  {
	width: 100%;
	height: auto;
	line-height: 10vw;
	font-size: 4.5vw;
	padding: 0 2vw;
	letter-spacing: .5vw;
	border: 1px solid var(--gris3);
}
body#checkout .paso .bloque .campo .obligatorio {
    color: #b00;
}




@media (min-width: 769px) {
	body#checkout .paso .bloque .campo {
		margin-bottom: 1.5vw;
	}
	body#checkout .paso .bloque.envio .nombre {
		line-height: 2;
		font-size: 1.8vw;
		letter-spacing: .2vw;
		margin-bottom: 1.5vw;
	}
	body#checkout .paso .bloque .campo.input select, body#checkout .paso .bloque .campo.input input, body#checkout .paso .bloque .campo textarea  {
		height: 3.5vw;
		padding: 0 1vw;
		line-height: 2vw;
		font-size: 1.5vw;
		letter-spacing: .2vw;
	}
}

@media (min-width: 1025px) {
	body#checkout .paso .bloque .campo {
		margin-bottom: 1vw;
	}
	body#checkout .paso .bloque.envio .nombre {
    	line-height: 2vw;
    	font-size: 1.2vw;
    	margin-bottom: 1vw;
	}
	body#checkout .paso .bloque .campo.input select, body#checkout .paso .bloque .campo.input input, body#checkout .paso .bloque .campo textarea  {
		height: 2.8vw;
		line-height: 2.8vw;
		font-size: 1vw;
		padding: 0 .5vw;
	}

}



body#checkout .paso .bloque.pago .texto1 {
	font-family: 'bold';
	line-height: 6vw;
	font-size: 5vw;
	letter-spacing: 1vw;
	margin-bottom: 3vw;
}		
body#checkout .paso .bloque.pago .texto2 {
	line-height: 6vw;
	font-size: 4.5vw;
	letter-spacing: .5vw;
	margin-bottom: 3vw;
}
body#checkout .paso .bloque.pago .texto3 {
	line-height: 6vw;
	font-size: 4vw;
	letter-spacing: .2vw;
	margin-bottom: 10vw;
}
		
		
@media (min-width: 769px) {
	body#checkout .paso .bloque.pago .texto1 {
		line-height: 2;
		font-size: 1.8vw;
		letter-spacing: .2vw;
		margin-bottom: 1.5vw;
	}
	body#checkout .paso .bloque.pago .texto2 {
		line-height: 2vw;
		font-size: 1.5vw;
		letter-spacing: .2vw;
		margin-bottom: 1.5vw;
	}
	body#checkout .paso .bloque.pago .texto3 {
		line-height: 2vw;
		font-size: 1.3vw;
		letter-spacing: .1vw;
		margin-bottom: 1.5vw;
	}
}
@media (min-width: 1025px) {
	body#checkout .paso .bloque.pago .texto1 {
		line-height: 2vw;
		font-size: 1.2vw;
		margin-bottom: 1vw;
	}
	body#checkout .paso .bloque.pago .texto2 {
		line-height: 1.5vw;
		font-size: 1vw;
		margin-bottom: 1vw;
	}
	body#checkout .paso .bloque.pago .texto3 {
		line-height: 1vw;
		font-size: .85vw;
		margin-bottom: 3vw;
	}
}
.bloque.pago .boton {
    cursor: pointer;
}

/*////*/

@media (max-width: 767.98px) {
	#checkout #main .paso > .titulo {
		margin-top: 10vw;
		background: #000;
	}
}

#header .fila.usuario .texto .enlace {
    color: #999;
}

#checkout #main .paso .bloque.resumen .menu .boton .desplegar{
	display:none;
}
#checkout #main .paso .bloque.resumen .menu .boton .replegar{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .boton .desplegar{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .boton .replegar{
	display:none;
}

#checkout #main .paso .bloque.resumen .menu .productos{
	display:block;
}
#checkout #main .paso .bloque.resumen .menu.desplegado .productos{
	display:none;
}

#checkout #main .paso .bloque.pago .campo{
	width:100%;
	height:auto;
	line-height:10vw;
	font-size:4.5vw;
	padding:0 2vw;
	letter-spacing:.5vw;
	border:1px solid var(--gris3);
}
#checkout #main .paso .bloque.pago .campo.movil{
	margin-top:5vw;
}
@media(min-width:769px){
	#checkout #main .paso .bloque.pago .campo{
		height:3.5vw;
		padding:0 1vw;
		line-height:2vw;
		font-size:1.5vw;
		letter-spacing:.2vw;
	}
	#checkout #main .paso .bloque.pago .campo.movil{
		margin-top:1.5vw;
	}
}
@media(min-width:1025px){
	#checkout #main .paso .bloque.pago .campo{
		height:2.8vw;
		line-height:2.8vw;
		font-size:1vw;
		padding:0 .5vw;
	}
	#checkout #main .paso .bloque.pago .campo.movil{
		margin-bottom:1vw;
	}
	#checkout #main .paso .bloque.pago .campo + .boton{
		margin:0;
	}
}

header .icono.casatomasicons.icon-user_1 {
	cursor: pointer;
}
#contacto .politica {
	align-items: baseline;
}

/* PAGINA */
#cms table,
#cms thead,
#cms tbody,
#cms img{
	max-width:100%;
	height:auto;
	object-fit:contain;
}
@media(max-width:768px){
	#cms table tr{
		display:flex;
		flex-direction:column;
	}
	#cms table tr td{
		max-width:100%;
		margin-bottom:5px;
	}
}
@media(min-width:769px){
	#cms table tr td{
		
	}
}

/* COOKIES */
#cookielaw{
	display:none;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	z-index:1000;
}
#cookielaw.cookielaw-showed{
	display:block;
}
#cookielaw .cookielaw-content{
	padding:5vw;
}
#cookielaw .cookielaw-content p{
	color:inherit;
}
#cookielaw .cookielaw-content a{
	color:var(--verde);
}
#cookielaw #cookielaw-accept{
	width:100%;
	font-family:'bold';
	font-weight:normal;
	background:var(--verde);
	color:var(--blanco);
	line-height:15vw;
	font-size:5.5vw;
	letter-spacing:1vw;
	padding:0 10px;
	border-radius:5px;
	border:0;
}
.firstfree{
	visibility: hidden;
}
div.inferior > div.extra.firstfree.visible{
	visibility: visible;
}
@media(min-width:769px){
	#cookielaw .cookielaw-content{
		padding:1vw 5vw;
		text-align:center;
	}
	#cookielaw #cookielaw-accept{
		width:auto;
		line-height:5vw;
		font-size:2vw;
		letter-spacing:.3vw;
		padding:0 5vw;
		border:2px solid var(--verde);
	}
}
@media(min-width:1025px){
	#cookielaw .cookielaw-content{
		padding:1vw 5vw;
		text-align:center;
	}
	#cookielaw #cookielaw-accept{
		width:auto;
		line-height:3vw;
		font-size:1vw;
		letter-spacing:.2vw;
		padding:0 5vw;
		cursor:pointer;
	}
	#cookielaw #cookielaw-accept:hover{
		background:transparent;
		color:var(--verde);
	}
}