nav > ul{background-color:#9393ca;}nav > ul > li:hover{background-color:#9393ca;}nav > ul > li.activo{background-color:#9393ca;}nav > ul > li{color:#ffffff;}nav > ul > li:hover{color:#ffffff;}nav > ul > li.activo{color:#ffffff;}#main-ul-categorias, #main-ul-categorias .submenu{background-color:#ffffff;}#main-ul-categorias li, #main-ul-categorias .submenu li{border-color:#ffffff;}#main-ul-categorias li:hover{background-color:#b0ffff;border-color:#b0ffff;}#main-ul-categorias li:hover > .flecha{color:inherit;}ul li .flecha{color:#b0ffff;}#main-ul-categorias .li_activo{background-color:#b0ffff;}#main-ul-categorias li{color:#383838;}#main-ul-categorias li:hover{color:#5f5faf;}#main-ul-categorias .li_activo{color:#5f5faf;}#txt_buscar{background-color:#000000;}#txt_buscar{color:#b0ffff !important;} #txt_buscar::placeholder{color:#b0ffff !important;}#icono-busqueda{background-color:#5f5faf;}#icono-busqueda{color:#b0ffff;}#icono-busqueda:hover{background-color:#9393ca;}#main-items{background-color:#000000;}#main-items{color:#ffffff !important;}#items{background-color:#5f5faf !important;}#items{color:#ffffff !important;}:root{
    --brand-500:#7B2FF7; --pink-500:#FF2E9B; --orange-500:#FF9F3C; --yellow-500:#FFD84D;
    --brand-gradient:black;
    --bg:#F7F8FC; --surface:#FFF; --text:#121417; --muted:#5B636E; --line:#E8ECF2;
    --shadow:0 6px 18px rgba(20,23,28,.08); --radius:16px; --radius-sm:12px; --pad:16px;
--color-primary: #4cb3ff;
    --color-secondary: #ff7ac4;
    --color-bg: #ffffff;
    --color-bg-soft: #f7f8fa;
    --color-card: #ffffff;
    --color-text: #1d1d1f;
    --color-muted: #6a6a6d;
    --radius-lg: 18px;
    --shadow-soft: 0 6px 18px rgba(0,0,0,0.06);
    --shadow-strong: 0 12px 32px rgba(0,0,0,0.12);
    --transition-fast: .22s ease-out;
 }

body{
/*background: var(--color-bg-soft);  fondo general gris muy claro */
color: var(--color-text);
}

#txt_buscar::placeholder{color:#999 !important;font-size:1rem;}

#main-carrito > div .titulo{background-color:#000000;}

.panel-producto > .foto{height:230px;}
.panel-producto > .foto > img{border-radius:0px;}
.panel-producto > .accion{display:none;}
.panel-producto:hover > .accion{display:block;position:absolute;top:50%;}
.panel-producto:hover > .accion .btn-agregar{box-shadow:0px 0px 30px rgba(0,0,0,0.8);margin-left:10%; background:#000000;}
.panel-producto:hover > .accion .btn-agregar:hover{background:#000000 !important;}
.nombre-producto:first-letter, .nombre:first-letter{text-transform:uppercase;}
.nombre-producto, .nombre{text-transform:uppercase;}

#btn-mas-productos{background:var(--brand-gradient);}
#btn-mas-productos:hover{background-color:#5f5faf !important;color:#ffffff !important;}

header{height:auto;margin:0px !important;color:white; background:var(--brand-gradient);}

header > #busqueda > div input{border:1px solid #333; font-size:1rem;}

nav{display:unset;}
nav > ul{padding:10px;background: var(--brand-gradient); box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
nav > ul > li{border-radius:10px; }
nav > ul > li.icon-menu{top:auto;}

.flexslider{border:0px;margin-bottom:30px;display:none;}
.flex-control-nav{bottom:-30px;}

nav > ul > li:hover {
  background-color: rgba(255,255,255,.18);
}

nav > ul > li.activo {
  background-color: rgba(255,255,255,.18); border:1px solid rgba(255,255,255,0.3);
}

/*footer{background:rgb(50,50,50); color:white;}
footer a{color:white; font-weight:bold;}
footer .nav a{color:#ec971f !important;}*/