/* Ajustes de presentación que se mantienen fuera del bundle compilado. */
.product-art{height:auto!important;aspect-ratio:3/2;background:#f4f4f2!important}
.product-art img{width:100%!important;height:100%!important;padding:6px;object-fit:contain!important;object-position:center!important}
.grid{align-items:stretch}
.grid>.product{display:flex;min-width:0;flex-direction:column}
.product-main{display:flex!important;min-width:0;flex:1;flex-direction:column}
.product-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.product-copy h3{display:-webkit-box;min-height:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;text-overflow:ellipsis}
.product-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product-copy>.sale-price,.product-copy>strong{margin-top:auto}
.product-actions{margin-top:auto}
.related{padding:48px 6vw}
.related>div{gap:12px}
.related>div>a{min-height:0;border-radius:10px;padding:18px}
.related>div>a>span{font-size:28px}
.related small{margin-top:12px}
.related h3{min-height:0;margin:8px 0;font-size:16px;line-height:1.25}
.related a>b{font-size:15px}
@media(max-width:700px){.product-art img{padding:4px}.related{padding:36px 18px}.related>div{grid-template-columns:1fr 1fr}.related>div>a{padding:14px}.related h3{font-size:14px}}
@media(max-width:460px){.related>div{grid-template-columns:1fr}}

/* 4.28.0: public touch, keyboard and pressed states without another stylesheet. */
:where(.button,.icon-btn,.menu,.wa-small,.chips button,.product-actions button,.modal-close,.checkout,.clear){min-height:44px}
:where(.icon-btn,.menu,.modal-close,.global-cart-access){min-width:44px}
:where(.button,.icon-btn,.menu,.wa-small,.chips button,.product-actions button,.modal-close,.checkout,.clear):focus-visible{outline:3px solid #ffad66;outline-offset:3px}
:where(.button,.icon-btn,.menu,.wa-small,.chips button,.product-actions button,.modal-close,.checkout,.clear):active{transform:translateY(1px);filter:brightness(.9)}
.public-image-fallback{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:12px;color:#777;text-align:center;font-size:12px}
.catalog .product[hidden]{display:none!important}.catalog-load-more{min-width:min(100%,260px);margin:28px auto 0}.catalog-load-more[hidden]{display:none!important}
@media(max-width:700px){.search{min-height:48px}.search input{min-height:44px}.tools select,.selector select{min-height:48px}.chips button{padding-block:10px}}

/* 4.32.1: selector de categorías compacto, desplazable y con estados inequívocos. */
.catalog .chips{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  max-width:100%;
  margin:16px 0 24px;
  padding:4px 2px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.catalog .chips::-webkit-scrollbar{display:none}
.catalog .chips button{
  flex:0 0 auto;
  min-height:40px;
  padding:0 16px;
  border:1px solid #3a3a3e;
  border-radius:999px;
  background:#121213;
  color:#d0cfcc;
  font-size:14px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  scroll-snap-align:start;
  box-shadow:none;
  transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}
.catalog .chips button:hover{
  border-color:#66666c;
  background:#1c1c1e;
  color:#fff;
}
.catalog .chips button.active,
.catalog .chips button[aria-pressed="true"]{
  border-color:#a95117;
  background:#28170c;
  color:#ff8a3d;
  box-shadow:inset 0 0 0 1px rgba(255,105,0,.12),0 4px 14px rgba(255,105,0,.08);
}
.catalog .chips button.active:hover,
.catalog .chips button[aria-pressed="true"]:hover{
  border-color:#c76621;
  background:#321b0d;
  color:#ff9d5c;
}
.catalog .chips button:focus-visible{
  outline:3px solid #ffad66;
  outline-offset:2px;
}
.catalog .chips button:active{transform:translateY(1px);filter:none}
@media(max-width:780px){
  .catalog .chips{
    margin-inline:-2px;
    padding:4px 28px 4px 2px;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent 100%);
  }
}

/* 4.29.0: navegación específica de la ficha de producto. */
.detail-site-header{position:sticky;top:0;z-index:40;min-height:72px;padding:10px clamp(18px,4vw,64px)!important;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(8,8,9,.9)!important;backdrop-filter:blur(18px) saturate(130%)}
.detail-site-header .real-brand{display:flex;align-items:center;min-width:126px}.detail-site-header .real-brand img{display:block;width:auto;max-width:138px;height:50px;object-fit:contain}
.detail-site-header nav{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #29292c;border-radius:13px;background:#111113}
.detail-site-header nav a{min-height:44px;display:flex;align-items:center;padding:8px 13px;border-radius:9px;color:#c9c9c7;text-decoration:none;font-size:11px;font-weight:800}.detail-site-header nav a:hover,.detail-site-header nav a:focus-visible{background:#242426;color:#fff;outline:none}.detail-site-header .cart-open{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #66411f;border-radius:11px;background:#21150d;color:#ff9d55;text-decoration:none;font-size:11px;font-weight:900}.detail-site-header .detail-menu{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0}
@media(max-width:780px){.detail-site-header{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 96px;gap:8px;min-height:66px}.detail-site-header nav{position:absolute;top:calc(100% + 8px);left:14px;right:14px;display:none!important;padding:8px;box-shadow:0 18px 50px #000b}.detail-site-header nav.open{display:grid!important}.detail-site-header nav a{min-height:46px}.detail-site-header .real-brand{min-width:0}.detail-site-header .cart-open{flex:0 0 44px;width:44px;padding:0;font-size:0!important}.detail-site-header .cart-open:after{content:'←'!important;font-size:18px!important}.detail-site-header .real-brand img{height:44px;max-width:118px}.detail-site-header .global-commerce-actions{min-width:0!important;width:96px;gap:8px}.detail-site-header .global-cart-access{position:relative!important;flex:0 0 44px;width:44px;padding:0!important}.detail-site-header .global-cart-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0;font-size:9px}}

/* 4.30.0 RC2: objetivos táctiles públicos medidos contra el CSS compilado. */
.review-form :where(input:not(.review-trap),select,button){height:44px!important;min-height:44px!important;box-sizing:border-box!important}
.store-footer a,footer a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.topbar{min-height:44px;height:auto}.topbar .instagram-link{min-height:44px}

/* 4.33.1 visual closure: public hierarchy, fallbacks and mobile density. */
.hero:before{
  background:linear-gradient(90deg,rgba(5,5,5,.98) 18%,rgba(5,5,5,.82) 48%,rgba(5,5,5,.48) 100%),radial-gradient(circle at 72% 62%,rgba(255,105,0,.18),transparent 42%)!important;
}
.hero-visual img{opacity:.48!important;filter:saturate(.72) contrast(.9) brightness(.72)!important;transform:scale(1.01)}

.product-detail-layout .detail-gallery:has(.gallery-placeholder){height:clamp(300px,40vw,440px)!important;min-height:300px!important}
.gallery-placeholder{display:grid!important;place-items:center!important;gap:12px!important;color:#5b5b57!important;font-size:56px!important;text-align:center!important}
.gallery-placeholder small{color:#545450!important;font-size:13px!important;font-weight:750!important;letter-spacing:.01em!important}

.breadcrumbs a,.topbar .instagram-link,.related-product-grid a{
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.catalog .grid>.product{content-visibility:auto;contain-intrinsic-size:420px}
@media(min-width:360px) and (max-width:700px){
  .catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .catalog .product{min-width:0!important}
  .catalog .product-main{min-width:0!important}
  .catalog .product-copy{padding:12px!important}
  .catalog .product-copy p{display:none!important}
  .catalog .product-copy h3{display:-webkit-box!important;min-height:42px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:14px!important;line-height:1.45!important}
  .catalog .product-copy small{font-size:10px!important}
  .catalog .product-copy strong{font-size:17px!important}
  .catalog .product-actions{display:grid!important;grid-template-columns:1fr!important}
  .catalog .product-actions>*{width:100%!important;min-height:42px!important}
}
@media(max-width:359px){.catalog .grid{grid-template-columns:1fr!important}}