:root {

--main-font: "Onest", sans-serif;
--display-font: "Playfair Display", serif;
--condensed: "Barlow Condensed", sans-serif;


--blanco: #fff;
--g1: #ccc;

/* Colores */
/* --color-principal: #A588A4;
--color-claro: #efefef;
--color-secundario: rgb(214,204,215);
--color-encabezados: #111;
--color-contraste: #878181;
--blanco: #fff; */

/* Base 
--color-principal: #A588A4;
--color-secundario: #d6ccd7;
--color-contraste: #878181;
--color-claro: #efefef; 

Header 
--franja-header: #A588A4;
--texto-menu: #878181;
--hover-menu: #A588A4;
--texto-hover-menu: #efefef;
--bg-submenu: #efefef;
--texto-submenu: #878181;

 Iconos 
--iconos-redes: #878181;
--icono-carrito: #A588A4;
--icono-wa: #A588A4; 

 Botones 
--boton-1: #878181;
--texto-boton-1: #efefef;
--hover-boton-1: #A588A4;
--texto-hover-boton-1: #efefef;
--boton-2: #A588A4;
--texto-boton-2: #efefef;
--hover-boton-2: #878181;
--texto-hover-boton-2: #efefef;
--boton-3: #d6ccd7;
--texto-boton-3: #A588A4;
--hover-boton-3: #A588A4;
--texto-hover-boton-3: #efefef;
--boton-4: transparent;
--borde-boton-4: #ffffff;
--texto-boton-4: #ffffff;
--hover-boton-4: #d6ccd7;
--texto-hover-boton-4: #A588A4; 

*/


/* Backgrounds  
--icono-carrito: #878181;
--bg-carrito: #efefef;
--texto-carrito: #878181;
--hover-input: #d6ccd7;
--texto-hover-input: #A588A4;
--texto-simple: #878181;
--bg-best-seller: #ffffff;
--bg-tarjeta-producto: #fbfbfb;
--hover-bg-tarjeta: #efefef;
--bg-colecciones: #ffffff;
--bg-ocasiones: #ffffff;
--hover-ocasiones: #A588A4;
--bg-newsletter: #efefef;
--bg-footer: #A588A4;
--texto-footer: #ffffff;
*/

/* Navidad 
--color-principal: #5B150F;
--color-secundario: #99271C;
--color-contraste: #878181;
--color-claro: #efefef;


--franja-header: #5B150F;
--texto-menu: #878181;
--hover-menu: #5B150F;
--texto-hover-menu: #efefef;
--bg-submenu: #efefef;
--texto-submenu: #878181;


--iconos-redes: #A588A4;
--icono-wa: #878181 ;

	Navidad 1 
--boton-1: #878181;
--texto-boton-1: #efefef;
--hover-boton-1: #5B150F;
--texto-hover-boton-1: #efefef;
--boton-2: #5B150F;
--texto-boton-2: #efefef;
--hover-boton-2: #878181;
--texto-hover-boton-2: #efefef;
--boton-3: #99271C;
--texto-boton-3: #efefef;
--hover-boton-3: #5B150F;
--texto-hover-boton-3: #efefef;
--boton-4: transparent;
--borde-boton-4: #ffffff;
--texto-boton-4: #ffffff;
--hover-boton-4: #5B150F;
--texto-hover-boton-4: #ffffff;


--icono-carrito: #5B150F;
--bg-carrito: #efefef;
--texto-carrito: #878181;
--hover-input: #5B150F;
--texto-hover-input: #ffffff;
--texto-simple: #878181;
--bg-best-seller: #ffffff;
--bg-tarjeta-producto: #fbfbfb;
--hover-bg-tarjeta: #efefef;
--bg-colecciones: #ffffff;
--bg-ocasiones: #ffffff;
--hover-ocasiones: #5B150F;
--bg-newsletter: #efefef;
--bg-footer: #5B150F;
--texto-footer: #ffffff;

*/
/* Navidad 2 */

--color-principal:#242720;
--color-secundario:#646B5B;
--color-contraste:#878181;
--color-claro:#efefef;
--franja-header:#242720;
--texto-menu:#878181;
--hover-menu:#242720;
--texto-hover-menu:#efefef;
--bg-submenu:#efefef;
--texto-submenu:#878181;
--iconos-redes:#878181;
--icono-wa:#878181;

--boton-1: #878181;
--texto-boton-1: #efefef;
--hover-boton-1: #242720;
--texto-hover-boton-1: #efefef;
--boton-2: #242720;
--texto-boton-2: #efefef;
--hover-boton-2: #878181;
--texto-hover-boton-2: #efefef;
--boton-3: #646B5B;
--texto-boton-3: #efefef;
--hover-boton-3: #878181;
--texto-hover-boton-3: #efefef;
--boton-4: transparent;
--borde-boton-4: #ffffff;
--texto-boton-4: #ffffff;
--hover-boton-4: #646B5B;
--texto-hover-boton-4: #ffffff; 
    
--icono-carrito: #242720;
--bg-carrito: #efefef;
--texto-carrito: #878181;
--hover-input: #646B5B;
--texto-hover-input: #ffffff;
--texto-simple: #878181;
--bg-best-seller: #ffffff;
--bg-tarjeta-producto: #fbfbfb;
--hover-bg-tarjeta: #efefef;
--bg-colecciones: #ffffff;
--bg-ocasiones: #ffffff;
--hover-ocasiones: #646B5B;
--bg-newsletter: #efefef;
--bg-footer: #646B5B;
--texto-footer: #ffffff;
    





/* Tamaños de letra */
--texto-precio: 16pt;
--texto-desc: 14pt;
--texto-menu: 16px;
--texto-detalle: 10pt;
--iconos: 18pt;

/* Padding */
--pad-sec: 80px 40px;
--pad-boton: 10px 20px;
--pad-caja: 20px;


}



/* Filtros */

.deg { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.758140756302521) 99%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.758140756302521) 99%); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.758140756302521) 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-contraste)000",endColorstr="var(--color-contraste)000",GradientType=1); opacity: .7; z-index: 1; width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }
.deg.rad {background: #1c1626; background: radial-gradient(circle, rgba(28, 22, 38, 1) 0%, rgba(20, 13, 23, 0) 100%); opacity: .5;}
.grayscale { filter: none; -webkit-filter: grayscale(100%); -moz-filter:    grayscale(100%); -ms-filter:     grayscale(100%); -o-filter:      grayscale(100%); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }


/* Loader */

#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#f0f0f0; /* change if the mask should be a color other than white */ z-index:99; /* makes sure it stays on top */ }
#status { width:240px; height:240px; position:absolute; left:50%; /* centers the loading animation horizontally on the screen */ top:50%; /* centers the loading animation vertically on the screen */ background-image: url(img/loading.gif); /* path to your loading animation */ background-size: 100px; background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }


footer a,
footer h4,
footer nav.menu a {
    color: var(--texto-footer);
    font-weight: 400;
}