/* Demos de Desarrollo web (prefijo dw-). Seis en pantalla de navegador + widget "brief". */
.demo[data-demo="restaurante"]{--marca:#B4532A}
.demo[data-demo="inmobiliaria"]{--marca:#2F5D4E}
.demo[data-demo="clinica"]{--marca:#2F6F95}
.demo[data-demo="cotizador"]{--marca:#A9650F}
.demo[data-demo="hotel"]{--marca:#167079}
.demo[data-demo="tienda"]{--marca:#2B2B28}

.dw{container-type:size;position:relative;overflow:hidden;background:#F5F4EF;color:#121211;font-family:var(--f-body);font-size:13px;line-height:1.35;-webkit-tap-highlight-color:transparent}
.dw *,.dw *::before,.dw *::after{box-sizing:border-box}
:where(.dw) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;text-align:inherit}
.dw [hidden]{display:none!important}
.dw b{font-weight:600}
.dw-app{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}
.dw-head{flex:none;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;background:#fff;border-bottom:1px solid #E2E0D8}
.dw-logo{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:15px;letter-spacing:-.01em;color:var(--marca);margin-right:auto;white-space:nowrap}
.dw-mono{font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6B6A64}
.dw-sec{margin:0 0 6px;display:block}
.dw-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 14px}
.dw-bar{flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border-top:1px solid #E2E0D8}
.dw-bar-t{display:flex;flex-direction:column;min-width:0;margin-right:auto;line-height:1.2}
.dw-bar-t b{font-family:var(--f-display);font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.dw-bar-t .dw-mono{font-size:9.5px}
.dw-view{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}

.dw-pill{position:relative;height:34px;padding:0 14px;border:1px solid #E2E0D8;border-radius:999px;background:#fff;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .25s cubic-bezier(.22,1,.36,1),color .25s,border-color .25s,transform .2s}
.dw-pill::after{content:'';position:absolute;inset:-5px 0}
.dw-pill.on{background:var(--marca);border-color:var(--marca);color:#fff}
.dw-pill:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.dw-pill:active:not(:disabled),.dw-btn:active:not(:disabled){transform:scale(.97)}
.dw-pills{display:flex;flex-wrap:wrap;gap:6px}
.dw-btn{position:relative;height:40px;padding:0 18px;border-radius:999px;background:var(--marca);color:#fff;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:opacity .25s,transform .2s,background .25s}
.dw-btn:disabled{opacity:.38;cursor:not-allowed}
.dw-btn.dw-ghost{background:transparent;color:inherit;border:1px solid #E2E0D8}
.dw-sm{display:none}
@container (max-width:520px){.dw-lg{display:none}.dw-sm{display:inline}}
@media (hover:hover){
  .dw-pill:hover:not(.on):not(:disabled){border-color:#9c9a90}
  .dw-btn:hover:not(:disabled){opacity:.88}
}
.dw button:focus-visible,.dw [tabindex]:focus-visible{outline:2px solid var(--marca);outline-offset:2px}

.dw-step{display:inline-flex;align-items:center;gap:2px}
.dw-step button{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid #E2E0D8;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .2s,transform .2s}
.dw-step button::after{content:'';position:absolute;inset:-6px}
.dw-step button:active{transform:scale(.92)}
.dw-step output{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.dw-step.zero output,.dw-step.zero button:first-child{display:none}
.dw-step.zero button:last-child{background:var(--marca);border-color:var(--marca);color:#fff}
@media (hover:hover){.dw-step button:hover{background:#EFEDE5}.dw-step.zero button:last-child:hover{background:var(--marca);opacity:.85}}

/* check dibujado */
.dw-checksvg{width:56px;height:56px;fill:none;stroke:var(--marca);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.dw-checksvg circle{stroke-dasharray:152;stroke-dashoffset:152}
.dw-checksvg path{stroke-dasharray:40;stroke-dashoffset:40}
.show .dw-checksvg circle{animation:dw-draw .7s cubic-bezier(.22,1,.36,1) forwards}
.show .dw-checksvg path{animation:dw-draw .45s .4s cubic-bezier(.22,1,.36,1) forwards}
@keyframes dw-draw{to{stroke-dashoffset:0}}
.dw-ov{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:rgba(245,244,239,.97);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.22,1,.36,1),visibility 0s .4s}
.dw-ov.show{opacity:1;visibility:visible;transition-delay:0s}
.dw-ov h3{margin:0;font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:-.02em}
.dw-ov p{margin:0;color:#6B6A64;max-width:30ch}
.dw-ov .dw-btn{margin-top:8px}

/* sliders */
.dw-range{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;margin:0;--p:50%;cursor:pointer;touch-action:pan-y}
.dw-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--marca) var(--p),#E2E0D8 var(--p))}
.dw-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--marca);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.dw-range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--marca) var(--p),#E2E0D8 var(--p))}
.dw-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--marca);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.dw-rl{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.dw-rl b{font-variant-numeric:tabular-nums}

/* interruptor */
.dw-sw{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:4px 0;border-bottom:1px solid #E2E0D8}
.dw-sw span:first-child{flex:1}
.dw-sw i{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:#D6D4CB;transition:background .25s}
.dw-sw i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.dw-sw.on i{background:var(--marca)}
.dw-sw.on i::after{transform:translateX(16px)}
.dw-sw em{font-style:normal;color:#6B6A64;font-size:11.5px;font-variant-numeric:tabular-nums}

/* ============ RESTAURANTE ============ */
.dw-tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:#F0EEE6}
.dw-tab{position:relative;height:30px;padding:0 14px;border-radius:999px;font-weight:500;color:#6B6A64;transition:background .25s,color .25s}
.dw-tab::after{content:'';position:absolute;inset:-6px -2px}
.dw-tab.on{background:#fff;color:#121211;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dw-sub{padding:10px 14px 0}
.dw-cats{display:flex;gap:6px;padding:8px 14px 2px;overflow-x:auto;scrollbar-width:none}
.dw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 22px;align-content:start}
.dw-dish{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #E2E0D8}
.dw-dish-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dw-dish-t b{font-size:14px}
.dw-desc{color:#6B6A64;font-size:12px}
.dw-dish-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.dw-price{font-variant-numeric:tabular-nums;font-weight:600}
.dw-chat{position:absolute;z-index:30;left:0;right:0;bottom:0;top:14%;display:flex;flex-direction:column;background:#FBF5EA;border-radius:22px 22px 0 0;border:1px solid #E7D9C0;border-bottom:0;box-shadow:0 -8px 30px rgba(60,30,10,.14);transform:translateY(105%);visibility:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s}
.dw-chat.open{transform:none;visibility:visible;transition-delay:0s}
@container (min-width:620px){.dw-chat{left:auto;width:340px;top:0;border-radius:22px 0 0 22px;border:1px solid #E7D9C0;border-right:0;transform:translateX(105%)}}
.dw-chat-h{flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #E7D9C0}
.dw-chat-h div{display:flex;flex-direction:column;margin-right:auto;line-height:1.2}
.dw-av{width:34px;height:34px;border-radius:50%;background:var(--marca);color:#FBF5EA;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:12px;flex:none}
.dw-x{position:relative;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.dw-x::after{content:'';position:absolute;inset:-6px}
.dw-x svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}
.dw-chat-b{flex:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.dw-chat-f{flex:none;padding:10px 12px 12px;display:flex}
.dw-chat-f .dw-btn{flex:1}
.dw-msg{max-width:88%;padding:9px 12px 6px;border-radius:16px;white-space:pre-line;font-size:12.5px;animation:dw-pop .45s cubic-bezier(.22,1,.36,1)}
.dw-msg.out{align-self:flex-end;background:var(--marca);color:#FBF5EA;border-bottom-right-radius:5px}
.dw-msg.in{align-self:flex-start;background:#fff;border:1px solid #E7D9C0;border-bottom-left-radius:5px}
.dw-msg small{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:3px;font-size:10px;opacity:.8}
.dw-ticks{width:16px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dw-ticks .t2{opacity:0;transition:opacity .3s}
.dw-ticks.two .t2{opacity:1}
.dw-ticks.two{stroke:#F2C99B}
.dw-typing{display:inline-flex;gap:4px;padding:4px 2px}
.dw-typing i{width:6px;height:6px;border-radius:50%;background:#B9A98C;animation:dw-dot 1s infinite}
.dw-typing i:nth-child(2){animation-delay:.15s}.dw-typing i:nth-child(3){animation-delay:.3s}
@keyframes dw-dot{0%,60%,100%{opacity:.3}30%{opacity:1}}
@keyframes dw-pop{from{opacity:0;transform:translateY(8px) scale(.97)}}
.dw-day{align-self:center}
.dw-form{display:flex;flex-direction:column;gap:14px}
.dw-form .dw-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dw-form h3,.dw-title{margin:0;font-family:var(--f-display);font-size:20px;font-weight:700;letter-spacing:-.02em}

/* ============ INMOBILIARIA ============ */
.dw-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:auto;overscroll-behavior:contain}
.dw-col{padding:12px 14px;min-width:0}
@container (min-width:600px){.dw-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden}.dw-col{overflow:auto;overscroll-behavior:contain}}
.dw-fac{display:block;margin:0 auto;height:210px;width:auto;max-width:100%}
@container (min-width:600px){.dw-fac{height:min(calc(100cqh - 120px),350px)}}
.dw-u{cursor:pointer;outline:none}
.dw-u rect{stroke-width:1;transition:fill .3s,stroke .3s}
.dw-u text{font-family:var(--f-mono);font-size:8px;text-anchor:middle;fill:#121211;pointer-events:none}
.dw-u.s-d rect{fill:rgba(47,93,78,.16);stroke:var(--marca)}
.dw-u.s-a rect{fill:#EBCB8B;stroke:#C99A3C}
.dw-u.s-v rect{fill:#DAD8CF;stroke:#C5C3B9}
.dw-u.s-v text{fill:#8E8D85}
.dw-u.sel rect{stroke:#121211;stroke-width:2.2}
@media (hover:hover){.dw-u:hover rect{stroke:#121211}}
.dw-u:focus-visible rect{stroke:#121211;stroke-width:2.2}
.dw-fl{font-family:var(--f-mono);font-size:7px;fill:#8E8D85;text-anchor:end}
.dw-leg{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:6px}
.dw-leg span{display:inline-flex;align-items:center;gap:5px}
.dw-leg i{width:10px;height:10px;border-radius:50%;border:1px solid}
.dw-leg .l-d i{background:rgba(47,93,78,.2);border-color:var(--marca)}
.dw-leg .l-a i{background:#EBCB8B;border-color:#C99A3C}
.dw-leg .l-v i{background:#DAD8CF;border-color:#C5C3B9}
.dw-keyrow{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.dw-key{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:30px;letter-spacing:-.03em;line-height:1}
.dw-st{height:24px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;background:rgba(47,93,78,.14);color:var(--marca)}
.dw-st.s-a{background:#F6E6BE;color:#8A6416}.dw-st.s-v{background:#E8E6DE;color:#6B6A64}
.dw-facts{display:flex;border-top:1px solid #E2E0D8;border-bottom:1px solid #E2E0D8;margin-bottom:12px}
.dw-facts>div{flex:1;padding:8px 0 8px 12px;display:flex;flex-direction:column;border-left:1px solid #E2E0D8}
.dw-facts>div:first-child{padding-left:0;border-left:0}
.dw-facts b{font-family:var(--f-display);font-size:17px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dw-pay{margin:8px 0 2px;display:flex;flex-direction:column}
.dw-pay b{font-family:var(--f-display);font-size:34px;font-weight:800;font-stretch:125%;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.dw-note{color:#6B6A64;font-size:11.5px;margin:2px 0 10px}

/* ============ CLINICA ============ */
.dw-g2{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@container (min-width:600px){.dw-g2{grid-template-columns:1fr 1fr;gap:14px 28px}}
.dw-docs{display:flex;gap:10px;flex-wrap:wrap}
.dw-doc{position:relative;display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid #E2E0D8;border-radius:999px;background:#fff;transition:background .25s,color .25s,border-color .25s}
.dw-doc span.dw-ava{width:34px;height:34px;border-radius:50%;background:#DCE8EF;color:var(--marca);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none;transition:background .25s,color .25s}
.dw-doc small{display:block;color:#6B6A64;font-size:11px;line-height:1.1}
.dw-doc b{display:block;font-size:12.5px;line-height:1.2}
.dw-doc.on{border-color:var(--marca);background:var(--marca);color:#fff}
.dw-doc.on small{color:rgba(255,255,255,.75)}
.dw-doc.on .dw-ava{background:#fff}
.dw-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.dw-wd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;border:1px solid #E2E0D8;border-radius:16px;background:#fff;transition:background .25s,color .25s,border-color .25s,transform .2s}
.dw-wd span{font-family:var(--f-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.dw-wd b{font-family:var(--f-display);font-size:16px;font-variant-numeric:tabular-nums}
.dw-wd.on{background:var(--marca);border-color:var(--marca);color:#fff}
.dw-wd:active{transform:scale(.96)}
.dw-card{position:relative;width:min(300px,100%);padding:18px;border-radius:22px;background:#fff;border:1px solid #E2E0D8;box-shadow:0 10px 30px rgba(18,18,17,.08);display:flex;flex-direction:column;align-items:center;gap:6px}
.dw-card dl{margin:6px 0 0;width:100%;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;text-align:left}
.dw-card dt{font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6B6A64;padding-top:2px}
.dw-card dd{margin:0;font-weight:500}
.dw-card h3{margin:0;font-family:var(--f-display);font-size:20px;letter-spacing:-.02em}
.dw-notif{position:absolute;z-index:40;top:8px;left:50%;width:min(290px,92%);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid #E2E0D8;box-shadow:0 8px 24px rgba(18,18,17,.16);text-align:left;transform:translate(-50%,-160%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.dw-notif.in{transform:translate(-50%,0)}
.dw-notif .dw-av{width:30px;height:30px;font-size:10px}
.dw-notif b{display:block;font-size:12px}
.dw-notif span{font-size:11.5px;color:#6B6A64;line-height:1.25;display:block}

/* ============ COTIZADOR ============ */
.dw-pap-ov{position:absolute;inset:0;z-index:20;background:rgba(18,18,17,.4);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .6s;overflow:hidden}
.dw-pap-ov.show{opacity:1;visibility:visible;transition-delay:0s}
.dw-paper{position:absolute;left:50%;bottom:0;width:min(310px,88%);max-height:calc(100% - 52px);overflow:hidden;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);transform:translate(-50%,105%) rotate(2deg);transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}
.show .dw-paper{transform:translate(-50%,0) rotate(0)}
.dw-paper-h{padding:14px 16px 10px;border-bottom:2px solid var(--marca);display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.dw-paper-h b{font-family:var(--f-display);font-weight:800;font-stretch:125%;font-size:14px;color:var(--marca);letter-spacing:-.01em}
.dw-paper-l{padding:8px 16px 0;font-size:11.5px}
.dw-paper-l .r{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #E2E0D8}
.dw-paper-l .r span:last-child{font-variant-numeric:tabular-nums}
.dw-paper-t{margin:8px 16px 14px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.dw-paper-t b{font-family:var(--f-display);font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dw-sent{position:absolute;z-index:2;top:10px;left:50%;transform:translate(-50%,-200%);display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 8px;border-radius:999px;background:#fff;font-weight:600;white-space:nowrap;transition:transform .6s .5s cubic-bezier(.22,1,.36,1)}
.dw-sent svg{width:22px;height:22px}
.show .dw-sent{transform:translate(-50%,0)}
.dw-pap-close{position:absolute;z-index:3;top:10px;right:10px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-weight:500}
.dw-pap-ov .dw-sent~.dw-pap-close{display:none}
.dw-sent-w{position:absolute;inset:0 0 auto 0;display:flex;justify-content:center;pointer-events:none}

/* ============ HOTEL ============ */
.dw-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.dw-cal-h b{font-family:var(--f-display);font-size:16px;letter-spacing:-.02em;text-transform:capitalize}
.dw-cal-w,.dw-cal{display:grid;grid-template-columns:repeat(7,1fr)}
.dw-cal-w span{text-align:center;font-family:var(--f-mono);font-size:9px;color:#6B6A64;padding-bottom:3px;text-transform:uppercase}
.dw-day-c{position:relative;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transition:background .2s}
.dw-day-c b{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.dw-day-c small{font-size:8px;color:#6B6A64;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.dw-day-c.rg{background:rgba(22,112,121,.13)}
.dw-day-c.a,.dw-day-c.d{color:#fff}
.dw-day-c.a small,.dw-day-c.d small{color:rgba(255,255,255,.8)}
.dw-day-c.a::before,.dw-day-c.d::before{content:'';position:absolute;inset:1px 3px;border-radius:12px;background:var(--marca)}
.dw-day-c.a.rg-s{background:linear-gradient(90deg,transparent 50%,rgba(22,112,121,.13) 50%)}
.dw-day-c.d{background:linear-gradient(90deg,rgba(22,112,121,.13) 50%,transparent 50%)}
.dw-day-c:disabled{cursor:not-allowed}
.dw-day-c:disabled b{text-decoration:line-through;color:#B3B1A7;font-weight:400}
.dw-day-c:disabled small{opacity:0}
@media (hover:hover){.dw-day-c:hover:not(:disabled):not(.a):not(.d) b{color:var(--marca)}}
.dw-rooms{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dw-room{padding:9px 12px;border:1px solid #E2E0D8;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:2px;transition:border-color .25s,background .25s,color .25s}
.dw-room b{font-size:12.5px;line-height:1.2}
.dw-room span{font-size:11.5px;color:#6B6A64;font-variant-numeric:tabular-nums}
.dw-room.on{border-color:var(--marca);background:var(--marca);color:#fff}
.dw-room.on span{color:rgba(255,255,255,.8)}
.dw-sumt{margin:0;display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-variant-numeric:tabular-nums}
.dw-sumt dd{margin:0;text-align:right}
.dw-sumt .tot{font-weight:700;border-top:1px solid #E2E0D8;padding-top:5px;margin-top:2px}
.dw-free{display:inline-flex;align-items:center;gap:6px;color:var(--marca);font-weight:600;font-size:11.5px}
.dw-free svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* ============ TIENDA ============ */
.dw-bag{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.dw-bag svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dw-bag::after{content:'';position:absolute;inset:-3px}
.dw-cnt{position:absolute;top:0;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--marca);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.dw-cnt.has{transform:scale(1)}
.dw-shop{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;overflow:hidden}
@container (min-width:600px){.dw-shop{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr}}
.dw-stage{display:flex;align-items:center;justify-content:center;background:#ECE9DF;padding:6px;min-height:0}
.dw-chair{height:128px;width:auto;max-width:100%;overflow:visible}
@container (min-width:600px){.dw-chair{height:min(78cqh,360px)}}
.dw-chair .tela{fill:var(--tela);transition:fill .4s}
.dw-chair .mad{stroke:var(--mad);transition:stroke .4s}
.dw-chair .coj{transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1)}
.dw-chair.nocoj .coj{opacity:0;transform:translateY(-10px)}
.dw-opts{overflow:auto;overscroll-behavior:contain;padding:12px 14px;display:flex;flex-direction:column;gap:11px;min-height:0}
.dw-opts h3{margin:0;font-family:var(--f-display);font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.dw-sw-row{display:flex;gap:10px;align-items:center}
.dw-tel{position:relative;width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .25s}
.dw-tel::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;transition:border-color .25s}
.dw-tel.on::after{border-color:#121211}
.dw-tel:active{transform:scale(.92)}
.dw-pill i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.dw-pill.on i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.dw-dot{position:absolute;z-index:60;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--marca);pointer-events:none;opacity:0}
.dw-mini{position:absolute;z-index:50;top:50px;right:8px;width:min(260px,calc(100% - 16px));background:#fff;border:1px solid #E2E0D8;border-radius:20px;box-shadow:0 12px 34px rgba(18,18,17,.16);padding:12px 14px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s .45s}
.dw-mini.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dw-mini ul{list-style:none;margin:6px 0;padding:0;max-height:104px;overflow:auto}
.dw-mini li{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #E2E0D8;font-size:12px}
.dw-mini li svg.dw-chair{height:34px;width:34px;padding:3px}
.dw-mini li svg{width:34px;height:34px;flex:none;border-radius:10px;background:#ECE9DF}
.dw-mini li span{flex:1;min-width:0;line-height:1.2}
.dw-mini li small{display:block;color:#6B6A64;font-size:11px}
.dw-mini li em{font-style:normal;font-variant-numeric:tabular-nums;font-weight:600}
.dw-mini-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.dw-mini-f .dw-btn{height:34px;padding:0 14px}

/* ============ BRIEF (widget del sitio) ============ */
.dw-bw{container-type:inline-size;color:var(--fg);font-family:var(--f-body);width:100%}
.dw-bw *,.dw-bw *::before,.dw-bw *::after{box-sizing:border-box}
:where(.dw-bw) button,:where(.dw-bw) input{font:inherit;color:inherit}
:where(.dw-bw) button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit;touch-action:manipulation}
.dw-bw [hidden]{display:none!important}
.dw-bw button:focus-visible,.dw-bw input:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
.dw-b-mono{font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}
.dw-b-prog{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.dw-b-prog i{display:block;height:1px;background:var(--line);transition:background .4s,height .4s}
.dw-b-prog i.on{height:2px;margin-top:-.5px;background:var(--acento)}
.dw-b-step{animation:dw-bin .5s cubic-bezier(.22,1,.36,1)}
@keyframes dw-bin{from{opacity:0;transform:translateY(10px)}}
.dw-b-h{margin:6px 0 14px;font-family:var(--f-display);font-weight:400;font-size:clamp(26px,4.4cqw,40px);letter-spacing:-.03em;line-height:1.05}
.dw-b-opts{display:grid;grid-template-columns:minmax(0,1fr)}
@container (min-width:700px){.dw-b-opts.two{grid-template-columns:1fr 1fr;column-gap:40px}}
.dw-b-o{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:15px 0;border-bottom:1px solid var(--line);transition:padding .35s cubic-bezier(.22,1,.36,1)}
.dw-b-o>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dw-b-o b{font-weight:400;font-family:var(--f-display);font-size:19px;letter-spacing:-.02em;line-height:1.15}
.dw-b-o.big b{font-size:clamp(20px,3cqw,27px)}
.dw-b-o small{color:var(--fg-3);font-size:13px;line-height:1.3}
.dw-b-r{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--fg-3);position:relative;transition:background .25s,border-color .25s}
.dw-b-r::after{content:'';position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.dw-b-o.on .dw-b-r{background:var(--acento);border-color:var(--acento)}
.dw-b-o.on .dw-b-r::after{transform:rotate(45deg) scale(1)}
.dw-b-o.on b{color:var(--acento)}
@media (hover:hover){.dw-b-o:hover{padding-left:6px}}
.dw-b-g{margin-bottom:22px}
.dw-b-g .dw-b-mono{display:block;margin-bottom:10px}
.dw-b-pills{display:flex;flex-wrap:wrap;gap:8px}
.dw-b-p{position:relative;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;transition:background .25s,color .25s,border-color .25s,transform .2s}
.dw-b-p.on{background:var(--acento);border-color:var(--acento);color:var(--bg)}
.dw-b-p:active{transform:scale(.97)}
@media (hover:hover){.dw-b-p:hover:not(.on){border-color:var(--fg-3)}}
.dw-b-in{width:100%;max-width:480px;min-height:44px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:6px 0;border-radius:0;transition:border-color .25s}
.dw-b-in:focus{border-color:var(--acento);outline:none}
.dw-b-in::placeholder{color:var(--fg-3)}
.dw-b-doc{border:1px solid var(--line);border-radius:20px;padding:clamp(16px,3cqw,28px)}
.dw-b-doc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.dw-b-doc-h b{font-family:var(--f-display);font-weight:400;font-size:22px;letter-spacing:-.02em}
.dw-b-row{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}
@container (min-width:560px){.dw-b-row{grid-template-columns:170px minmax(0,1fr);gap:16px}}
.dw-b-row:last-child{border-bottom:0}
.dw-b-row span:last-child{line-height:1.45;overflow-wrap:anywhere}
.dw-b-row.time span:last-child{font-family:var(--f-display);font-size:26px;letter-spacing:-.03em;color:var(--acento);line-height:1.1}
.dw-b-nav{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.dw-b-back{min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;transition:opacity .25s,border-color .25s}
.dw-b-next{min-height:44px;padding:0 26px;border-radius:999px;background:var(--acento);color:var(--bg);font-weight:600;margin-left:auto;transition:opacity .25s,transform .2s}
.dw-b-next:disabled{opacity:.3;cursor:not-allowed}
.dw-b-next:active:not(:disabled){transform:scale(.97)}
.dw-b-send{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dw-b-send .dw-b-next{margin-left:0}
.dw-b-send .dw-b-back{color:var(--fg)}
@media (hover:hover){.dw-b-back:hover{border-color:var(--fg-3)}.dw-b-next:hover:not(:disabled){opacity:.85}}
@media (prefers-reduced-motion:reduce){.dw *,.dw-bw *{animation-duration:.01ms!important;transition-duration:.01ms!important}}