:root{
/*estructura*/
	--color-general: rgb(250, 0, 0, .5);
	--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--background: black;
	/*--background: linear-gradient(120deg,rgb(0, 0, 0), 65%,  rgb(0, 100, 0 , 1));*/

	--background-image: url("../../local/image/fondo/fondo.webp");
	--background-repeat: no-repeat;
	--background-position: center center;
	--background-size: cover;
	--background-attachment: fixed;
	--background-color: #cccccc;
	--background-header: none;
	--background-conte: none;

	--logo-drop-shadow:
			drop-shadow(0px 0px 0px white)
			drop-shadow(0px 0px 5px rgb(255, 255, 255 , 1));
	--logo-width: 230px;
	--logo-margin-top: 30px;
	--logo-margin-left: 20px;

/*menu*/
	--menu_fondo_nav__container: none;
	--menu_font-family: var(--font-family);
	--menu_ancho: min(90%, 1200px);
	--menu_alto: 150px;
	--menu_fondo_responsive: black;
	--menu_color_texto_link_responsive: white;
	--menu_color_texto_link: white;
	--menu_gap_elementos_responsive: 2rem;
	--menu_gap_elementos: 2rem;
	--menu_link-border-bottom: 2px solid red;
	/* el color del icono de apertura, se cambio directo en el svg*/


/*horario*/
	--horario-background:rgb(100, 100, 100, 1.0);
	--horario-text: white;
/*redes*/
	--redes-color:white;
	--redes--drop-shadow:
				drop-shadow(0px 0px 3px white)
				drop-shadow(0px 0px 10px white);

/*buscador*/
	--btn_buscar: rgb(200, 200, 200);
	--btn_buscar_color: black;
	--btn_buscar_border: none;
	--input_buscador: rgb(245, 245, 245);
	--input_buscador_borde: none;
	--input_buscador_border-bottom: none;
	--input_buscador_box-shadow: none;
	--input_buscador_outline: none;
	--fondo_buscador_resultado: rgba(255, 255, 255, 0.9);
	--borde_buscador_resultado: 1px solid #ddd;
	--color_buscador_cargando: #666;
	--hover_buscador_resultado: #f2f2f2;

/*ocultado lista de productos*/
	--lista_donw-bg:none;
	--lista_donw-color: rgba(255, 215, 0);

/* vitrina */
	--vitrina-fondo-bg: none; /* Color de fondo de cada vitrina */
	--vitrina-fondo-titulo: rgba(255, 215, 0, 0.8); /* Color de fondo titulo */
	--vitrina-color: red; /* Color texto titulo */

    /* Tipografía y Colores */
    --vitrina-titulo-color: #333333;
    --vitrina-titulo-font: 'Helvetica Bold', sans-serif;
    --vitrina-titulo-1000: 0.9rem;
    --vitrina-titulo-720: 15px;
    --vitrina-titulo-400: 15px;
    --vitrina-titulo-366:15px;

    /*vitrinas*/
	--vitrina-ofertas-fondo: var(--vitrina-fondo-bg); /*color fondo del carrucel de la vitrina*/
	--vitrina-ofertas-fondo-titulo: var(--vitrina-fondo-titulo);
	--vitrina-ofertas-color: var(--vitrina-titulo-color); /* Color texto titulo */
	--vitrina-ofertas-titulo-font-size: var(--vitrina-titulo-1000); /*tamaño titulo vitrina*/
	--vitrina-ofertas-titulo-font-family: var(--vitrina-titulo-font); /*tipo fuente titulo vitrina*/

	--vitrina-destacado-fondo: var(--vitrina-fondo-bg); /*color fondo del carrucel de la vitrina*/
	--vitrina-destacado-fondo-titulo: var(--vitrina-fondo-titulo);
	--vitrina-destacado-color: var(--vitrina-titulo-color); /* Color texto titulo */
	--vitrina-destacado-titulo-font-size: var(--vitrina-titulo-1000); /*tamaño titulo vitrina*/
	--vitrina-destacado-titulo-font-family: var(--vitrina-titulo-font); /*tipo fuente titulo vitrina*/

	--vitrina-random-fondo: var(--vitrina-fondo-bg); /*color fondo del carrucel de la vitrina*/
	--vitrina-random-fondo-titulo: var(--vitrina-fondo-titulo);
	--vitrina-random-color: var(--vitrina-titulo-color); /* Color texto titulo */
	--vitrina-random-titulo-font-size: var(--vitrina-titulo-1000); /*tamaño titulo vitrina*/
	--vitrina-random-titulo-font-family: var(--vitrina-titulo-font); /*tipo fuente titulo vitrina*/

	/* Card de vitrina */
    --vitrina-card-bg: #ffffff;             /* Color de fondo de la tarjeta */
    --vitrina-card-radius: 15px;            /* Redondeado de bordes */
    --vitrina-card-shadow: 0 4px 10px rgba(25,200,100,1); /*sombra en la card con el hover*/
    --vitrina-card-border: 1px solid #f0f0f0;
    --vitrina-card-border-hover: 1px solid #f0f0f0;


    /* Botón Ver Más destacados*/
    --vitrina-btn-bg: #FFD700;
    --vitrina-btn-text: #000000;
    --vitrina-btn-radius: 25px;
    --vitrina-btn-hover: #e6c200;

    /*botones carrucel*/
    --vitrina-btn-carrucel-bg: rgba(255, 215, 0, 0.8);
    --vitrina-btn-carrucel-bg-hover: rgba(255, 215, 0, 0.8);
    --vitrina-btn-carrucel-shadow: 0 2px 5px rgba(0,0,0,0.2);
    --vitrina-btn-carrucel-border: none;




/*lista*/
	--cate_fondo: rgb(250, 0, 0, .5); /* color fondo cate */
	--cate_text: white; /* color titulo cate */
	--cate_padding: 0px;
	--cate-border-radius: none;
	--cate_border-top: 3px solid none;
	--cate_border-bottom: 5px solid none;

	--producto_color: black; /*texto nombre productos*/
	--file-fondo-color: rgb(250, 250, 250);
	--file-boder: 2px solid rgb(218, 165, 32, 1);
	--file-border-radius: none;
	--nota: white;

	--foto-drop-shadow:
			drop-shadow(0px 0px 5px black)
			drop-shadow(0px 0px 10px white);
	--foto-drop-shadow-logo:
			drop-shadow(0px 0px 5px black)
			drop-shadow(0px 0px 10px white);
	--foto_width: 150px; /*minimo 100px, maximo 150px;*/
	--foto_height: 150px; /*minimo 100px, maximo 150px;*/
	--foto_width-400: 120px; /*minimo 100px, maximo 150px;*/
	--foto_height-400: 120px; /*minimo 100px, maximo 150px;*/
	--foto_width-360: 110px; /*minimo 100px, maximo 150px;*/
	--foto_height-360: 110px; /*minimo 100px, maximo 150px;*/

	--list-margin-top: 30px;
	--list-margin-bottom: 50px; /*150px si ubicacion no se muestra*/

	--precio_color:var(--producto_color);
	--producto_precio_fontsize: 14px;
	--producto_precio_fontsize_720: 14px;
	--producto_precio_fontsize_400: 12px;

    --categoria_fontsize: 20px;
    --categoria_fontsize-400: 1.2rem;
    --categoria_fontsize-360: 1rem;

	--descripcion1_color:black;
	--descripcion2_color:black;

	--producto_nombre_fontsize: 20px;
	--producto_nombre_fontsize_720: 20px;
	--producto_nombre_fontsize_400: 16px;
	--producto_nombre_fontsize_360: 14px;
	/*---------*/
	--producto_descrip_color:var(--producto_color);
	--producto_descrip_fontsize: 18px;
	--producto_descrip_fontsize_720: 16px;
	--producto_descrip_fontsize_400: 14px;
	--producto_descrip_fontsize_360: 12px;

	--producto_descrip2_fontsize: 16px;
	--producto_descrip2_fontsize_720: 12px;
	--producto_descrip2_fontsize_400: 11px;
	--producto_descrip2_fontsize_360: 11px;

/*precios*/
	--precio_fondo: white;
	--precio_border: 2px solid rgb(0, 128, 0);
	--precio_border_radius: none;
	--precio_color: black;
	--precio_select_ancho: 150px;
	--precio_select_ancho_720: 200px;
/*	--precio_select_ancho_400: 150px;*/

/*carrito*/
	--btn_carrito_fondo: none;
	--btn_carrito_border: 2px solid rgb(0, 128, 0);

/*tasa cambio*/
	--tasa_fondo: none;
	--tasa_color: white;
	--tasa_padding: 0px;
	--tasa_filter:
			drop-shadow(0px 0px 5px none)
			drop-shadow(0px 0px 10px none);
	--tasa_logo_bcv: 50px;

/*ubicacion*/
	--ubi-fondo:black;
	--ubi-color:white;
	--ubi-margin-top: 30px;
	--ubi-margin-bottom: 150px;
	--ubi-h2: 2.5rem;
	--ubi-maps-borde:
			drop-shadow(0px 0px 5px red)
			drop-shadow(0px 0px 10px white);
}