:root{color-scheme:light;--paper:#f8f7f2;--ink:#242b24;--muted:#5e675e;--line:#dfdfd4;--accent:#35493b;--soft:#edf0e8;--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans)}body.theme-modern{--serif:var(--sans)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.2em}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #416a45;outline-offset:3px}p,figure{margin:0}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:var(--serif);line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,6vw,5rem)}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.13rem;font-weight:650;line-height:1.2}.shell{width:min(100% - 3rem,1270px);margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.82rem}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:absolute;top:.5rem;left:.5rem;z-index:9;padding:.7rem;background:white}.announcement{background:var(--accent);color:#fff;min-height:34px;padding:.45rem .8rem;display:flex;justify-content:center;align-items:center;gap:.65rem;font-size:.72rem;letter-spacing:.08em}.announcement-dot{width:.42rem;height:.42rem;background:#d7b990;border-radius:50%}.divider{width:1px;height:12px;background:#9ea89a}.header{background:#fcfbf7;border-bottom:1px solid var(--line)}.header-main{min-height:78px;display:grid;grid-template-columns:auto minmax(14rem,29rem) auto;justify-content:space-between;gap:1rem;align-items:center}.brand{font:1.66rem/1 var(--serif);letter-spacing:-.045em;display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}.monogram{display:grid;place-items:center;width:2.24rem;height:2.24rem;border-radius:50%;background:var(--accent);color:#fff;font:1.24rem var(--serif);letter-spacing:0}.search{height:42px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;gap:.6rem;padding:0 .85rem;border-radius:7px}.search svg,.bag svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.65;flex:none}.search input{background:none;border:0;width:100%;min-width:0;outline:0}.search:focus-within{outline:2px solid #416a45;outline-offset:2px}.bag{display:flex;align-items:center;gap:.5rem;font-weight:600;justify-self:end}.count{display:grid;place-items:center;border-radius:50%;min-width:1.5rem;height:1.5rem;padding:0 .2rem;background:var(--soft);font-size:.76rem}.nav{display:flex;gap:clamp(1rem,3vw,2.5rem);align-items:center;min-height:46px;font-size:.83rem;white-space:nowrap;overflow:auto;scrollbar-width:thin}.nav-note{margin-left:auto;color:#5b4b39}.hero{margin-top:1.65rem;display:grid;grid-template-columns:.81fr 1.19fr;min-height:480px;background:#eeede4;border-radius:14px;overflow:hidden}.hero-copy{padding:clamp(1.5rem,5.5vw,5.2rem);align-self:center}.eyebrow{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.55rem}.rule{width:1.5rem;height:1px;background:currentColor}.hero h1{margin:.9rem 0 1.15rem}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:29ch;margin-bottom:1.65rem}.hero-media{position:relative;min-width:0;min-height:100%}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media figcaption{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f7f4ebeb;border-radius:4px;font-size:.68rem;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:.55rem 1rem;background:#fff;color:var(--ink);font-size:.83rem;font-weight:650}.button:hover{filter:brightness(.94);text-decoration:none}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.compact{min-height:36px;padding:.35rem .65rem}.wide{width:100%}.section{margin:clamp(2.5rem,5vw,5rem) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.15rem}.section-head h2{margin-top:.3rem}.text-link{color:var(--accent);font-size:.85rem;font-weight:650;display:inline-flex;gap:.35rem;align-items:center;background:none;padding:.2rem 0;border:0;text-decoration:underline;text-underline-offset:.25em}.category-grid,.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.category{border:1px solid var(--line);border-radius:8px;background:#fbfaf6;overflow:hidden}.category img{aspect-ratio:2.25;width:100%;height:auto;object-fit:cover;object-position:center 60%}.category>span{display:flex;justify-content:space-between;gap:.4rem;padding:.65rem .8rem;font-size:.84rem;font-weight:650}.card{min-width:0;border:1px solid var(--line);border-radius:9px;background:#fdfcf8;overflow:hidden}.card-image{display:block;position:relative;background:#ede9df}.card-image img{aspect-ratio:640/440;width:100%;height:auto;object-fit:cover;transition:transform .2s ease}.card-image:hover img{transform:scale(1.025)}.tag{position:absolute;top:.6rem;left:.6rem;padding:.25rem .5rem;border-radius:4px;background:#f9f5eb;font-size:.65rem;letter-spacing:.06em}.card-body{padding:1rem}.card-category{margin-bottom:.4rem}.finish{font-size:.78rem;margin:.4rem 0 .7rem}.card-price{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:38px;font-size:.88rem}.icon-button{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:var(--soft);font-size:1.35rem;line-height:1;color:var(--accent)}.stock-unavailable{font-size:.68rem}.editorial{display:grid;grid-template-columns:1fr 1.55fr;align-items:center;gap:2rem;padding:clamp(1.15rem,4vw,3rem);background:#ece9e0;border-radius:12px}.editorial h2{margin:.45rem 0 .85rem;max-width:15ch}.editorial>div>p:not(.eyebrow){color:var(--muted);max-width:37ch;margin-bottom:.8rem}.editorial-products{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.footer{border-top:1px solid var(--line);background:#eaece3;padding:2rem 0 1rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:1rem}.footer-grid p,.footer-grid>div>a:not(.brand){display:block;margin-top:.45rem;font-size:.83rem;color:var(--muted)}.footer-bottom{font-size:.73rem;border-top:1px solid #d3d7cb;padding-top:.7rem;margin-top:1.25rem;color:var(--muted)}
.breadcrumb{display:flex;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin:1.25rem 0}.page-heading{margin:1rem 0 1.65rem}.page-heading h1{margin:.35rem 0 .5rem}.page-heading>p:last-child{color:var(--muted)}.catalogue-bar{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:.75rem}.pills{display:flex;flex-wrap:wrap;gap:.4rem}.pills a,.pagination a{padding:.45rem .7rem;border:1px solid var(--line);border-radius:5px;font-size:.8rem}.pills .selected,.pagination [aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}.sort{display:flex;gap:.4rem;align-items:center;font-size:.78rem}.sort select, .purchase select, .purchase input,.line-controls input{height:36px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:.25rem .45rem}.catalogue{margin:.7rem 0}.pagination{display:flex;gap:.4rem;margin:1.1rem 0}.detail{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.2rem,5vw,4.5rem);align-items:center}.detail-gallery{border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#f0ebe0}.detail-gallery img{width:100%;height:auto}.detail-gallery figcaption{padding:.6rem .8rem;color:var(--muted);font-size:.76rem}.detail-copy{min-width:0}.detail-copy h1{margin:.5rem 0}.detail-price{font-size:1.6rem;font-weight:650;margin:1rem 0 .3rem}.availability{display:inline-block;background:var(--soft);color:#294333;border-radius:4px;padding:.3rem .5rem;font-size:.77rem;margin:0 0 .85rem}.availability.unavailable{color:#633325;background:#f0e2db}.purchase{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:1.25rem 0}.purchase input{width:4rem}.purchase label{font-size:.83rem}.empty{background:#f1efe6;border:1px solid var(--line);padding:2rem;border-radius:8px;grid-column:1/-1}.empty>*+*{margin-top:.8rem}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(15rem,1fr);gap:1.15rem;align-items:start}.line-list{min-width:0}.line-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:.85rem 0}.line-item img{border-radius:5px;aspect-ratio:4/3;object-fit:cover}.line-item h2{font-family:var(--sans);font-size:1rem;font-weight:650;letter-spacing:0}.line-item p{font-size:.84rem;margin-top:.25rem}.line-list>.text-link{margin-top:.8rem}.line-controls{display:flex;align-items:center;gap:.55rem}.line-controls form{display:flex;gap:.3rem}.line-controls input{width:3.5rem}.summary,.focused{background:#f0efe7;border:1px solid var(--line);border-radius:10px;padding:clamp(1.2rem,3vw,2rem)}.summary h2{font-size:1.7rem}.summary .small,.focused .small{margin-top:.8rem}.totals{margin:.8rem 0 1.15rem}.totals div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.totals div:last-child{font-weight:700;border-bottom:0}.totals dd{margin:0;text-align:right;overflow-wrap:anywhere}.journey{display:flex;gap:1.1rem;flex-wrap:wrap;color:var(--muted);font-size:.82rem;padding:1.2rem 0}.journey strong{color:var(--accent)}.focused{max-width:630px;margin:1.4rem auto 2rem}.focused h1{margin:.55rem 0 .7rem}.focused form,.focused>a.button{margin-top:1rem}.receipt{margin-top:2.5rem}.receipt-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:white;margin-bottom:.8rem;font-size:1.3rem}.pending{background:#f4e6c9;color:#56421c;padding:.18rem .45rem;border-radius:4px}.notice{background:#e9f0e7;color:#243e2d;border:1px solid #c5d6c2;margin-top:1rem;padding:.7rem .9rem;border-radius:6px}.notice.error{background:#f7e9e4;color:#682d23;border-color:#e9c2b8}
@media(max-width:1000px){.hero{min-height:400px}.hero-copy{padding:2.2rem}.header-main{grid-template-columns:auto minmax(10rem,20rem) auto}.line-item{grid-template-columns:72px minmax(0,1fr) auto;gap:.6rem}.line-controls{flex-direction:column;align-items:end}}
@media(max-width:700px){.shell{width:calc(100% - 2rem)}.header-main{grid-template-columns:minmax(0,1fr) auto;padding:.65rem 0;gap:.5rem;min-height:auto}.brand{font-size:1.42rem}.search{grid-row:2;grid-column:1/-1;height:38px}.bag{grid-column:2;grid-row:1}.nav{min-height:40px;gap:1rem;font-size:.76rem}.nav-note{margin:0}.hero{margin-top:1rem;grid-template-columns:1fr;min-height:0}.hero-copy{padding:1.6rem}.hero h1{margin:.55rem 0 .8rem}.hero-copy>p:not(.eyebrow){margin-bottom:1.1rem}.hero-media img{aspect-ratio:1.47;height:auto}.section-head{align-items:start}.section-head>.text-link{flex-shrink:0}.product-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.card-body{padding:.66rem}.card-category{font-size:.61rem}.card-price{font-size:.78rem}.finish{font-size:.73rem}.editorial,.detail,.checkout-layout{grid-template-columns:1fr}.editorial{gap:1rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.catalogue-bar{align-items:start;flex-direction:column}.line-item{grid-template-columns:62px minmax(0,1fr) auto}.line-controls{gap:.3rem}.line-controls input{width:2.8rem}.line-controls .button{padding-inline:.35rem}.detail-copy{padding-bottom:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Stage 058 storefront system */
:root{color-scheme:light}
body{background:#faf7f1;color:#262822}
[hidden]{display:none!important}
.header{position:sticky;top:0;z-index:10;background:#faf7f1;border-bottom:1px solid #dcd4c9}
.hero{background:#ece2d5;border-radius:0;min-width:0}
.hero-copy h1{max-width:12ch}
.hero-media picture{display:block;width:100%;height:100%}
.hero-media picture img{display:block;width:100%;height:100%;object-fit:cover}
.card,.category,.summary,.empty{border-radius:6px}
.card-price del,.detail-copy>del{color:#61594e;font-size:.875rem;display:block}
.card-price>div{min-width:0}
.sort{flex-wrap:wrap}
.sort label{display:flex;align-items:center;gap:.375rem}
.sort input[type=number]{width:7ch;padding:.5rem;border:1px solid #a79c8d;border-radius:4px}
.gallery-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.75rem}
.thumbnail{width:auto;padding:.125rem;min-height:44px}
.thumbnail img{display:block;width:56px;height:auto}
.product-zoom{max-width:min(94vw,1000px);max-height:94dvh;border:0;padding:1rem;background:#faf7f1}
.product-zoom img{display:block;width:100%;max-height:75dvh;object-fit:contain;margin-top:.5rem}
.product-zoom::backdrop,.shop-drawer::backdrop{background:#1b1c18a6}
.purchase{flex-wrap:wrap}
.variant-axis{border:0;padding:0;margin:0;flex-basis:100%;min-width:0}
.variant-axis legend{font-weight:700;margin-bottom:.5rem}
.variant-axis label{display:inline-flex;position:relative;margin:.15rem}
.variant-axis input{position:absolute;opacity:0;width:1px;height:1px}
.variant-axis span{display:grid;place-items:center;min-height:44px;padding:.375rem .75rem;border:1px solid #918677;border-radius:4px;cursor:pointer}
.color-axis span{border-radius:999px;min-width:44px}
.variant-axis input:checked+span{background:var(--accent);color:#fff}
.variant-axis input:disabled+span{opacity:.5;text-decoration:line-through;cursor:not-allowed}
.variant-axis input:focus-visible+span,:focus-visible{outline:2px solid #725138;outline-offset:3px}
.specifications{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}
.specifications dd{margin:0}
.shop-drawer{box-sizing:border-box;inset:0 0 0 auto;margin:0;width:min(100%,29rem);height:100dvh;max-height:none;max-width:none;overflow:auto;border:0;padding:clamp(1rem,4vw,2rem);background:#faf7f1;color:#262822}
body:has(.shop-drawer[open]){overflow:hidden}
.shop-drawer header,.drawer-actions{display:flex;align-items:center;gap:.5rem}
.shop-drawer header{justify-content:space-between;border-bottom:1px solid #d5c9bb;padding-bottom:.75rem}
.shop-drawer h2,.shop-drawer h3,.shop-drawer p{margin:.25rem 0}
.shop-drawer header .icon-button,.drawer-actions .icon-button{min-width:44px;min-height:44px}
.shop-drawer .drawer-status{min-height:1.5em;margin:.75rem 0;color:#51402f}
.drawer-line{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.75rem;padding:.75rem 0;border-bottom:1px solid #d5c9bb}
.drawer-line img{object-fit:cover;border-radius:4px}
.drawer-actions{flex-wrap:wrap}
.drawer-summary{background:var(--secondary);padding:1rem;margin:1rem 0}
.whatsapp{position:fixed;right:1rem;bottom:1rem;z-index:9;background:#124e36;color:#fff;padding:.75rem 1rem;border-radius:999px}
@media(max-width:768px){.hero-copy h1{max-width:16ch}.catalogue-bar .sort{justify-content:flex-start}.header .nav{overflow:auto;scrollbar-width:thin}}
@media(max-width:420px){.hero-copy h1{font-size:clamp(2.2rem,10vw,3.4rem)}.drawer-line{grid-template-columns:72px minmax(0,1fr)}.drawer-line img{width:72px}.card-price{flex-wrap:wrap}}

/* Stage 059. Presets share markup and commercial controls. */
.style-elegante{--surface:#faf7f1;--hero-surface:#ebe0d2;--tile:#fffcf8;--radius:6px;--hero-font:var(--serif)}
.style-moda{--surface:#fffaf9;--hero-surface:#f0e1e4;--tile:#fff;--radius:16px;--hero-font:var(--sans)}
.style-comercial{--surface:#f6faf6;--hero-surface:#e3efe4;--tile:#fff;--radius:14px;--hero-font:var(--sans)}
.style-performance{--surface:#f0f2f5;--hero-surface:#171d27;--tile:#fff;--radius:3px;--hero-font:var(--sans)}
body[class*="style-"],body[class*="style-"] .header,body[class*="style-"] .shop-drawer{background:var(--surface)}
body[class*="style-"] .hero{background:var(--hero-surface);border-radius:var(--radius);overflow:hidden}
body[class*="style-"] :is(.card,.summary,.empty,.shop-block-card){border-radius:var(--radius);background:var(--tile)}
.hero-copy h2{font:500 clamp(2rem,5vw,4.8rem)/1.03 var(--hero-font);letter-spacing:-.045em;max-width:14ch;margin:.5rem 0 1rem;overflow-wrap:anywhere}
.style-moda .hero{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.style-moda .hero-copy h2{font-weight:650;letter-spacing:-.065em}
.style-comercial .hero-copy h2{font-weight:750;letter-spacing:-.035em}
.style-performance .hero-copy{color:#f6f7fa}
.style-performance .hero-copy p{color:#e1e6ef}
.style-performance .hero-copy h2{font-weight:800;letter-spacing:-.055em}
.shop-dark-header .header,.shop-dark-footer .footer{background:#171d27!important;color:#f6f7fa;border-color:#343b47}
.shop-dark-header .header :is(.brand,.nav a,.bag),.shop-dark-footer .footer :is(a,p,.footer-bottom){color:#f6f7fa}
.shop-dark-header .header .search{background:#fff;color:#242b24}
.shop-dark-header .header .nav-note{color:#d9e4ff}
.shop-slider{position:relative;margin-top:1.5rem}
.shop-slider .hero{margin:0}
.shop-slider .hero:has(.hero-copy){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.shop-slider .hero:not(:has(.hero-copy)){grid-template-columns:minmax(0,1fr)}
.shop-slider .hero-media{min-width:0;min-height:0}
.shop-slider .hero-media img{aspect-ratio:16/10}
.shop-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.75rem}
.shop-slider-controls button{min-width:44px;min-height:44px}
.shop-block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}
.shop-block-card{min-width:0;border:1px solid var(--line);padding:1rem;overflow-wrap:anywhere}
.shop-block-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.shop-block-card h3{margin:.5rem 0}
.shop-block-card blockquote{margin:.5rem 0;border-left:2px solid var(--accent);padding-left:.75rem}
.category-circles .category{background:transparent;border:0;display:grid;justify-items:center;text-align:center}
.category-circles .category img{width:min(100%,9rem);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover}
.shop-invitation{background:var(--hero-surface);padding:1.5rem;border-radius:var(--radius)}
.style-performance .shop-invitation{color:#f6f7fa}
[data-shop-block=video] video{display:block;width:100%;max-width:52rem;aspect-ratio:16/9;background:#171d27}
.card-image{position:relative}
.card-image .card-alternate{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .2s ease}
.card-image .tag{z-index:1}
@media(hover:hover){.card-image:hover .card-alternate{opacity:1}}
.card-image:focus-visible .card-alternate{opacity:1}
.delivery-note{border:1px solid var(--line);padding:.75rem;border-radius:var(--radius)}
.delivery-note summary{cursor:pointer;font-weight:650}
.drawer-quantity{display:flex;align-items:center;gap:.35rem}
.drawer-quantity input{width:3.5rem;min-height:44px;padding:.3rem;border:1px solid var(--line);border-radius:4px;background:#fff;color:#242b24}
.drawer-quantity button{min-height:44px}
@media(min-width:1000px){
 .detail-gallery{display:grid;grid-template-columns:5rem minmax(0,1fr);align-content:start}
 .detail-gallery>[data-main-image]{grid-column:2;grid-row:1}
 .detail-gallery .gallery-tools{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;padding:.5rem;justify-content:flex-start}
 .detail-gallery .gallery-tools .thumbnail img{width:100%}
 .detail-gallery figcaption{grid-column:1/-1}
}
@media(max-width:700px){.shop-slider .hero:has(.hero-copy){grid-template-columns:minmax(0,1fr)}.hero-copy h2{font-size:clamp(2rem,9vw,3.2rem)}}

@media(prefers-reduced-motion:no-preference){
 .shop-slider [data-shop-slide]:not([hidden]) .hero-media{animation:shop-slide-in .18s ease-out}
 @keyframes shop-slide-in{from{opacity:.78}to{opacity:1}}
}
