/* Escaparate: tienda generalista premium. Orden, luz y categorías protagonistas. */
.t-escaparate .brand__name{font-weight:800;letter-spacing:-.02em}
.t-escaparate .site-nav a{font-weight:600}

.t-escaparate .hero{padding:48px 0 24px}
.t-escaparate .hero__inner{display:grid;gap:48px;grid-template-columns:1fr 1fr;align-items:center}
.t-escaparate .hero__title{font-size:clamp(2.25rem,1.5rem + 3vw,4rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-bottom:18px}
.t-escaparate .hero__subtitle{font-size:1.1875rem;color:var(--soft);margin-bottom:30px;max-width:44ch}
.t-escaparate .btn{border-radius:12px}
.t-escaparate .hero__art{aspect-ratio:5/4;border-radius:20px;background:
  linear-gradient(var(--primary),var(--primary)) 0 0/49% 49% no-repeat,
  linear-gradient(var(--accent),var(--accent)) 100% 0/49% 49% no-repeat,
  linear-gradient(var(--surface),var(--surface)) 0 100%/49% 49% no-repeat,
  linear-gradient(color-mix(in srgb,var(--primary) 30%,var(--surface)),color-mix(in srgb,var(--primary) 30%,var(--surface))) 100% 100%/49% 49% no-repeat}

.t-escaparate .category{flex-direction:column;align-items:flex-start;background:var(--surface);border-radius:16px;padding:18px}
.t-escaparate .category__mark{border-radius:12px}
.t-escaparate .category--image{padding:0;background:none}
.t-escaparate .category__image{border-radius:16px}

.t-escaparate .product__media{border-radius:14px}
.t-escaparate .product__price{color:var(--primary)}
.t-escaparate .card-framed .product,.t-escaparate .card-elevated .product{border-radius:16px;overflow:hidden}
.t-escaparate .card-framed .product__media,.t-escaparate .card-elevated .product__media{border-radius:0}

.t-escaparate .benefits{background:var(--surface)}
.t-escaparate .benefit{padding-left:40px;position:relative}
.t-escaparate .benefit::before{content:"";position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;background:var(--primary);
  -webkit-mask:radial-gradient(circle,#000 60%,transparent 62%);mask:radial-gradient(circle,#000 60%,transparent 62%)}

.t-escaparate .category-hero--image{border-radius:0}
.t-escaparate .pdp__slides,.t-escaparate .pdp__thumbs img{border-radius:16px}
.t-escaparate .pdp__soon{border-radius:0 12px 12px 0}

@media (max-width:860px){.t-escaparate .hero__inner{grid-template-columns:1fr}}
