:root{--cym-orange:#ff6a00;--cym-orange-2:#ff8a1d;--cym-dark:#181818;--cym-deep:#0b0b0b;--cym-soft:#fff3ea;}
html,body{background:#fff7f0!important;overflow-x:hidden;}
.bg_red,.bg-danger,.bg_default,.bg-rose,.bg_pink{background:linear-gradient(135deg,#ff6a00,#ff8a1d)!important;}
.header_wrap,.middle-header,.bottom_header,.navbar,.navbar-expand-lg,.top-header,.header_top,.header_bottom{background:#111!important;}
.top-header,.top-header *{color:#ffd8bd!important;}
.navbar,.navbar .navbar-nav .nav-link,.navbar a{color:#fff!important;}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .active>.nav-link,.navbar a:hover{color:#ff8a1d!important;}
.header_wrap .logo img,.navbar-brand img,.logo_light,.logo_dark{filter:saturate(1.18) hue-rotate(27deg) brightness(1.05);}
.btn-fill-out,.btn-border-fill,.btn,.button,.add-to-cart,.cart_btn,.product_search_form button,.search_btn,.carousel-indicators li.active,.owl-dots .owl-dot.active span,.slick-dots li.slick-active button:before{background:#ff6a00!important;border-color:#ff6a00!important;color:#fff!important;}
.btn-fill-out:hover,.btn:hover,.product_search_form button:hover{background:#e25700!important;border-color:#e25700!important;color:#fff!important;}
.text_default,.price,.product_price,.sale_price,.navbar .navbar-nav .nav-link.active,.heading_s1 h2 span{color:#ff6a00!important;}
.banner_section .carousel-indicators li,.carousel-indicators li,.owl-dots .owl-dot span{border-color:#ff6a00!important;background:#ffb377!important;}
.carousel-indicators .active,.owl-dots .owl-dot.active span{background:#ff6a00!important;}
.categories_box a,.cat_style1,.cat_style2,.icon_box,.shop_banner2,.product,.product_box,.product_wrap{border-color:#ff8a1d!important;}
.categories_box a span,.cat_style1 span,.cat_style2 span,.product_title a:hover{color:#ff6a00!important;}
.categories_box img,.cat_style1 img,.cat_style2 img{filter:hue-rotate(28deg) saturate(1.25);}
.product_img img,.shop_banner2 img,.banner_section img{border-radius:6px;}
.product,.product_box,.product_wrap{box-shadow:0 14px 34px rgba(255,106,0,.18)!important;border-radius:18px!important;overflow:hidden;}
.product .product_info,.product_box .product_info{background:#fff!important;}
.whatsapp_float,.whatsapp,.float,.floating_btn,.telegram,.messenger{filter:hue-rotate(24deg) saturate(1.15)!important;}
#back-to-top,.scrollup{background:#ff6a00!important;}
.section,.small_pt,.small_pb{background-color:transparent!important;}
@media(max-width:767px){
 body{background:#fff7f0!important;}
 .header_wrap,.middle-header,.bottom_header{position:relative!important;background:#111!important;}
 .navbar-brand img,.logo_light,.logo_dark{max-width:210px!important;height:auto!important;}
 .navbar-toggler,.menu-trigger,.navbar-toggler[aria-expanded]{background:#fff!important;border-radius:8px!important;border:0!important;color:#ff6a00!important;}
 .product_search_form,.search_wrap,.search_form{margin:8px 14px!important;border-radius:999px!important;overflow:hidden!important;background:#fff!important;}
 .product_search_form input,.search_form input{border-radius:999px!important;min-height:46px!important;}
 .banner_section{padding-top:0!important;}
 .banner_section .carousel-item{min-height:190px!important;background-size:cover!important;background-position:center!important;}
 .categories_box,.cat_slider,.categories_wrap{display:flex!important;overflow-x:auto!important;gap:14px!important;padding:18px 12px!important;scroll-snap-type:x proximity;}
 .categories_box>* ,.cat_slider>* ,.categories_wrap>*{flex:0 0 86px!important;scroll-snap-align:center;}
 .product,.product_box,.product_wrap{border-radius:18px!important;margin:10px 8px!important;}
 .product_img{min-height:170px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;}
}
/* final orange hardening */
[class*="top"],[class*="Top"]{--hard-orange:#ff6a00;}
.top-header,.top_header,.header-top,.header_top,.top_bar,.topbar,.header-top-area,.header_top_area,.top_panel,.alert-bar{background:#ff6a00!important;color:#fff!important;}
.top-header *,.top_header *,.header-top *,.header_top *,.top_bar *,.topbar *,.header-top-area *,.header_top_area *,.top_panel *,.alert-bar *{color:#fff!important;}
.header_wrap .middle-header,.middle-header,.main_menu_uppercase,.bottom_header,.navbar{background:#101010!important;}
.banner_section .carousel-item.background_bg{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;min-height:530px!important;}
@media(max-width:767px){.banner_section .carousel-item.background_bg{min-height:220px!important;background-size:cover!important;background-position:center!important;}.top-header,.top_header,.header-top,.header_top,.top_bar,.topbar{background:#ff6a00!important;}}
/* DATXALE final exact pass */
.bardireccion{background:#ff6a00!important;color:#fff!important;border:0!important;}
.bardireccion *{color:#fff!important;}
.bardireccion i{color:#fff!important;}
[style*="#ff6a00"],[style*="rgb(173"],[style*="#b01"],[style*="#B01"]{background:#ff6a00!important;color:#fff!important;}
.header_wrap{border-top:0!important;}
.navbar .navbar-nav .nav-link.active,.navbar .navbar-nav .show>.nav-link,.navbar a.nav-link:hover{color:#ff6a00!important;text-shadow:none!important;}
.banner_section .carousel-item.background_bg[data-img-src*="vueiPNxzi"]{background-image:url('/public/img/banner/vueiPNxziIdBFlJJuafTFcVyfnGWBdxsVkqk4BFlOofE8TChAThFgyO0qNpOHayrANtycjyYbXIq9FB7.jpg')!important;background-size:cover!important;background-position:center!important;}
/* lock hero to requested Seasonic reference */
.banner_section .carousel-item.background_bg,
#carouselExampleControls .carousel-item.background_bg,
#carouselExampleControls .carousel-item{
  background-image:url('/public/img/banner/vueiPNxziIdBFlJJuafTFcVyfnGWBdxsVkqk4BFlOofE8TChAThFgyO0qNpOHayrANtycjyYbXIq9FB7.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* DATXALE category circuit background */
.staggered-animation-wrap.mt-5.d-none.d-md-block,
.staggered-animation-wrap.mt-5.mobilecats{
  margin-top:0!important;
  padding:34px 0 54px!important;
  background:
    linear-gradient(180deg,rgba(255,247,240,0) 0%,rgba(255,247,240,.18) 35%,rgba(255,247,240,.72) 72%,#fff7f0 100%),
    url('/public/images/bg-orange.jpg') center top/cover no-repeat!important;
  background-attachment:scroll,fixed!important;
}
.staggered-animation-wrap.mt-5.d-none.d-md-block .custom-container,
.staggered-animation-wrap.mt-5.mobilecats .custom-container{
  position:relative!important;
  z-index:1!important;
}
.staggered-animation-wrap.mt-5 .categoria{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.staggered-animation-wrap.mt-5 .categoria .imagen{
  width:70px!important;
  height:70px!important;
  background:#fff!important;
  border:2px solid #ff6a00!important;
  box-shadow:0 7px 18px rgba(20,10,0,.16)!important;
}
.staggered-animation-wrap.mt-5 .categoria:hover .imagen{
  border-color:#ff8a1d!important;
  box-shadow:0 10px 22px rgba(255,106,0,.32)!important;
}
.staggered-animation-wrap.mt-5 .categoria .titulo{
  display:inline-flex!important;
  min-height:24px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 10px!important;
  border-radius:5px!important;
  background:#ff6a00!important;
  color:#080808!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  box-shadow:0 7px 16px rgba(255,106,0,.18)!important;
}
.staggered-animation-wrap.mt-5 .categoria:hover .titulo{
  background:#ff8a1d!important;
  color:#080808!important;
}
@media(max-width:767px){
  .staggered-animation-wrap.mt-5.mobilecats{
    padding:26px 0 28px!important;
    background:
      linear-gradient(180deg,rgba(255,247,240,0) 0%,rgba(255,247,240,.24) 48%,#fff7f0 100%),
      url('/public/images/bg-orange.jpg') center top/auto 100% no-repeat!important;
    background-attachment:scroll,fixed!important;
  }
  .mobilecats .categoria .imagen{
    width:58px!important;
    height:58px!important;
  }
  .mobilecats .categoria .titulo{
    min-height:22px!important;
    padding:4px 7px!important;
    font-size:9.5px!important;
  }
}

/* Computer Army company data pass */
.navbar-brand{
  display:inline-flex!important;
  align-items:center!important;
  min-width:220px!important;
}
.navbar-brand img[src*="compuarmy-logo"],
.footer_logo img[src*="compuarmy-logo"]{
  filter:none!important;
  width:260px!important;
  max-width:260px!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer_logo img[src*="compuarmy-logo"]{
  width:230px!important;
  max-width:230px!important;
}
.bardireccion{
  text-align:center!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1.25!important;
  padding:8px 12px!important;
  height:auto!important;
  min-height:30px!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
.bardireccion i{float:none!important;margin-right:5px!important;}
#botn_facebook,
#botn_telegram,
.float2,
.float3,
.contenedor_telegram,
.contenedor_telegramM{
  display:none!important;
}
.contenedor_wapsa{
  height:auto!important;
  min-height:155px!important;
}
@media(max-width:767px){
  .navbar-brand{
    min-width:0!important;
    max-width:220px!important;
  }
  .navbar-brand img[src*="compuarmy-logo"]{
    width:205px!important;
    max-width:205px!important;
  }
  .bardireccion{
    font-size:12.5px!important;
    white-space:normal!important;
    line-height:1.2!important;
    padding:6px 8px!important;
  }
}

/* Cover source-site watermarks embedded in product photos. */
.product_img{
  position:relative!important;
  overflow:hidden!important;
}
.product_img > a{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
}
.product_img::before{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:5px!important;
  height:48px!important;
  background:
    linear-gradient(180deg,#fff 0,#fff 11px,rgba(32,32,32,.98) 11px,rgba(32,32,32,.96) 31px,#fff 31px,#fff 100%)!important;
  z-index:20!important;
  pointer-events:none!important;
  border-radius:3px!important;
}
.product_img::after{
  content:"Computer Army"!important;
  position:absolute!important;
  left:50%!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  min-width:112px!important;
  height:20px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ff6a00!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  z-index:21!important;
  pointer-events:none!important;
  border-radius:2px!important;
  text-transform:none!important;
}
.product_img > a::before{
  content:""!important;
  position:absolute!important;
  left:6%!important;
  right:6%!important;
  bottom:0!important;
  height:58px!important;
  background:
    linear-gradient(180deg,#fff 0,#fff 13px,rgba(32,32,32,.98) 13px,rgba(32,32,32,.96) 34px,#fff 34px,#fff 100%)!important;
  z-index:80!important;
  pointer-events:none!important;
  border-radius:3px!important;
}
.product_img > a::after{
  content:"Computer Army"!important;
  position:absolute!important;
  left:50%!important;
  bottom:24px!important;
  transform:translateX(-50%)!important;
  min-width:118px!important;
  height:21px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ff6a00!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  z-index:81!important;
  pointer-events:none!important;
  border-radius:2px!important;
}
@media(max-width:767px){
  .product_img::before{
    left:8%!important;
    right:8%!important;
    bottom:4px!important;
    height:50px!important;
  }
  .product_img::after{
    bottom:21px!important;
    min-width:118px!important;
  }
  .product_img > a::before{
    left:6%!important;
    right:6%!important;
    bottom:0!important;
    height:60px!important;
  }
  .product_img > a::after{
    bottom:25px!important;
    min-width:120px!important;
  }
}