/* Transparent original brand assets. */
body>header,body>header.scrolled{background:#161512;color:#fff;border-bottom:1px solid #ffffff16}
body>header .brand-image{width:174px;height:68px}body>header .brand-image img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:none}
body>header nav{background:#ffffff08}body>header nav a{color:#e9e5dc}body>header nav a:hover{color:#d7b365}
body>header .bag{background:#ffffff08;color:#fff;border-color:#ffffff30}body>header .bag:hover{background:#ffffff14}
body>header .brand-image:focus{outline:none}body>header .brand-image:focus-visible{outline:2px solid #d7b365;outline-offset:5px;border-radius:3px}
.store-intro .brand-image,footer .brand-image{width:200px;height:85px}.store-intro .brand-image img,footer .brand-image img{position:static;width:100%;height:100%;object-fit:contain;filter:none}
.lime:hover{background:#c5a050}.intro-pending .store-intro{background:#161512}
/* Full logo replaces the oversized word, retaining the previous opening layout. */
.logo-hero{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;height:clamp(360px,35vw,540px);padding:65px 8% 80px;background:#eeede7;border-bottom:1px solid #dad7cc}
.logo-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#ffffffaa,transparent 68%)}
.logo-hero-top,.logo-hero-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px}.logo-hero-top{top:30px;font-size:9px;letter-spacing:1.8px;color:#77766d}.logo-hero-top span:last-child{color:#9c7935}
.logo-hero-bottom{bottom:28px;align-items:end}.logo-hero-bottom p{margin:0;font-size:11px;letter-spacing:.7px;color:#817e72}.logo-hero-bottom a{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600;border-bottom:1px solid #aa8d54;padding-bottom:9px}.logo-hero-bottom a span{font-size:20px}
.logo-reveal{position:relative;display:block;width:min(850px,76vw);aspect-ratio:1916/821;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;--reveal-x:50%;--reveal-y:50%;--reveal-opacity:0}
.logo-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.logo-neutral{filter:brightness(0) saturate(100%);opacity:.23}.logo-original{opacity:var(--reveal-opacity);mask-image:radial-gradient(ellipse 230px 180px at var(--reveal-x) var(--reveal-y),#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 230px 180px at var(--reveal-x) var(--reveal-y),#000 30%,transparent 100%);transition:opacity .45s ease;filter:drop-shadow(0 1px 2px #58472530)}
.logo-reveal.is-original .logo-original,.logo-reveal:focus-visible .logo-original{opacity:1;mask-image:none;-webkit-mask-image:none}.logo-reveal:focus-visible{outline:2px solid #aa8d54;outline-offset:12px;border-radius:5px}
.hero-photo .hero-slides img{object-fit:contain;object-position:center}.hero-photo:after{pointer-events:none}.hero-photo .photo-label{z-index:3}
@media(max-width:750px){body>header .brand-image{width:144px;height:56px}body>header .cart-badge{border-color:#161512}.logo-hero{height:340px;padding:60px 5% 75px}.logo-reveal{width:90vw}.logo-hero-top{font-size:7px;letter-spacing:1px}.logo-hero-top span:last-child{max-width:130px;text-align:right;line-height:1.6}.logo-hero-bottom p{font-size:10px;max-width:105px;line-height:1.6}.logo-hero-bottom a{font-size:11px;gap:12px}.hero-photo .photo-label strong{font-size:16px}}
@media(hover:none){.logo-original{opacity:1;mask-image:none;-webkit-mask-image:none}.logo-neutral{opacity:0}}
@media(prefers-reduced-motion:reduce){.logo-original{transition:none}}

/* Strux: prueba de fondo negro y logos originales. */
body>header,body>header.scrolled{background:#111111}
.logo-hero{background:#080808;border-bottom-color:#ffffff18}
.logo-hero:before{background:none}
.logo-hero-top{color:#d8d5cd}
.logo-hero-top span:last-child{color:#d7b365}
.logo-hero-bottom p{color:#d8d5cd}
.logo-hero-bottom a{color:#f2efe8;border-bottom-color:#d7b365}
.logo-neutral{opacity:0}
.logo-reveal .logo-original{opacity:1;mask-image:none;-webkit-mask-image:none;filter:none}

/* Colección visible justo después de una presentación compacta. */
.logo-hero{height:clamp(230px,22vw,300px);padding:48px 8% 60px}
.logo-reveal{width:min(580px,60vw)}
.logo-hero-top{top:18px}.logo-hero-bottom{bottom:18px}
#catalogo{padding-top:28px}
#catalogo .eyebrow{margin-bottom:12px}
#catalogo .toolbar{margin-top:18px}
@media(max-width:750px){.logo-hero{height:220px;padding:45px 5% 60px}.logo-reveal{width:min(400px,80vw)}#catalogo{padding-top:24px}}

/* Colección compacta: tarjetas horizontales y continuidad con la marca. */
.logo-hero{height:clamp(300px,24vw,350px);padding:45px 8% 55px;border-bottom:0}
.logo-reveal{width:min(700px,68vw)}
#catalogo{background:#080808;color:#f2efe8;padding:20px 5% 48px}
#catalogo .section-head,#catalogo .toolbar,#catalogo .grid,#catalogo .catalog-kinds{max-width:1200px;margin-left:auto;margin-right:auto}
#catalogo #brandFilters{display:none}
.ticker{display:block;overflow:hidden;background:#111111;color:#f2efe8;padding:0;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:strux-ticker 32s linear infinite}
.ticker-group{display:flex;align-items:center;gap:28px;padding:14px 14px 14px 0}
.ticker-group span{font-size:12px;letter-spacing:2px}
.ticker-group b{color:#d7b365;font-size:16px;font-weight:400}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes strux-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
#catalogo .catalog-kinds{margin-top:18px;margin-bottom:2px}
#catalogo .section-head{align-items:end}
#catalogo .eyebrow{color:#d7b365;font-size:10px;letter-spacing:2px;margin-bottom:8px}
#catalogo .section-head h2{font-size:clamp(30px,3vw,42px);margin:0;line-height:1.1;letter-spacing:-.5px}
#catalogo .section-head>p{color:#aaa79f}
#catalogo .toolbar{margin-top:16px;margin-bottom:18px;padding-bottom:14px;border-color:#ffffff18}
#catalogo .filters button{background:transparent;color:#d8d5cd;border-color:#ffffff25;padding:8px 16px;font-size:12px}
#catalogo .filters button.active{background:#d7b365;color:#111111;border-color:#d7b365}
#catalogo .search{color:#d8d5cd;font-size:12px}
#catalogo .search input{background:transparent;color:#f2efe8;border-color:#ffffff35;font-size:12px}
#catalogo .search input::placeholder{color:#aaa79f}
#catalogo .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#catalogo .card{display:grid;grid-template-columns:42% minmax(0,1fr);background:#141414;color:#f2efe8;border:1px solid #ffffff16;border-radius:8px;text-align:left;padding:0;overflow:hidden}
#catalogo .card:hover{border-color:#d7b36580;box-shadow:0 10px 30px #0005;transform:translateY(-3px)}
#catalogo .product-image{height:220px;aspect-ratio:auto;border-radius:0;background:#1a1a1a;overflow:hidden}
#catalogo .product-image img{width:100%;height:100%;object-fit:contain;object-position:center}
#catalogo .tag{display:none}
#catalogo .card .product-info{padding:24px 22px;display:flex;flex-direction:column;justify-content:center;align-items:start;min-width:0}
#catalogo .product-info small{color:#d7b365;letter-spacing:1.5px;font-size:10px}
#catalogo .card h3{font-size:18px;line-height:1.25;margin:10px 0 8px}
#catalogo .product-info p{color:#aaa79f;font-size:12px;margin:0 0 16px}
#catalogo .price{color:#f2efe8;font-size:18px}
#catalogo .product-action{position:static;color:#d7b365;font-size:11px;margin-top:14px;border-bottom:1px solid #d7b36560;padding-bottom:4px}
@media(max-width:750px){
 .logo-hero{height:250px;padding:40px 5% 55px}.logo-reveal{width:min(470px,86vw)}
 #catalogo{padding:16px 5% 32px}#catalogo .grid{grid-template-columns:1fr;gap:12px}
 #catalogo .product-image{height:180px}#catalogo .card .product-info{padding:16px}
 #catalogo .card h3{font-size:16px}#catalogo .toolbar{gap:12px}
}

/* Catálogo escalable y continuidad oscura con la campaña. */
#catalogo .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#catalogo .card{display:flex;flex-direction:column;background:#121212;border-color:#ffffff12;border-radius:6px}
#catalogo .product-image{width:100%;height:200px;flex:none;background:#191919}
#catalogo .product-image img{object-fit:contain}
#catalogo .card .product-info{padding:16px;flex:1;justify-content:start;align-items:start;position:relative}
#catalogo .card h3{font-size:15px;margin:7px 0;line-height:1.35}
#catalogo .product-info p{font-size:11px;margin-bottom:12px}
#catalogo .price{font-size:16px;margin-top:auto}
#catalogo .product-action{margin-top:10px}
#catalogo .tag{display:block;background:#111d;color:#e7cf97;font-size:8px;padding:6px 8px;left:10px;top:10px;border:1px solid #ffffff20}
.catalog-more{display:block;margin:26px auto 0;padding:12px 26px;color:#e7cf97;background:transparent;border:1px solid #d7b36560;border-radius:30px;font-size:12px}
.catalog-more[hidden]{display:none}.catalog-more:hover{background:#d7b36514;border-color:#d7b365}
main>.hero{background:#111111;color:#f2efe8;min-height:440px;border-top:1px solid #ffffff12}
main>.hero .hero-copy{padding:46px 10% 26px}
main>.hero .hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.02;color:#f2efe8}
main>.hero .hero-copy .eyebrow{color:#d7b365}
main>.hero .hero-copy>p:not(.eyebrow){color:#bab7af}
main>.hero .hero-note{color:#aaa79f;margin-top:36px}
main>.hero .hero-copy .button{background:transparent;color:#e7cf97;border:1px solid #d7b36570}
main>.hero .hero-photo{background:#111111}
@media(max-width:1000px){#catalogo .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){#catalogo .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#catalogo .product-image{height:170px}#catalogo .card .product-info{padding:12px}#catalogo .card h3{font-size:14px}#catalogo .tag{font-size:7px;padding:5px;left:6px;top:6px}main>.hero .hero-copy{padding:32px 5%}main>.hero .hero-copy h1{font-size:48px}}
