/* Tienda v9: vitrina de productos (inicio) y ficha de producto como página propia */

/* ---------- Vitrina del inicio ---------- */
.wfx9{padding:48px 0 28px}
.wfx9 .wfo-sc{padding-top:10px}
.wfx9-sc .pc5{flex:0 0 clamp(210px,18.4%,252px)}
@media(max-width:1100px){.wfx9-sc .pc5{flex-basis:clamp(210px,30%,260px)}}
@media(max-width:760px){.wfx9{padding:34px 0 18px}.wfx9-sc .pc5{flex-basis:62vw}.wfx9 .wfo-ctl button:not(.wfo-all){display:grid}}

/* ---------- Ficha de producto ---------- */
.pd5-ov.pd9-ov{position:fixed;inset:0;z-index:70;display:block;padding:0;background:#0e0f12;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
.pd9{min-height:100%;color:#c9c9d0;font-family:inherit}
.pd9 *{box-sizing:border-box}
.pd9 a,.pd9 button{font-family:inherit;-webkit-tap-highlight-color:transparent}
.pd9-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;padding:12px max(18px,calc((100% - 1240px)/2));background:rgba(14,15,18,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(200,168,98,.4)}
.pd9-back{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#f2f2f4!important;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none!important}
.pd9-back svg{transform:rotate(180deg)}
.pd9-back:hover{border-color:#ebddb2!important}
.pd9-crumb{flex:1;min-width:0;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.pd9-crumb a{color:#a9aab3;text-decoration:none}
.pd9-crumb a:hover{color:#ebddb2}
.pd9-crumb i{font-style:normal;color:#5d5e66}
.pd9-crumb span{color:#fff;overflow:hidden;text-overflow:ellipsis}
.pd9-ba{flex:none;display:flex;align-items:center;gap:10px}
.pd9-fv{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#d8d8de!important;font-size:14px;cursor:pointer;box-shadow:none!important}
.pd9-fv.on{color:#ebddb2!important;border-color:#c8a862!important}
.pd9-fv.on svg{fill:currentColor}
.pd9-ct{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#fff!important;cursor:pointer;box-shadow:none!important}
.pd9-ct b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ebddb2;color:#111;font-size:11px;line-height:19px;text-align:center}
.pd9-main{max-width:1240px;margin:0 auto;padding:30px 20px 130px}
.pd9-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.pd9-g{display:flex;gap:14px;align-items:flex-start;min-width:0}
.pd9-th{flex:0 0 76px;display:flex;flex-direction:column;gap:10px;max-height:640px;overflow-y:auto;scrollbar-width:none}
.pd9-th::-webkit-scrollbar{display:none}
.pd9-th button{flex:none;width:76px;height:76px;padding:5px;border:1px solid #3a3b42!important;border-radius:12px;background:#fff!important;cursor:pointer;box-shadow:none!important;opacity:.75}
.pd9-th button.on{opacity:1;border-color:#c8a862!important;box-shadow:0 0 0 1px #c8a862!important}
.pd9-thi{width:100%;height:100%;object-fit:contain}
.pd9-ph{position:relative;flex:1;min-width:0;aspect-ratio:1/1;display:grid;place-items:center;border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#fff,#eceef2 62%,#dcdfe6)}
.pd9-img{width:100%;height:100%;object-fit:contain;padding:22px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.16))}
.pd9-ph img.wf-noimg,.pd9-th img.wf-noimg{object-fit:contain;padding:22%;filter:none;opacity:.9}
.pd9-off{position:absolute;top:16px;left:16px;padding:7px 13px;border-radius:999px;background:#d63a2f;color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em}
.pd9-i{display:flex;flex-direction:column;gap:15px;min-width:0}
.pd9-k{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94959e}
.pd9-k b{color:#ebddb2}
.pd9-t{margin:0;font-size:clamp(26px,3.1vw,40px);line-height:1.12;font-weight:800;color:#fff;letter-spacing:-.025em;text-transform:none}
.pd9-rt{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:14px;color:#b9bac2;text-decoration:none}
.pd9-rt:hover{color:#fff}
.pd9-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.pd9-pr b{font-size:clamp(30px,3.4vw,42px);font-weight:800;color:#fff;letter-spacing:-.03em}
.pd9-pr s{font-size:18px;color:#7f808a}
.pd9-pr em{font-style:normal;font-size:14px;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(235,221,178,.14);color:#ebddb2}
.pd9-lb{display:block;font-size:14px;color:#b4b4bc;margin-bottom:8px}
.pd9-lb b{color:#fff}
.pd9-lb2{margin:2px 0 -6px;font-weight:600;color:#e6e6ea}
.pd9-chips{display:flex;flex-wrap:wrap;gap:9px}
.pd9-chips button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22)!important;background:transparent!important;color:#d8d8de!important;font-size:14px;cursor:pointer;box-shadow:none!important}
.pd9-chips button.on{background:#fff!important;color:#15161a!important;border-color:#fff!important;font-weight:700}
.pd9-var .wf-vp label{font-size:13.5px!important;text-transform:none!important;letter-spacing:0!important}
.pd9-qa{display:flex;align-items:center;gap:12px;min-width:0}
.pd9-q{flex:none;display:flex;align-items:center;height:52px;border:1px solid rgba(255,255,255,.24);border-radius:14px}
.pd9-q button{width:46px;height:100%;border:0;background:transparent!important;color:#fff!important;font-size:21px;cursor:pointer;box-shadow:none!important}
.pd9-q span{min-width:30px;text-align:center;font-weight:700;color:#fff}
.pd9-add{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border:0;border-radius:14px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;color:#0a0a0a!important;background:linear-gradient(90deg,#bfe7ff,#fff 50%,#ebddb2)!important;box-shadow:inset 0 1px #fff}
.pd9-add:hover{box-shadow:0 0 26px rgba(221,243,255,.42)!important}
.pd9-av{margin:0;font-size:14px;font-weight:600}
.pd9-av.ok{color:#7ad9a0}.pd9-av.low{color:#ebddb2}.pd9-av.no{color:#b4b4bc}
.pd9-2{display:flex;flex-wrap:wrap;gap:10px}
.pd9-2>*{flex:1 1 170px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px;background:transparent!important;color:#d8d8de!important;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:none!important}
.pd9-2>*:hover{border-color:#ebddb2!important;color:#fff!important}
.pd9-tr{list-style:none;margin:0;padding:14px 0;display:flex;flex-direction:column;gap:7px;border-block:1px solid rgba(255,255,255,.1);font-size:14px;color:#b4b4bc}
.pd9-tr li:before{content:"✓";margin-right:9px;color:#ebddb2;font-weight:700}
.pd9-sku{margin:-4px 0 0;font-size:12px;letter-spacing:.06em;color:#7f808a}
.pd9-sh{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;font-weight:600;color:#e6e6ea}
.pd9-sh a,.pd9-sh button{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border-radius:9px;border:0!important;font-size:12.5px;font-weight:800;color:#fff!important;text-decoration:none;cursor:pointer;box-shadow:none!important}
.pd9-sh .s-wa{background:#25a65a!important}.pd9-sh .s-fb{background:#3b5998!important}.pd9-sh .s-x{background:#000!important;box-shadow:inset 0 0 0 1px #444!important}.pd9-sh .s-tg{background:#2392d0!important}.pd9-sh .s-ml{background:#6b6c74!important}
.pd9-sh .s-cp{background:rgba(255,255,255,.1)!important;padding:0 14px;font-weight:600}
.pd9-sec{margin-top:54px}
.pd9-sec>h2,.pd9-desc h2{margin:0 0 16px;font-size:19px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pd9-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pd9-data>div{padding:17px 20px;border-radius:12px;background:rgba(255,255,255,.06);font-size:14.5px;font-weight:600;color:#e6e6ea}
.pd9-desc{display:grid;gap:30px;max-width:880px}
.pd9-desc p{margin:0 0 12px;font-size:15.5px;line-height:1.7;color:#b9bac2;white-space:pre-line}
.pd9-desc ul{margin:0;padding-left:20px;font-size:15.5px;line-height:1.7;color:#b9bac2}
.pd9-desc dl{margin:0;display:grid}
.pd9-desc dl>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(255,255,255,.09);font-size:15px}
.pd9-desc dt{color:#94959e}.pd9-desc dd{margin:0;color:#f5f5f7;font-weight:600;text-align:right}
.pd9-sc{padding-inline:2px}
.pd9-rl .pc5{flex:0 0 clamp(200px,18%,240px)}
/* reseñas */
.pd9-rv .wf8-rvh{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.pd9-rv .wf8-sm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#b9bac2}
.pd9-rv .wf8-sm b{font-size:30px;color:#fff;letter-spacing:-.02em}
.pd9-rv .wf8-rvw{height:44px;padding:0 22px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer;border:0!important;color:#0a0a0a!important;background:linear-gradient(90deg,#bfe7ff,#fff 50%,#ebddb2)!important;box-shadow:inset 0 1px #fff!important}
.pd9-rv .wf8-rvf{padding:0}
.pd9-rv .wf8-rvf:not(:empty){padding:18px 0 4px;max-width:640px}
.pd9-rv .wf8-rvl{display:grid;max-width:880px}
.pd9-rv .wf8-r{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pd9-rv .wf8-r header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.pd9-rv .wf8-av{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(235,221,178,.16);color:#ebddb2;font-weight:800}
.pd9-rv .wf8-rm{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.pd9-rv .wf8-rm b{color:#fff;font-size:14.5px}
.pd9-rv .wf8-rm time{flex-basis:100%;font-size:12.5px;color:#7f808a;margin:0}
.pd9-rv .wf8-r p{margin:8px 0 0;font-size:15px;line-height:1.6;color:#d0d0d6}
.pd9-rv .wf8-rv0{padding:6px 0 12px;font-size:14px;color:#94959e}
/* barra fija de compra */
.pd9-fix{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(18px,calc((100% - 1240px)/2)) calc(12px + env(safe-area-inset-bottom));background:rgba(14,15,18,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(200,168,98,.5);transform:translateY(115%);transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pd9-fix.on{transform:none;pointer-events:auto}
.pd9-fx-p{display:flex;align-items:center;gap:14px;min-width:0}
.pd9-fx-p>div{display:flex;flex-direction:column;min-width:0}
.pd9-fx-p b{color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.pd9-fx-p span{color:#ebddb2;font-weight:700;font-size:15px}
.pd9-fx-i{width:48px;height:48px;border-radius:10px;background:#fff;object-fit:contain;padding:3px}
.pd9-fix .pd9-qa{flex:0 1 460px}
.pd9-fix .pd9-q{height:46px}.pd9-fix .pd9-add{min-height:46px}
@media(max-width:900px){
 .pd9-hero{grid-template-columns:1fr;gap:22px}
 .pd9-g{flex-direction:column-reverse}
 .pd9-th{flex:none;flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;width:100%}
 .pd9-th button{width:64px;height:64px}
 .pd9-crumb{display:none}
 .pd9-ba{margin-left:auto}
 .pd9-main{padding:16px 14px 120px}
 .pd9-sec{margin-top:40px}
}
@media(max-width:600px){
 .pd9-fv span{display:none}.pd9-fv{padding:0 12px}
 .pd9-fx-p>div{display:none}
 .pd9-fix .pd9-q{display:none}
 .pd9-fix{gap:10px}
 .pd9-fix .pd9-qa{flex:1}
 .pd9-rl .pc5{flex-basis:62vw}
 .pd9-img{padding:14px}
}
.wfk-est{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#71717a}