:root {
  --main-background-color:#ffffff;
  --primary-color:#000000;
  --secondary-color:#fdfc28;
  --footer-background-color:#000000;
  --footer-text-color:#ffffff;
  --footer-hover-color:#666666;
}
.commerce-layout-shell{padding-top:0px;}
body{font-family:Montserrat, sans-serif;color:#000000;background-color:#ffffff;
  padding-top:0;transition:padding-top .3s ease;}
h1,h2,h3,h4,h5,h6{font-family:Montserrat, sans-serif;}
.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);}
.btn-primary:hover{background-color:color-mix(in srgb, var(--primary-color) 85%, black);
  border-color:color-mix(in srgb, var(--primary-color) 85%, black);}
.segmento{padding-top:20px;padding-left:20px;padding-right:20px;margin-bottom:30px;}
.segmento h2{text-align:center;text-transform:uppercase;font-size:2em;color:var(--primary-color);margin-top:40px;padding-bottom:10px;
  border-bottom:4px solid transparent;border-image:linear-gradient(to right, var(--main-background-color) 5%, var(--secondary-color) 50%, var(--main-background-color) 95%) 1;border-image-slice:1;}
.top-bar{position:fixed;top:0;left:0;right:0;background-color:#000000;color:#ffffff;z-index:1030;display:none;
  align-items:center;justify-content:center;height:40px;font-family:Montserrat, sans-serif;font-size:14px;font-weight:300;}
.header-main{background-color:#ffffff;min-height:120px !important;}
.header-main .input-search{position:relative;top:50%;transform:translateY(-50%);}
.header-main .input-search input,.header-main .input-search-movil input{border:1px solid #000000;}
.header-main .input-search .input-group-text,.header-main .input-search-movil .input-group-text{border:1px solid #000000;background-color:#000000;color:white;}
.header-main .input-search-movil{width:90%;left:5%;}
.img-main-logo{position:relative;max-height:70px;width:auto;max-width:100%;object-fit:contain;left:30px;top:20px;}
.header-main .btn-cart{position:relative;border:1px solid #fdfc28;top:50%;transform:translateY(-50%);width:150px;margin-right:30px;}
.header-main .btn-cart:hover{border:1px solid #000000;background-color:#eee;}
.header-main .btn-cart .bi{font-size:50px;color:#000000;}
.header-main .badge-cart{font-size:.75rem;margin-left:.35rem;}
header nav.navbar{background-color:#000000;}
header nav.navbar .navbar-nav{padding-left:20px;font-family:Montserrat, sans-serif;}
header nav.navbar .nav-link{margin-right:20px;font-size:14px !important;font-weight:Bold !important;color:#ffffff !important;
  letter-spacing:1,2px !important;}
header nav.navbar .btn-login{background-color:#ffffff;color:#000000 !important;font-size:14px;font-weight:Bold;}
header nav.navbar button.nav-link:not(.btn-login){background-color:transparent !important;color:#ffffff !important;font-size:14px;font-weight:Bold;}
header nav.navbar .dropdown-menu{background-color:#000000 !important;border-color:#000000;}
header nav.navbar .dropdown-menu .dropdown-item{color:#ffffff !important;font-size:14px !important;font-weight:Bold !important;
  letter-spacing:1,2px !important;}
header nav.navbar .dropdown-menu .dropdown-item:hover,header nav.navbar .dropdown-menu .dropdown-item:focus{
  background-color:color-mix(in srgb, #000000 90%, #ffffff) !important;color:#ffffff !important;}
header nav.navbar .dropdown-menu .dropdown-divider{border-color:color-mix(in srgb, #000000 80%, #ffffff) !important;}
header nav.navbar .dropdown-menu .dropdown-menu{background-color:#000000 !important;}
#modalCategorias .categorias-mega-sidebar{background-color:#fff !important;}
#modalCategorias .categorias-mega-parent-item{background-color:#fff;color:#000000;}
#modalCategorias .categorias-mega-parent-item.active{background-color:color-mix(in srgb, #000000 14%, #fff) !important;color:#000000 !important;border-left:3px solid #000000 !important;}
#modalCategorias .categorias-mega-parent-item:hover:not(.active){background-color:#f8f9fa !important;color:#000000 !important;}
.sf-btn-primary.btn{background-color:var(--primary-color);border-color:var(--primary-color);}
