/* Lumen: lujo oscuro. Toda la tienda en negro con detalles dorados, tipografía ancha y ligera,
   banner panorámico bajo un titular centrado. */
.t-lumen{--line:color-mix(in srgb,var(--text) 14%,transparent)}
.t-lumen .announce{background:var(--surface);color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem}
.t-lumen .site-header{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.t-lumen .brand__name{font-stretch:125%;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.t-lumen .site-nav a{font-weight:400;letter-spacing:.04em;opacity:.85}
.t-lumen .site-nav a:hover{opacity:1;border-bottom-color:var(--primary)}
.t-lumen .site-search input{border-color:var(--line)}
.t-lumen h1,.t-lumen h2,.t-lumen h3{font-stretch:118%;font-weight:300;letter-spacing:-.02em}

/* Titular centrado y la foto en panorámico debajo. */
.t-lumen .hero{padding:72px 0 40px}
.t-lumen .hero__inner{display:grid;grid-template-columns:1fr;gap:48px;text-align:center}
.t-lumen .hero__copy{max-width:820px;margin:0 auto}
.t-lumen .hero__title{font-size:clamp(2.75rem,1.4rem + 5vw,6rem);line-height:.98;margin-bottom:22px}
.t-lumen .hero__subtitle{font-size:1.125rem;max-width:46ch;margin:0 auto 32px;opacity:.75}
.t-lumen .hero__art{aspect-ratio:21/9;border-radius:4px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.t-lumen .btn{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:14px 34px;letter-spacing:.12em;text-transform:uppercase;font-size:.8125rem;font-weight:500;transition:background .25s,color .25s}
.t-lumen .btn:hover{filter:none;background:var(--primary);color:var(--on-primary)}

.t-lumen .block{padding:88px 0}
.t-lumen .block__title{font-size:clamp(1.875rem,1.2rem + 2vw,3rem)}
.t-lumen .collection__all{color:var(--primary);letter-spacing:.08em}
.t-lumen .collection__intro{opacity:.7}

.t-lumen .category--image .category__name{color:var(--primary)}
.t-lumen .category__image{border-radius:4px;filter:saturate(.9)}
.t-lumen .category__mark{background:var(--surface);color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}

.t-lumen .products{gap:40px 20px}
.t-lumen .product__media{background:var(--surface);border-radius:4px}
.t-lumen .product__name{font-weight:400;opacity:.92}
.t-lumen .product__price{color:var(--primary);font-weight:500;letter-spacing:.02em}
.t-lumen .product__off{background:var(--primary);color:var(--on-primary);border-radius:2px}
.t-lumen .card-framed .product,.t-lumen .card-elevated .product{background:var(--surface);box-shadow:0 0 0 1px var(--line)}

.t-lumen .benefits{background:var(--surface)}
.t-lumen .benefit{border-top:1px solid var(--primary);padding-top:18px}
.t-lumen .benefit__title{color:var(--primary);font-weight:400}
.t-lumen .faq__item summary{font-weight:400}
.t-lumen .category-hero{border-bottom-color:var(--line)}
.t-lumen .pdp__price{color:var(--primary);font-weight:400}
.t-lumen .pdp__slides{border-radius:4px}
.t-lumen .site-footer{border-top-color:var(--line)}
.t-lumen .footer-title,.t-lumen .site-footer__name{color:var(--primary);font-weight:400;letter-spacing:.06em}
.t-lumen .pay-badge{background:transparent}
@media (max-width:860px){.t-lumen .hero{padding:44px 0 24px}.t-lumen .hero__art{aspect-ratio:16/10}.t-lumen .block{padding:56px 0}}

/* Fase J — firma: titular monumental con un filete dorado; comprar es un anillo dorado sobre cristal ahumado. */
.t-lumen .hero__title{font-size:clamp(3.25rem,1.2rem + 7vw,8rem);line-height:.92}
.t-lumen .hero__subtitle::before{content:"";display:block;width:56px;height:1px;margin:0 auto 22px;background:var(--primary)}
.t-lumen .product__cta{background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (hover:hover) and (pointer:fine){.t-lumen .product__cta:not(.product__cta--off):hover{background:var(--primary);color:var(--bg)}}
/* Fase J: la acción de compra (ficha y carrito) es dorada y sólida. */
.t-lumen .pdp__actions .btn,.t-lumen .summary .btn,.t-lumen .pay-step .btn{background:var(--primary);color:var(--bg)}
.t-lumen{--radius-card:4px}