@import url(ttf/opensans.css);
@import url(ttf/exo2.css);
@import url(css-iQue-formularios-v2025.css);
html{
	width:100%;
	margin: 0px;
	padding: 0px;
	font-size: 19pt;
	height: 100%;
	background-color: #fff;
	scrollbar-width: thin;
	scrollbar-color: #cacaca rgba(0,0,0,0.15);
	scrollbar-height: thin;
	overflow-x:hidden;
}

body{
	margin: 0px;
	min-width: 320px;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	background-color: #fff;
}

body::-webkit-scrollbar,*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
	background: #415c7b;
}
body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(255,255,255,0.5);
	border: 0px;
}

body * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left center;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	color: var(--color-texto);
	scrollbar-width: thin;
	scrollbar-color: #cacaca rgba(0,0,0,0.15);
	scrollbar-height: thin;
}


a, a:active, a:visited{
	outline: none;
	text-decoration: none;
	color: var(--color-anclas);
}
a:hover {
	color: var(--color-ancla-hover);
	color: var(--color-anclas);
}

a.boton{
	display: block;
	height: 1.6rem;
	line-height: 1.6rem;
	background-color: var(--azul-medio);
	padding: 0px 0.8rem;
	border:none;
	outline: none;
	color: #fff;
	border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	text-align: center;
	font-size: 0.8rem;
}

a.boton:hover{
	background-color: var(--azul-oscuro);
}

a.boton.secundario{
	background-color:
	white;
	border: 1px solid var(--bordes);
	color: var(--color-anclas);
	line-height: 1.5rem;
	font-size: 0.7rem;
}

img{
	border: none;
	vertical-align: middle;
}


h1,h2,h3,h4,h5,h6{
	font-weight: bolder;
	font-family: 'Exo2','OpenSans', Arial, Helvetica, sans-serif;
	line-height: normal;
	color: var(--color-titulos);
}

h1{
	font-size: 1.5rem;
}

h2{
	font-size: 1.41rem;
}

h3{
	font-size: 1.2rem;
}

h4{
	font-size: 1.23rem;
}

h5{
	font-size: 1.14rem;
}

h6{
	font-size: 1.05rem;
}

.CC{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.F100{
	float:left;
	width:100%;
}

.HR100{
	float:left;
	width:100%;
	height: 1px;
	display: block;
	background-color: var(--bordes);
}

/*------ HEADER --------*/
header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	width: 100%;
	background-color: var(--beige-claro);
	min-width:380px;
	z-index: 150;
}

#header-top{
	width: 100%;
	float:left;
	background-color: var(--beige-claro);
	background-position: center;
	background-size: auto 60%;
}
#header-franja{
	background-color: var(--beige-medio);
	width: 100%;
	height: 2.5rem;
}
#header-logo{
	text-align:center;
	width: 100%;
	float: left;
	height: 7rem;
}

#header-logo a{
	width: 100%;
	height: inherit;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#header-logo img{
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
	width: auto;
	height: 50%;
}
#header-cart{
	position:absolute;
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--azul-oscuro);
	right: 0.5rem;
	top: 0.5rem;
	background-image: url(iconos/cart-blanco.svg);
	border-radius: 50%;
	background-position: center;
	background-size: 40%;
}
#header-cart.activo{
	background-color: var(--azul-medio);
	cursor:pointer;
}
#header-cart span{
	position:absolute;
	min-width: 1rem;
	height: 1rem;
	background-color: var(--rojo);
	right: -0.3rem;
	top: -0.3rem;
	color: #fff;
	border-radius: 0.5rem;
	text-align: center;
	font-size: 0.6rem;
	line-height: 1rem;
	padding: 0 0.2rem;
}
#header-menu{
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
}
#header-menu>*{
	float: left;
	height: 1.7rem;
	margin: 0.4rem 0 0 0.4rem;
	background-color: var(--beige-oscuro);
	border-radius: 0.85rem;
	font-size: 0.70rem;
	line-height: 1.7rem;
	background-size: 0.75rem;
	color: var(--color-texto);
	/* cursor: pointer; */
}

#header-menu-mi-cuenta{
	cursor:pointer;
	position: relative;
}

#header-menu-mi-cuenta:hover{
	background-color: var(--beige-claro);
}



#header-micuenta{
	position:absolute;
	left: 0;
	top: 0;
	width: 10rem;
	height: 110%;
	width: 100%;
	display: none;
}

#header-menu-mi-cuenta:hover #header-micuenta{
	display: block;

}

#header-micuenta-opciones{
	border-radius: 0.3rem;
	box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 100%;
	left: 0;
	max-width: 12rem;
	background-color: #fff;
	padding: 0.3rem;
	z-index: 150;
}
#header-micuenta-opciones>*{
	float: left;
	width: 100%;
	margin-bottom: 0.3rem;
	font-size: 0.8rem;
	padding: 0 0.5rem;
	line-height: 1.55rem;
	height: 1.6rem;
	/* background-color: blue; */
	padding-left: 1.3rem;
	color: var(--color-texto);
	background-size: 0.7rem;
	background-position: center left 0.3rem;
	white-space: nowrap;
}
#header-micuenta-opciones>*:hover{
	color: var(--azul-claro);
}
#header-micuenta-registrarse{
	background-image: url(iconos/registro-gris.svg);
	margin-top: 0.3rem;
}
#header-micuenta-registrarse:hover{
	background-image: url(iconos/registro-azul.svg);
}
#header-micuenta-acceder{
	background-image: url(iconos/login-gris.svg);
}
#header-micuenta-acceder:hover{
	background-image: url(iconos/login-azul.svg);
}
#header-micuenta-logout{
	background-image: url(iconos/logout-gris.svg);
}
#header-micuenta-logout:hover{
	background-image: url(iconos/logout-azul.svg);
}
#header-micuenta-miperfil{
	background-image: url(iconos/usuario-gris.svg);
}
#header-micuenta-miperfil:hover{
	background-image: url(iconos/usuario-azul.svg);
}
#header-micuenta-cliente{
	float: left;
	width: 100%;
	padding: 0.3rem 0;
	height: auto;
	border-bottom: 2px solid var(--bordes);
}

#header-micuenta-cliente>*{
	float: left;
	width: 100%;
	padding: 0 0.3rem;
	text-align: center;
}

#header-micuenta-cliente-icono{
	text-align: center;
	width: 2rem;
	border-radius: 50%;
	border: 1px solid var(--bordes);
	height: 2rem;
	display: flex;
	justify-content: center;
	margin-left: calc(50% - 1rem);
}

#header-micuenta-cliente-icono img{
	width: 50%;
}

#header-menu-home{
	width: 1.7rem;
	display: inline-block;
	background-image: url(iconos/home-gris.svg);
	padding: 0 !important;
	background-position:center !important;
}
#header-menu-mi-cuenta:after{
	content: "";
	background-image: url(iconos/usuario-gris.svg);
	background-position: center;
	width: 1.7rem;
	height: 1.7rem;
	display:block;
	background-repeat:no-repeat;
	background-size: inherit;
	padding: 0;
}

#header-menu-mi-cuenta.clienteFirmado:after{
	background-image: url(iconos/usuario-azul.svg);
}


#header-menu-wish-list:after{
	content: "";
	background-image: url(iconos/wishlist-off-gris.svg);
	background-position: center right 0.5rem;
	width: 1.7rem;
	height: 1.7rem;
	display:block;
	background-repeat:no-repeat;
	background-size: 0.7rem;
	padding:0;
}

#header-menu-wish-list.enWishList{
	cursor:pointer;
}

#header-menu-wish-list.enWishList:after{
	background-image: url(iconos/wishlist-on-rojo.svg);
}

#header-menu-azul{
	width: 100%;
	float:left;
	background-color: var(--azul-oscuro);
	height: 3rem;
}

#header-menu-azul-chd{
	width: 100%;
	float:left;
	display:flex;
	flex-direction:row;
	height: inherit;
	margin: 0;
}
#header-menu-azul-chd>*{
	cursor:pointer;
}
#header-menu-azul-menu{
	flex: 0 1 100%;
	background-image: url(iconos/menu-blanco.svg);
	padding: 0.3rem 0.3rem 0.3rem 1.5rem;
	background-position: 0.4rem 0.7rem;
	background-size: 0.7rem;
	color:  #fff;
	font-size: 0.8rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#header-menu-azul-menu>span{
	color:  #fff;
	font-size: 0.7rem;
	color: var(--color-texto-amarillo);
}


#header-menu-azul-buscar{
	flex: 0 0 3.2rem;
	background-color:var(--azul-medio);
	text-align:center;
	color: #fff;
	display: flex;
	flex-direction: column;
	background-image: url(iconos/buscar-blanco.svg);
	justify-content: flex-end;
	padding: 0.3rem;
	font-size: 0.7rem;
	background-position: top 0.5rem center;
	background-size: 1rem;
}

#header-MenuDeCategorias,#header-buscador{
	position:absolute;
	top: 100%;
	background-color: #fff;
	width: 100%;
	display: none;
	height: calc(100vh - var(--header-altura));
}

#header-MenuDeCategorias-flex,#header-buscador-flex{
	float:left;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	height: inherit;
	position: relative;
	height: 100%;
	width: 100%;
}

#header-MenuDeCategorias-flex>*,#header-buscador-flex>*{
	padding: 7%;
}
 
#header-MenuDeCategorias-flex h2,#header-buscador-flex h2{
	font-size: 0.8rem;
	margin: 0;
} 

#header-MenuDeCategoriasLista h2, #header-buscador-forma h2{
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--bordes);
	background-color: white;
}
#header-MenuDeCategoriasLista, #header-buscador-forma{
	flex: 0 1 100%;
	overflow: hidden;
	overflow-y: auto;
}

#header-buscador-forma{
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.5rem;
	justify-content: flex-start;
}



#header-buscador-forma>*{
	width: 93%;
}



#header-buscador-forma-div-campo
,#header-buscador-forma-div-cat
,#header-buscador-forma-div-subcat{
	flex: 0 0 auto;
}

#header-buscador-forma-div-campo>*
,#header-buscador-forma-div-cat>*
,#header-buscador-forma-div-subcat>*{
	float:left;
	width: 100%;
	padding: 0.3rem;
	border-bottom: 2px solid var(--bordes);
	border-radius: 0.5rem;
	border: 2px solid var(--bordes);
	height: auto;
}


#header-buscador-forma-div-campo:before
,#header-buscador-forma-div-cat:before
,#header-buscador-forma-div-subcat:before{
	content: "";
	font-size: 0.65rem;
	width: 8rem;
	display: block;
	float: left;
	width: 100%;
	padding: 0.2rem 0;
	box-sizing: border-box;
	text-indent: 0.2rem;
}


#header-buscador-forma-div-campo:before{content: "Producto";}
#header-buscador-forma-div-cat:before{content: "En la categoría";}
#header-buscador-forma-div-subcat:before{content: "En la sub categoría";}

#header-buscador-forma-boton{
	margin-top: 0.5rem;
}

.ulMenuCategoria, .ulMenuSubCategoria{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 0.8rem;
}

.liMenuCategoria{
	padding: 8px 3px;
	margin: 2px 0;
	border-bottom: 2px solid var(--bordes);
	float: left;
	width: 100%;
}
.aMenuCategoria{
	width: calc(100% - 2rem);
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.liMenuCategoriaAbreSubCat{
	width: 1rem;
	background-image: url(iconos/mas-azul.svg);
	background-size: 45%;
	background-position: center;
	float: right;
	display: block;
	height: 1rem;
	cursor: pointer;
}

.ulMenuSubCategoria{display: none;padding:  0.5rem 0 0.5rem 1rem;}

.liMenuSubCategoria{
	padding: 4px 0;
	width: 100%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header-MenuDeCategoriasRecomendados, #header-buscador-recomendados{
	display: none;
}

#header-MenuDeCategoriasCerrar, #header-buscador-cerrar{
	flex: 0 0 2rem;
	background-size: 1rem;
	padding: 0;
	background-color: var(--azul-oscuro);
}

#header-MenuDeCategoriasCerrarDo, #header-buscador-cerrarDo{
	width: 50%;
	height: 100%;
	margin: auto auto;
	display: block;
	cursor: pointer;
	background-image: url(iconos/flecha-arriba-blanco.svg);
	background-position: center;
	background-size: 1rem;
	background-color: var(--azul-medio);
}

header.scroll{
	position: fixed;
}

header.scroll #header-franja{
	height: 1.5rem;
}

header.scroll #header-menu>*{
	height: 1.1rem;
	margin: 0.2rem 0 0 0.5rem;
	line-height: 1.1rem;
	background-size: 0.6rem;
	width: 2rem;
	padding:0;
}

header.scroll #header-menu-mi-cuenta:after,
header.scroll #header-menu-wish-list:after
{
	content: "";
	background-position:center !important;
	width: inherit;
	height: 1.1rem;
	display:block;
	background-repeat:no-repeat;
	background-size: inherit;
	padding:0;
}

header.scroll #header-menu-mi-cuenta:after{
	content: "";
	background-image: url(iconos/usuario-gris.svg);
}
header.scroll #header-menu-wish-list:after{
	content: "";
	/*background-image: url(iconos/wishlist-off-gris.svg);*/
}

header.scroll #header-cart{
	width: 2rem;
	height: 2rem;
}

header.scroll #header-logo{
	height: 3rem;
}

header.scroll #header-logo img{
	width: auto;
	height: 70%;
}

header.scroll #header-menu-azul{
	height: 1.5rem;
}

header.scroll #header-menu-azul-menu{
	background-position: 0.45rem 0.45rem;
	background-size: 0.6rem;
	font-size: 0.68rem;
}
header.scroll #header-menu-azul-menu>span{
	display:none;
}


header.scroll #header-menu-azul-buscar{
	flex: 0 0 auto;
	padding: 0.3rem 0.5rem 0.3rem 1.5rem;
	font-size: 0.6rem;
	background-position: left 0.4rem center;
	background-size: 0.7rem;
	line-height: 0.9rem;
}


/*------ CONTENIDO --------*/

content{
	width: 100%;
	float:left;
	margin-top: 12.5rem;
}

#logout-content{
	width: 100%;
	float:left;
	padding: 5%;
	min-height: 50vh;
}
.precios-condiciones{
	width: 100%;
	font-size: 0.7rem;
	text-align: center;
	float: left;
	margin-bottom: 2rem;
}
/*-------- footer --------------*/

footer{
	background-color: var(--azul-oscuro);
	border-top:  1rem solid var(--azul-medio);
	padding: 5% 0;
	min-height: 10rem;
}
#footer-data-box{
	width: 100%;
	float:left;
	padding: 5% 10%;
}
#footer-data-box-chd{
	width: 100%;
	float:left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.footer-data-col{
	flex: 0 0 100%;
}

.footer-menu-condiciones{
	flex: 0 0 100%;
	font-size: 0.6rem;
	text-align: center;
}
.footer-menu-condiciones a{
	color: #fff;
}
.footer-data-col>div{
	font-size: 0.7rem;
	text-align: center;
	color: #fff;
	margin-bottom: 1.5rem;
	width: 100%;
	float:left;
}

.footer-data-col p{
	font-size: inherit;
	text-align: inherit;
	color: inherit;
}

#footer-data-redes span{
	font-size: inherit;
	text-align: inherit;
	color: var(--azul-medio);
}

#footer-data-redes a{margin: 0 0.35rem;}

/*------- PRODUCTOS CAJA VISUALIZACIÓN PREVIOS--------*/


.producto-previos-caja{
	width: 100%;
	float:left;
	border: 2px solid var(--bordes);
	margin: 0.5rem 0 0 0;
	background-color: white;
	padding: 0.6rem;
	border-radius: 0.5rem;
}
.producto-previos-caja-chd{
	display: flex;
	flex-direction: row-reverse;
	gap: 0.65rem;
}
.producto-previos-caja-foto{
	flex: 0 0 100px;
	width:  100px;
	max-height: 75px;
	overflow: hidden;
}
.producto-previos-caja-foto img{
	max-width: 150px;
	width: 100%;
}
.producto-previos-caja-data{
	flex: 0 1 100%;
}
.producto{
	float: left;
	width: 100%;
	margin: 0;
}
.producto a{
	line-height: 1rem;
	height: 1rem;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	font-size: 0.7rem;
	width: 100%;
	color: var(--color-titulos);
}
.producto-previos-caja .HR100{
	margin: 0.35rem 0;
} 
.marca{
	font-size: 0.7rem;
	float: left;
	width: 100%;
}
.escala{
	font-size: 0.7rem;
	float: left;
	width: 100%;
}
.escala:before{
	content: "Escala ";
}
.precioOferta{
	margin-top: 0 !important;
	color: var(--color-texto-rojo);
}
.precioRegularTachado{
	font-style: italic;
	text-decoration: line-through;
}
.precioRegular,.precioRegularTachado,.precioOferta{
	margin-top: 0.5rem;
	font-size: 0.75rem;
	font-weight: bold;
	float: left;
	width: 100%;
}
.precioRegular:before,.precioRegularTachado:before{
	content: "Precio ";
	font-weight: normal;
	font-size: 0.65rem;
}

.precioOferta:before{
	content: "Hoy ";
	color: var(--color-texto);
	font-weight: normal;
	font-size: 0.65rem;
	font-style: italic;
}
.precioOferta.pCliente{
	/* color: var(--azul-claro); */
}
.precioOferta.pCliente:before{
	content: "Cliente ";
	color: var(--azul-claro);
}

.producto-previos-caja-opciones{
	float:left;
	width: 100%;
}

.verDetalles{
	flex: 0 0 auto;
	font-size:0.7rem;
	margin-top: 0.5rem;
	float: left;
}
.producto-previos-caja-opciones .verDetalles:before{
	content: "Ver detalles"
}
.agregar-a-carrito{
	flex: 0 0 80%;
	margin-top: 0.5rem;
	border: 1px solid var(--color-anclas);
	color: var(--color-anclas);
	border-radius: 1rem;
	font-size: 0.7rem;
	text-align: center;
	cursor: pointer;
	float: left;
	width: calc(100% - 2.4rem);
	height: 1.4rem;
	line-height: 1.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.agregar-a-carrito:hover{
	color: var(--color-anclas-hover);
	border-color: var(--color-ancla-hover);
}
.agregar-a-carrito:before{
	content: "Comprar";
	background-image: url(iconos/cart-azul.svg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 1rem;
	background-size: 0.7rem;
	color:inherit;
	letter-spacing: -0.02rem;
	white-space: nowrap;
}

.agregar-a-carrito:hover::before{
	content: "Comprar";
	background-image: url(iconos/cart-rojo.svg);
	color: var(--color-ancla-hover); 
}

.previos-icono-wish-list{
	border: 1px solid var(--color-anclas);
	color: var(--color-anclas);
	border-radius: 1rem;
	cursor: pointer;
	float: left;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	width: 1.4rem;
	height: 1.4rem;
	background-position: center;
	background-image: url(iconos/wishlist-off-azul.svg);
	background-size: 0.7rem;
}

.previos-icono-wish-list.enWishList,
.previos-icono-wish-list:hover.enWishList{
	background-image: url(iconos/wishlist-on-rojo.svg);
	border: 1px solid var(--color-ancla-hover);
}


.previos-icono-wish-list:hover{
	border: 1px solid var(--color-ancla-hover);
	color: var(--color-anclas);
	background-image: url(iconos/wishlist-on-rojo.svg);
}

/* ------ OTROS ------ */
.overLay{
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
	z-index: 150;
	backdrop-filter: blur(3px);
	
}

/* ------ PAGINACIÓN DE LISTAS ------*/

.paginacion-box{
	float:left;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.7rem;
	text-align: center;
	font-size: 0.75rem;
	padding: 0.7rem;
	border: 1px solid var(--bordes);
	border-radius: 0.5rem;
}
.paginacion-texto{
	flex: 0 0 100%;
	text-align: inherit;
}
.paginacion-numeros{
	flex: 0 0 100%;
	text-align: inherit;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.3rem;
	justify-content: center;
}
.paginacion-numeros a, .paginacion-numeros a:active, .paginacion-numeros a:visited{
	flex: 0 0 1.5rem;
	height: 1.5rem;
	display: block;
	line-height: 1.44rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bordes);
	background-color: #fff;
	cursor: pointer;
}

.paginacion-numeros a:hover{
	/*border-radius: 50%;*/
	color: var(--color-anclas);
	border-color: var(--color-anclas);
}

.paginacion-numeros a.actual{
	background-color: var(--azul-oscuro);
	color:#fff !important;
	border-color: var(--azul-oscuro);
}

.agregado-a-carrito-msgbox{
	float: left;
	width: 94%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.agregado-a-carrito-msgbox-cant{
	flex: 0 0 100%;
	height: 2rem;
	border: 2px solid var(--bordes);
	color: var(--color-texto-rojo);
	font-size: 1.5rem;
	line-height: 1.8rem;
	text-align: center;
	font-weight: 800;
	border-radius: 1rem;
}
.agregado-a-carrito-msgbox-producto{
	flex: 0 0 100%;
	margin: 0.5rem 0;
	font-size: 0.7rem;
	/* text-align: center; */
}

.agregado-a-carrito-msgbox-menu{
	float: left;
	width: 90%;
	margin: 0.5rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.agregado-a-carrito-msgbox-menu div{
	flex: 0 0 100%;
	margin: 0.3rem 0;
	font-size: 0.7rem;
	padding: 0.25rem;
	color: var(--color-anclas);
	text-align: center;
	cursor: pointer;
}
.agregado-a-carrito-msgbox-menu-carrito{
	border: 1px solid var(--color-anclas);
	border-radius: 0.5rem;
}
.agregado-a-carrito-msgbox-menu-continuar{
	border: 0;
}


.grecaptcha-badge{
	display:none;
}

.registro-box{
	position: absolute;
	width: 90%;
	max-width: 380px;
	left: 50%;
	top: 50%;
	border-radius: 0.5rem;
	transform: translate(-50%, -50%);
	background-color: var(--beige-claro);
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
	max-height: 100%;
	height: auto;
}
.registro-box-chd{
	border-radius: inherit;
	background-color: #fff;
	border: 1px solid var(--bordes);
	position: relative;
	margin: 0.5rem;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	padding: 0.5rem 0.2rem;
}


.registro-box-logo{
	text-align: center;
	height: 3.5rem;
}
.registro-box-logo img{
	height: 2.5rem;
	margin: 0.5rem;
}
.registro-box-forma{
	overflow: hidden;
	width: 100%;
	height: calc(100% - 3.5rem);
	overflow-y: auto;
	padding: 0.3rem 1rem;
}

.registro-accede-aqui{
	float: left;
	width: 100%;
	font-size: 0.65rem;
	margin: 0;
	cursor:pointer;
	color:var(--color-anclas);
	text-align: center;
	margin-bottom: 0.5rem;
}

.registro-box-forma h4{
	margin: 0.5rem 0 0.7rem 0;
	font-size: 1rem;
	background-image: url(iconos/registro-azul.svg);
	background-size: 0.8rem;
	text-indent: 1.2rem;
	color: var(--gris-oscuro);
	font-weight: 400;
}
.registro-box-botones{
	padding: 0.5rem 0 1.2rem 0;
	border-bottom: 2px solid var(--bordes);
	float: left;
	width: 100%;
	margin-bottom: 1rem;
	font-size: 0.65rem;
	display: flex;
	justify-content: space-between;
}


.registro-box-botones label{
	margin-bottom: 1rem;
	float: left;
	width: 100%;
	font-size: 0.65rem;
	text-align: center;
}


.registro-box-botones-cont{
	flex: 0 0 100%;
	font-size: inherit;
}
.registro-pass-mask{
	display:flex;
}
.registro-pass-mask input{
	flex: 0 1 100%;
}
.registro-pass-mask>div{
	flex: 0 0 22px;
	background-size: 16px;
	background-position: center;
	cursor: pointer;
}
.password-icono-ver{
	background-image:url(iconos/password-ocultar-azul.svg);
}

.password-icono-ocultar{
	background-image:url(iconos/password-ver-azul.svg);
}

.registro-box-forma .fldOb input, .registro-box-forma .fldOb .input-mask{
	background-image: none;
}

.reg-msgbox-online{padding: 1rem;}
.reg-continuar-reg{
	color:var(--texto-azul);
	margin-top: 2rem;
	text-align: center;
	color: var(--color-anclas);
	cursor: pointer;
}

.acceso .registro-box{
	max-width: 330px;
}
.acceso .registro-box-chd{
	/* height: auto; */
}

.acceso .registro-box-forma h4{
	background-image: url(iconos/login-azul.svg);
}



.acceso .registro-box-botones, .recupera .registro-box-botones{
	flex-wrap: wrap;
}

.acceso .registro-box-botones a, .recupera .registro-box-botones a{
	flex: 0 0 100%;
	margin-top: 1rem;
	text-align: center;
	cursor:pointer;
}

.acceso-btn-cerrar{
	position: absolute;
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 1rem;
	top: -1rem;
	right: -1rem;
	background-image: url(iconos/x-blanco.svg);
	background-size: 40%;
	background-position: center;
	background-color: var(--azul-oscuro);
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
	cursor: pointer;
}

.recupera .registro-box-forma h4{
	background-image: url(iconos/email-azul.svg);
}

.recupera .registro-box-forma p{
	font-size: 0.7rem;
	text-align: center;
}


.registro-activar-box{
	position: absolute;
	max-width: 350px;
	width: 90%;
	max-height: 90%;
	height: auto;
	background-color:#fff;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	border-radius: 0.5rem;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
	background-color: var(--beige-claro);
	padding: 0.5rem;
}
.registro-activar-box-chd{
	float:left;
	width: 100%;
	padding: 1rem;
	background-color: #fff;
	border-radius: inherit;
	border: 1px solid var(--bordes);
}
.registro-activar-box-chd div{
	text-align:center;
}
.registro-activar-box-chd img{
	margin-bottom 1.5rem;
	width: 60%;
	height: auto;
}
.registro-activar-box-chd h1{
	font-size: 1.1rem;
	text-align: center;
	margin: 0 0 0.8rem 0;
	padding-bottom: 0.8rem;
	border-bottom: 2px solid var(--bordes);
}

.registro-activar-box-chd p{
	text-align: center;
	font-size: 0.8rem;
	margin: 0;
}
.registro-activar-box-chd ul{
	margin-top: 0;
	padding: 0 1rem;
	list-style: none;
	margin-bottom: 0;
}
.registro-activar-box-chd li{
	float: left;
	width: 100%;
	margin: 0.5rem 0;
	padding: 0;
}
.registro-activar-box-chd li a{
	width: 100%;
	border: 1px solid var(--bordes);
	padding: 0 1rem 0 1.6rem;
	line-height: 1.8rem;
	height: 2rem;
	font-size: 0.8rem;
	background-position: left 0.4rem center;
	background-size: 0.8rem;
	display: block;
	border-radius: 0.5rem;
}

.registro-activar-box-chd li a:hover{
	color: var(--color-texto);
}

.js-activar-micuenta{
	background-image: url(iconos/usuario-azul.svg);
}
.js-activar-wlist{
	background-image: url(iconos/wishlist-off-azul.svg);
}
.js-activar-cart{
	background-image: url(iconos/cart-azul.svg);
}

.js-activar-inicio{
	background-image: url(iconos/home-azul.svg);
}


.js-activar-micuenta:hover{
	background-image: url(iconos/usuario-gris.svg);
}
.js-activar-wlist:hover{
	background-image: url(iconos/wishlist-off-gris.svg);
}
.js-activar-cart:hover{
	background-image: url(iconos/cart-gris.svg);
}

.js-activar-inicio:hover{
	background-image: url(iconos/home-gris.svg);
}

.js-activar-continuar{
	border: 0 !important;
	text-align:center;
}
/* @group tablaFicha */
table.Ficha{
	border-spacing: 2px !important;
	width: 100%;
}

.Ficha caption{
	text-align: left;
	padding: 0px 0px 5px 0px;
	background-color: var(--beige-oscuro);
	font-style: normal;
	color: white !important;
	caption-side: top;
	padding: 2px 2px;
}

.Ficha thead tr:last-child th{
	border-bottom: 0px solid var(--bordes) !important;
}

.Ficha th, .Ficha tfoot td{
	background-color: var(--beige-oscuro);
	padding: 2px 2px;
	font-style: italic;
	text-align: center;
	font-size: 0.85rem;
	border-bottom: 1px solid var(--bordes);
}
.Ficha tbody td{
	padding: 8px 5px;
	border-bottom: 1px solid var(--bordes);
	vertical-align: baseline;
}
.Ficha .etq, .Ficha tbody tr td:first-child{
	background-color: var(--beige-medio);
	font-size: 0.85rem;
	text-align: right;
	font-style: italic;
}
/* .Ficha tr td:first-child, .Ficha tr th:first-child{
	border-left: 1px solid var(--bordes);
}

.Ficha tr td:last-child, .Ficha tr th:last-child{
	border-right: 1px solid var(--bordes);
} */
.Ficha td.dato{
	background-color: transparent !important;
	font-size: 1em !important;
	font-style: normal !important;
	color: var(--color-texto) !important;
	text-align: left  !important;
}

.Ficha td>input[type="text"],
.Ficha td>input[type="password"], 
.Ficha td>select,
.Ficha td>textarea{
	border: 0;
	background-color: transparent;
}

/* @end */

.doc-head{
	padding: 5% 5% 2.5% 5%;
}

.doc-head h1{
	float:left;
	width: 100%;
	font-size: 2.2rem;
	margin: 0;
}

.doc-contenido{
	padding: 2.5% 5% 5% 5%;
}

.doc-contenido h2{
	float:left;
	width: 100%;
	font-size: 1.7rem;
	margin: 1rem 0 2rem 0;
}

.doc-contenido p,.doc-contenido li, .doc-contenido a{
	font-size: 0.7rem;
	padding: 0.5rem 0;
}



/* Teléfonos pequeños ≤ 480px*/
@media (min-width: 480px) {
	html{
		font-size: 18pt;
	}

	/*------ HEADER --------*/
	
	#header-logo img {
		width: 40%;
		margin: 4% 0;
	}

	#header-menu-azul{
		height: 3.2rem;
	}

	#header-menu-azul-menu{
		font-size: 0.9rem;
		
	}
	#header-menu-azul-menu>span{
		font-size: 0.8rem;
	}
	
	#header-menu-azul-buscar{
		padding: 0.3rem;
		font-size: 0.7rem;
		background-position: top 0.5rem center;
		background-size: 1rem;
	}

	
	header.scroll #header-franja{
		height: 1.8rem;
	}
	
	header.scroll #header-menu>*{
		height: 1.4rem;
		line-height: 1.4rem;
		background-size: 0.7rem;
		min-width: 1.4rem;
		width: auto;
	}
	
	header.scroll #header-menu-mi-cuenta:after,
	header.scroll #header-menu-wish-list:after
	{
		content: "";
		background-position: center right 0.5rem !important;
		height: inherit;
		padding:0 1.5rem 0 0.5rem;
		width: auto;
	}
	
	header.scroll #header-menu-mi-cuenta:after{
		content: "Mi cuenta";
		background-image: url(iconos/usuario-gris.svg);
	}
	header.scroll #header-menu-wish-list:after{
		content: "Foro";
		/*background-image: url(iconos/wishlist-off-gris.svg);*/
	}
	
	header.scroll #header-cart{
		width: 2.5rem;
		height: 2.5rem;
	}
	
	header.scroll #header-logo{
		height: 4rem;
	}
	
	header.scroll #header-logo img{
		width: auto;
		height: 50%;
	}
	
	/*------ CONTENIDO --------*/
	content{
		margin-top: 12.7rem;
		/* margin-top: calc(12.7rem + 1px); */
	}
	
	
}

/* Tablets y más 481px – 767px*/
@media (min-width: 768px) {
	
	
	/*------ HEADER --------*/
	
	#header-logo img {
		width: auto;
		margin: -0.6rem 1rem 0 1rem;
		text-align:left;
		height: 4.7rem;
	}
	#header-logo a{
		display: inline-block;
		width: auto;
		height: inherit;
	}
	#header-logo {
		text-align:left;
		height: 5rem;
	}

	#header-franja{
		height: 1.2rem;
	}

	#header-cart{
		right: 1rem;
		top: 2.3rem;
	}

	#header-menu{
		right: 4rem;
		top: 2.4rem;
		left: unset;
	}
	
	#header-menu-azul{
		height: 2.5rem;
	}

	#header-menu-azul-menu{
		font-size: 0.9rem;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		background-position: center left 0.5rem;
		gap: 0.5rem;
	}
	#header-menu-azul-menu>span{
		font-size: 0.8rem;
	}

	#header-menu-azul-buscar{
		padding: 0.3rem;
		font-size: 0.7rem;
		background-size: 1rem;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 2.1rem;
		background-position: center left 1rem;
		padding-right: 1rem;
		background-size: 0.8rem;
	}

	#header-menu-wish-list:after{
		content: "Lo quiero";
		width: auto;
		padding: 0 1.4rem 0 0.7rem;
	}
	#header-menu-mi-cuenta:after{
		content: "Mi cuenta";
		width: auto;
		height: 1.7rem;
		padding: 0 1.4rem 0 0.7rem;
		background-position: center right 0.5rem;
	}
	#header-micuenta{
		height: 120%;
		/* height: auto; */
	}
	#header-micuenta-opciones{
		left:50%;
		transform:translateX(-50%);
		padding: 0.5rem;
	}


	#header-menu>*:hover{
		background-color: var(--beige-medio);
	}

	header.scroll #header-franja{
		height: 0rem;
	}
	
	header.scroll #header-menu>*{
		height: 1.4rem;
		line-height: 1.4rem;
		background-size: 0.7rem;
		min-width: 1.4rem;
		width: auto;
	}
	
	header.scroll #header-menu-mi-cuenta:after,
	header.scroll #header-menu-wish-list:after
	{
		content: "";
		background-position: center right 0.5rem !important;
		height: inherit;
		padding:0 1.5rem 0 0.5rem;
		width: auto;
	}
	
	header.scroll #header-menu-mi-cuenta:after{
		content: "Mi cuenta";
		background-image: url(iconos/usuario-gris.svg);
	}
	header.scroll #header-menu-wish-list:after{
		content: "Lo quiero";
		/*background-image: url(iconos/wishlist-off-gris.svg);*/
	}
	
	header.scroll #header-cart{
		width: 2rem;
		height: 2rem;
		top: 0.5rem;
	}
	
	header.scroll #header-logo{
		height: 3rem;
	}
	
	header.scroll #header-logo img{
		width: auto;
		height: 77%;
		margin: 4% 0;
	}

	header.scroll #header-menu{
		right: 3.6rem;
		top: 0.65rem;
		left: unset;
	}

	

	
	#header-MenuDeCategorias-flex>*,header-buscador-flex{
		padding: 3%;
	}
	
	#header-MenuDeCategoriasLista h2, #header-buscador-forma h2{
		padding-bottom: 0.8rem;
	}
	#header-MenuDeCategoriasLista, #header-buscador-forma{
		flex: 0 1 100%;
		overflow: hidden;
		overflow-y: auto;
	}

	.ulMenuCategoria{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 4%;
	}
	
	.liMenuCategoria{
		float: none;
		flex: 0 0 48%;
		width: 48%;
	}
	
	/*------ CONTENIDO --------*/
	content{
		margin-top: 8.7rem;
		/* margin-top: calc(8.7rem + 1px); */
	} 
	
	.footer-data-col{
		flex: 0 0 auto;
	}
	
	#footer-data-box{
		padding: 0;
	}
	#footer-data-box-chd{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem;
	}

	.footer-data-col>div{
		font-size: 0.8rem;
		margin-bottom: 1rem;
	}


}

/* Laptops 768px – 1023px*/
@media (min-width: 1024px) {
	html{
		font-size: 17pt;
	}
	#header-MenuDeCategorias-flex>*, #header-buscador-flex>*{
		padding: 1.5%;
	}
	#header-MenuDeCategorias-flex, #header-buscador-flex{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		background-color: #fff;
	}
	
	
	
	#header-MenuDeCategoriasLista, #header-buscador-forma{
		flex: 0 1 66%;
		height: calc(100% - 2rem);
	}

	
	
	#header-MenuDeCategoriasRecomendados, #header-buscador-recomendados{
		display: block;
		flex: 0 0 34%;
		background-color: var(--beige-claro);
	}

	#header-MenuDeCategoriasCerrar, #header-buscador-cerrar{
		flex: 0 0 100%;
		padding: 0;
		height: 2rem;
	}
	#header-MenuDeCategorias, #header-buscador{
		height: calc(100vh - var(--header-altura) - 2rem);
		
	}
	#header-MenuDeCategoriasCerrarDo, #header-buscador-cerrarDo{
		width: 20%;
	}
	.paginacion-box{
		gap: 0.7rem;
		flex-wrap: nowrap;
		align-self: flex-end;
	}
	.paginacion-texto{
		flex: 0 0 auto;
		text-align: left;
		line-height: 1.5rem;
	}
	.paginacion-numeros{
		flex: 0 1 100%;
		justify-content: flex-end;
	}
}

/* Escritorios grandes 1024px – 1439px*/
@media (min-width: 1200px) {

	/*------ HEADER --------*/

	#header-menu{
		top: 1.25rem;
		right: 3rem;
	}
	#header-cart{
		top: 1.2rem;
		right: 0;
	}
	#header-top{
		width: 100%;
		float:left;
		width: 1200px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		z-index: 5;
	}
	#header-menu-azul-chd{
		position: relative;
		margin: auto;
		width: 1200px;
		left: 50%;
		transform: translateX(-50%);
	}
	#header-menu-azul-menu{
		/* padding-left: 2rem; */
		background-size: 1rem;
		background-position: left;
	}
	#header-menu-azul-buscar{
		background-size: 1rem;
		font-size: 0.8rem;
		padding-left: 2.4rem;
	}
	#header-logo img {
		margin-left: 0.5rem;
	}

	#header-MenuDeCategorias, #header-buscador{
		width: 1200px;
		left: 50%;
		transform: translateX(-50%);
		height: calc(100vh - var(--header-altura) - 3rem);
		background-color: #fff !important;
	}
	.liMenuCategoria{
		float: none;
		flex: 0 0 32%;
		width: 32%;
	}
	.ulMenuCategoria{
		gap: 2%;
	}
	#header-MenuDeCategoriasLista, #header-buscador-forma{
		flex: 0 1 67%;
	}
	
	
	#header-MenuDeCategoriasRecomendados, #header-buscador-recomendados{
		flex: 0 0 33%;
	}
	.footer-data-col{
		flex: 0 0 40%;
	}
	
	#footer-data-box{
		padding: 1rem;
	}
	#footer-data-box-chd{
		gap: 3rem;
	}

	.footer-data-col>div{
		font-size: 0.9rem;
		margin-bottom: 2rem;
	}
	
	#footer-data-redes img{width: 32px;}
	.footer-data-col>div img{
		width: 40px;
	}
	#logout-content{
		padding: 7% 30%;
	}
}

@media (min-height: 768px) {

	.registro-box{
		max-height: 90%;
	}

	.registro-box-logo{
		height: 4rem;
		padding: 0.8rem;
	}
	.registro-box-logo img{
		height: 2rem;
	}
	.registro-box-forma{height: calc(100% - 5rem);}
	
}