:root {
--sombra: 3px 3px 5px 0px #00000026;
--sombraTop: 3px -3px 5px 0px #00000026;

/*===================*/
/* colores generales */
/*===================*/
--color1: #484128;
--color1Hover: #403a24;

--color2: #e3dec4;
--color2Hover: #ccc7b0;

--color3: #333333;
--color3Hover: #2d2d2d;

--color4: #333333;
--color4Hover: #2d2d2d;

--backgroundBody: #ffffff;

/*===================*/
/* textos */
/*===================*/
--textoOscuro: #333333;
--textoClaro: #ffffff;


/*===================*/
/* header nav */
/*===================*/
--anchoLogoNav: 53px;
--fondoNav: #f2f2f2;
--textoNav: #333333;
--textoNavMovil: #333333;
--underlineNav: #484128;
--colorBtnMenu: #333333;

/*===================*/
/* Footer */
/*===================*/
--anchoLogoFooter: 100px;
--backgroundFooterTop: #f2f2f2;
--backgroundFooterBot: #484128;
--textoFooter: #333333;
--textoFooter2: #ffffff;

/*===================*/
/* woocommerce */
/*===================*/

/*===================*/
/* infos */
/*===================*/
--infos-bg-color-btnsInfo: var(--color1);
--infos-bg-color-btnsInfoHover: var(--color1Hover);
--infos-color-btnsInfo: var(--textoClaro);
--infos-color-btnsInfoHover: var(--textoClaro);

/*===================*/
/* card productp */
/*===================*/
--color-oferta-cardProducto: var(--color1);
--color-titulo-cardProducto: var(--textoOscuro);
--color-precio-cardProducto: var(--textoOscuro);
--background-btnVermas-cardProducto: var(--color1);
--background-hover-btnVermas-cardProducto: var(--color1Hover);

/*===================*/
/* single page (producto) */
/*===================*/
--single-color-titulo: var(--textoOscuro);
--single-color-precio: var(--textoOscuro);

--single-bg-color-btnCart: var(--color1);
--single-bg-color-btnCartHover: var(--color1Hover);
--single-color-btnCart: var(--textoClaro);

--single-border-color-btnComprarAhora: var(--color1);
--single-color-btnComprarAhora: var(--textoOscuro);
--single-bg-color-btnComprarAhoraHover: var(--color1);
--single-color-btnComprarAhoraHover: var(--textoClaro);

--single-border-color-badge: var(--color1);
--single-color-badge: var(--textoOscuro);
--single-bg-color-badgeHover: var(--color1);
--single-color-badgeHover: var(--textoClaro);

--single-bg-btnEnviarValoracion: var(--color1);
--single-color-btnEnviarValoracion: var(--textoClaro);

/*===================*/
/* carrito */
/*===================*/
--cart-bg-color-btnFinalizar: var(--color1);
--cart-bg-color-btnFinalizarHover: var(--color1Hover);
--cart-color-btnFinalizarHover: var(--textoClaro);

/*===================*/
/* checkout */
/*===================*/
--checkout-color-realizarPedido: var(--textoClaro);
--checkout-bg-realizarPedido: var(--color1);
--checkout-bg-realizarPedidoHover: var(--color1Hover);

--checkoput-bg-btnVolver: var(--color1);
--checkoput-bg-btnVolverHover: var(--color1Hover);
--checkoput-color-btnVolver: var(--textoClaro);

/*===================*/
/* checkout */
/*===================*/
--cuenta-bg-color-btns: var(--color1);
--cuenta-bg-color-btnsHover: var(--color1Hover);
--cuenta-color-btns: var(--textoClaro);



}