






:root {
    /*COLORES PRINCIPALES*/
    --primary-color: #B59461; /* Color principal */
    --secondary-color: #505759; /* Color secundario */
    --body-background: #fff; /* Color fondo cuerpo pÃ¡gina */
    --modal-background:rgba(255,255,255,1); /*Color fondo modal */

    /*FUENTE*/
    --primary-font-style: 'Montserrat', sans-serif;
    --primary-font-size: 14px; /* TamaÃ±o fuente principal */
    --primary-font-color: #3a3a3a; /* texto color oscuro */
    --secondary-font-color: #fff; /* texto color claro */

    /*BORDES BOTONES Y CAMPOS FORMULARIO*/
    --input-border-radius: 0; /* Redondeado de esquinas en campos input formulario */
    --button-border-radius: 100px; /* Redondeado de esquinas en botones */

    /*COLORES LINKS MENU USUARIO*/
    --header-link-color: var(--secondary-color); /* Color enlaces general */
    --header-background-color: var(--body-background);

    /*COLORES LINKS MENU PRODUCTOS*/
    --product-menu-background: var(--primary-color); /* Color fondo para menÃº desktop*/
    --product-sub-menu-background: var(--secondary-color); /* Color fondo submenÃºs */
    --product-menu-link-color: var(--secondary-font-color); /* Color enlaces menÃº desktop */
    --product-menu-link-hover-color: var(--primary-color); /* Color enlaces menÃº desktop hover */
    --product-menu-link-cart-background: var(--secondary-color); /* Color fonto carrito menÃº */

    /*COLORES FOOTER*/
	--footer-background: #0C2B39; /* Color fondo footer */
    --footer-link-color: var(--secondary-font-color); /* Color enlaces footer */

    /*COLORES ICONOS*/
    --icon-primary-color: var(--primary-color); /* Color iconos general, color iconos header */
    --icon-secondary-color: var(--secondary-font-color); /* Color otros iconos */
    --icon-searcher-color: rgba(255,255,255,.9) !important; /* Color iconos campos buscador */

    /*PLACEHOLDER BUSCADORES*/
    --placeholder-searcher-color: rgba(255,255,255,.9); /* Color de los placeholders de campos en buscador. Inicialmente
                                                           igual que var(--icon-searcher-color) */

	/*LOGOS*/
	
		
		
		    --header-logo: url(/static/125011.PNG);
		
	
	
	    
	    
	        --footer-logo: url(/static/125014.PNG);
	    
	
	
		
	    
	        --login-logo: url(/static/125013.PNG);
	    
	

    /*IMÃGENES DE FONDO*/
	
		
		
		    --login-background: url(/static/125012.PNG);
		
	

    /*VARIABLES MOBILE*/
    --mobile-icon-menu-color: var(--primary-color); /* color icono menu desplegable mobile */
    --mobile-menu-link-color: var(--secondary-font-color); /* Color links menÃº mobile */
    --mobile-menu-link-active-color: var(--primary-color); /* Color link activo menÃº mobile */
    --mobile-menu-link-cart-color: var(--secondary-color); /* Color borde e iconos carrito mobile */
    --mobile-menu-background: var(--secondary-color); /* Color de fondo menu mobile */
    --mobile-header-background: var(--secondary-color); /* Color fondo barra superior iconos mobile */
    --mobile-menu-link-cart-background: transparent; /* Color fonto carrito menÃº */
}

