/* CYBERCOM-AQP — Ecommerce refresh inspired by modern Peruvian tech stores.
   Original implementation: no third-party site code/assets copied. */
:root{
  --bg-deep:#f6f7f9;
  --bg-surface:#ffffff;
  --bg-elevated:#f0f2f5;
  --neon-primary:#ff5a00;
  --neon-accent:#ff7a1a;
  --neon-glow:#ff6a00;
  --text-hi:#20242a;
  --text-mid:#68717c;
  --gradient:linear-gradient(135deg,#ff5a00 0%,#ff7a1a 100%);
  --radius:12px;
  --nav-h:78px;
}
html{background:var(--color-bg)}
body{background:var(--color-bg);color:#20242a;font-family:'Inter',Arial,sans-serif}
h1,h2,h3,h4{font-family:'Inter',Arial,sans-serif}
.container{width:min(1280px,94%)}
section{padding:42px 0}

/* top utility strip */
.site-topbar{background:var(--color-bg);color:var(--color-bg);font-size:12px;min-height:34px;display:flex;align-items:center}
.site-topbar .topbar-inner{width:min(1280px,94%);margin:auto;display:flex;justify-content:space-between;gap:18px;align-items:center}
.site-topbar a{color:var(--color-bg);opacity:.92}.site-topbar a:hover{color:#ff6a00}

/* main header */
.navbar{position:sticky;top:0;height:auto;min-height:78px;background:var(--color-bg);border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));backdrop-filter:none;box-shadow:0 2px 10px rgba(25,30,35,.05)}
.nav-inner{width:min(1280px,94%);min-height:78px;gap:20px}
.logo{width:190px;flex:0 0 190px;display:flex;align-items:center}
.site-logo-img{width:auto;height:auto;max-width:100%;object-fit:contain}
.header-search-wrapper{flex:1;max-width:630px;position:relative}
.header-search-box{height:46px;background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));border-radius:7px;display:flex;align-items:center;overflow:hidden}
.search-hamburger-btn{height:100%;padding:0 14px;border-right:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));color:#333;background:var(--color-bg);font-weight:600;font-size:13px;display:flex;align-items:center;gap:7px}
.search-input-field{border:0!important;background:transparent!important;color:#24282d!important;box-shadow:none!important;outline:0!important;flex:1;height:100%;padding:0 14px!important;font-size:14px!important}
.search-input-field::placeholder{color:#9299a2}
.search-btn-trigger{width:54px;height:100%;background:var(--color-primary);color:var(--color-bg);font-size:18px;display:grid;place-items:center}
.nav-links{display:flex;gap:18px;margin-left:0}
.nav-links a{font-size:13px;color:#333;font-weight:600}
.nav-links a::after{background:var(--color-primary);height:2px;bottom:-8px}
.header-quick-tools{display:none!important}
.nav-tools{gap:8px;margin-left:0}
.account-btn{color:#30353b!important;font-size:12px!important;font-weight:600}
.account-ico{font-size:20px!important}.cart-btn{color:#222;font-size:22px;filter:none}
.cart-count{background:var(--color-primary);color:var(--color-bg);box-shadow:none}
.hamburger span{background:#222}

/* hero / sliders */
.hero-slider-section{padding:16px 0 10px;background:var(--color-bg)}
.slider-container{border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(30,35,40,.10);background:var(--color-bg)}
.slide-item img{width:100%;aspect-ratio:2.85/1;object-fit:cover;display:block}
.slider-arrow-btn{background:rgba(0,0,0,.42)!important;color:var(--color-bg)!important;border:0!important;width:42px!important;height:42px!important;border-radius:50%!important}
.slider-arrow-btn:hover{background:var(--color-primary)!important}
.dot-btn.active{background:var(--color-primary)!important}

/* guarantee strip */
.guarantee-bar-section{background:var(--color-bg);border-top:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));padding:16px 0}
.guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.guarantee-card{display:flex;align-items:center;gap:12px;padding:10px 20px;border-right:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))}
.guarantee-card:last-child{border-right:0}
.guarantee-ico{font-size:27px;filter:none}.guarantee-info b{display:block;font-size:13px;color:#262b31}.guarantee-info span{font-size:11px;color:#7a828b}

/* promotional banners */
.flyers-grid-section{padding:22px 0}.flyers-grid{gap:18px}.flyer-banner-card{border-radius:9px;overflow:hidden;box-shadow:0 5px 18px rgba(25,30,35,.08);transition:.25s}.flyer-banner-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(25,30,35,.12)}

/* section titles */
.section-title{font-family:'Inter',Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.5px;color:#20242a}.section-title span{color:var(--color-primary);background:none;-webkit-text-fill-color:initial}.section-sub{color:#7a828b;font-size:14px;margin-bottom:24px}

/* tabs */
.showcase-tabs-section{background:var(--color-bg);padding:32px 0}.showcase-tabs-nav{border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));gap:0;justify-content:flex-start}.showcase-tab-btn{background:var(--color-bg)!important;color:#5e6670!important;border-radius:0!important;border:0!important;border-bottom:3px solid transparent!important;padding:13px 22px!important;font-size:13px!important;font-weight:800}.showcase-tab-btn.active{color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important}
.showcase-carousel-wrapper{position:relative}.showcase-nav-arrow{background:var(--color-bg)!important;color:var(--color-primary)!important;border:1px solid #e3e5e8!important;box-shadow:0 3px 10px rgba(0,0,0,.08);width:36px!important;height:36px!important;border-radius:50%!important}.showcase-nav-arrow:hover{background:var(--color-primary)!important;color:var(--color-bg)!important}

/* product cards */
.prod-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.prod-card{background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));border-radius:9px;box-shadow:0 2px 7px rgba(25,30,35,.04);transition:.25s;overflow:hidden}
.prod-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 10px 28px rgba(25,30,35,.12)}
.prod-media{background:var(--color-bg);aspect-ratio:1/1;border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))}.prod-media img{object-fit:contain;padding:14px}.prod-card:hover .prod-media img{transform:scale(1.03)}
.badge-desc{background:var(--color-primary);color:var(--color-bg);box-shadow:none;border-radius:4px;top:10px;left:10px;font-size:11px;padding:4px 7px}
.prod-body{padding:14px;gap:7px}.prod-marca{font-size:10px;color:var(--color-primary)}.prod-nombre{font-size:14px;color:#24282d;min-height:40px}.prod-specs{font-size:11px;color:#7b838d}.prod-precio{font-family:'Inter',Arial,sans-serif;color:var(--color-primary);text-shadow:none;font-size:20px;font-weight:800}.prod-antes{color:#9ba1a8}.prod-stock{font-size:11px}.prod-actions{gap:7px}.btn-add{background:var(--color-primary);color:var(--color-bg);border-radius:6px;padding:9px;font-size:12px}.btn-add:hover{background:#e84e00;box-shadow:none}.btn-ver{border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));color:#444;border-radius:6px;padding:9px;font-size:12px}.btn-ver:hover{background:var(--color-bg);color:var(--color-primary)}

/* category blocks */
.clean-category-section{background:var(--color-bg)!important;border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;margin-bottom:18px!important}.clean-cat-header h3{color:#252a30!important;font-size:18px!important}.cat-carousel-track{gap:14px!important}

/* general catalog */
#catalogo{background:var(--color-bg)!important}.filtros{justify-content:flex-start!important}.filtro-btn{background:var(--color-bg);border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));color:#5f6770;border-radius:6px;padding:8px 14px}.filtro-btn.active{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}

/* promo */
.promo-inner{border-radius:10px!important;background:linear-gradient(90deg,#ff5a00,#ff7a1a)!important;color:var(--color-bg)!important;box-shadow:0 8px 25px rgba(255,90,0,.18)}.promo-text h2{font-family:'Inter',Arial,sans-serif;color:var(--color-bg)!important}.promo-text p{color:var(--color-bg)!important}.btn-promo{background:var(--color-bg);color:var(--color-primary)}.cd-box{background:rgba(255,255,255,.18);color:var(--color-bg)}.cd-box span{color:var(--color-bg)}

/* brands / testimonials */
.marcas-row .btn-filter-marca{background:var(--color-bg)!important;border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))!important;color:#5e6670!important;border-radius:6px!important;padding:9px 15px!important}.marcas-row .btn-filter-marca:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}
.test-card{background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));box-shadow:0 2px 8px rgba(0,0,0,.04)}.test-card:hover{border-color:var(--color-primary);box-shadow:0 8px 22px rgba(0,0,0,.08)}.test-txt{color:#6c747d}.test-avatar{background:var(--color-primary);color:var(--color-bg)}

/* contact */
.contacto-grid{gap:28px}.contacto-grid form,.contacto-info{background:var(--color-bg);border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg));border-radius:9px;padding:20px}.form-field input,.form-field textarea{background:var(--color-bg)!important;border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))!important;color:#24282d!important;border-radius:6px!important}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(255,90,0,.08)!important}
.btn-primary{background:var(--color-primary);color:var(--color-bg);box-shadow:none;border-radius:6px}.btn-primary:hover{background:#e84e00;box-shadow:0 8px 18px rgba(255,90,0,.18)}

/* footer */
footer,.site-footer{background-color:var(--color-bg)!important;color:#d9dde2!important}.footer-title{color:var(--color-bg)!important}.footer-link,.site-footer a{color:#aeb5bd!important}.footer-link:hover,.site-footer a:hover{color:#ff6a00!important}

/* floating actions */
.soporte-float-btn{background:var(--color-primary)!important;color:var(--color-bg)!important;box-shadow:0 8px 20px rgba(255,90,0,.25)!important}

/* responsive */
@media(max-width:1100px){.nav-links{display:none}.header-search-wrapper{max-width:none}.prod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guarantee-grid{grid-template-columns:repeat(2,1fr)}.guarantee-card:nth-child(2){border-right:0}.guarantee-card:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))}}
@media(max-width:760px){.site-topbar .topbar-inner{justify-content:center}.site-topbar .topbar-right{display:none}.nav-inner{gap:9px}.logo{width:130px;flex-basis:130px}.site-logo-img{max-width:100%;height:auto}.header-search-wrapper{display:block;flex:1}.search-hamburger-btn{display:none}.header-search-box{height:42px}.search-input-field{font-size:12px!important;padding:0 9px!important}.search-btn-trigger{width:44px}.account-name{display:none}.nav-tools{gap:5px}.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prod-body{padding:11px}.prod-nombre{font-size:12px}.prod-precio{font-size:17px}.guarantee-grid{grid-template-columns:1fr}.guarantee-card{border-right:0!important;border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-bg))!important}.guarantee-card:last-child{border-bottom:0!important}.slide-item img{aspect-ratio:1.75/1}.section-title{font-size:23px}.flyers-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.logo{width:108px;flex-basis:108px}.site-logo-img{max-width:100%}.prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-media{aspect-ratio:1/1}.prod-specs{display:none}.prod-actions .btn-ver{display:none}.btn-add{font-size:11px}}