/* Premium storefront layer: editorial presence, clear conversion and accessible interaction. */
.commerce-page{background:var(--portal-bg,#f4f6f5);color:var(--portal-ink,#17202a)}
.commerce-page .topbar{height:72px;background:color-mix(in srgb,var(--portal-bg,#fff) 88%,#fff);border-color:color-mix(in srgb,var(--green) 12%,transparent);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(15,23,42,.04)}
.commerce-page .brand{font-size:14px;letter-spacing:-.01em}.commerce-page .brand span{border-radius:12px;box-shadow:0 8px 22px color-mix(in srgb,var(--green) 28%,transparent)}
.commerce-page .storefront-hero{min-height:620px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr);isolation:isolate}
.commerce-page .storefront-hero:before{background:linear-gradient(90deg,rgba(2,10,8,.38),transparent 70%)}
.storefront-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;letter-spacing:.16em}.storefront-kicker:before{content:"";width:28px;height:1px;background:currentColor}
.storefront-main h1{max-width:900px;font-weight:950;letter-spacing:-.065em;text-wrap:balance}
.storefront-copy{font-size:clamp(17px,2vw,21px);max-width:650px;color:rgba(255,255,255,.82)}
.storefront-actions .button{min-height:52px;padding:0 22px;border-radius:999px;font-weight:900}.storefront-actions .ghost{backdrop-filter:blur(10px)}
.storefront-feature{height:440px;padding:0;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.1);align-self:center;display:flex;align-items:flex-end;position:relative;transform:rotate(1deg);box-shadow:0 32px 80px rgba(0,0,0,.28)}
.storefront-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.storefront-feature:not(.storefront-feature-stats):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,10,8,.86))}
.feature-overlay{position:relative;z-index:2;padding:26px;color:#fff;width:100%}.feature-overlay span{color:rgba(255,255,255,.72);text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.14em}.feature-overlay strong{display:block;color:#fff;font-size:clamp(25px,3vw,38px);line-height:1.02;letter-spacing:-.045em;margin:8px 0}.feature-overlay p{color:rgba(255,255,255,.82);margin:0}
.storefront-feature-stats{height:auto;min-height:320px;padding:30px;background:rgba(255,255,255,.95);display:block;transform:rotate(1deg)}.storefront-feature-stats>strong{font-size:90px;letter-spacing:-.07em}.storefront-feature-stats .storefront-mini{margin-top:36px}
.trust-rail{display:grid;grid-template-columns:repeat(3,1fr);margin:-26px 32px 28px;position:relative;z-index:3;background:#fff;border:1px solid color-mix(in srgb,var(--green) 12%,#e5e7eb);border-radius:20px;box-shadow:0 20px 55px rgba(15,23,42,.10);overflow:hidden}
.trust-rail>div{display:flex;align-items:center;gap:14px;padding:20px 24px}.trust-rail>div+div{border-left:1px solid #edf0ef}.trust-rail i{font-style:normal;font-size:11px;font-weight:950;color:var(--green);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 10%,#fff)}.trust-rail span,.trust-rail strong,.trust-rail small{display:block}.trust-rail strong{font-size:14px}.trust-rail small{color:#667085;margin-top:3px}
.catalog-section-heading h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;line-height:.98}.catalog-section-heading>p{font-size:16px;line-height:1.65}
.commerce-card{background:color-mix(in srgb,var(--portal-bg,#fff) 24%,#fff);border-color:color-mix(in srgb,var(--green) 11%,#e5e7eb)}
.commerce-media:after{content:"Ver detalle";position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.74);color:#fff;font-size:10px;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s;backdrop-filter:blur(8px)}.commerce-card:hover .commerce-media:after{opacity:1;transform:none}
.commerce-info h2{font-size:22px}.commerce-buy strong{font-size:21px}.book-button,.commerce-buy .add{min-height:46px}
.button:focus-visible,.add:focus-visible,.book-button:focus-visible,.category-chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.mobile-conversion-bar{display:none}
@media(max-width:900px){.commerce-page .storefront-hero{grid-template-columns:1fr;min-height:auto}.storefront-feature{height:300px;transform:none;width:100%}.storefront-feature-stats{height:auto;min-height:0}.trust-rail{margin:-18px 18px 24px}.trust-rail>div{padding:16px}.trust-rail i{display:none}}
@media(max-width:600px){.commerce-page{padding-bottom:82px}.commerce-page .topbar{height:62px}.commerce-page .storefront-hero{padding-top:38px}.storefront-main h1{letter-spacing:-.05em}.storefront-feature{height:230px}.storefront-feature-stats{height:auto}.trust-rail{grid-template-columns:1fr;margin:-10px 0 24px;border-radius:16px}.trust-rail>div{padding:13px 16px}.trust-rail>div+div{border-left:0;border-top:1px solid #edf0ef}.trust-rail i{display:grid}.catalog-section-heading h2{font-size:38px}.commerce-media:after{display:none}.mobile-conversion-bar{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px 11px 16px;border-radius:18px;background:#101828;color:#fff;text-decoration:none;box-shadow:0 18px 55px rgba(0,0,0,.32)}.mobile-conversion-bar span,.mobile-conversion-bar small,.mobile-conversion-bar strong{display:block}.mobile-conversion-bar small{color:#98a2b3;font-size:10px}.mobile-conversion-bar strong{font-size:13px}.mobile-conversion-bar b{padding:11px 14px;border-radius:12px;background:var(--green);font-size:12px}.commerce-page .cart-button{bottom:14px;z-index:61}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}