/* =============================================================================
   MAJERCI V812 - 10-oct-2026
   1. Precios visibles en las tarjetas de producto
   2. Logo nitido en la cabecera (sin recuadro ni brillo)
   3. Celular: contador y flechas del carrusel principal ordenados
   4. Logos de marca: los muy claros se ven mas firmes
   ========================================================================== */

/* 1. PRECIOS ---------------------------------------------------------------
   Antes: precio y boton compartian una fila y el boton aplastaba el precio
   ("S..."), en las 48 tarjetas. Ahora el precio va arriba, entero. */
.v730-mini-card .v730-mini-bottom{
  flex-direction:column!important;align-items:stretch!important;gap:9px!important
}
.v730-mini-card .v730-price-status{
  overflow:visible!important;white-space:normal!important;text-overflow:clip!important;
  max-width:none!important;width:auto!important;flex:0 0 auto!important;min-width:0!important;
  font-size:15px!important;line-height:1.25!important;font-weight:900!important;color:#0a2743!important
}
.v730-mini-card .v730-price-status.quote{color:#0b6fd0!important}
.v730-mini-card .v727-mini-cta{
  width:100%!important;justify-content:center!important;text-align:center!important;margin:0!important
}

/* 2. LOGO --------------------------------------------------------------------
   El archivo nuevo (logo-header-dark) ya trae letras blancas para el fondo
   oscuro de la cabecera; aqui se quita el recuadro, el brillo y los filtros. */
#mjr717-nav#mjr717-nav .mjr717-logo{
  background:none!important;border:0!important;box-shadow:none!important;outline:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  padding:0!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
  display:flex!important;align-items:center!important;overflow:visible!important
}
#mjr717-nav#mjr717-nav .mjr717-logo::before,
#mjr717-nav#mjr717-nav .mjr717-logo::after{content:none!important;display:none!important}
#mjr717-nav#mjr717-nav .mjr717-logo img{
  filter:none!important;-webkit-filter:none!important;transform:none!important;animation:none!important;
  height:44px!important;width:auto!important;max-height:none!important;max-width:none!important;
  object-fit:contain!important;margin:0!important
}
@media (max-width:1100px){#mjr717-nav#mjr717-nav .mjr717-logo img{height:38px!important}}
@media (max-width:760px){#mjr717-nav#mjr717-nav .mjr717-logo img{height:34px!important}}

/* 3. CELULAR: carrusel principal --------------------------------------------
   "03 / 07" se partia en dos lineas, y las flechas quedaban pegadas al boton
   de WhatsApp. Ahora las flechas van junto al contador, a la izquierda. */
#mjr717-scene-progress .num{white-space:nowrap!important}
@media (max-width:760px){
  #mjr717-scene-progress{width:auto!important;min-width:0!important}
  #mjr717-controls{right:auto!important;left:150px!important}
}

/* En computadora, la burbuja "Necesitas una cotizacion?" salia al lado del
   boton de WhatsApp y tapaba las flechas del carrusel. Ahora sale encima. */
@media (min-width:761px){
  #majerciWaWrap .majerci-wa-message{left:auto!important;right:0!important;top:auto!important;bottom:72px!important}
}

/* 4. MARCAS --------------------------------------------------------------- */
.v768-brand-logo img{filter:contrast(1.12) saturate(1.1)!important}

/* 5. NOMBRES DE PRODUCTO (rev. 2) -------------------------------------------
   La caja del nombre medía 2,3 renglones: en 46 de 48 tarjetas asomaba media
   tercera linea cortada. Ahora son 2 renglones completos que terminan en "...". */
html body .v725-mini-card.v730-mini-card .v725-mini-title.v725-mini-title{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden!important;
  height:auto!important;min-height:2.8em!important;max-height:2.8em!important;line-height:1.4!important
}

/* =============================================================================
   MAJERCI V813 - Tarjetas de producto (Soluciones recomendadas y En Tendencia)
   ========================================================================== */
#v725-for-you .v725-strip,#v725-trending .v725-strip{
  grid-auto-columns:212px!important;gap:14px!important;padding:6px 4px 14px!important;align-items:stretch!important
}
@media (max-width:760px){
  #v725-for-you .v725-strip,#v725-trending .v725-strip{grid-auto-columns:min(72vw,250px)!important;gap:12px!important}
}
html body .v725-mini-card.v730-mini-card.v813-card{
  display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;
  background:#fff!important;border:1px solid #e3ebf3!important;border-radius:18px!important;padding:12px!important;
  box-shadow:0 6px 18px rgba(10,39,67,.06)!important;text-decoration:none!important;color:inherit!important;
  transition:transform .18s ease,box-shadow .18s ease!important;overflow:visible!important
}
html body .v725-mini-card.v730-mini-card.v813-card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 30px rgba(10,39,67,.12)!important}
html body .v813-card .v725-mini-media{
  position:relative!important;background:#f3f6fa!important;border-radius:12px!important;aspect-ratio:1/0.92!important;
  height:auto!important;margin:0 0 12px!important;padding:0!important;overflow:hidden!important;display:block!important
}
html body .v813-card .v813-media-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:30px 12px 10px!important}
html body .v813-card .v725-mini-media img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;margin:0!important;transform:none!important}
html body .v813-card:hover .v725-mini-media img{transform:scale(1.04)!important;transition:transform .25s ease!important}
html body .v813-card .v730-family-badge{
  position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;background:#e4f0fd!important;color:#1468c8!important;
  font-size:11.5px!important;font-weight:800!important;padding:4px 10px!important;border-radius:999px!important;border:0!important;box-shadow:none!important
}
html body .v813-card .v813-fav{
  position:absolute!important;top:5px!important;right:6px!important;z-index:3!important;width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;
  color:#3d5166!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;padding:0!important;box-shadow:none!important
}
html body .v813-card .v813-fav:hover,html body .v813-card .v813-fav.active{color:#e5364b!important}
html body .v813-card .v813-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:0 2px!important;gap:0!important;min-height:0!important}
html body .v813-card .v813-brand{height:26px!important;display:flex!important;align-items:center!important;margin:0 0 7px!important}
html body .v813-card .v813-brand-logo{height:24px!important;width:auto!important;max-width:130px!important;object-fit:contain!important;object-position:left center!important}
html body .v813-card .v813-brand-text{font-size:12.5px!important;font-weight:900!important;letter-spacing:.06em!important;color:#4f6378!important;text-transform:uppercase!important}
html body .v725-mini-card.v730-mini-card.v813-card .v725-mini-title.v813-title{
  font-size:14.5px!important;font-weight:800!important;line-height:1.35!important;color:#0b2340!important;text-decoration:none!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  min-height:2.7em!important;max-height:2.7em!important;height:auto!important;margin:0 0 5px!important
}
html body .v813-card .v813-title:hover{color:#0b74f0!important}
html body .v813-card .v813-sku{font-size:12.5px!important;color:#6a7c8f!important;margin:0 0 9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .v813-card .v813-stock{display:flex!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:600!important;margin:0 0 8px!important}
html body .v813-card .v813-stock i{width:8px!important;height:8px!important;border-radius:50%!important;display:inline-block!important}
html body .v813-card .v813-stock.ok{color:#14864a!important}html body .v813-card .v813-stock.ok i{background:#19a35a!important}
html body .v813-card .v813-stock.req{color:#c06a00!important}html body .v813-card .v813-stock.req i{background:#f39200!important}
html body .v813-card .v813-price{display:block!important;font-size:19px!important;font-weight:900!important;color:#0a2743!important;line-height:1.2!important;margin:auto 0 12px!important;padding-top:2px!important;white-space:nowrap!important}
html body .v813-card .v813-price small{font-size:11px!important;font-weight:700!important;color:#6a7c8f!important}
html body .v813-card .v813-actions{display:grid!important;gap:8px!important}
html body .v813-card .v813-quote,html body .v813-card .v813-view{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:38px!important;
  border-radius:999px!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important;
  width:100%!important;margin:0!important;padding:0 12px!important;transition:background .15s ease,color .15s ease,box-shadow .15s ease!important
}
html body .v813-card .v813-quote{background:#0b74f0!important;color:#fff!important;border:0!important;box-shadow:0 6px 14px rgba(11,116,240,.25)!important}
html body .v813-card .v813-quote:hover{background:#0860c9!important}
html body .v813-card .v813-quote[disabled]{opacity:.7!important;cursor:wait!important}
html body .v813-card .v813-view{background:#fff!important;color:#0b5fc4!important;border:1.5px solid #0b74f0!important}
html body .v813-card .v813-view:hover{background:#eef6ff!important}
.v813-dots{display:flex;justify-content:center;gap:10px;margin:14px 0 0}
.v813-dots[hidden]{display:none}
.v813-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#c9d6e3;cursor:pointer;transition:background .2s,transform .2s}
.v813-dots button.active{background:#0b74f0;transform:scale(1.15)}
@media (max-width:760px){
  html body .v813-card .v813-price{font-size:18px!important}
  .v813-dots{gap:8px}
}
html body .v813-card .v725-mini-media img{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;max-width:100%!important;max-height:100%!important}
html body .v813-card .v813-media-link{padding:28px 10px 8px!important;background:transparent!important}

/* =============================================================================
   MAJERCI V814 - Servicios con foto y categorias con foto de producto
   ========================================================================== */
/* --- Servicios --- */
html body #v728-services .v728-service-card.v814-svc{padding-top:0!important}
html body #v728-services .v814-svc .v814-svc-media{
  position:relative;margin:0 -21px 0;height:150px;overflow:hidden;background:#0b2340
}
html body #v728-services .v814-svc .v814-svc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;transform:scale(var(--z,1))}
html body #v728-services .v814-svc:hover .v814-svc-media img{transform:scale(calc(var(--z,1) * 1.06))}
html body #v728-services .v814-svc .v814-svc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,38,0) 55%,rgba(4,20,38,.35))}
html body #v728-services .v814-svc .v728-service-top{margin-top:-26px!important;position:relative;z-index:2;margin-bottom:12px!important}
html body #v728-services .v814-svc .v728-service-icon{
  background:#fff!important;box-shadow:0 8px 20px rgba(10,39,67,.16)!important;border:1px solid #e3ebf3!important
}
html body #v728-services .v814-svc .v728-service-number{
  position:absolute!important;top:-112px!important;right:0!important;background:rgba(255,255,255,.94)!important;color:#0b2340!important;
  padding:4px 10px!important;border-radius:999px!important;font-weight:900!important;font-size:12px!important;line-height:1.2!important;
  box-shadow:0 4px 12px rgba(0,0,0,.15)!important
}
html body #v728-services .v814-svc::before{z-index:3}

/* --- Tecnologia para cada necesidad --- */
html body .home-category-band .category-strip > a.category-tile.v814-cat{
  align-items:stretch!important;text-align:left!important;padding:12px 12px 14px!important;min-height:0!important
}
html body .home-category-band .category-strip > a.category-tile.v814-cat > .category-tile-icon{
  width:100%!important;height:104px!important;margin:0 0 12px!important;border-radius:12px!important;
  background:#f3f6fa!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:none!important;border:0!important;position:relative!important;overflow:hidden!important
}
html body .home-category-band .category-strip > a.category-tile.v814-cat > .category-tile-icon svg{width:58px!important;height:52px!important}
html body .home-category-band .category-strip > a.category-tile.v814-cat > .category-tile-icon.v814-has-img svg{display:none!important}
html body .home-category-band .category-strip > a.category-tile.v814-cat > .category-tile-icon img.v814-cat-img{
  max-width:none!important;max-height:none!important;
  width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;mix-blend-mode:multiply!important;
  transition:transform .3s ease!important
}
html body .home-category-band .category-strip > a.category-tile.v814-cat:hover .v814-cat-img{transform:scale(1.07)!important}
html body .home-category-band .category-strip > a.category-tile.v814-cat strong{font-size:13px!important;line-height:1.25!important}
@media (max-width:640px){
  html body .home-category-band .category-strip > a.category-tile.v814-cat > .category-tile-icon{height:86px!important}
}

/* =============================================================================
   MAJERCI V815 - Catalogo y categorias (diseno aprobado)
   ========================================================================== */
.v815-catalog{background:linear-gradient(180deg,#f3f8fd 0,#f7fafd 340px,#f7fafd 100%);padding:14px 0 34px;color:#0b2340}
.v815-catalog *{box-sizing:border-box}
.v815-catalog svg{width:18px;height:18px;flex:none}
.v815-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:#5d7186;margin:2px 0 14px}
.v815-crumbs a{color:#3f566d;text-decoration:none}.v815-crumbs a:hover{color:#0b74f0}
.v815-crumbs svg{width:13px;height:13px;color:#9aabbd}.v815-crumbs span{color:#0b2340;font-weight:700}
.v815-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:26px;margin:0 0 22px;position:relative}
.v815-head-icon{width:88px;height:88px;border-radius:50%;background:#e6f1fd;color:#0b4ea2;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #d3e6fb}
.v815-head-icon svg{width:44px!important;height:44px!important}
.v815-head-text h1{margin:0 0 8px;font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.02em;font-weight:900;color:#0a2743}
.v815-head-text p{margin:0;max-width:720px;color:#4d6176;font-size:15px;line-height:1.55}
.v815-head-img{width:200px;height:150px;display:flex;align-items:center;justify-content:center}
.v815-head-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.v815-head-perks{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.v815-head-perks li{display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.3;color:#1d3550}
.v815-head-perks svg{width:28px!important;height:28px!important;color:#0b3f86}
.v815-layout{display:grid;grid-template-columns:262px minmax(0,1fr);gap:20px;align-items:start}
.v815-filters-box{background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:16px 16px 6px;box-shadow:0 4px 16px rgba(10,39,67,.04);position:sticky;top:96px}
.v815-filters-box>summary{display:none}
.v815-filters-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.v815-filters-head strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:#0a2743}
.v815-filters-head strong svg{color:#0b74f0}
.v815-filters-head a{display:flex;align-items:center;gap:4px;font-size:12px;color:#0b74f0;text-decoration:none;font-weight:700}
.v815-filters-head a svg{width:13px;height:13px}
.v815-search{display:flex;border:1px solid #d6e2ee;border-radius:10px;overflow:hidden;margin:0 0 6px}
.v815-search input{flex:1;min-width:0;border:0;padding:9px 10px;font-size:13px;outline:0;background:#fff;color:#0b2340}
.v815-search button{border:0;background:#0b74f0;color:#fff;width:40px;display:grid;place-items:center;cursor:pointer}
.v815-fgroup{border-top:1px solid #edf2f7;padding:14px 0 12px}
.v815-fgroup:first-of-type{border-top:0}
.v815-fgroup h4{margin:0 0 10px;font-size:14.5px;font-weight:900;color:#0a2743}
.v815-cats,.v815-cats ul,.v815-checks{list-style:none;margin:0;padding:0}
.v815-cats a,.v815-checks a{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13.5px;color:#2d4359;text-decoration:none;line-height:1.3}
.v815-cats a span,.v815-checks a span{flex:1;min-width:0}
.v815-cats em,.v815-checks em{font-style:normal;color:#8195a9;font-size:12.5px}
.v815-cats>li>a svg{width:13px!important;height:13px!important;color:#7d90a5;transition:transform .2s}
.v815-cats>li.open>a svg{transform:rotate(90deg);color:#0b74f0}
.v815-cats>li.open>a,.v815-cats li.active>a{color:#0b5fc4;font-weight:800}
.v815-cats ul{margin:2px 0 6px 18px}
.v815-cats ul i{width:10px;height:10px;border-radius:50%;border:1.6px solid #9fb2c6;flex:none}
.v815-cats ul li.active i{border-color:#0b74f0;background:radial-gradient(circle,#0b74f0 45%,transparent 50%)}
.v815-cats a:hover,.v815-checks a:hover{color:#0b74f0}
.v815-checks i{width:16px;height:16px;border:1.6px solid #a9bbcd;border-radius:4px;flex:none;position:relative;background:#fff}
.v815-checks a.on i{background:#0b74f0;border-color:#0b74f0}
.v815-checks a.on i::after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.v815-checks a.on{color:#0b2340;font-weight:800}
.v815-checks li.v815-more{display:none}
.v815-checks.all li.v815-more{display:block}
.v815-toggle{border:0;background:none;color:#0b74f0;font-weight:800;font-size:12.5px;padding:4px 0;cursor:pointer}
.v815-range{display:flex;align-items:center;gap:6px}
.v815-range input{width:100%;min-width:0;border:1px solid #d6e2ee;border-radius:9px;padding:8px 9px;font-size:13px;color:#0b2340;background:#fff}
.v815-range span{color:#9aabbd}
.v815-apply{margin:9px 0 4px;width:100%;border:1.5px solid #0b74f0;background:#fff;color:#0b5fc4;border-radius:9px;padding:7px;font-weight:800;font-size:13px;cursor:pointer}
.v815-apply:hover{background:#eef6ff}
.v815-price-form small{display:block;color:#8195a9;font-size:11.5px}
.v815-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:10px 16px;margin:0 0 14px;box-shadow:0 4px 16px rgba(10,39,67,.04)}
.v815-toolbar>p{margin:0 auto 0 0;font-size:15px;color:#2d4359}.v815-toolbar>p b{font-size:17px;color:#0a2743}
.v815-sort label,.v815-perpage label{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#2d4359;font-weight:600}
.v815-sort select,.v815-perpage select{border:1px solid #d6e2ee;border-radius:9px;padding:7px 30px 7px 10px;font-size:13px;color:#0b2340;background:#fff;cursor:pointer}
.v815-view{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#2d4359;font-weight:600}
.v815-view span{margin-right:4px}
.v815-view button{width:36px;height:32px;border-radius:8px;border:1px solid #d6e2ee;background:#fff;color:#5d7186;display:grid;place-items:center;cursor:pointer}
.v815-view button.on{background:#0b74f0;border-color:#0b74f0;color:#fff}
.v815-chips{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.v815-chips a{background:#e6f1fd;color:#0b4ea2;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;text-decoration:none}
.v815-chips a:hover{background:#d3e6fb}
.v815-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v815-card{background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:12px;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s}
.v815-card:hover{box-shadow:0 14px 30px rgba(10,39,67,.10);transform:translateY(-2px);border-color:#cfe0f1}
.v815-card-top{display:flex;align-items:center;justify-content:space-between;min-height:26px}
.v815-badge{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;color:#fff;background:#0b74f0;line-height:1.3}
.v815-badge.stock{background:#16a34a}.v815-badge.order{background:#f08c00}.v815-badge.quote{background:#4c84c9}.v815-badge.offer{background:#e11d2e}
html body .v815-card .v815-fav{position:static!important;width:30px!important;height:30px!important;border:0!important;background:none!important;box-shadow:none!important;color:#3d5166!important;font-size:21px!important;line-height:1!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important}
html body .v815-card .v815-fav:hover,html body .v815-card .v815-fav.active{color:#e5364b!important}
.v815-card-img{height:150px;display:flex;align-items:center;justify-content:center;margin:6px 0 10px}
.v815-card-img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}
.v815-card:hover .v815-card-img img{transform:scale(1.05)}
.v815-noimg{width:90px;height:90px;border-radius:16px;background:#eef4fa;color:#8aa0b6;display:grid;place-items:center;font-weight:900;font-size:24px}
.v815-card-body{display:flex;flex-direction:column;flex:1}
.v815-brand{font-size:12px;font-weight:800;letter-spacing:.04em;color:#5d7186;margin:0 0 3px}
.v815-model{font-size:15px;font-weight:900;color:#0a2743;text-decoration:none;line-height:1.25;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v815-model:hover{color:#0b74f0}
.v815-model.v815-model-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;min-height:2.5em}
.v815-spec{margin:0 0 8px;font-size:13px;line-height:1.4;color:#5d7186;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}
.v815-price{margin:auto 0 10px;font-size:18px;font-weight:900;color:#e11d2e;line-height:1.2;white-space:nowrap}
.v815-price small{font-size:11.5px;font-weight:600;color:#6a7c8f}
.v815-price.quote{color:#0a2743}
.v815-buy{display:flex;gap:6px;align-items:stretch;margin:0 0 8px}
html body .v815-card .v815-qty{display:flex!important;align-items:center!important;border:1px solid #d6e2ee!important;border-radius:9px!important;overflow:hidden!important;height:36px!important;flex:none!important;background:#fff!important;margin:0!important}
html body .v815-card .v815-qty button{width:22px!important;height:100%!important;border:0!important;background:#fff!important;color:#2d4359!important;font-size:16px!important;cursor:pointer!important;padding:0!important}
html body .v815-card .v815-qty input{width:26px!important;height:100%!important;border:0!important;text-align:center!important;font-size:13.5px!important;font-weight:700!important;color:#0b2340!important;padding:0!important;background:#fff!important}
.v815-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;height:36px;border-radius:9px;border:0;background:#0b74f0;color:#fff;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;padding:0 8px;white-space:nowrap;overflow:hidden;box-shadow:0 6px 14px rgba(11,116,240,.22);transition:background .15s}
.v815-btn:hover{background:#0860c9;color:#fff}
.v815-btn[disabled]{opacity:.7;cursor:wait}
.v815-btn-full{flex:none;width:100%;margin:0 0 8px}
.v815-link{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#0b5fc4;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:2px 0}
.v815-link svg{width:15px!important;height:15px!important}
.v815-link:hover{color:#0b74f0}
.v815-pagebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:22px 0 0}
.v815-pagination{grid-column:2;display:flex;align-items:center;gap:6px}
.v815-pagination a,.v815-pagination span{min-width:36px;height:36px;padding:0 8px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#2d4359;text-decoration:none;border:1px solid transparent}
.v815-pagination a:hover{background:#eef6ff;color:#0b5fc4}
.v815-pagination a.active{background:#0b74f0;color:#fff;box-shadow:0 6px 14px rgba(11,116,240,.25)}
.v815-pagination .arrow{border-color:#d6e2ee;background:#fff}
.v815-pagination .arrow.off{opacity:.4}
.v815-pagination .dots{border:0;min-width:20px}
.v815-perpage{grid-column:3;justify-self:end}
.v815-empty{background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:40px;text-align:center}
.v815-empty h2{margin:0 0 8px;font-size:22px}.v815-empty p{color:#5d7186;margin:0 0 18px}
.v815-empty .v815-btn{display:inline-flex;width:auto;padding:0 20px}
.v815-perks{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 0;background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:16px 18px}
.v815-perks>div{display:flex;align-items:center;gap:12px;padding:4px 10px;border-left:1px solid #edf2f7}
.v815-perks>div:first-child{border-left:0}
.v815-perks svg{width:30px!important;height:30px!important;color:#0b3f86}
.v815-perks p{margin:0;display:flex;flex-direction:column;gap:2px}
.v815-perks b{font-size:13.5px;color:#0a2743}.v815-perks span{font-size:12px;color:#6a7c8f}
/* vista en lista */
.v815-grid.v815-list{grid-template-columns:1fr}
.v815-grid.v815-list .v815-card{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;column-gap:20px;align-items:start}
.v815-grid.v815-list .v815-card-top{grid-column:1/-1}
.v815-grid.v815-list .v815-card-img{grid-column:1;grid-row:2;height:130px;margin:0}
.v815-grid.v815-list .v815-card-body{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 250px;column-gap:20px}
.v815-grid.v815-list .v815-card-body>*{grid-column:1}
.v815-grid.v815-list .v815-price,.v815-grid.v815-list .v815-buy,.v815-grid.v815-list .v815-btn-full,.v815-grid.v815-list .v815-link{grid-column:2}
.v815-grid.v815-list .v815-price{grid-row:1;margin:0 0 10px}
.v815-grid.v815-list .v815-buy,.v815-grid.v815-list .v815-btn-full{grid-row:2}
.v815-grid.v815-list .v815-link{grid-row:3}
.v815-grid.v815-list .v815-spec{-webkit-line-clamp:3;min-height:0}
@media (max-width:1320px){.v815-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v815-head{grid-template-columns:auto 1fr auto}.v815-head-perks{display:none}}
@media (max-width:1100px){.v815-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v815-perks{grid-template-columns:repeat(3,1fr)}.v815-perks>div:nth-child(4){border-left:0}}
@media (max-width:900px){
  .v815-layout{grid-template-columns:1fr}
  .v815-filters-box{position:static;padding:0}
  .v815-filters-box>summary{display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:900;cursor:pointer;list-style:none;color:#0a2743}
  .v815-filters-box>summary::-webkit-details-marker{display:none}
  .v815-filters-box>summary svg{color:#0b74f0}
  .v815-filters-box>summary b{background:#0b74f0;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}
  .v815-filters-box[open]{padding:0 16px 6px}.v815-filters-box[open]>summary{padding:12px 0}
  .v815-filters-head{display:none}
  .v815-head{grid-template-columns:auto 1fr;gap:16px}.v815-head-img{display:none}
  .v815-head-icon{width:64px;height:64px}.v815-head-icon svg{width:32px!important;height:32px!important}
  .v815-grid.v815-list .v815-card-body{grid-template-columns:1fr}.v815-grid.v815-list .v815-card-body>*{grid-column:1!important;grid-row:auto!important}
}
@media (max-width:640px){
  .v815-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v815-card{padding:10px}.v815-card-img{height:120px}
  .v815-model{font-size:14px}.v815-price{font-size:16px}
  .v815-buy{flex-direction:column}
  .v815-buy .v815-btn{flex:none;height:36px}
  .v815-btn{font-size:12.5px;gap:5px;padding:0 6px;white-space:normal;line-height:1.15;text-align:center}
  .v815-btn svg{width:15px!important;height:15px!important}
  .v815-btn-full{height:auto;min-height:38px;padding:6px}
  .v815-link{font-size:12.5px}
  html body .v815-card .v815-qty{justify-content:space-between!important}
  html body .v815-card .v815-qty input{flex:1!important}
  .v815-toolbar{gap:10px;padding:10px 12px}.v815-toolbar>p{width:100%}
  .v815-view span{display:none}
  .v815-pagebar{grid-template-columns:1fr;gap:12px;justify-items:center}.v815-pagination,.v815-perpage{grid-column:1;justify-self:center}
  .v815-pagination a,.v815-pagination span{min-width:32px;height:32px}
  .v815-perks{grid-template-columns:1fr 1fr}.v815-perks>div{border-left:0}
  .v815-grid.v815-list .v815-card{grid-template-columns:96px 1fr;column-gap:12px}.v815-grid.v815-list .v815-card-img{height:96px}
  .v815-head-text h1{font-size:24px}.v815-head-text p{font-size:13.5px}
}
.v815-t::after{content:attr(data-t)}
