:root{--bg:#F6EFE8;--surf:#EDE2D6;--ink:#2B1A12;--mute:#6E5848;--acc:#5A3A28;--on-acc:#F6EFE8;--line:#D9C8B8;--beige:#E2D4C7;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{--bg:#1D130E;--surf:#2A1C14;--ink:#F1E6DA;--mute:#B9A290;--acc:#E2D4C7;--on-acc:#2B1A12;--line:#433024;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:300 16px/1.6 Jost,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;margin:0}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:10px 20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0}
.brand img{height:44px;mix-blend-mode:multiply}
.brand b{font:500 22px "Cormorant Garamond",serif;letter-spacing:.18em}
nav{display:flex;gap:6px;margin-left:auto}
nav button{background:none;border:0;padding:8px 14px;letter-spacing:.06em;border-bottom:1px solid transparent}
nav button[aria-current="true"]{border-color:var(--acc)}
.cartbtn{border:1px solid var(--line);background:none;border-radius:999px;padding:7px 16px}
.hero{position:relative;overflow:hidden;background:#E2D4C7;color:#2B1A12;min-height:min(86vh,720px);display:grid;place-items:center;text-align:center;padding:40px 20px}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7;animation:drift 18s ease-in-out infinite alternate}
.b1{width:420px;height:420px;background:#CBA98F;left:-80px;top:-60px}.b2{width:360px;height:360px;background:#F3E8DC;right:-60px;top:20%;animation-duration:23s}.b3{width:300px;height:300px;background:#B98B6A;left:35%;bottom:-120px;animation-duration:27s;opacity:.45}
@keyframes drift{to{transform:translate(70px,50px) scale(1.15)}}
.waves{position:absolute;left:0;right:0;bottom:0;height:60%;pointer-events:none}
.waves svg{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:flow 26s linear infinite}
.waves svg:nth-child(2){animation-duration:38s;animation-direction:reverse;bottom:8%}.waves svg:nth-child(3){animation-duration:52s;bottom:16%}
@keyframes flow{to{transform:translateX(-50%)}}
.hero-in{position:relative;display:grid;gap:22px;justify-items:center}
.hero img{width:min(560px,90vw);mix-blend-mode:multiply;animation:rise 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.97)}}
.hero p{margin:0;font:italic 500 clamp(18px,3vw,24px) "Cormorant Garamond",serif;max-width:30ch}
.cta{background:#5A3A28;color:#F6EFE8;border:0;padding:14px 34px;letter-spacing:.1em}
.cta:hover{background:#2B1A12}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-bottom:1px solid var(--line)}
.trust div{padding:26px 20px;text-align:center;border-right:1px solid var(--line)}
.trust svg{width:30px;height:30px;stroke:var(--acc);fill:none;stroke-width:1.5}
.trust h3{font-size:20px;margin:6px 0 0}.trust span{color:var(--mute);font-size:14px}
main{max-width:1180px;margin:0 auto;padding:56px 20px}
.head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}
.head h2{font-size:clamp(34px,5vw,52px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{background:none;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:14px}
.chips button[aria-pressed="true"]{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px 18px}
.card{display:grid;gap:8px}
.ph{aspect-ratio:3/4;display:grid;place-items:end start;padding:12px;position:relative;overflow:hidden;color:#2B1A12}
.ph i{font:italic 500 15px "Cormorant Garamond",serif;background:#F6EFE8cc;padding:2px 8px}
.card h3{font-size:20px}.card .pr{color:var(--mute)}
.add{border:1px solid var(--acc);background:none;padding:8px;letter-spacing:.06em;font-size:14px}.add:hover{background:var(--acc);color:var(--on-acc)}
.row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}
.bar{height:4px;background:var(--line)}.bar div{height:100%;background:var(--acc);width:0;transition:width .4s}
.msg{background:var(--surf);padding:12px;font-size:14px}[hidden]{display:none!important}
footer{background:var(--surf);padding:40px 20px;text-align:center;color:var(--mute);font-size:14px}
footer nav{justify-content:center;flex-wrap:wrap;margin:0 0 12px}
footer a{color:inherit;padding:4px 10px;text-decoration:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

a.brand{text-decoration:none;color:inherit}
.srch{border:1px solid var(--line);background:none;color:var(--ink);padding:7px 14px;border-radius:999px;width:min(220px,30vw);font:inherit}
.chk{display:flex;gap:8px;font-size:13px;align-items:flex-start}.chk a{color:inherit}
.ph{border:0;width:100%;padding:12px}.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph i{position:relative}
dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);width:min(760px,94vw);padding:0}
dialog::backdrop{background:#2B1A1299}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.dl img{width:100%;aspect-ratio:3/4;object-fit:cover}.dl p{white-space:pre-line}
.sz{display:flex;flex-wrap:wrap;gap:8px}.sz button{border:1px solid var(--line);background:none;padding:6px 14px}.sz button[aria-pressed="true"]{background:var(--acc);color:var(--on-acc)}.sz button:disabled{opacity:.4;text-decoration:line-through}
#ck{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--surf);border:1px solid var(--line);padding:14px;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:14px}
#ck:not([hidden]){display:flex}#ck a{color:inherit}
.legal{max-width:760px;margin:0 auto;padding:40px 20px}.legal h2{margin:36px 0 8px;font-size:32px}.legal a{color:inherit}
.adm{max-width:1000px;margin:0 auto;padding:30px 20px;display:grid;gap:18px}
.adm input,.adm select,.adm textarea{width:100%;padding:9px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit}
.adm label{display:grid;gap:4px;font-size:14px}.adm label.ck{display:flex;gap:8px;align-items:center}.adm input[type=checkbox]{width:auto}
.fm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.adm .row button{margin-left:6px}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img{width:64px;height:84px;object-fit:cover}.thumbs button{padding:2px}

.ib{background:none;border:0;padding:8px;display:grid;place-items:center}.ib svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6}
#burger{display:none}header{height:64px;gap:14px}
.dnav{display:flex;gap:2px;margin-left:auto;align-items:center}
.dn{background:none;border:0;padding:10px 14px;letter-spacing:.06em}.dn[aria-current="true"]{box-shadow:inset 0 -1px var(--acc)}
.dn.has::after,summary::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);margin-left:9px;transition:transform .2s}
.dd{position:relative}.menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--bg);border:1px solid var(--line);padding:8px;box-shadow:0 14px 30px #0002;z-index:25}
.dd:hover .menu,.dd:focus-within .menu{display:grid}.menu button{text-align:left;background:none;border:0;padding:10px 14px}.menu button:hover{background:var(--surf)}
.badge{background:var(--acc);color:var(--on-acc);border-radius:99px;padding:0 7px;font-size:12px;margin-left:4px}.srch.d{margin-left:8px}
#ov{position:fixed;inset:0;background:#2B1A1288;z-index:35;backdrop-filter:blur(2px)}body.lock{overflow:hidden}
#mnav{position:fixed;top:0;bottom:0;left:0;width:min(340px,88vw);background:var(--bg);z-index:40;transform:translateX(-100%);transition:transform .3s;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px;visibility:hidden}
#mnav.open{transform:none;visibility:visible}
.ch{display:flex;justify-content:space-between;align-items:center}
.mrow,.msub{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 4px;font-size:18px;list-style:none}
summary::-webkit-details-marker{display:none}summary{cursor:pointer}details[open]>summary::after{transform:rotate(-135deg)}
.msub{font-size:16px;padding:13px 16px;color:var(--mute);background:var(--surf)}
#cart{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);z-index:40;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s;visibility:hidden}
#cart.open{transform:none;visibility:visible}
#cart .ch{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 12px;border-bottom:1px solid var(--line)}#cart .ch h2{font-size:28px}
.ship{padding:14px 20px;background:var(--surf);font-size:14px;display:grid;gap:8px}
.bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden}.bar div{height:100%;background:linear-gradient(90deg,var(--acc),#B98B6A);width:0;transition:width .5s}
.items{flex:1;overflow:auto;padding:8px 20px}
.line{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.lt{aspect-ratio:3/4;background:var(--surf);overflow:hidden}.lt img{width:100%;height:100%;object-fit:cover}
.li{display:grid;gap:4px;align-content:start}.li small{color:var(--mute)}
.step{display:inline-flex;align-items:center;border:1px solid var(--line);width:max-content}.step button{background:none;border:0;width:32px;height:32px;font-size:18px}.step span{min-width:28px;text-align:center}
.rm{background:none;border:0;padding:0;text-align:left;color:var(--mute);text-decoration:underline;font-size:13px}
.empty{text-align:center;padding:50px 10px;display:grid;gap:12px;justify-items:center}
.xs{padding:0 20px 8px}.xr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini{background:none;border:0;text-align:left;display:grid;gap:3px;font-size:12px}.mini img{width:100%;aspect-ratio:3/4;object-fit:cover}
.sum{padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);box-shadow:0 -10px 24px #0001;display:grid;gap:10px}
.r{display:flex;justify-content:space-between}.tt{font:600 24px "Cormorant Garamond",serif}
.cta.big{padding:16px;font-size:15px;width:100%}.cta:disabled{opacity:.5;cursor:not-allowed}.tn{margin:0;text-align:center;font-size:12px;color:var(--mute)}
.x{position:sticky;top:8px;float:right;margin:8px 8px 0 0;z-index:3;background:var(--bg);border:1px solid var(--line);border-radius:50%;width:38px;height:38px}
dialog{max-height:94vh;overflow:auto}
.dl{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding:24px}.gal{display:grid;gap:8px;align-content:start}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img{width:64px;height:84px;object-fit:cover;cursor:pointer}
.info{display:grid;gap:12px;align-content:start}.info h2{font-size:36px;line-height:1.1}.price{font:500 28px "Cormorant Garamond",serif}
.crumb{color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.tag2{font-style:italic;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--acc)}
.desc p{margin:0 0 6px}.lb{font-size:14px;letter-spacing:.06em;text-transform:uppercase}.warn{color:#B3261E;min-height:1em}.qrow{display:flex;gap:14px;align-items:center}
.acc{border-top:1px solid var(--line)}.acc:last-of-type{border-bottom:1px solid var(--line)}.acc summary{padding:14px 0;text-transform:uppercase;letter-spacing:.08em;font-size:14px;display:flex;justify-content:space-between;align-items:center}.accb{padding-bottom:12px;color:var(--mute)}.accb p{margin:0 0 6px}
.look{width:100%;background:#2B1A12;padding:15px}.strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.card .pr{display:flex;justify-content:space-between}.card small{color:var(--mute)}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.k{background:var(--surf);padding:16px}.k b{font:500 30px "Cormorant Garamond",serif;display:block}.k small{color:var(--mute)}
.tools{display:flex;flex-wrap:wrap;gap:10px}.tools input,.tools select{flex:1;min-width:140px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.pcard{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--line);padding:12px;background:var(--surf)}.pcard.off{opacity:.6}
.pim{aspect-ratio:3/4;background:var(--bg);overflow:hidden}.pim img{width:100%;height:100%;object-fit:cover}
.pb{display:grid;gap:8px;align-content:start}.pb small{color:var(--mute)}.chips2,.acts{display:flex;flex-wrap:wrap;gap:6px}
.sc{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--bg);padding:2px 4px}.sc em{font-style:normal;font-weight:500}.sc button{border:0;background:none;width:24px;height:24px}
.sc.l{border-color:#C98A00;background:#C98A0022}.sc.z{border-color:#B3261E;background:#B3261E22}
.bd{font-size:11px;border:1px solid var(--line);padding:1px 8px;width:max-content}.acts .cartbtn{padding:5px 12px;font-size:13px}
@media(max-width:820px){#burger{display:grid}.dnav,.srch.d,.cl{display:none}.brand{margin-right:auto}header{padding:8px 10px;gap:6px}}
@media(max-width:640px){main{padding:32px 14px}.grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.dl{grid-template-columns:1fr;padding:14px}dialog{width:100%;max-width:100%;height:100%;max-height:100%;margin:0}.hero{min-height:80vh}.card h3{font-size:17px}.info h2{font-size:30px}.trust div{padding:18px 12px}.pcard{grid-template-columns:80px 1fr}}

/* ===== v3 ===== */
:root{--sale:#B3261E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sale:#FF8A7A}}
:root[data-theme="dark"]{--sale:#FF8A7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) header .brand img,:root:not([data-theme="light"]) .iga img{filter:invert(.88) sepia(.25)}}
.brand img{height:40px;border-radius:0;mix-blend-mode:normal;width:auto}
.hero img.logo{width:min(520px,84vw);height:auto;mix-blend-mode:normal;border-radius:0;filter:drop-shadow(0 6px 22px #5A3A2825)}
.hero-in{gap:20px}.hbtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.cta.alt{background:transparent;color:#2B1A12;border:1px solid #2B1A12}.cta.alt:hover{background:#2B1A12;color:#F6EFE8}
header{padding:0 20px;height:64px}
.dnav{align-self:stretch;margin-left:auto}.dnav .dd{display:flex;position:static}.dn{height:100%}
.dn.out,.mrow.out{color:var(--sale);font-weight:500}
.menu{left:0;right:0;top:100%;min-width:0;padding:24px max(20px,calc((100vw - 1180px)/2));grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px;border-left:0;border-right:0;box-shadow:0 18px 30px #0002}
.dd:hover .menu,.dd:focus-within .menu{display:grid}.dd[data-closed] .menu{display:none!important}
.mcol{display:grid;gap:2px;align-content:start}
.menu .mh{font:500 20px "Cormorant Garamond",serif;text-align:left;background:none;border:0;padding:4px 0;border-bottom:1px solid var(--line);margin-bottom:4px}
.menu .mt{text-align:left;background:none;border:0;padding:4px 0;color:var(--mute)}
.menu .mh:hover,.menu .mt:hover{background:none;color:var(--acc);text-decoration:underline}
.lang{position:relative}.lb{display:flex;align-items:center;gap:7px;padding:6px 12px}
.lb img,.lm img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0003}
.lm{position:absolute;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:6px;background:var(--bg);border:1px solid var(--line);box-shadow:0 14px 30px #0002;min-width:180px;z-index:60}
.lm button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:9px 10px;text-align:left}
.lm button:hover,.lm button[aria-current="true"]{background:var(--surf)}
.chips{margin-bottom:10px}
.sd{border-bottom:1px solid var(--line)}.sd>summary.msub{border-bottom:0}
.mtype{display:block;width:100%;text-align:left;background:var(--surf);border:0;border-top:1px solid var(--line);padding:11px 34px;color:var(--mute);font-size:15px}
.ph .sb,.sb{position:absolute;top:10px;left:10px;z-index:2;background:var(--sale);color:#fff;font:500 13px Jost,sans-serif;padding:3px 9px 3px 7px;display:flex;gap:5px;align-items:center}
.sb::before{content:"";border:5px solid transparent;border-top:7px solid #fff;border-bottom:0}
.sb.inl{position:static;display:inline-flex;margin-left:10px;vertical-align:middle}
.pg{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pg .now.sale{color:var(--sale);font-weight:500}.pg s{color:var(--mute);font-size:.9em}
.card .pr{align-items:baseline;gap:8px}
.price .pg{font-size:28px}
.vat{color:var(--mute);margin-top:-8px}
.mainimg{position:relative;overflow:hidden;background:var(--surf)}.mainimg>img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#F6EFE8e6;color:#2B1A12;box-shadow:0 2px 10px #0003;display:grid;place-items:center;padding:0}
.arr::before{content:"";width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0}
.arr.prev{left:10px}.arr.prev::before{transform:rotate(135deg);margin-left:4px}.arr.next{right:10px}.arr.next::before{transform:rotate(-45deg);margin-right:4px}
.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:6px;justify-content:center;pointer-events:none}.dots i{width:7px;height:7px;border-radius:50%;background:#fff9;box-shadow:0 0 0 1px #0003}.dots i.on{background:#fff;transform:scale(1.3)}
.dl .thumbs img{width:64px;height:84px;aspect-ratio:auto;object-fit:cover;cursor:pointer;opacity:.7}.dl .thumbs img.on{opacity:1;outline:2px solid var(--acc)}
.mini,.lk{background:var(--surf)}
.lk{display:grid;gap:4px;padding:0 0 8px;text-align:left;font-size:12px;align-content:start}.lk img{width:100%;aspect-ratio:3/4;object-fit:cover}.lk span,.lk b{padding:0 8px}.lk button{margin:4px 8px 0;border:1px solid var(--acc);background:none;padding:5px;font-size:12px}
.strip .lk{color:var(--ink)}
.scr{flex:1;overflow:auto}.scr .items{flex:none;overflow:visible}.xs{padding:0}
.lookbox{margin:10px 20px 22px;padding:22px 18px;background:linear-gradient(135deg,#5A3A28,#34200F);color:#F6EFE8;display:grid;gap:12px;text-align:center}
.lookbox h3{font-size:32px;color:#F6EFE8}.lookbox p{margin:0;font-size:14px;opacity:.85}
.lookbox .xr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lookbox .lk{background:#F6EFE8;color:#2B1A12}.lookbox .lk button{color:#2B1A12;border-color:#5A3A28}
.lookbox>.cta{background:#F6EFE8;color:#2B1A12;padding:15px;font-weight:500}.lookbox>.cta:hover{background:#fff}
.ig{max-width:1180px;margin:0 auto;padding:10px 20px 64px}.ig h2{font-size:clamp(30px,5vw,46px);margin-bottom:18px}
.igh{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.iga{display:flex;align-items:center;gap:12px}
.iga img{width:58px;height:58px;border-radius:50%;padding:9px;border:2px solid var(--acc);object-fit:contain;background:var(--surf)}.iga small{color:var(--mute)}
.igb{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:11px 24px}.igb svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}.igb circle:last-child{fill:currentColor}
.igg{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.igt{aspect-ratio:3/4;overflow:hidden;background:var(--surf);display:block}.igt img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.igt:hover img{transform:scale(1.06)}
@media(max-width:900px){#burger{display:grid}.dnav,.srch.d,.cl{display:none}.brand{margin-right:auto}header{padding:0 8px;gap:6px}}
@media(max-width:640px){.lb span{display:none}.lb{padding:6px 9px}.igg{grid-template-columns:repeat(2,1fr)}.igt:nth-child(n+5){display:none}.lookbox{margin:10px 14px 20px}.lookbox .xr{grid-template-columns:repeat(3,1fr)}.hbtns .cta{padding:13px 24px}}

/* Colores en ficha */
.sw{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #0004;margin-right:8px;vertical-align:-2px}
/* Panel: pedidos y desistimientos */
.otabs{display:flex;gap:8px;flex-wrap:wrap}.otabs button{background:none;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:14px;color:var(--ink)}.otabs button[aria-pressed="true"]{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}
.ocards{display:grid;gap:14px}.oc{border:1px solid var(--line);background:var(--surf);padding:16px;display:grid;gap:12px;border-left:5px solid var(--line)}
.oc.pagado{border-left-color:#C77D1A}.oc.enviado{border-left-color:#3F8A5A}.oc.des{border-left-color:#B5483A}
.oh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.oh b{font-size:20px;font-family:"Cormorant Garamond",serif}
.st{font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;color:#fff;background:#C77D1A}.st.enviado{background:#3F8A5A}.st.des{background:#B5483A}
.oi{display:flex;gap:12px;align-items:center}.oi img,.oi .ph{width:48px;height:64px;object-fit:cover;background:var(--bg);flex:none}.oi small{color:var(--mute);display:block}
.oa{font-size:14px;color:var(--mute)}.oa a{color:inherit}.ob{display:flex;gap:8px;flex-wrap:wrap}
.kpi .k.warn{border-color:#C77D1A}.kpi .k.warn b{color:#C77D1A}

/* Filtros y stock */
.fbar{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 4px;align-items:center}
.fl select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;max-width:100%}
.fclr{background:none;border:0;text-decoration:underline;color:var(--mute);font:inherit;font-size:14px;padding:6px}
.fcount{color:var(--mute);font-size:14px;margin:0 0 14px;min-height:1.4em}
.sz button.sbtn{display:grid;gap:0;text-align:center;line-height:1.2;padding:6px 12px}.sz button.sbtn small{font-size:11px;color:inherit;opacity:.85}
.sz button.sbtn:disabled small{text-decoration:none}
.sz button[aria-pressed="false"] small{color:#B3261E}
@media(max-width:640px){.fbar{display:grid;grid-template-columns:1fr 1fr}.fl select{width:100%}}

.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}
.share{justify-self:start;margin-top:8px}.gone{padding:40px 0}.gone h2{font-size:30px}
.ssr{padding:20px 0}.ssr img{max-width:260px;height:auto}

/* Favoritos */
.card{position:relative}
.heart{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:0;background:#fffc;color:#6E5848;font-size:20px;line-height:1;display:grid;place-items:center;z-index:2;cursor:pointer;backdrop-filter:blur(4px)}
.heart:not(.on){color:transparent;-webkit-text-stroke:1.5px #5A3A28}.heart.on{color:#B3262D}
#favb svg{fill:none}#favb.on svg{fill:#B3262D;stroke:#B3262D}
.btns2{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btns2 .share{margin-top:0}
.favb2.on{color:#B3262D;border-color:#B3262D}
@media(max-width:640px){header{gap:4px!important;padding:10px 10px!important}header .brand b{font-size:19px;letter-spacing:.08em}.cartbtn{padding:7px 11px}.lang .lb{padding:6px 9px}#favb{padding:6px}#burger{padding:6px}}

/* Panel v2 */
.tabs{position:sticky;top:64px;z-index:15;background:var(--bg);display:flex;gap:6px;overflow-x:auto;padding:8px 14px;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;background:none;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;color:var(--ink);white-space:nowrap}
.tabs button[aria-current="true"]{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}
.nb{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:99px;background:#C77D1A;color:#fff;font-size:12px;text-align:center}
.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tools input,.tools select{flex:1 1 220px;width:auto}
.cnt{color:var(--mute);font-size:14px;margin:0}
.rs{display:grid;gap:16px}.card2{border:1px solid var(--line);background:var(--surf);padding:16px;display:grid;gap:10px}.card2 h3{margin:0;font-size:22px;font-family:"Cormorant Garamond",serif;font-weight:500}
.todo{display:flex;gap:12px;align-items:center;text-align:left;background:var(--bg);border:1px solid var(--line);border-left:5px solid var(--line);padding:12px 14px;font:inherit;color:var(--ink);width:100%}
.todo b{min-width:28px;font-size:20px}.todo.warn{border-left-color:#C77D1A}.todo.ok{border-left-color:#3F8A5A;color:var(--mute)}.todo.ok b{color:#3F8A5A}
.bars{display:flex;gap:4px;align-items:flex-end;height:140px}.bar2{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.bar2 i{display:block;width:100%;background:var(--acc);min-height:0;border-radius:2px 2px 0 0}.bar2 small{font-size:10px;color:var(--mute)}
.trow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.onote{width:100%;padding:8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:14px;resize:vertical}
.wsel{padding:8px 12px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:inherit}
.wo{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px;background:var(--bg);padding:10px;border:1px solid var(--line)}
.sessd{padding:22px;max-width:420px}.sessd h3{margin:0 0 6px;font-size:24px}
#pa{display:none}
@media print{body.printing>*:not(#pa):not(main){display:none!important}body.printing main>*:not(#panel){display:none!important}body.printing #panel>*:not(#pa){display:none!important}body.printing #pa{display:block!important;color:#000;background:#fff;font:14px/1.5 Arial,sans-serif;padding:0}body.printing #pa table{width:100%;border-collapse:collapse;margin:16px 0}body.printing #pa td,body.printing #pa th{border:1px solid #999;padding:6px;text-align:left}body.printing #pa .pto{margin:16px 0;font-size:16px}}
@media(max-width:640px){.adm{padding:20px 12px}.tools input,.tools select,.tools button{flex:1 1 100%}.ob .cta,.ob .cartbtn{flex:1 1 auto}.oc{padding:12px}.fm{grid-template-columns:1fr}.pcard .acts button,.pcard .acts a{flex:1 1 auto;text-align:center}.sc button{min-width:34px;min-height:34px}}

.mg{margin:0;font-size:13px;color:var(--mute);grid-column:1/-1}.flb{cursor:pointer;display:inline-block}
.tbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;padding:10px;background:var(--surf);border:1px solid var(--line)}.tbar input{width:70px;flex:none}.tbar span{font-size:13px}
.twrap{overflow-x:auto}.pt{width:100%;border-collapse:collapse;background:var(--surf);font-size:14px}.pt th,.pt td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.pt td input[inputmode]{width:84px}.pt tr.off{opacity:.6}
.stk label{display:inline-block;margin:2px 8px 2px 0;font-size:13px}.stk input{width:58px}.stk input.z{border-color:#B3261E}.stk input.l{border-color:#C77D1A}
.pgrid.tbl{display:block}.cartbtn.danger{color:#8a1f17;border-color:#8a1f17}
@media(max-width:640px){.tbar input{flex:none;width:70px}}

#ban{background:var(--acc);color:var(--on-acc);text-align:center;font-size:13px;letter-spacing:.04em;padding:8px 14px}#ban[hidden]{display:none}

.fld{display:flex;flex-direction:column;gap:6px;grid-column:1/-1}.dz{border:2px dashed var(--line);padding:22px;text-align:center;cursor:pointer;color:var(--mute);background:var(--surf)}.dz.on,.dz:focus{border-color:var(--acc);outline:none}
.thumbs .tc{position:relative;cursor:grab}.thumbs .tc img{width:84px;height:110px}.tc .mn{position:absolute;left:0;top:0;background:var(--acc);color:var(--on-acc);font-size:10px;padding:2px 6px}
.tc .tb,.crow .tb{display:flex;gap:2px;flex-wrap:wrap}.tc .tb{width:84px;justify-content:center;margin-top:2px}.tb button{border:1px solid var(--line);background:var(--surf);min-width:26px;min-height:26px;font-size:13px;padding:0 4px}
.tpl,.swp{display:flex;flex-wrap:wrap;gap:6px}.swb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:none;border-radius:999px;padding:3px 10px 3px 4px;font-size:13px}.swb i{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);display:block}.swb[aria-pressed="true"]{border-color:var(--acc);background:var(--surf);font-weight:600}
#ajs .fm{max-width:560px}.csec{margin:12px 0}.crow{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-bottom:8px;align-items:center}
@media(max-width:640px){.crow{grid-template-columns:1fr}}
#ajs .fm{grid-template-columns:1fr}#ajs .fm h3{margin:0}
body.lock #ck{display:none!important}

.warnbox{background:#FBE9E7;color:#8a1f17;border:1px solid #B3261E;padding:8px 10px;font-size:13px;margin:6px 0}

#open{position:relative;padding:8px}#open svg{width:26px;height:26px}#open .badge{position:absolute;top:0;right:-2px;margin:0;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 5px;font-size:11px;font-weight:600;box-sizing:border-box}#open .badge[hidden]{display:none}
#open.bump svg{animation:bump .45s ease}@keyframes bump{30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95) rotate(5deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){#open.bump svg{animation:none}}

/* portada compacta y con foto de campaña */
.hero{min-height:min(66vh,580px)}.hero img.logo{width:min(440px,74vw)}
.hero img.hphoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;animation:none;filter:none}
.hero.photo{background:#2B1A12;color:#fff;place-items:end center;padding-bottom:48px}.hero.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2B1A1200 25%,#2B1A12b3 100%)}
.hero.photo .blob,.hero.photo .waves,.hero.photo img.logo{display:none}.hero.photo .hero-in{z-index:2}.hero.photo p{color:#fff}
.htitle{margin:0;font:500 clamp(34px,6.5vw,68px)/1.05 "Cormorant Garamond",serif;max-width:16ch;color:#fff}.htitle[hidden]{display:none}
.hero.photo .cta{background:#F6EFE8;color:#2B1A12}.hero.photo .cta:hover{background:#fff}
@media(max-width:640px){.hero{min-height:62vh}.trust{grid-template-columns:repeat(3,1fr)}.trust div{padding:14px 6px}.trust span{display:none}.trust h3{font-size:14px;line-height:1.2}.trust svg{width:22px;height:22px}}
/* categorías destacadas */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;padding:28px 20px 0;max-width:1180px;margin:0 auto}.tiles[hidden]{display:none}
.tile{position:relative;aspect-ratio:4/5;overflow:hidden;border:0;padding:0;background:linear-gradient(160deg,#CBB8A3,#B98B6A99);color:#fff;cursor:pointer}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.tile:hover img{transform:scale(1.05)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#2B1A12b0)}
.tile span{position:absolute;left:0;right:0;bottom:14px;z-index:2;text-align:center;font:500 clamp(20px,3.4vw,30px) "Cormorant Garamond",serif;letter-spacing:.04em}
@media(max-width:640px){.tiles{gap:8px;padding:18px 14px 0}.tile{aspect-ratio:3/4}}
/* tarjetas: segunda foto, añadir rápido */
.pw{position:relative}.ph .im2{opacity:0;transition:opacity .35s}@media(hover:hover){.card:hover .ph .im2{opacity:1}}
.qa{position:absolute;right:10px;bottom:10px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#F6EFE8;color:#2B1A12;font:400 26px/1 Jost,sans-serif;box-shadow:0 2px 10px #2B1A1240;display:grid;place-items:center;padding:0}
@media(hover:hover){.qa{opacity:0;transition:opacity .2s}.card:hover .qa,.qa:focus-visible{opacity:1}}
.qsz{position:absolute;left:0;right:0;bottom:0;z-index:4;background:#F6EFE8f2;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.qsz small{width:100%;color:var(--mute)}
.qsz button{border:1px solid var(--line);background:var(--bg);min-width:40px;min-height:40px;padding:0 10px}.qsz button:hover{border-color:var(--acc)}
/* barra de añadir fija en el móvil */
.stk{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:14px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}
.stk b{font:500 24px "Cormorant Garamond",serif}.stk .cta{flex:1;padding:14px}.stk.on{display:flex}@media(min-width:821px){.stk{display:none!important}}
@media(prefers-reduced-motion:reduce){.tile img,.ph .im2{transition:none}}

.hpv{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.hpv img{max-width:100%;width:320px;height:180px;object-fit:cover;border:1px solid var(--line)}
@media(min-width:641px){.tile{aspect-ratio:5/4}}

/* fluidez: carga con huecos, aparición suave, zoom, vistas recientemente */
.ph img:not(.im2){opacity:0;transition:opacity .45s}.ph img.ld:not(.im2){opacity:1}
.ph:has(img:not(.ld):not(.im2)),.skel{background:linear-gradient(100deg,#E9DDD1 30%,#F6EFE8 50%,#E9DDD1 70%);background-size:200% 100%;animation:shim 1.3s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
.card.sk{pointer-events:none}.card.sk .skel{aspect-ratio:3/4;width:100%}.sl{height:14px;background:#E9DDD1;margin-top:8px}.sl.w80{width:80%}.sl.w40{width:40%}
.rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.rv.in{opacity:1;transform:none}
.mainimg.zm{cursor:zoom-in}.mainimg.zm.zoom{cursor:zoom-out}.mainimg>img{transition:transform .25s ease}.mainimg.zoom>img{transform:scale(2)}
.rvw{margin-top:18px}.rvr{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:10px;overflow-x:auto;padding-bottom:6px;margin-top:8px}
.rvi{display:grid;gap:3px;text-align:left;border:0;background:none;padding:0;color:inherit}.rvi img,.rvi .ph0{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--surf);display:block}.rvi small{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rvi b{font-size:13px}
@media(prefers-reduced-motion:reduce){.skel,.ph:has(img:not(.ld):not(.im2)){animation:none}.rv{opacity:1;transform:none;transition:none}.mainimg>img{transition:none}}

.chk2{margin:0;font-size:12px;color:var(--mute);line-height:1.4}.chk2 a{color:inherit}

/* ajuste de tamaños */
.hero{min-height:min(54vh,480px);padding:28px 20px}.hero img.logo{width:min(360px,64vw)}.hero-in{gap:16px}.hero.photo{min-height:min(66vh,600px)}
main{padding:36px 20px 48px}.head{margin-bottom:14px}.head h2{font-size:clamp(28px,4vw,40px)}
.trust div{padding:18px 16px}.tiles{padding-top:22px}.tile{aspect-ratio:3/2}.tile span{font-size:clamp(17px,2.6vw,26px);bottom:10px}
.card h3{font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ig{padding:6px 20px 40px}.igt{aspect-ratio:1/1}.ig h2{font-size:clamp(26px,4vw,38px)}
@media(max-width:640px){.hero{min-height:46vh;padding:22px 14px}.hero img.logo{width:min(300px,62vw)}.hero.photo{min-height:58vh}.hbtns{flex-wrap:nowrap;gap:8px}.hbtns .cta{padding:12px 14px;font-size:14px;letter-spacing:.06em}
 .tile{aspect-ratio:1/1}main{padding:24px 14px 36px}.fbar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.fbar::-webkit-scrollbar{display:none}.fl{flex:none}.fl select{width:auto}
 .igg{grid-template-columns:repeat(3,1fr)}.igt:nth-child(n+4){display:none}}
/* animaciones */
.tick{background:var(--acc);color:var(--on-acc);overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase;height:32px;display:flex;align-items:center}
#ban:not([hidden])~.tick{display:none}.tk{display:flex;width:max-content;animation:tick 40s linear infinite}.tick:hover .tk{animation-play-state:paused}
.tg{display:inline-flex;align-items:center}.tg span{padding:0 22px}.tg i{font-style:normal;opacity:.6}
@keyframes tick{to{transform:translateX(-16.6667%)}}
.hero-in>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero-in>:nth-child(3){animation-delay:.1s}.hero-in>:nth-child(4){animation-delay:.2s}.hero-in>:nth-child(5){animation-delay:.35s}.hero-in>:nth-child(6){animation-delay:.5s}
.hero img.hphoto{animation:kb 20s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.09)}}
.cta{position:relative;overflow:hidden}.cta::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);pointer-events:none}.cta:not(:disabled):hover::after{animation:shine .8s}
@keyframes shine{to{left:140%}}
.hbtns .cta:not(.alt){animation:ring 3s ease-out 2s infinite}@keyframes ring{0%{box-shadow:0 0 0 0 #5A3A2870}70%,100%{box-shadow:0 0 0 16px #5A3A2800}}
.hero.photo .hbtns .cta:not(.alt){animation-name:ring2}@keyframes ring2{0%{box-shadow:0 0 0 0 #ffffff80}70%,100%{box-shadow:0 0 0 16px #ffffff00}}
.heart.on{animation:pop .45s ease}@keyframes pop{35%{transform:scale(1.35)}65%{transform:scale(.92)}}
.ph .sb{animation:sbp 2.6s ease-in-out infinite}@keyframes sbp{50%{transform:scale(1.07)}}
.fly{position:fixed;z-index:200;width:18px;height:18px;border-radius:50%;background:var(--acc);pointer-events:none;box-shadow:0 0 0 3px #F6EFE8}
.tile span{transition:transform .4s}.tile:hover span{transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){.tk{animation:none;transform:none}.tg:nth-child(n+2){display:none}.tick{justify-content:center}.hero-in>*,.hero img.hphoto,.hbtns .cta,.heart.on,.ph .sb{animation:none!important}.cta::after{display:none}}
@media(max-width:640px){.tile span{font-size:14px;letter-spacing:0;bottom:8px}}
.card{align-content:start}

/* producto agotado: se ve en gris con el aviso encima */
.card.so .ph img{filter:grayscale(1);opacity:.45!important}.card.so .ph .im2{display:none}
.card.so .ph i{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;background:#2B1A12cc;color:#F6EFE8;font:500 15px/1 Arial,Helvetica,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 0}
.card.so h3,.card.so .pr{opacity:.55}