:root{font-family:"DM Sans",Arial,sans-serif;color:#211a1d;background:#fbf8f5;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.topline{background:#21191e;color:#f6dfc7;text-align:center;padding:9px 12px;font-size:.7rem;font-weight:700;letter-spacing:.15em}.topline span{color:#d7a477;margin:0 1.2em}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:#fff}.brand{font-family:Georgia,serif;font-size:1.65rem;font-weight:700;letter-spacing:.13em;line-height:1}.brand span{display:block;font:600 .52rem "DM Sans",sans-serif;letter-spacing:.34em;text-align:center;margin-top:6px}.header-action{border-bottom:1px solid #b47854;font-size:.85rem;font-weight:700;padding:8px 0}.header-action span{color:#ad714d;margin-left:9px}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;background:#efe5df;overflow:hidden}.hero-copy{padding:clamp(50px,8vw,110px) clamp(24px,6vw,95px);position:relative;z-index:1;align-self:center}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.24em;color:#9d6749;margin:0 0 18px}.hero h1,.catalog h2,.closing h2,dialog h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.045em}.hero h1{font-size:clamp(3.2rem,6.2vw,6.4rem);max-width:760px;margin:0 0 24px}.hero h1 em{color:#9f5f4b;font-weight:500}.hero-lead{max-width:520px;font-size:1.06rem;line-height:1.65;color:#5f5050;margin:0 0 28px}.hero-lead strong{color:#2a1d1c}.price-panel{display:flex;align-items:baseline;gap:18px;margin-bottom:23px;flex-wrap:wrap}.price-panel>span{font-size:.7rem;font-weight:700;letter-spacing:.17em}.price-panel strong{font-size:2.45rem;color:#a45d3c}.price-panel small{font-size:.75rem;letter-spacing:.1em}.primary-button{border:0;background:#22181d;color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:55px;padding:0 26px;font-size:.88rem;font-weight:700;letter-spacing:.04em}.primary-button:hover,.pack-bar button:not(:disabled):hover{background:#9c5e44}.hero-note{font-size:.78rem;color:#806b69;margin:15px 0 0}.hero-visual{position:relative;background:radial-gradient(circle at 45% 48%,#f5ece5 0,#d6b6a9 60%,#a37365 100%);display:flex;align-items:center;justify-content:center;min-height:530px}.hero-visual:after{content:"";position:absolute;bottom:9%;width:65%;height:8%;background:#6b3c39;filter:blur(33px);opacity:.35;border-radius:50%}.hero-visual img{display:block;max-width:min(85%,580px);height:min(75vh,600px);object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:1;filter:drop-shadow(20px 25px 18px #67473c44)}.orb{position:absolute;border:1px solid #f8eeeaaa;border-radius:50%;width:85%;aspect-ratio:1}.hero-stamp{position:absolute;z-index:2;right:7%;bottom:9%;width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#301d23;font-size:.69rem;letter-spacing:.1em;transform:rotate(9deg)}.hero-stamp strong{font-size:.85rem;line-height:1.2;margin-top:6px}.promo-strip{background:#a86449;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px clamp(22px,6vw,95px)}.promo-strip span{font-size:.68rem;letter-spacing:.18em;font-weight:700}.promo-strip strong{font-family:"Playfair Display",Georgia,serif;font-weight:500;font-size:1.5rem}.catalog{padding:95px clamp(20px,5vw,80px) 120px;max-width:1600px;margin:auto}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.catalog h2,.closing h2{font-size:clamp(2.7rem,4vw,4.4rem);margin:0}.section-intro>p{max-width:420px;color:#766b68;line-height:1.6;margin:0}.controls{background:#fff;border:1px solid #e8ddd5;padding:25px;margin-bottom:26px}.search{height:52px;border:1px solid #d9cbc2;display:flex;align-items:center;gap:12px;padding:0 16px;margin-bottom:18px}.search span{font-size:1.8rem;line-height:1;color:#a96c50}.search input{border:0;outline:0;width:100%;background:transparent;color:#231b1e}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.chip,.occasion{border:1px solid #e1d5cf;background:#fff;padding:9px 16px;font-size:.84rem;color:#5b4e4d}.chip.active,.occasion.active{background:#25191d;color:#fff;border-color:#25191d}.sortline{border-top:1px solid #eee8e4;margin-top:21px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#82726d;font-size:.76rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e9dfd9;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #3c1d1d16}.card-media{height:240px;background:linear-gradient(145deg,#f6eeea,#e4cac0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card[data-group="Hombre"] .card-media{background:linear-gradient(145deg,#e7e9e8,#b8c4c3)}.card[data-group="Unisex"] .card-media{background:linear-gradient(145deg,#ede5de,#d0bdad)}.card-media img{height:94%;max-width:90%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(8px 10px 9px #46302d2e)}.card-tag{position:absolute;top:13px;left:13px;background:#ffffffde;padding:5px 9px;font-size:.66rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.card-body{padding:19px;display:flex;flex-direction:column;flex:1}.card-kicker{font-size:.66rem;color:#ae7357;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.card h3{font-family:"Playfair Display",Georgia,serif;font-size:1.4rem;line-height:1.15;font-weight:600;margin:0 0 9px}.inspired{font-size:.84rem;color:#6e6360;line-height:1.45;margin:0 0 18px}.inspired strong{color:#281e21}.select-button{margin-top:auto;border:1px solid #25191d;background:#fff;color:#25191d;min-height:43px;font-size:.8rem;font-weight:700}.select-button:hover,.select-button.selected{background:#25191d;color:#fff}.select-button:disabled{opacity:.45;cursor:not-allowed}.empty{padding:50px;text-align:center;color:#756767}.closing{background:#261a20;color:#fff;padding:100px 22px;text-align:center}.closing h2{max-width:680px;margin:0 auto 18px}.closing>p:not(.eyebrow){color:#d8c9c8;max-width:480px;line-height:1.6;margin:0 auto 25px}.outline-button{background:transparent;border:1px solid #cda17e;color:#ffe9d7;padding:16px 24px;font-weight:700}.outline-button:hover{background:#ac6b50;color:#fff}.pack-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -9px 30px #23161922;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,5vw,80px)}.pack-bar>div:first-child{min-width:150px}.pack-kicker{display:block;color:#a56a4d;font-size:.62rem;font-weight:700;letter-spacing:.17em;margin-bottom:3px}.pack-bar strong{font-size:1rem}.pack-dots{display:flex;gap:8px}.pack-dots i{width:13px;height:13px;border-radius:50%;border:1px solid #cdbeb9;background:#fff}.pack-dots i.filled{background:#aa6449;border-color:#aa6449}.pack-bar button{min-height:46px;background:#241a1e;color:#fff;border:0;padding:0 22px;font-weight:700;font-size:.82rem}.pack-bar button:disabled{background:#bcb3b0;cursor:not-allowed}dialog{border:0;box-shadow:0 30px 90px #160e1466;padding:36px;width:min(500px,calc(100% - 32px));color:#241a1e}dialog::backdrop{background:#21151b99}dialog h2{font-size:2.6rem;margin:0 0 25px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:2rem}dialog ol{padding-left:23px;line-height:1.8}dialog li{padding-left:5px}.dialog-note{font-size:.84rem;line-height:1.5;color:#766863;margin:20px 0}dialog .primary-button{width:100%}.text-button{border:0;background:transparent;color:#76594b;text-decoration:underline;display:block;margin:18px auto 0}footer{display:flex;justify-content:space-between;gap:20px;padding:35px clamp(20px,5vw,80px) 110px;background:#1c1519;color:#fff;font-family:Georgia,serif;letter-spacing:.12em}footer span,footer a{font-family:"DM Sans",sans-serif;font-size:.78rem;letter-spacing:0;color:#ddc9bf}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:clamp(3rem,6vw,5rem)}}@media(max-width:760px){.site-header{height:68px}.brand{font-size:1.25rem}.header-action{font-size:.75rem}.hero{grid-template-columns:1fr}.hero-copy{padding:54px 24px 42px}.hero h1{font-size:clamp(3.2rem,11vw,5rem)}.hero-visual{min-height:360px}.hero-visual img{height:360px}.hero-stamp{width:94px;height:94px;font-size:.52rem}.hero-stamp strong{font-size:.65rem}.promo-strip{justify-content:center;text-align:center}.promo-strip span{display:none}.catalog{padding:70px 16px 90px}.section-intro{display:block}.section-intro>p{margin-top:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-media{height:190px}.card-body{padding:13px}.card h3{font-size:1.17rem}.inspired{font-size:.77rem}.card-tag{font-size:.58rem}.sortline{display:block}.sortline span{display:block}.sortline span+span{margin-top:5px}.pack-dots{display:none}.pack-bar{gap:10px}.pack-bar button{padding:0 13px}.closing{padding:80px 20px}footer{display:block}footer span,footer a{display:block;margin-top:12px}}@media(max-width:400px){.product-grid{grid-template-columns:1fr 1fr}.card-media{height:165px}.card h3{font-size:1.05rem}.card-body{padding:11px}.pack-bar strong{font-size:.85rem}.pack-bar button{font-size:.73rem}.topline{font-size:.57rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* Motion and social proof */
.topline,.promo-strip{overflow:hidden;white-space:nowrap;padding:0;display:block}
.topline{height:35px}.promo-strip{height:55px}
.ticker-track,.promo-track{display:flex;width:max-content;align-items:center;height:100%;animation:marquee 26s linear infinite}
.promo-track{animation-duration:23s}
.ticker-track span,.promo-track span{flex:none;display:block;color:inherit;margin:0;padding:0 28px;letter-spacing:.15em;font-weight:700}
.ticker-track span{font-size:.72rem}.promo-track span{font-size:.82rem}
.ticker-track b,.promo-track b{color:#e9bd94;font-weight:400;margin:0 24px}
.topline:hover .ticker-track,.promo-strip:hover .promo-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.social-proof{background:#fff;display:flex;justify-content:center;align-items:center;gap:60px;padding:42px 24px;border-bottom:1px solid #eadfd9}
.social-proof>div{display:flex;align-items:baseline;gap:14px}.social-proof strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:500;color:#a86449;line-height:1}.social-proof span{font-size:.91rem;max-width:155px;font-weight:700;line-height:1.3}.social-proof p{border-left:1px solid #ddcbc1;padding-left:30px;color:#685955;max-width:290px;line-height:1.5;margin:0}
.card-media{background:#f7f5f3!important}.card-media img{width:100%;height:100%;max-width:none;object-fit:cover;mix-blend-mode:normal;filter:none}
.card-media{isolation:isolate;background:#f1f0ed!important}
.card-media::before{content:"";position:absolute;left:11%;right:11%;bottom:-18%;height:30%;border-radius:50%;background:linear-gradient(175deg,#fff 0%,#dededc 27%,#b9bab9 51%,#eeeeec 75%,#a8a9a8 100%);box-shadow:0 7px 18px #413d3729;z-index:0}
.card-media .inspiration-photo,.card-media .bungeroth-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;z-index:1;mask-image:radial-gradient(ellipse 43% 76% at 50% 47%,#000 67%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 85%,transparent 99%);mask-composite:intersect}
.card-media .inspiration-photo{clip-path:inset(0 0 0 50%);filter:brightness(1.22) contrast(1.08);transform:scale(1.12);transform-origin:center top}
.card-media .bungeroth-photo{clip-path:inset(0 50% 0 0);filter:brightness(1.07)}
.card-media .card-tag{z-index:2}
@media(max-width:760px){.promo-strip span{display:block}.social-proof{display:block;text-align:center;padding:35px 20px}.social-proof>div{justify-content:center}.social-proof p{border:0;padding:0;margin:15px auto 0}.ticker-track span{font-size:.65rem}.promo-track span{font-size:.72rem}.ticker-track b,.promo-track b{margin:0 14px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.promo-track{animation:none}.topline,.promo-strip{white-space:normal;height:auto;padding:10px 12px}.ticker-track,.promo-track{width:auto;justify-content:center}.ticker-track span:nth-child(2),.promo-track span:nth-child(2){display:none}}

/* Bungeroth store palette: black, warm gold, white and kraft packaging. */
:root{color:#181818;background:#f8f7f4}
.topline{background:#baa16b;color:#111}
.topline b{color:#44351d}
.site-header{background:#0b0b0b;color:#f5f0e7;border-bottom:1px solid #766343}
.brand{color:#cbb386}.brand span{color:#b7a58b}
.header-action{border-color:#baa16b;color:#f5f0e7}.header-action span{color:#d6ba82}
.hero{background:#0b0b0b;color:#f7f4ee;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:650px}
.hero-copy{padding-top:30px;padding-bottom:42px}
.hero .eyebrow,.eyebrow{color:#a88750}
.hero h1 em{color:#c5a66f}
.hero h1{font-size:clamp(3.2rem,5.15vw,5.25rem);margin-bottom:12px}
.hero-lead{color:#d1cbc2}.hero-lead strong{color:#fff}
.hero-lead{margin-bottom:16px}
.price-panel>span{color:#d9d0bf}.price-panel strong{color:#d5b77d}
.price-panel{margin-bottom:13px}
.primary-button{background:#baa16b;color:#0b0b0b}
.primary-button:hover,.pack-bar button:not(:disabled):hover{background:#e4ce99;color:#0b0b0b}
.hero-note{color:#b6afa5}
.hero-visual{background:#0b0b0b;min-height:600px;padding:60px 0 20px;align-items:flex-start}
.hero-visual::after{display:none}
.pack-photo{position:relative;width:min(100%,820px);aspect-ratio:1.5;overflow:hidden;background:#0b0b0b;border-top:1px solid #80683e;border-bottom:1px solid #80683e;box-shadow:0 24px 55px #0008}
.pack-photo img{position:absolute;display:block;top:-18.75%;left:0;width:100%;height:auto;max-width:none;object-fit:initial;mix-blend-mode:normal;filter:none}
.pack-photo::before,.pack-photo::after{content:"";position:absolute;left:0;right:0;z-index:3;pointer-events:none}
.pack-photo::before{top:0;height:8%;background:linear-gradient(#0b0b0b,transparent)}
.pack-photo::after{bottom:0;height:5%;background:linear-gradient(transparent,#0b0b0b)}
.pack-photo::before{height:14%;background:#0b0b0b}
.promo-strip{background:#1b1813;color:#e6d5ad;border-top:1px solid #564629;border-bottom:1px solid #564629}
.promo-track b{color:#baa16b}
.social-proof{background:#fff;border-bottom-color:#e5dece}.social-proof strong{color:#a88750}.social-proof p{border-color:#c9b991;color:#4f4a42}
.catalog{color:#181818}.catalog .eyebrow{color:#a88750}
.section-intro>p{color:#5b5650}
.controls{border-color:#e1dacd}.search{border-color:#c9bdab}.search span{color:#a88750}.search input{color:#181818}
.chip,.occasion{border-color:#d4cbbd;color:#37332d}.chip.active,.occasion.active{background:#151515;border-color:#151515;color:#f9f5ed}
.sortline{border-color:#e7e0d5;color:#6c6358}
.card{border-color:#e3dbcf}.card:hover{box-shadow:0 15px 28px #00000012}
.card-kicker{color:#9d7740}.card h3,.inspired strong{color:#181818}.inspired{color:#58534d}
.select-button{border-color:#171717;color:#171717}.select-button:hover,.select-button.selected{background:#171717;color:#fff}
.card-tag{color:#171717;background:#fffefaeb}
.closing{background:#0b0b0b}.closing>p:not(.eyebrow){color:#d0c6b7}.outline-button{border-color:#baa16b;color:#f6e8c9}.outline-button:hover{background:#baa16b;color:#0b0b0b}
.pack-bar{background:#0b0b0b;color:#f7f4ee;border-top:1px solid #8c7449;box-shadow:0 -9px 30px #0003}
.pack-kicker{color:#c3a56f}.pack-dots i{border-color:#907954;background:#0b0b0b}.pack-dots i.filled{background:#baa16b;border-color:#baa16b}
.pack-bar button{background:#baa16b;color:#0b0b0b}.pack-bar button:disabled{background:#5d5850;color:#e8e2d7}
dialog{color:#181818}dialog::backdrop{background:#080808bf}.text-button{color:#866c43}
footer{background:#080808;color:#d3b981}footer span,footer a{color:#d8d2c9}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-visual{order:-1;min-height:0;padding:0}.pack-photo{width:100%;border-left:0;border-right:0}.hero-copy{padding:35px 24px 42px}.hero h1{font-size:clamp(3rem,11vw,5rem)}}

/* Clear, animated calls to action throughout the pack journey. */
@media(min-width:761px){.hero-copy{transform:translateY(-34px)}}
.hero-cta,.pack-bar button.pack-action,.whatsapp-cta{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,filter .25s ease,background-color .25s ease}
.hero-cta>span,.pack-action>span,.whatsapp-cta>span{position:relative;z-index:1}
.hero-cta::before,.pack-action::before,.whatsapp-cta::before{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:skewX(-22deg) translateX(-250%);animation:cta-sheen 5s ease-in-out infinite;pointer-events:none;z-index:0}
.hero-cta{min-height:68px;min-width:254px;padding:0 28px;background:linear-gradient(115deg,#f2d896,#b99a5b,#ecd28d);border:1px solid #f3dfad;font-size:1.04rem;font-weight:700;box-shadow:0 0 0 1px #b99a5b55,0 10px 26px #bd9c5d45;animation:gold-breathe 3.2s ease-in-out infinite}
.hero-cta:hover,.pack-bar button.pack-action:hover,.whatsapp-cta:hover{transform:translateY(-3px);filter:brightness(1.08)}
.hero-cta:active,.pack-bar button.pack-action:active,.whatsapp-cta:active{transform:translateY(0) scale(.98)}
.cta-arrow{display:inline-block;font-size:1.25em;line-height:1;transition:transform .25s ease}
.hero-cta:hover .cta-arrow,.pack-action:hover .cta-arrow,.whatsapp-cta:hover .cta-arrow{transform:translate(3px,-3px)}
.pack-bar button.pack-action{min-height:65px;min-width:252px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:7px 22px;background:linear-gradient(110deg,#f1d48e,#b99b5d,#f0d18a);color:#12100d;border:1px solid #f2d898;box-shadow:0 0 0 1px #d0ad6a55,0 6px 20px #bd9c5d40;text-align:left;animation:gold-breathe 3.2s ease-in-out infinite}
.pack-bar button.pack-action:hover{background:linear-gradient(110deg,#f9e3aa,#d1b370,#f8dc9d);color:#12100d}
.action-eyebrow{display:block;font-size:.64rem;font-weight:800;letter-spacing:.15em;line-height:1.2}
.action-title{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;font-size:1rem;font-weight:800;line-height:1.2;white-space:nowrap}
.pack-bar button.pack-action.is-complete{background:linear-gradient(110deg,#ffe7a1,#e5b855,#fff0b7);border-color:#ffedae;animation:complete-glow 2.3s ease-in-out infinite}
.pack-bar button.pack-action.is-complete:hover{background:linear-gradient(110deg,#fff0bd,#eeca70,#fff5c9)}
.pack-bar button.pack-action.just-updated{animation:selection-pop .48s cubic-bezier(.2,1.4,.4,1) both}
.whatsapp-cta{min-height:64px;background:#167d48;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 8px 24px #167d4855;animation:whatsapp-glow 3s ease-in-out infinite}
.whatsapp-cta:hover{background:#116f3f;color:#fff}
.hero-cta:focus-visible,.pack-action:focus-visible,.whatsapp-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes cta-sheen{0%,62%{transform:skewX(-22deg) translateX(-250%)}85%,100%{transform:skewX(-22deg) translateX(420%)}}
@keyframes gold-breathe{0%,100%{box-shadow:0 0 0 1px #d7ba7b66,0 8px 22px #bd9c5d33}50%{box-shadow:0 0 0 4px #e7c98255,0 11px 30px #dbb87077}}
@keyframes complete-glow{0%,100%{box-shadow:0 0 0 1px #ffe9ab99,0 8px 24px #eac46444}50%{box-shadow:0 0 0 5px #ffe5a68c,0 12px 32px #e9bb63aa}}
@keyframes whatsapp-glow{0%,100%{box-shadow:0 8px 24px #167d4855}50%{box-shadow:0 0 0 4px #26aa6840,0 12px 28px #167d4877}}
@keyframes selection-pop{0%{transform:scale(.94)}65%{transform:scale(1.045)}100%{transform:scale(1)}}
@media(max-width:760px){.pack-bar{padding-top:9px;padding-bottom:9px}.pack-bar>div:first-child{min-width:0;flex:1}.pack-bar button.pack-action{min-width:0;width:min(48vw,235px);min-height:59px;padding:7px 11px}.action-eyebrow{font-size:.57rem}.action-title{font-size:.83rem;gap:4px}.hero-cta{min-height:64px;min-width:240px}}
@media(max-width:400px){.pack-bar button.pack-action{width:47vw}.action-title{font-size:.77rem}.pack-bar strong{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.hero-cta,.pack-bar button.pack-action,.pack-bar button.pack-action.is-complete,.pack-bar button.pack-action.just-updated,.whatsapp-cta,.hero-cta::before,.pack-action::before,.whatsapp-cta::before{animation:none!important;transition:none!important}}

/* Architectural Bungeroth: layered clay, stone, walnut, brass and garden shadows. */
:root{
  --ink:#171614;
  --oxblood:#5c2028;
  --oxblood-deep:#39171d;
  --clay:#a2533b;
  --terracotta:#bd6b49;
  --olive:#26352c;
  --olive-deep:#15231d;
  --walnut:#583727;
  --brass:#b8945d;
  --sand:#d5c4ad;
  --plaster:#eee6da;
  --cream:#f8f4ed;
  color:var(--ink);
  background:var(--plaster)
}
body{
  background-color:var(--plaster);
  background-image:radial-gradient(circle at 14% 5%,#fff9 0 10%,transparent 31%),radial-gradient(circle at 88% 22%,#7d3f2c14 0 12%,transparent 34%),repeating-linear-gradient(112deg,#4b332608 0 1px,transparent 1px 11px)
}
.topline{background:var(--oxblood);color:#f7e9d5;border-bottom:1px solid #c7956d66}
.topline b,.ticker-track b{color:#e5bb82}
.site-header{height:82px;background:#141714;color:#f5ecdf;border-bottom:1px solid #8e724b;box-shadow:0 8px 26px #0003;position:relative;z-index:4}
.brand{color:#e0c08d}.brand span{color:#bda98f}
.header-action{border-color:#b8945d;color:#f7efe3}.header-action span{color:#d5aa71}
.hero{grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);min-height:670px;background:var(--oxblood-deep);color:#f9f1e6;position:relative}
.hero-copy{
  background-color:#d8d0c4;
  background-image:linear-gradient(108deg,#f5f1e9e8 0 22%,transparent 58%),radial-gradient(ellipse at 18% 23%,#fff9 0 6%,transparent 27%),radial-gradient(ellipse at 88% 76%,#736c6140 0 3%,transparent 31%),repeating-linear-gradient(171deg,#554f4712 0 1px,transparent 1px 10px);
  border-right:1px solid #a99372;
  box-shadow:inset 0 0 90px #71695d24;
  padding-left:clamp(30px,6vw,94px);
  padding-right:clamp(28px,5vw,80px)
}
@media(min-width:761px){.hero-copy{transform:translateY(-58px)}}
.hero-copy::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(126deg,transparent 0 34%,#6d655a12 34.2% 34.45%,transparent 34.7% 66%,#fff8 66.2% 66.35%,transparent 66.6%);mix-blend-mode:multiply}
.hero-copy::after{content:"";position:absolute;right:-1px;top:12%;bottom:12%;width:7px;background:linear-gradient(#7a5831,#d9b071,#6e4b29);box-shadow:0 0 25px #6e5b3e33}
.hero-copy>*{position:relative;z-index:1}
.hero .eyebrow{color:#744239}.hero h1{color:#24211e;font-size:clamp(3.15rem,5vw,5.2rem)}.hero h1 em{color:#78382f}
.hero-lead{color:#45413b}.hero-lead strong{color:#211e1b}.price-panel>span{color:#5e554b}.price-panel strong{color:#7b3e32}.hero-note{color:#5e564e}
.hero-visual{background:var(--ink);min-height:670px;padding:0;align-items:stretch;position:relative}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 22px 0 38px #16080b66,inset 0 -18px 45px #0006}
.pack-photo{width:100%;height:100%;min-height:670px;aspect-ratio:auto;background:#492126;border:0;box-shadow:none}
.pack-photo img{position:absolute;inset:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;filter:none;mix-blend-mode:normal}
.pack-photo::before{display:none}.pack-photo::after{height:100%;background:linear-gradient(90deg,#3a171a55 0,transparent 18%,transparent 78%,#1112);z-index:2}
.promo-strip{height:58px;background-color:var(--clay);background-image:linear-gradient(90deg,#7b312b33,transparent 35%,#4e241f22),repeating-linear-gradient(105deg,#fff0 0 6px,#f3b9860d 7px 8px);color:#fff5e8;border-color:#e1ad7c55}
.promo-track b{color:#f0c28b}
.social-proof{
  background-color:var(--olive);
  background-image:linear-gradient(90deg,#09130f66,transparent 35%,#6f7e6724),repeating-linear-gradient(90deg,#15251d 0 2px,#283a2f 2px 10px,#314437 10px 11px);
  color:#f7efe4;border:0;padding:52px 24px;box-shadow:inset 0 1px #c3a26f66,inset 0 -1px #07100c
}
.social-proof strong{color:#e8c28a;text-shadow:0 7px 20px #0005}.social-proof span{color:#fff4e4}.social-proof p{color:#d8d1c5;border-color:#a58d69}
.catalog{max-width:none;position:relative;padding-top:110px;background-color:#e6dbcc;background-image:radial-gradient(circle at 8% 5%,#fff8 0 2%,transparent 24%),radial-gradient(circle at 90% 15%,#a75c3b1c 0 3%,transparent 27%),repeating-linear-gradient(8deg,#5d453108 0 1px,transparent 1px 13px);border-top:12px solid var(--walnut)}
.catalog::before{content:"";position:absolute;top:0;left:clamp(20px,5vw,80px);width:1px;height:70px;background:var(--oxblood)}
.catalog::after{content:"";position:absolute;top:0;left:calc(clamp(20px,5vw,80px) + 7px);width:1px;height:45px;background:var(--brass)}
.catalog .eyebrow,.eyebrow{color:#8b3e32}.catalog h2{color:#261c18}.section-intro>p{color:#56483f;font-size:1rem}
.controls{
  background-color:#f5eee4e8;
  background-image:linear-gradient(104deg,#fff9,transparent 36%),repeating-linear-gradient(92deg,#7f5d3e08 0 1px,transparent 1px 18px);
  border:1px solid #bca98f;box-shadow:0 18px 44px #4c2f2419,inset 0 1px #fff;padding:28px
}
.search{height:58px;background:#fffaf2cc;border-color:#ae9678;box-shadow:inset 4px 0 var(--clay)}.search span{color:var(--oxblood)}.search input{font-size:1rem;color:#201b17}
.chip,.occasion{background:#f8f1e7;border-color:#b8a68e;color:#3f352d;min-height:42px;font-size:.88rem;transition:background .2s,color .2s,transform .2s}
.chip:hover,.occasion:hover{transform:translateY(-2px);border-color:var(--clay)}
.chip.active,.occasion.active{background:var(--oxblood);border-color:var(--oxblood);color:#fff7ed;box-shadow:0 6px 16px #5c20282b}
.sortline{border-color:#c8b8a3;color:#695b50;font-size:.8rem}
.product-grid{gap:22px}
.card{background:#f8f2e9;border:1px solid #c6b49c;box-shadow:0 7px 0 #4e302313,0 18px 40px #412b1e0c;position:relative}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--clay);transform:scaleX(.25);transform-origin:left;transition:transform .3s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 0 #4e302310,0 24px 48px #412b1e26}.card:hover::after{transform:scaleX(1)}
.card-media{background:#d9d2c8!important;border-bottom:1px solid #aa987e}
.card-body{background-color:#f8f2e9;background-image:radial-gradient(circle at 98% 8%,#a85c4312 0 8%,transparent 35%),repeating-linear-gradient(112deg,#513d2e08 0 1px,transparent 1px 15px);padding:22px}
.card-kicker{color:#8f4738;font-size:.7rem}.card h3{color:#261c18;font-weight:600}.inspired{color:#5c5047;font-size:.9rem}.inspired strong{color:#2b211c}
.card-tag{background:#f6eee4e8;color:#3c3029;border:1px solid #a38d72;padding:7px 10px}
.card[data-group="Hombre"] .card-tag{border-color:#66786a;color:#20362a}.card[data-group="Mujer"] .card-tag{border-color:#b5705e;color:#702e2e}.card[data-group="Unisex"] .card-tag{border-color:#9b7d4f;color:#62471e}
.select-button{min-height:48px;background:transparent;border-color:#5c2028;color:#5c2028;font-size:.86rem;transition:background .2s,color .2s,transform .2s}
.select-button:hover,.select-button.selected{background:var(--oxblood);color:#fff8ef}.select-button:active{transform:scale(.98)}
.closing{position:relative;overflow:hidden;background-color:#171914;background-image:radial-gradient(circle at 78% 35%,#7e3a2d44 0 4%,transparent 28%),linear-gradient(115deg,#16271f 0 29%,transparent 29% 72%,#541e2466 72%),repeating-linear-gradient(90deg,#0000 0 18px,#b7966214 19px 20px);border-top:1px solid #b8955d66;border-bottom:1px solid #7e633d;padding:118px 22px}
.closing::before{content:"";position:absolute;inset:0;background:linear-gradient(104deg,transparent 0 46%,#bd8d5e12 46% 47%,transparent 47% 70%,#fff7 70% 70.1%,transparent 70.1%);pointer-events:none}
.closing>*{position:relative;z-index:1}.closing .eyebrow{color:#e2b980}.closing h2{color:#fff8ee}.closing>p:not(.eyebrow){color:#d9d0c3;font-size:1rem}
.outline-button{min-height:58px;border-color:#d0ad76;color:#fff0dc;background:#5c2028;padding:0 28px}.outline-button:hover{background:#a6573e;color:#fff}
.pack-bar{background-color:#151b17;background-image:repeating-linear-gradient(90deg,#111a15 0 2px,#1c2820 2px 11px);border-color:#a88754;color:#fff8ee;box-shadow:0 -14px 40px #1d0d0d4d}
.pack-kicker{color:#d8ae76}.pack-dots i{border-color:#b8925d;background:#17221b}.pack-dots i.filled{background:#c56b4c;border-color:#e1a16f}
.hero-cta,.pack-bar button.pack-action{background:linear-gradient(115deg,#d49262,#b66a47,#e2aa73);border-color:#f0c38f;color:#1d1712;box-shadow:0 0 0 1px #cf9d6755,0 10px 28px #35171555}
.hero-cta:hover,.pack-bar button.pack-action:hover{background:linear-gradient(115deg,#ebb47e,#cb7d56,#efc08d);color:#17110e}
.pack-bar button.pack-action.is-complete{background:linear-gradient(110deg,#d9a36d,#c45f45,#efc28e);border-color:#f3d2a9}
dialog{background-color:#f2e8db;background-image:radial-gradient(circle at 100% 0,#a85b3b22 0 9%,transparent 38%),repeating-linear-gradient(112deg,#5d443308 0 1px,transparent 1px 13px);border:1px solid #9f8364;color:#211a16}
dialog h2{color:#3c1b1f}.dialog-note{color:#64564b}.text-button{color:#774133}
footer{background-color:#191713;background-image:linear-gradient(90deg,#27352c55,transparent 38%,#5c202844),repeating-linear-gradient(90deg,#0000 0 17px,#ad895714 18px 19px);color:#deb982;border-top:1px solid #8b6d45}
footer span,footer a{color:#d8cfc2}
@media(max-width:1050px){.hero{grid-template-columns:minmax(340px,.86fr) minmax(0,1.14fr)}.hero-copy{padding-left:40px;padding-right:34px}.product-grid{gap:16px}}
@media(max-width:760px){
  .site-header{height:70px}.hero{grid-template-columns:1fr}.hero-visual{order:-1;min-height:380px}.pack-photo{min-height:380px}.pack-photo img{object-position:60% center}.hero-copy{padding:48px 24px 55px;border-right:0;border-top:1px solid #a99372}.hero-copy::after{display:none}.hero h1{font-size:clamp(3rem,12vw,4.7rem)}
  .social-proof{padding:42px 20px}.catalog{padding-top:84px}.catalog::before{height:50px}.catalog::after{height:32px}.controls{padding:18px}.product-grid{gap:12px}.card-body{padding:14px}.inspired{font-size:.82rem}.select-button{font-size:.78rem}
  .closing{padding:90px 20px}.pack-bar{background-image:linear-gradient(90deg,#16221b,#1b1815)}
}
@media(max-width:400px){.hero-visual,.pack-photo{min-height:330px}.hero-copy{padding-left:20px;padding-right:20px}.catalog{padding-left:12px;padding-right:12px}.card-body{padding:12px}.card h3{font-size:1.08rem}.card-kicker{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.chip,.occasion,.card,.card::after,.select-button{transition:none}}

/* Softer architectural buttons: burnished metal, clay and botanical green. */
.primary-button,
.hero-cta,
.pack-bar button,
.pack-bar button.pack-action,
.whatsapp-cta,
.outline-button,
.select-button{
  border-radius:9px
}
.chip,.occasion{border-radius:999px}
.search{border-radius:8px}
.hero-cta,
.pack-bar button.pack-action{
  background:linear-gradient(118deg,#c88155 0%,#a95f3f 48%,#dda673 100%);
  border:1px solid #e3b585;
  color:#1c1713;
  box-shadow:0 1px 0 #fff5 inset,0 10px 24px #54302031;
  animation:architectural-breathe 4.4s ease-in-out infinite
}
.hero-cta::before,.pack-action::before,.whatsapp-cta::before{
  width:32%;
  background:linear-gradient(90deg,transparent,#fff7e773,transparent);
  animation-duration:6.8s
}
.hero-cta:hover,.pack-bar button.pack-action:hover{
  background:linear-gradient(118deg,#d79363 0%,#b96e4c 48%,#e9b985 100%);
  color:#17120f;
  box-shadow:0 1px 0 #fff7 inset,0 14px 30px #54302042;
  transform:translateY(-2px)
}
.pack-bar button.pack-action.is-complete{
  background:linear-gradient(118deg,#d8ad72 0%,#b8894e 48%,#edd09b 100%);
  border-color:#f0d19c;
  color:#17130e;
  animation:complete-architectural 3.2s ease-in-out infinite
}
.whatsapp-cta{
  background:linear-gradient(118deg,#315d49,#214837 52%,#47745e);
  border:1px solid #73927e;
  box-shadow:0 1px 0 #ffffff25 inset,0 10px 24px #102d2045;
  animation:botanical-breathe 4.6s ease-in-out infinite
}
.whatsapp-cta:hover{
  background:linear-gradient(118deg,#3e6c57,#28523f 52%,#56816b);
  box-shadow:0 1px 0 #ffffff30 inset,0 14px 30px #102d2052;
  transform:translateY(-2px)
}
.select-button{
  border-color:#7f4438;
  color:#6f392f;
  background:#fffaf3a8;
  box-shadow:0 1px 0 #fff inset
}
.select-button:hover,.select-button.selected{
  background:#6f332d;
  border-color:#6f332d;
  color:#fff8ef;
  box-shadow:0 7px 16px #522a2530
}
.outline-button{
  background:#6f332d;
  border-color:#c79564;
  box-shadow:0 9px 22px #0003
}
.outline-button:hover{background:#8e4938;transform:translateY(-2px)}
@keyframes architectural-breathe{
  0%,100%{box-shadow:0 1px 0 #fff5 inset,0 9px 22px #5430202e}
  50%{box-shadow:0 1px 0 #fff7 inset,0 13px 29px #9f5c3b4a}
}
@keyframes complete-architectural{
  0%,100%{box-shadow:0 1px 0 #fff8 inset,0 9px 24px #7b5a2c3b}
  50%{box-shadow:0 1px 0 #fffb inset,0 14px 32px #b8894e66}
}
@keyframes botanical-breathe{
  0%,100%{box-shadow:0 1px 0 #ffffff25 inset,0 9px 22px #102d2038}
  50%{box-shadow:0 1px 0 #ffffff30 inset,0 13px 29px #315d4959}
}
@media(prefers-reduced-motion:reduce){
  .hero-cta,.pack-bar button.pack-action,.pack-bar button.pack-action.is-complete,.whatsapp-cta{animation:none!important}
}