/* ORSIVAN V6 · Categorías con imágenes de producto + cabecera móvil.
   Presentación exclusivamente; se conservan controles, eventos y URLs existentes. */

/* Tarjetas de categorías: una foto limpia del producto, no el arte publicitario del catálogo. */
#orsivan-preview .category-grid {align-items:stretch!important;}
#orsivan-preview .category-card{
  border:1px solid #e5ecf8!important;
  background:#fff!important;
  min-height:151px!important;
  grid-template-columns:minmax(0,1fr) minmax(96px,49%)!important;
  gap:7px!important;
  padding:12px 11px!important;
  border-radius:17px!important;
  box-shadow:0 7px 23px rgba(24,50,96,.065)!important;
  text-align:left!important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#orsivan-preview .category-card:hover{transform:translateY(-3px);border-color:#bcd2fa!important;box-shadow:0 13px 29px rgba(16,60,140,.12)!important;}
#orsivan-preview .category-card .category-title{
  display:flex!important;flex-direction:column;gap:7px;min-width:0;
  align-items:flex-start;justify-content:center;
  grid-row:1!important;grid-column:1!important;
}
#orsivan-preview .category-card .category-title strong{
  font-family:Poppins,Arial,sans-serif;font-size:14px!important;font-weight:750!important;
  line-height:1.3;color:#122553;letter-spacing:-.022em;
}
#orsivan-preview .category-card .category-title small{
  font-size:10px!important;color:#0751ce!important;font-weight:650!important;
  line-height:1.4;white-space:normal;
}
#orsivan-preview .category-card .category-photo{
  display:block!important;grid-column:2!important;grid-row:1!important;
  width:100%!important;height:123px!important;align-self:center!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background-color:#f6f9ff!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}
/* El img existente se oculta solo en las siete categorías ilustradas.
   No se modifican los controladores o datos que entrega el servidor. */
#orsivan-preview .category-card[data-category="Baterías"] .category-photo,
#orsivan-preview .category-card[data-category="Baterias"] .category-photo{background-image:url('categorias/baterias.webp')!important;}
#orsivan-preview .category-card[data-category="Bocinas"] .category-photo,
#orsivan-preview .category-card[data-category="Audio"] .category-photo{background-image:url('categorias/bocinas.webp')!important;}
#orsivan-preview .category-card[data-category="Cámaras"] .category-photo,
#orsivan-preview .category-card[data-category="Camaras"] .category-photo{background-image:url('categorias/camaras.webp')!important;}
#orsivan-preview .category-card[data-category="Hogar"] .category-photo{background-image:url('categorias/hogar.webp')!important;}
#orsivan-preview .category-card[data-category="Lámparas"] .category-photo,
#orsivan-preview .category-card[data-category="Lamparas"] .category-photo{background-image:url('categorias/lamparas.webp')!important;}
#orsivan-preview .category-card[data-category="Periféricos"] .category-photo,
#orsivan-preview .category-card[data-category="Perifericos"] .category-photo{background-image:url('categorias/perifericos.webp')!important;}
#orsivan-preview .category-card[data-category="Vehículos"] .category-photo,
#orsivan-preview .category-card[data-category="Vehiculos"] .category-photo,
#orsivan-preview .category-card[data-category="Automotriz"] .category-photo{background-image:url('categorias/vehiculos.webp')!important;}
#orsivan-preview .category-card[data-category="Accesorios"] .category-photo{background-image:url('categorias/perifericos.webp')!important;}
#orsivan-preview .category-card[data-category="Baterías"] .category-photo img,
#orsivan-preview .category-card[data-category="Baterias"] .category-photo img,
#orsivan-preview .category-card[data-category="Bocinas"] .category-photo img,
#orsivan-preview .category-card[data-category="Audio"] .category-photo img,
#orsivan-preview .category-card[data-category="Accesorios"] .category-photo img,
#orsivan-preview .category-card[data-category="Automotriz"] .category-photo img,
#orsivan-preview .category-card[data-category="Cámaras"] .category-photo img,
#orsivan-preview .category-card[data-category="Camaras"] .category-photo img,
#orsivan-preview .category-card[data-category="Hogar"] .category-photo img,
#orsivan-preview .category-card[data-category="Lámparas"] .category-photo img,
#orsivan-preview .category-card[data-category="Lamparas"] .category-photo img,
#orsivan-preview .category-card[data-category="Periféricos"] .category-photo img,
#orsivan-preview .category-card[data-category="Perifericos"] .category-photo img,
#orsivan-preview .category-card[data-category="Vehículos"] .category-photo img,
#orsivan-preview .category-card[data-category="Vehiculos"] .category-photo img{opacity:0!important;}

@media(min-width:651px) and (max-width:1100px){
  #orsivan-preview .category-card{grid-template-columns:minmax(0,1fr) minmax(75px,48%)!important;padding:11px 9px!important;min-height:130px!important;}
  #orsivan-preview .category-card .category-photo{height:107px!important;}
  #orsivan-preview .category-card .category-title strong{font-size:12px!important;}
}
@media(max-width:650px){
  /* Cabecera móvil: menú | logotipo original centrado | carrito; buscador en segunda fila. */
  #orsivan-preview .header .header-inner{
    display:grid!important;
    grid-template-columns:45px minmax(0,1fr) 45px!important;
    grid-template-rows:82px 44px!important;
    gap:0 5px!important;
    align-items:center!important;
    height:140px!important;
    min-height:140px!important;
    padding-top:2px!important;
  }
  #orsivan-preview .header .header-actions{display:contents!important;}
  #orsivan-preview .header .header-actions .header-help{display:none!important;}
  #orsivan-preview .header .brand{
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;width:100%!important;max-width:none!important;
    margin:0!important;justify-self:center!important;justify-content:center!important;
    align-self:center!important;
  }
  #orsivan-preview .header .brand .brand-preview{
    width:min(100%,190px)!important;
    height:78px!important;
    max-width:190px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    overflow:visible!important;
  }
  #orsivan-preview .header .brand .brand-preview img{
    display:block!important;width:100%!important;height:77px!important;
    max-height:none!important;max-width:none!important;
    object-fit:contain!important;object-position:center!important;
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
  }
  #orsivan-preview .header .header-actions .menu-toggle{
    display:grid!important;grid-row:1!important;grid-column:1!important;
    align-self:center!important;justify-self:start!important;
    width:43px!important;height:43px!important;
    background:#f4f7fd!important;border:1px solid #e6ebf4!important;
    border-radius:12px!important;color:#0c3bb5!important;
  }
  #orsivan-preview .header .header-actions .cart-trigger{
    display:flex!important;grid-row:1!important;grid-column:3!important;
    align-self:center!important;justify-self:end!important;
    width:43px!important;min-height:43px!important;height:43px!important;
    padding:0!important;border:1px solid #e6ebf4!important;border-radius:12px!important;
    justify-content:center!important;position:relative;
  }
  #orsivan-preview .header .header-search{
    grid-row:2!important;grid-column:1/-1!important;width:100%!important;
    height:44px!important;max-width:none!important;min-width:0!important;
    align-self:center!important;
  }
  #orsivan-preview .category-grid{
    display:flex!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;gap:11px!important;
    scroll-snap-type:x mandatory;
  }
  #orsivan-preview .category-card{
    width:190px!important;min-width:190px!important;max-width:190px!important;
    min-height:190px!important;
    padding:11px!important;
    grid-template-columns:1fr!important;grid-template-rows:115px auto!important;
    scroll-snap-align:start;
  }
  #orsivan-preview .category-card .category-photo{
    grid-column:1!important;grid-row:1!important;
    height:112px!important;width:100%!important;
  }
  #orsivan-preview .category-card .category-title{
    grid-column:1!important;grid-row:2!important;
    align-self:start!important;justify-content:flex-start!important;
    padding:0 5px 3px!important;gap:4px!important;
  }
  #orsivan-preview .category-card .category-title strong{font-size:14px!important;}
  #orsivan-preview .category-card .category-title small{font-size:10px!important;}
}
@media(max-width:360px){
  #orsivan-preview .header .brand .brand-preview{width:min(100%,162px)!important;}
  #orsivan-preview .header .brand .brand-preview img{width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  #orsivan-preview .category-card{transition:none!important;}
}
/* ORSIVAN V7 · Únicamente centrar el logotipo en el encabezado móvil.
   Menú, búsqueda, carrito, filtros, descuentos y demás funciones quedan sin cambios. */
@media (max-width:650px) {
  #orsivan-preview .header .header-inner {
    position:relative!important;
    display:grid!important;
    grid-template-columns:45px minmax(0,1fr) 45px!important;
    grid-template-rows:82px 44px!important;
    align-content:start!important;
    min-height:140px!important;
    height:140px!important;
  }
  #orsivan-preview .header .header-actions {
    display:contents!important;
  }
  /* Posición independiente de los controles: centro geométrico de la cabecera. */
  #orsivan-preview .header .brand {
    position:absolute!important;
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:auto!important;
    left:50%!important;
    top:4px!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(190px,calc(100% - 112px))!important;
    min-width:0!important;
    max-width:190px!important;
    height:78px!important;
    z-index:1!important;
  }
  #orsivan-preview .header .brand .brand-preview {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:76px!important;
    max-width:none!important;
    overflow:visible!important;
  }
  #orsivan-preview .header .brand .brand-preview img {
    display:block!important;
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  #orsivan-preview .header .header-actions .menu-toggle {
    position:absolute!important;
    left:0!important;
    top:22px!important;
    z-index:2!important;
  }
  #orsivan-preview .header .header-actions .cart-trigger {
    position:absolute!important;
    right:0!important;
    top:22px!important;
    z-index:2!important;
  }
  #orsivan-preview .header .header-search {
    grid-column:1/-1!important;
    grid-row:2!important;
    min-width:0!important;
    position:relative!important;
    z-index:0!important;
  }
}