nav > ul{background-color:#000000;}nav > ul > li:hover{background-color:#000000;}nav > ul > li.activo{background-color:#000000;}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:#bb95fb;border-color:#bb95fb;}#main-ul-categorias li:hover > .flecha{color:inherit;}ul li .flecha{color:#bb95fb;}#main-ul-categorias .li_activo{background-color:#7B2FF7;}#main-ul-categorias li{color:#383838;}#main-ul-categorias li:hover{color:#ffffff;}#main-ul-categorias .li_activo{color:#ffffff;}#txt_buscar{background-color:#ffffff;}#txt_buscar{color:#000000 !important;} #txt_buscar::placeholder{color:#000000 !important;}#icono-busqueda{background-color:#ec971f;}#main-items{background-color:#ffffff;}#items{background-color:#ec971f !important;}#items{color:#ffffff !important;}:root{
    --brand-500:#7B2FF7; --pink-500:#FF2E9B; --orange-500:#FF9F3C; --yellow-500:#FFD84D;
    --brand-gradient:linear-gradient(90deg,#7B2FF7 0%,#FF2E9B 30%,#FF9F3C 65%,#FFD84D 100%);
    --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;
 }

.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%;}
.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:#fc466b !important;color:#ffffff !important;}

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

nav{display:unset;}
nav > ul{padding:10px;background: var(--brand-gradient);}
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;}