/* Z+ UX 2026-09: banners visuales, categorías compactas, stock y seguimiento */
.hero.hero-image-only{padding:0;overflow:hidden;position:relative;display:flex;align-items:stretch;justify-content:stretch}
.hero-banner-image{width:100%;height:100%;object-fit:cover;display:block}
.hero-badge{position:absolute;left:18px;top:16px;padding:7px 11px;border-radius:999px;background:rgba(10,25,16,.72);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.hero.hero-text-fallback{overflow:hidden}

.categories-section{background:linear-gradient(180deg,#fff,#fbfdfb)}
.category-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.category-card{min-height:78px;padding:10px 12px;border:1px solid #e2ebe5;border-radius:18px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:10px;text-align:left;box-shadow:0 5px 18px rgba(12,71,39,.045)}
.category-card:hover{background:#f9fcfa;box-shadow:0 10px 24px rgba(12,71,39,.08)}
.category-card .cat-icon{width:46px;height:46px;border-width:2px;display:grid;place-items:center}
.category-card .cat-icon img{width:100%;height:100%;object-fit:contain;padding:7px}
.category-card i{font-size:24px}
.category-card .category-copy{min-width:0;display:block!important;text-align:left;white-space:normal;overflow:visible}
.category-card .category-copy strong{display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.category-card .category-copy small{display:block;margin-top:3px;color:#7a867e;font-size:9px;font-weight:600}
.category-card .category-arrow{font-size:19px;color:#9aa69e}

.stock-badge{position:absolute;right:13px;top:18px;z-index:2;padding:6px 8px;border-radius:9px;background:#eef1ef;color:#667069;font-size:10px;font-weight:900}
.product-card.is-out-of-stock .product-picture img{opacity:.62;filter:saturate(.75)}
.product-card.is-out-of-stock .add-button{background:#dfe4e1;color:#87918b;cursor:not-allowed}

.orders-list{max-height:470px;gap:12px}
.order-group-title{margin:8px 0 2px;font-size:12px;color:#17231d;letter-spacing:.02em}
.order-group-title.muted{margin-top:20px;color:#77827b}
.order-card{padding:15px;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(12,71,39,.05)}
.order-card-head{align-items:center!important}
.order-card-head>div{display:flex;align-items:baseline;gap:5px}
.order-card-head small{font-size:8px;color:#8a948e;font-weight:900;letter-spacing:.12em}
.order-card-head strong{font-size:15px}
.order-card-head>span{padding:6px 9px;border-radius:999px;background:#eaf8f0;color:#08783d;font-size:10px!important}
.order-entregado .order-card-head>span{background:#eef1ef;color:#59645e}
.order-cancelado .order-card-head>span{background:#fff0ef;color:#a23a31}
.order-progress{margin:14px 2px 4px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.order-progress i{height:5px;border-radius:999px;background:#e5ebe7}
.order-progress i.done{background:#12ad5a}
.order-progress-labels{display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px}
.order-progress-labels span{font-size:8px!important;color:#8b958f!important;font-weight:700!important;text-align:center}
.order-card p{font-size:10px;line-height:1.55!important}
.order-card p b{color:#2d3a33}

@media(max-width:900px){.category-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .hero{height:auto!important;min-height:0!important;aspect-ratio:16/7;padding:0}
  .hero.hero-text-fallback{padding:28px 22px;min-height:250px!important;aspect-ratio:auto}
  .hero-badge{left:12px;top:12px;padding:5px 8px;font-size:8px}
  .categories-section{padding:20px 12px}
  .category-rail{grid-template-columns:1fr 1fr;gap:8px}
  .category-card{min-height:70px;padding:9px;grid-template-columns:40px minmax(0,1fr) 16px;border-radius:15px}
  .category-card .cat-icon{width:40px;height:40px}
  .category-card .category-copy strong{font-size:10px}
  .category-card .category-copy small{font-size:8px}
  .category-card .category-arrow{font-size:16px}
}
@media(max-width:390px){.category-rail{grid-template-columns:1fr}}