@import url(css-iQue-formularios-v2025.css);
@import url(figtree.css);


html{
	width:100%;
	margin: 0px;
	padding: 0px;
	background-color: var(--bg-oscuro);
	scrollbar-width: thin;
	scrollbar-color: #cacaca rgba(0,0,0,0.15);
	scrollbar-height: thin;
	overflow-x:hidden;
	font-size: 18px;
}

body{
	margin: 0px;
	font-family: 'Figtree', Arial, Helvetica, sans-serif;
	background-color: var(--bg-oscuro);
	padding-bottom:var(--header-altura);
}

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: 'Figtree', Arial, Helvetica, sans-serif;
	scrollbar-width: thin;
	scrollbar-color: #cacaca rgba(0,0,0,0.15);
	scrollbar-height: thin;
	color: var(--color-texto);
}


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


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

h1{
	/* font-size: 2rem; */
}

h2{
	font-size: 1.6rem;
}

h3{
	font-size: 1.6rem;
}

h4{
	font-size: 1.4rem;
}

h5{
	font-size: 1.2rem;
}

h6{
	font-size: 1rem;
}

a, a:active, a:visited{
	color: var(--color-a);
}
a:hover{
	color: var(--color-a-hover);
}

a.boton{
	border-radius: 0.5rem;
	background-color: var(--boton-fondo);
	border: 1px solid var(--boton-fondo);
	color: var(--boton-color);
	padding: 0.25rem 0.7rem;
	width: 100%;
	display: inline-block;
}
a.boton:hover{
	background-color: var(--boton-fondo-hover);
	color: var(--boton-color-hover);
}
a.boton.secundario{
	background-color: #fff;
	color: var(--color-anclas);
	border: 1px solid var(--bordes);
}
a.boton.secundario:hover{
	border: 1px solid var(--color-a);
}

strong{
	color: var(--text-color-high);
}
li{
	margin: 0.3rem 0;
}
.text-mini, .mini-text{
	font-size: 0.75rem !important;
}
.text-big, .big-text{
	font-size: 1.1rem !important;
}
.text-small, .small-text{
	font-size: 0.9rem !important;
}
.i{
	font-style: italic;
}
.b{
	font-weight: 600;
}
.center{
	text-align:center;
}
.right{
	text-align: right !important;
}
.hidden{
	display: none !important;
}

small, .text-mini{
	font-size: 0.75rem !important;
}
.dimmed-color{
	color: var(--text-color-dimmed);
}

.highlite{
	color: var(--text-color-high);
}

.border, .borders, .bordes{
	border: 1px solid var(--bordes);
} 
.round-corners{
	border-radius: var(--border-radius);
}
.hideMe{
	display:none;
}
.shadow{
	box-shadow: 2px 2px 3px var(--shadows-color);
}

.w100, .width100 {
	width: 100% !important;
	display: inline-block;
}
.w75, .width75 { width: 75%; display: inline-block;}
.w50, .width50 { width: 50%; display: inline-block;}
.w30, .width30  { width: 30%; display: inline-block; }
.w20, .width20 { width: 20%;display: inline-block; }

.p0 { padding: 0rem !important;}
.p1, .padding1 { padding: 1rem !important;}
.p05, .padding05 { padding: 0.5rem !important;}
.p1m, .padding1m,.p15 { padding: 1.5rem !important;}
.p2, .padding2 { padding: 2rem !important;}
.p25, .padding25 { padding: 2.5rem !important;}
.p3, .padding3 { padding: 3rem !important;}
.FR{float:right;}
.m0{margin: 0 !important; }
.mb05{
	margin-bottom: 0.5rem !important;
}
.mb075{
	margin-bottom: 0.75rem !important;
}
.mb15{
	margin-bottom: 1.5rem !important;
}
.mb1{
	margin-bottom: 1rem !important;
}
.mb2{
	margin-bottom: 2rem !important;
}
.mb3{
	margin-bottom: 3rem !important;
}
.mt05{
	margin-top: 0.5rem !important;
}
.mt075{
	margin-top: 0.75rem !important;
}
.mt15{
	margin-top: 1.5rem !important;
}
.mt1{
	margin-top: 1rem !important;
}
.mt2{
	margin-top: 2rem !important;
}
.mt3{
	margin-top: 3rem !important;
}
.cc{
	width: 100%;
	margin:auto;
	max-width: 69rem; /*1104*/
	max-width: 75rem; /*1200*/
}

section{
	/* margin: 3rem 0; */
	width: 100%;
	display:block;
}
/*=== HEADER ======================================================*/ 
header{
	width: 100%;
	background-color:#fff;
	z-index: 10;
	position: fixed;
	top: 0;
} 

/* M1 -----------------------------------------*/
.header-m1{
	background-color: var(--pleca-oscura);
	color: #fff;
	overflow: hidden;
}

.header-m1 .cc .w100{
	display:flex;
	justify-content: flex-end;
	flex-direction: row;
	padding: 0 0.5rem;
}

.header-m1 *{
	color: #fff !important;
}

.h-icon.tel{
	background-image: url(iconos/headset-b.svg);
}
.h-icon.home{
	background-image: url(iconos/home-b.svg);
}
.h-icon.instagram{
	background-image: url(iconos/instagram-b.svg);
}
.h-icon.wa{
	background-image: url(iconos/wa-b.svg);
}
.h-icon.email{
	background-image: url(iconos/mail-b.svg);
}
.header-m1 .h-icon{
	background-position: center;
	line-height: 2rem;
	background-size: 1.25rem;
	font-size: 0.9rem;
	flex: 0 0 1.8rem;
	width: 2rem;
	margin: 0 0.1rem;
	height: 2rem;
}
.h-icon span{
	width: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:clip;
	display: block;
}

/* M2 -----------------------------------------*/


.header-m2{
	width: 100%;
	display: block;
	background-color: #f7f6f4;
	
}
.header-m2>.cc>.w100{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 6rem;
	min-height:4rem;
}

header.escroleado .header-m2>.cc>.w100{
	height: 4rem;
}


.header-logo{
	text-align: center;
	flex: 0 0 8rem;
	position: relative;
	height: inherit;
	padding: 0.5rem 0.5rem 0 0.5rem;
}



header.escroleado .header-logo{
	height: 4rem;
}
header.escroleado .header-logo a{
	height: 4rem;
}
.header-logo a{
	width: calc(100% - 1rem);
	position: absolute;
	background-color: #fff;
	left: 0.5rem;
	bottom: 0;
	height: 6.5rem;
	padding: 0.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.header-logo .logo{
	width: 90%;
}

header.escroleado .header-logo .logo{
	height: 100%;
	width:auto;
}

.header-logo .sombra{
	position:absolute;
	bottom: 0;
	height: 100%;
}

.header-logo .sombra.i{
	right: 100%;
}

.header-logo .sombra.d{
	left: 100%;
}

.head-m2-iconos{
	height: inherit;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex: 0 1 100%;
	padding-right: 0.8rem;
	gap: 0.25rem;
}

.head-m2-ico{
	flex: 0 0 3.3rem;
	width: auto;
	position:relative;
	text-align:center;
	height: 50%;
}
.head-m2-ico img{
	display:inline-block;
	max-width: 1.7rem;
	height: 60%;
}
.head-m2-ico-txt{
	display:block;
	width: 100%;
	font-size: 0.7rem;
}
.head-m2-ico-no{
	position: absolute;
	background-color: var(--verde-logo);
	padding: 0 0.4rem;
	color: #fff;
	font-size: 0.75rem;
	border-radius: 0.5rem;
	line-height: 1rem;
	top: -0.8rem;
	left: 60%;
	display: none;
}

#header-menu-wish-list.enWishList .head-m2-ico-no{
	display: block;
}


#header-micuenta-opciones-chd{
	background-color:#fff;
	width: fit-content;
	padding: 0.5rem;
	border-radius: 0.5rem;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
	z-index: 8;
	position:relative;
	border: 1px solid var(--bordes);
	min-width: 12rem;
}
#header-micuenta-opciones-chd>*{
	white-space:nowrap;
	margin: 0.8rem 0;
	padding: 0rem 0.5rem;
	text-align:left;
	color: var(--color-a);
	background-size: 1.1rem;
	padding-left: 1.4rem;
	cursor:pointer;
	width: 100%;
	display: block;
}
#header-micuenta-opciones-arr{
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	background-color: #fff;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	top: 0.4rem;
	border: 1px solid var(--bordes);
	border-right: 0;
	border-bottom: 0;
	z-index:9;
}
#header-menu-mi-cuenta{
	display: flex;
	flex-direction: column;
	align-items: center;
}
#header-menu-mi-cuenta.menuOpened #header-micuenta-opciones{
	max-height: fit-content;
	height: 50vh;
	opacity:1;
	padding: 0.8rem 0.5rem 0.5rem 0.5rem;
	max-height: min-content;
}

#header-micuenta-opciones{
	position:absolute;
	background-color:transparent;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	width: fit-content;
	top: 99%;
	height: 0vh;
	overflow: hidden;
	transition: height 1s ease;
	opacity: 0;
	padding: 0.8rem 0.5rem 0.5rem 0.5rem;
}

#header-micuenta-registrarse{
	background-image: url(iconos/user-plus-a.svg);
}
#header-micuenta-acceder{
	background-image: url(iconos/lock-open-a.svg);
}

#header-micuenta-miperfil{
	background-image: url(iconos/user-edit-a.svg);
}
#header-micuenta-logout{
	background-image: url(iconos/lock-a.svg);
}

#header-micuenta-cliente{
	display: flex;
	width: 100%;
	padding: 0.3rem 0;
	height: auto;
	border-bottom: 1px solid var(--bordes);
	flex-direction: column;
	align-items: center;
	margin-bottom: 0.7rem;
}

#header-micuenta-cliente>*{
	float: left;
	width: 100%;
	padding: 0.5rem 0.3rem;
	text-align: center;
}
#header-micuenta-cliente-icono{
	text-align: center;
	width: 3rem;
	border-radius: 50%;
	border: 1px solid var(--bordes);
	height: 3rem;
	display: flex;
	justify-content: center;
}

#header-micuenta-cliente-icono img{
	width: 65%;
	height: 100%;
}

.header-m3{
	--me-height: 2rem;
	display: block;
	width: 100%;
	background-color: var(--pleca-media);
	position: relative;
}
.header-m3 *{
	/* color: #fff; */
	/*transition: all 0.4s ease;*/
}
.header-m2 *{
	/*transition: all 0.4s ease;*/
}
#menu-global{
	display: flex;
	height: var(--me-height);
	/* position: relative; */
	overflow: visible;
}
.menu-globl-opciones{
	flex: 0 1 100%;
	height: inherit;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}
.menu-globl-opciones-cu{
	text-transform:uppercase;
	padding: 0 0.25rem;
	height: var(--me-height);
	line-height: var(--me-height);
	font-size: 0.9rem;
	letter-spacing:-0.05rem;
	color: #fff !important;
	cursor: pointer;
} 
.menu-globl-opciones-cu.categorias{
	padding-left: 1.5rem;
	background-image: url(iconos/chevron-right-b.svg);
	background-size: 1rem;
	background-position: center left 0.4rem;
} 

.menu-globl-buscar .menu-globl-opciones-rotulo{
	width: 100%;
	background-color: var(--pleca-media-hover);
	background-image: url(iconos/search-b.svg);
	padding: 0 1rem;
	background-position: center;
	background-size: 1.3rem;
}

.menu-globl-opciones-rotulo{
	line-height: var(--me-height);
	height: var(--me-height);
	display: block;
	color: #fff;
}

.menu-desplegable{
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease, opacity 0.4s ease;
	position:absolute;
	background-color: rgba(24,24,24,0.5);
	backdrop-filter: blur(2px);
	width: 100%;
	top: 100%;
	z-index: 99;
	max-height: calc(100vh - var(--header-altura));
	opacity: 0;
	left: 0;
}
.menu-desplegable.oppened{
	opacity:1;
	height: calc(100vh - var(--header-altura));
}

.menu-globl-buscar{
	flex: 0 0 2rem;
	cursor: pointer;
}

.menu-desplegable .cc{
	height: inherit;
}

.menu-desplegable-box{
	width: 100%;
	height: inherit;
	display: flex;
	height: calc(100vh - var(--header-altura));
	flex-direction: column;
}

.menu-desplegable-box .flex-cols{
	flex: 0 1 100%;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
}


.menu-desplegable-box .menu-hide{
	flex: 0 0 2.5rem;
	background-color: var(--paleta-aqua);
	background-image: url(iconos/chevron-up-b.svg);
	background-position: center;
	cursor: pointer;
}

.ulMenuCategoria, .ulMenuSubCategoria {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1rem;
}
.ulMenuSubCategoria {
	display: none;
	padding: 0.5rem 0 0.5rem 1rem;
}
.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;
	letter-spacing: -0.02rem;
}
.liMenuCategoriaAbreSubCat {
	width: 1rem;
	background-image: url(iconos/plus-a.svg);
	background-size: 100%;
	background-position: center;
	float: right;
	display: block;
	height: 1rem;
	cursor: pointer;
}
.liMenuCategoriaAbreSubCat.oppened {
	background-image: url(iconos/minus-a.svg);
}
.header-recomendados h4{
	margin-bottom: 1rem;
}
.header-recomendados-box>div{
	margin-top: 1rem;
}

.menu-desplegable-oppener[data-menu="menu-categorias"]{
	padding-left: 1.5rem !important;
	background-image: url(iconos/chevron-right-b.svg);
}
.menu-desplegable-oppener.oppened[data-menu="menu-categorias"] {
	background-image: url(iconos/chevron-down-b.svg);
	background-size: 1.2rem;
	background-position: left 0.25rem center;
	background-color: var(--pleca-media-hover);
}
.header-buscador-forma {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.header-buscador-campo {
	flex: 0 0 auto;
	/* width: 80%; */
}
.header-buscador-campo>* {
	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-campo::before{
	font-size:1rem;
	margin-bottom: 0.25rem;
	width: 100%;
	display: block;
}

#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";}
#menu-buscador .flex-cols{
	flex-direction: row-reverse !important;
}

#header-menu-mi-cuenta-opener{
	background-color: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	font-size: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
#header-menu-mi-cuenta-opener img{
	/* margin-bottom: 0.2rem; */
}
.agregado-a-carrito-msgbox-cant {
	flex: 0 0 100%;
	height: 2.5rem;
	border: 2px dotted var(--bordes);
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-weight: 800;
	border-radius: 1rem;
}
.agregado-a-carrito-msgbox-producto {
	flex: 0 0 100%;
	margin: 1.5rem 0;
	
}

.agregado-a-carrito-msgbox-menu div {
	flex: 0 0 100%;
	margin: 1rem 0;
	padding: 0.5rem;
	background: var(--boton-fondo);
	text-align: center;
	cursor: pointer;
	border: 1px solid var(--boton-fondo);
	color: var(--boton-color);
	border-radius: 0.5rem;
}



/**/
.skip-link{
	position:absolute;
	left:-9999px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.skip-link:focus{
	left:1rem;
	top:1rem;
	width:auto;
	height:auto;
	padding:1rem;
	z-index:999999;
	background:#000;
	color:#fff;
	border-radius:.5rem;
}
main{
	width: 100%;
	position: relative;
	margin-top: var(--header-altura);
	background-color: var(--body-bg);
	z-index: 5;
	min-height: 50vh;
	float: left;
}
footer{
	width: 100%;
	display: block;
	position: relative;
	background-color: var(--body-bg);
	z-index: 1;
	margin: 0;
	float: left;
}



.footer-map-box{
	padding: 0 3rem;
}

#footer-map{
	display: block;
	width: 100%;
	height: 250px;
}


.footer-direccion{
	padding: 0 3rem;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.footer-direccion h2{
	font-size: 1.5rem;
}
.footer-direccion-dir, .footer-direccion-horarios{
	/* font-size: 1.1rem; */
	line-height: 1.3rem;
	padding-left: 2.5rem;
	background-position: left top;
	background-size: 1.8rem;
}
.footer-direccion-dir{
	background-image: url(iconos/map-pin.svg);
}
.footer-direccion-horarios{
	/* color: var(--color-texto-dimmed); */
	background-image: url(iconos/clock.svg);
}

.footer-fop-box{
	display: flex;
	flex-direction: row;
	padding: 0 2.5rem;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-fop-box h3{
	flex: 0 0 100%;
	font-size: 1.2rem;
	background-image: url(iconos/lock-access-a.svg);
	background-position: left top;
	background-size: 3rem;
	padding-left: 3.5rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--bordes);
}
.footer-fop-box h3>span{
	font-size: 1rem;
}
.footer-fop-box div{
	padding: 0.5rem;
	flex: 0 0 50%;
	text-align: center;
}
.footer-fop-box div>img{
	width: 70%;
}

.footer-end{
	background-color: var(--bg-oscuro);
}
.foter-end-chd{
	display: flex;
	justify-content: space-between;
	padding: 3rem 3rem;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
}
.foter-end-chd *{
	color: #ffffff85 !important;
	font-size: 0.8rem;
}
.foter-end-chd a:hover{
	color: #ffffff !important;
}
/* ==========================================================================
	Flex Columns (Cookens)
	---------------------------------------------------------------------------
	USAGE PATTERNS / PATRONES DE USO
	---------------------------------------------------------------------------
	A) Two equal columns (strict, no gap)
	<div class="flex-cols">
		<div class="col-50">Left</div>
		<div class="col-50">Right</div>
	</div>

	B) Two equal columns with gap (auto-shrink enabled)
	<div class="flex-cols gap-1">
		<div class="col-50">Left</div>
		<div class="col-50">Right</div>
	</div>

	C) Wrap into multiple lines (responsive-like behavior)
	<div class="flex-cols flex-wrap gap-1">
		<div class="col-33">A</div>
		<div class="col-33">B</div>
		<div class="col-33">C</div>
	</div>

	D) Fixed + flexible (explicit shrink on one column)
	<div class="flex-cols gap-1">
		<div class="col-25">Sidebar</div>
		<div class="col-75 col-sh">Content (can shrink if needed)</div>
	</div>

	E) No gap, but still allow shrink on a specific child
	<div class="flex-cols">
		<div class="col-70">Left</div>
		<div class="col-30 col-sh">Right (shrink allowed)</div>
	</div>

/* Flex - columns --------------------------------------------------*/

.flex-cols{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	box-sizing: border-box; /* Asegura que el padding no rompa el layout */
	justify-content: space-between;
}
.gap-05{ gap: 0.5rem; }
.gap-1{ gap: 1rem; }
.gap-15{ gap: 1.5rem; }
.gap-2{ gap: 2rem; }
.gap-25{ gap: 2.5rem; }
.gap-3{ gap: 3rem; }

.flex-cols > *{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	min-width: 0;
	box-sizing: border-box;
	flex-basis: 100%;
}
/* Flex - columns --------------------------------------------------*/


/*--- PAGINAS DE ERROR -----------------------------------------------------------------*/
#err-container{
	width: 100%;
	display: inline-block;
}
#err-logo{
	width: 100%;
	display: inline-block;
	padding: 5%;
	text-align:center;
	background-color: var(--bg-claro);
}
#err-logo img{
	width: 70%;
	max-width: 12rem;
}
#err-txt{
	width: 100%;
	display: inline-block;
	padding: 5%;
	text-align:center;
}
#err-ique{
	width: 100%;
	display: inline-block;
	padding: 5%;
	text-align:center;
}


/* ------ OTROS ------ */
.overLay{
	position:fixed;
	width: 100%;
	height: 100%;
	background-color: rgb(45 54 61 / 25%);
	z-index: 150;
	backdrop-filter: blur(3px);
	top: 0;
	left: 0;
}

.registro-box {
	position: absolute;
	width: 90%;
	max-width: 380px;
	left: 50%;
	top: 50%;
	border-radius: 0.5rem;
	transform: translate(-50%, -50%);
	background-color: var(--bg-claro);
	box-shadow: 4px 4px 6px rgba(0,0,0,0.1);
	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;
}


.acceso-btn-cerrar{
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	top: -1rem;
	right: -1rem;
	background-image: url(iconos/x-blanco.svg);
	background-size: 40%;
	background-position: center;
	background-color: var(--color-a);
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
	cursor: pointer;
}
.registro-box-forma {
	overflow: hidden;
	width: 100%;
	height: calc(100% - 3.5rem);
	overflow-y: auto;
	padding: 0.3rem 1rem;
}
.registro-box-forma h4 {
	margin: 0.5rem 0 0.7rem 0;
	font-size: 1.5rem;
	background-image: url(iconos/user.svg);
	background-size: 1.8rem;
	text-indent: 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: 1rem;
	display: flex;
	justify-content: space-between;
}
.registro-accede-aqui {
	float: left;
	width: 100%;
	/* font-size: 0.65rem; */
	margin: 0;
	cursor: pointer;
	color: var(--color-a);
	text-align: center;
	margin-bottom: 0.5rem;
}

.registro-box-botones-cont {
	flex: 0 0 100%;
}
.registro-pass-mask {
	display: flex;
	/* flex-direction: row-reverse; */
}
.registro-pass-mask>div {
	flex: 0 0 22px;
	background-size: 18px;
	background-position: center;
	cursor: pointer;
}
.password-icono-ver{
	background-image: url(iconos/password-show.svg) !important;
}

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



#acceso-forma-password{
	background-image: none;
}



.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(--boton-fondo);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	cursor: pointer;
	z-index: 10;
}



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

/* @group tablaFicha */
table.Ficha{
	border-spacing: 2px !important;
	width: 100%;
	--fondo-th: #efefef;
	--fondo-etq: #efefef;
}

.Ficha caption{
	text-align: left;
	padding: 0px 0px 5px 0px;
	background-color: var(--fondo-th);
	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(--fondo-th);
	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(--fondo-etq);
	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;
}





.producto-previos-caja{
	position:relative;
	border:1px solid var(--bordes);
	border-radius:0.25rem;
	padding: 0.75rem;
	overflow:hidden;
	transition:all .2s ease;
}

.producto-previos-caja:hover{
	box-shadow:0 4px 18px rgba(0,0,0,.08);
	transform:translateY(-1px);
}

.producto-previos-caja-chd{
	display:flex;
	align-items:flex-start;
	gap:0.75rem;
	position:relative;
}

.producto-previos-caja-foto{
	flex: 0 0 10rem;
	aspect-ratio: 19 / 12;
	position:relative;
	/* border: 1px solid var(--bordes); */
	border-radius: 0.25rem;
	overflow: hidden;
	max-width: 45%;
}

.producto-previos-caja-foto img{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.producto-previos-caja-data{
	flex: 0 1 100%;
	min-width:0;
	padding-right: 1.5rem;
}

.producto{
	margin:0 0 10px 0;
	font-size:1rem;
	line-height:1.35;
	text-transform:uppercase;
}

.producto a{
	color:#555;
	text-decoration:none;
}

.producto a:hover{
	color:#0070c9;
}

.marca{
	font-size: 1rem;
}

.escala::before{
	content: "Escala ";
}

.precioRegular,
.precioOferta{
	font-weight:800;
	line-height: 1.2rem;
	color: var(--color-titulos);
}

.precioRegularTachado{
	font-size: 0.9rem;
	color: var(--color-texto-dimmed);
	text-decoration:line-through;
	
}

.precioOferta{
	color: var(--verde-logo);
	line-height: 1.2rem;
}

.precioOferta.pCliente{
	color:#0b66c3;
}

.previos-icono-wish-list{
	position:absolute;
	top: 0;
	right: 0rem;
	width: 1.5rem;
	height: 1.5rem;
	cursor:pointer;
	transition:all .2s ease;
	background-image: url(iconos/heart.svg);
	background-size: 1.3rem;
	background-position: right top;
}
.previos-icono-wish-list:hover{
	background-image: url(iconos/heart-v.svg);
}

.previos-icono-wish-list.enWishList{
	background-image: url(iconos/heart-v.svg);
}

.agregar-a-carrito{
	width: 2.4rem;
	height: 2.4rem;
	border-radius:50%;
	cursor:pointer;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	transition:all .2s ease;
	background-image: url(iconos/shopping-bag-b.svg);
	background-position: center;
	position: absolute;
	background-color: var(--boton-fondo);
	right: 0;
	bottom: 0.5rem;
}
.agregar-a-carrito:hover{
	background-color: var(--color-a-hover);
	box-shadow: none;
}

.verDetalles{
	display:inline-block;
	margin-top: 0.5rem;
	text-decoration:none;
	width: 100%;
}

.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: 1rem;
	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);
}

.paginacion-box {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.7rem;
	text-align: center;
	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 2.5rem;
	height: 2.5rem;
	display: block;
	line-height: 2.44rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bordes);
	background-color: #fff;
	cursor: pointer;
}

.paginacion-numeros a.actual {
	background-color: var(--pleca-media);
	color: #fff !important;
	border-color: var(--pleca-media);
}
.paginacion-numeros a:hover {
	background-color: var(--boton-borde);
	color: #fff !important;
	border-color: var(--boton-borde);
}
/* 480px */

.pswp button{
	background-color:rgba(0,0,0,0.5) !important;
}

@media (min-width: 30rem) {
	
	
}

/* 768px */
@media (min-width: 48rem) {
	.foter-end-chd{
		display: flex;
		flex-direction: row;
	}
	.footer-fop-box{
		gap: 0.5rem;
	}

	.footer-fop-box div{
		padding: 0;
		flex: 1 0 18%;
	}

	.registro-box {
		max-height: 90%;
	}
	.registro-box-forma {
		height: calc(100% - 5rem);
	}
	.ulMenuCategoria {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 4%;
	}
	#menu-buscador .flex-cols{
		flex-direction: row-reverse !important;
	}
	.menu-desplegable-box .flex-cols>div{
		flex: 0 1 calc(50% - 1.5rem);
	}
	.menu-globl-buscar .menu-globl-opciones-rotulo::before{
		content:"BUSCAR";
		font-size:inherit;
	}
	.menu-globl-buscar .menu-globl-opciones-rotulo{
		padding: 0 2.5rem 0 1.5rem;
		background-position: center right 0.5rem;
		background-size: 1.3rem;
	}
	.flex-cols{
		flex-wrap: nowrap;
	}
	.flex-wrap{
		flex-wrap: wrap;
	}
	.gap-1 > *
	,.gap-05 > *
	,.gap-15 > *
	,.gap-2 > *
	,.gap-25 > *
	,.gap-3 > *
	,.col-sh{
		flex-shrink: 1;
	}
	.col-100{ flex-basis:100%  !important; }
	.col-95{ flex-basis:95%  !important; }
	.col-90{ flex-basis:90%  !important; }
	.col-85{ flex-basis:85%  !important; }
	.col-80{ flex-basis:80%  !important; }
	.col-75{ flex-basis:75%  !important; }
	.col-70{ flex-basis:70%  !important; }
	.col-66{ flex-basis:66.666%  !important; }
	.col-65{ flex-basis:65%  !important; }
	.col-60{ flex-basis:60%  !important; }
	.col-55{ flex-basis:55%  !important; }
	.col-50{ flex-basis:50%  !important; } 
	.col-45{ flex-basis:45%  !important; }
	.col-40{flex-basis:40%  !important; }
	.col-35{ flex-basis:35%  !important; }
	.col-33{ flex-basis:33.333%  !important; }
	.col-30{ flex-basis:30%  !important; }
	.col-25{ flex-basis:25%  !important; }
	.col-20{ flex-basis:20%  !important; }
	.col-15{ flex-basis:15%  !important; }
	.col-10{ flex-basis:10%  !important; }
	.col-5{ flex-basis:5%  !important; }
	
	html{
		font-size: 16px;
	}

}

/*1024*/
@media (min-width: 64rem){
	.footer-fop-box div{
		padding: 0;
		flex: 1 0 auto;
	}
	.footer-fop-box h3{
		flex: 0 0 30%;
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
		margin: 0;
	}
}

/* 1104px */

@media (min-width: 69rem) {
	.header-buscador-forma{
		padding: 1rem 5%;;	
	}
	.menu-desplegable-box .flex-cols>.col-60{
		flex: 0 1 60% !important;
	}
	.menu-desplegable-box .flex-cols>.col-40{
		flex: 0 1 40% !important;
	}
	.liMenuCategoria {
		float: none;
		flex: 0 1 48%;
	}
	header.escroleado .menu-globl-opciones-cu.categorias{
		padding-left: 1.5rem;
		background-position: center left 0.4rem;
	} 
	header.escroleado .menu-globl-opciones-cu{
		padding: 0 0.75rem;
		font-size: 0.9rem;
		
	} 
	
	.menu-globl-opciones-cu{
		padding: 0 0.75rem;
		font-size: 1rem;
	} 
	.header-m3{
		--me-height: 2.5rem;
	}

	header.escroleado .header-m3{
		--me-height: 2rem;
	}
	


	header.escroleado .menu-globl-buscar .menu-globl-opciones-rotulo::before{
		font-size:0.9rem;
	}


	.head-m2-iconos{
		padding-right: 0.5rem;
		gap: 1rem;
	}
	.head-m2-ico{
		flex: 0 0 5rem;
		width: 5rem;
		height: 50%;
		/* background-color: blue; */
	}
	.head-m2-ico img{
		max-width: 2rem;
		display: inline-block;
	}
	.head-m2-ico-txt{
		font-size: 1rem;
		margin: 0;
	}
	.head-m2-ico-no{
		padding: 0 0.3rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.header-m2>.cc>.w100{
		height: 7rem;
	}
	.header-logo{
		flex: 0 0 12rem;
	}

	.header-logo a{
		height: 8.5rem;
	}

	.header-logo .logo{
		height: 90%;
	}
	
	
	.h-icon span{
		width: auto !important;
	}
	.h-icon.tel, .h-icon.home{
		width: auto !important;
		padding-right: 1.6rem;
		background-position: center right;
		margin-left: 1rem;
	}
	
}