/* Marsupial · Wishlist (al estilo Miu Miu) */
:root{--mxwl-k:#191b1c;--mxwl-l:#e9e9e9;--mxwl-m:#6f6f6f;--mxwl-ph:#e6e6e6}

/* ---------- Navbar: corazón de línea con un punto si hay productos (como Miu Miu) ---------- */
[data-elementor-type="header"] .mx-wl .mx-wl-n:not(#mx0){display:none!important}
.mx-wl.has-items svg{fill:none!important}
.mx-wl.has-items:after{content:"";position:absolute;right:-2px;bottom:3px;width:5px;height:5px;border-radius:50%;background:currentColor;pointer-events:none}
.mx-wl.is-pop svg{transform:scale(1.22)}

/* ---------- Corazón en tarjetas y ficha ---------- */
.mxwl-h{position:absolute;z-index:6;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;color:var(--mxwl-k)!important;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .3s ease}
.mxwl-h svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;transition:fill .2s ease,transform .45s cubic-bezier(.3,1.6,.5,1)}
.mxwl-h.is-on svg{fill:currentColor}
.mxwl-h.is-pop svg{transform:scale(1.25)}
.mxwl-h:focus-visible{outline:1px solid var(--mxwl-k);outline-offset:-4px;opacity:1}
ul.products li.product:hover .mxwl-h,.mxwl-h.is-on,.mxwl-card .mxwl-h{opacity:1}
@media (hover:none){.mxwl-h{opacity:1}}
ul.products li.product .product-thumbnail{position:relative}
ul.products li.product .mx-wh{display:none!important}
.single-product .summary{position:relative}
.single-product .summary .mx-wh--pdp{display:none!important}
.single-product .summary .mxwl-h--pdp{opacity:1;top:-6px;right:0;width:44px;height:44px}
.single-product .summary .mxwl-h--pdp svg{width:23px;height:23px}

/* ---------- Aviso negro arriba ---------- */
.mxwl-toast{position:fixed;top:16px;left:50%;z-index:100010;display:flex;align-items:center;gap:14px;width:min(396px,calc(100vw - 32px));min-height:56px;padding:0 24px;box-sizing:border-box;border-radius:6px;background:var(--mxwl-k);color:#fff;font:500 13px/1.35 Poppins,Arial,sans-serif;letter-spacing:0;opacity:0;visibility:hidden;transform:translate(-50%,-14px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s;pointer-events:none}
.mxwl-toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);pointer-events:auto}
.mxwl-toast svg{width:20px;height:20px;flex:none;fill:none;stroke:#fff;stroke-width:1.3;stroke-linejoin:round}
.mxwl-toast span{flex:1}
.mxwl-toast a{color:#fff!important;font-weight:600;text-decoration:none;margin-left:auto}
.mxwl-toast a:hover{text-decoration:underline}

/* ---------- Página /wishlist/ ---------- */
body.mxwl-pg [data-elementor-type="footer"],body.mxwl-pg .elementor-location-footer,body.mxwl-pg .site-footer{display:none!important}
.mxwl{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:#fff;color:var(--mxwl-k);font-family:Poppins,Arial,sans-serif;min-height:calc(100vh - 160px)}
.mxwl *{box-sizing:border-box}
.mxwl a{color:inherit;text-decoration:none}
.mxwl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 16px}
.mxwl-h1{margin:0!important;font:500 20px/30px Poppins,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--mxwl-k)!important}
.mxwl-link{background:none!important;border:0!important;padding:0!important;color:var(--mxwl-k)!important;font:400 14px/20px Poppins,Arial,sans-serif!important;text-decoration:underline!important;text-underline-offset:4px;cursor:pointer;letter-spacing:0!important;text-transform:none!important}
.mxwl-link[disabled]{text-decoration:none!important;color:var(--mxwl-m)!important;cursor:default}
.mxwl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--mxwl-l)}
.mxwl-grid.mxwl-cargando:empty{min-height:420px}

/* Visitante: panel gris a la izquierda para entrar o crear cuenta */
.mxwl.is-guest{display:grid;grid-template-columns:370px minmax(0,1fr);align-items:stretch}
.mxwl-side{background:#f5f5f5;padding:48px 24px 48px 35px}
.mxwl-side h2{margin:0 0 12px!important;font:600 16px/24px Poppins,Arial,sans-serif!important;color:var(--mxwl-k)!important;letter-spacing:0!important;text-transform:none!important}
.mxwl-side p{margin:0 0 30px!important;font:400 14px/20px Poppins,Arial,sans-serif;color:var(--mxwl-k)}
.mxwl.is-guest .mxwl-head{padding:32px 24px 24px}
.mxwl.is-guest .mxwl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mxwl.is-guest.is-empty .mxwl-head{padding:32px 80px 8px}
.mxwl.is-guest.is-empty .mxwl-vacia{padding:0 80px}

/* Botones */
.mxwl-bt{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0 0 15px;padding:0 24px;border:1px solid var(--mxwl-k);background:var(--mxwl-k);color:#fff!important;font:600 14px/1 Poppins,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transition:background-color .25s,color .25s}
.mxwl-bt--o{background:transparent;color:var(--mxwl-k)!important}
.mxwl-bt--o:hover{background:var(--mxwl-k);color:#fff!important}
.mxwl-vacia{grid-column:1/-1;padding:0 16px 24px;border:0}
.mxwl-vacia p{margin:0 0 30px!important;font:400 14px/20px Poppins,Arial,sans-serif;color:var(--mxwl-k)}
.mxwl-vacia .mxwl-bt{display:inline-flex;width:auto;height:58px;border-radius:6px}
.mxwl-grid:has(.mxwl-vacia){border-top:0}
.mxwl-err{grid-column:1/-1;padding:24px 16px;font:400 14px/20px Poppins,Arial,sans-serif}

/* ---------- Tarjeta ---------- */
.mxwl-card{position:relative;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--mxwl-l);border-bottom:1px solid var(--mxwl-l);transition:opacity .4s ease,transform .4s ease}
.mxwl-card.is-out{opacity:0;transform:scale(.98);pointer-events:none}
.mxwl-ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--mxwl-ph)}
.mxwl-ph>a{position:absolute;inset:0;display:block}
.mxwl-ph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;transition:opacity .6s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
.mxwl-ph img.a{-webkit-mask-image:linear-gradient(to bottom,transparent 10%,#000 15%,#000 85%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,#000 15%,#000 85%,transparent 90%)}
.mxwl-ph img.b{object-fit:cover;opacity:0}
@media (hover:hover){.mxwl-card:hover .mxwl-ph img.b{opacity:1}.mxwl-card:hover .mxwl-ph img.a:only-child{transform:scale(1.03)}}
.mxwl-card.is-gone .mxwl-ph img{filter:grayscale(1);opacity:.55}
.mxwl-info{padding:16px 16px 24px}
.mxwl-info h3{margin:0 0 4px!important;font:400 12px/16px Poppins,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--mxwl-k)!important}
.mxwl-info h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.mxwl-pr{margin:0!important;font:400 12px/16px Poppins,Arial,sans-serif;color:var(--mxwl-k);font-variant-numeric:tabular-nums}
.mxwl-pr del{margin-left:6px;color:var(--mxwl-m)}
.mxwl-cta{margin-top:auto;padding:0 16px 24px}
.mxwl-add{display:flex;align-items:center;justify-content:center;width:100%;height:58px;padding:0 24px;border:0!important;border-radius:6px!important;background:var(--mxwl-k)!important;color:#fff!important;font:600 14px/1 Poppins,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;transition:opacity .25s}
.mxwl-add:hover{opacity:.86}
.mxwl-add[disabled]{background:var(--mxwl-l)!important;color:var(--mxwl-m)!important;cursor:default;opacity:1}
.mxwl-add.is-busy{opacity:.55}
.mxwl-add.is-wait[disabled]{background:var(--mxwl-k)!important;color:#fff!important;opacity:.35}
.mxwl-st{margin:0!important;height:58px;display:flex;align-items:center;font:400 12px/16px Poppins,Arial,sans-serif;color:var(--mxwl-m)}

/* Tallas: hoja blanca que sube sobre la foto */
.mxwl-tallas{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:16px;background:#fff;transform:translateY(101%);visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}
.mxwl-card.is-tallas .mxwl-tallas{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.mxwl-tt{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:500 12px/16px Poppins,Arial,sans-serif;color:var(--mxwl-k)}
.mxwl-tx{width:28px;height:28px;margin:-6px -6px -6px 0;padding:0!important;display:grid;place-items:center;border:0!important;background:none!important;color:var(--mxwl-k)!important;cursor:pointer}
.mxwl-tx svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
.mxwl-tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.mxwl-tg button{height:40px;padding:0!important;border:1px solid #d9d9d9!important;border-radius:0!important;background:#fff!important;color:var(--mxwl-k)!important;font:400 12px/1 Poppins,Arial,sans-serif!important;letter-spacing:0!important;cursor:pointer;transition:border-color .2s}
.mxwl-tg button:hover,.mxwl-tg button:focus-visible{border-color:var(--mxwl-k)!important;outline:0}
.mxwl-tg button[disabled]{color:#b5b5b5!important;background:#f6f6f6!important;text-decoration:line-through;cursor:default;border-color:#ececec!important}
.mxwl-tg button.is-busy{opacity:.5}

/* Esqueleto mientras carga */
.mxwl-sk{border-right:1px solid var(--mxwl-l);border-bottom:1px solid var(--mxwl-l);padding-bottom:24px}
.mxwl-sk i{display:block;aspect-ratio:4/5;background:#f1f1f1}
.mxwl-sk b{display:block;height:10px;margin:16px 16px 0;width:60%;background:#f1f1f1}
.mxwl-sk b+b{width:30%;margin-top:8px}
.mxwl-sk i,.mxwl-sk b{animation:mxwl-sk 1.4s ease-in-out infinite}
@keyframes mxwl-sk{50%{opacity:.5}}

/* Copyright (sin footer, como Miu Miu) */
.mxwl-copy{width:100vw;margin-left:calc(50% - 50vw);padding:40px 16px;background:#fff;font:400 12px/18px Poppins,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mxwl-k);box-sizing:border-box}

/* ---------- Dentro de Mi cuenta ---------- */
.mxac-p .mxwl-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--mxwl-l)}
.mxac-p .mxwl-grid:has(.mxwl-vacia){border-left:0}

@media (max-width:1024px){
 .mxwl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mxwl.is-guest{display:block}
 .mxwl-side{padding:24px 16px 9px}
 .mxwl-side .mxwl-bt{max-width:420px}
 .mxwl.is-guest .mxwl-head,.mxwl.is-guest.is-empty .mxwl-head{padding:24px 16px}
 .mxwl.is-guest.is-empty .mxwl-vacia{padding:0 16px 24px}
}
@media (max-width:767px){
 .mxwl-grid,.mxwl.is-guest .mxwl-grid,.mxac-p .mxwl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mxwl-head{padding:20px 16px}
 .mxwl-h1{font-size:18px!important;line-height:26px!important}
 .mxwl-info{padding:12px 12px 16px}
 .mxwl-cta{padding:0 12px 16px}
 .mxwl-add{height:44px;font-size:12px!important;padding:0 8px}
 .mxwl-st{height:44px}
 .mxwl-tallas{padding:12px}
 .mxwl-tg{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .mxwl-tg button{height:36px}
 .mxwl-h{top:4px;right:4px}
 .mxwl-toast{top:10px}
}

/* ---------- Ventana de zapatos (igual a «Editar» de la bolsa) ---------- */
.mxwe{position:fixed;inset:0;z-index:2147482400;display:none;align-items:center;justify-content:center;font-family:Poppins,'Helvetica Neue',Arial,sans-serif;color:#191b1c}
.mxwe.on{display:flex}
.mxwe *{box-sizing:border-box}
.mxwe button{font-family:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mxwe-bg{position:absolute;inset:0;background:rgba(25,27,28,.7)}
.mxwe-w{position:relative;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:#fff;display:flex;flex-direction:column;overflow:hidden}
.mxwe-hd{position:relative;flex:none;height:56px;display:flex;align-items:center;justify-content:center;font:600 16px/24px Poppins,sans-serif}
.mxwe-x{position:absolute;right:16px;top:50%;width:40px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center}
.mxwe-x svg{width:22px;height:22px}
.mxwe button:focus{outline:none!important;box-shadow:none!important}.mxwe .mxwe-x{border:0!important;background:none!important}
.mxwe-w:focus,.mxwe-w:focus-visible,.mxwe:focus-visible{outline:none!important;box-shadow:none!important}
.mxwe-bd{display:grid;grid-template-columns:1fr 1fr;min-height:0;flex:1}
.mxwe-g{position:relative;background:#e6e6e6;aspect-ratio:4/5;max-height:calc(100vh - 104px);overflow:hidden}
.mxwe-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mxwe-g .ar{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;display:flex;align-items:center;justify-content:center;color:#191b1c}
.mxwe-g .ar svg{width:20px;height:20px}
.mxwe-g .ar.pv{left:12px}.mxwe-g .ar.nx{right:12px}
.mxwe-g .ar[disabled]{opacity:.3;cursor:default}
.mxwe-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:10px}
.mxwe-dots i{width:4px;height:4px;border-radius:50%;background:#191b1c;opacity:.35}
.mxwe-dots i.on{opacity:1}
.mxwe-f{display:flex;flex-direction:column;padding:16px;min-height:0;overflow-y:auto}
.mxwe-n{font:500 14px/21px Poppins,sans-serif;margin:8px 0 8px}
.mxwe-p{font:500 14px/20px Poppins,sans-serif;margin:0 0 6px}
.mxwe-p s{color:#8a837b;font-weight:400;margin-right:8px}
.mxwe-o{border-bottom:1px solid #e9e9e9}
.mxwe-o>button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:52px;font:400 14px/20px Poppins,sans-serif;text-align:left}
.mxwe-o>button svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.22,.8,.2,1)}
.mxwe-o.on>button svg{transform:rotate(180deg)}
.mxwe-o .cu{overflow:hidden;height:0}
.mxwe-o.on .cu{height:auto}
.mxwe-o .gr{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 16px}
.mxwe-o .gr button{min-width:52px;height:44px;padding:0 12px;border:1px solid #d6d3cf;font:400 14px/1 Poppins,sans-serif;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s ease}
.mxwe-o .gr button:hover{border-color:#191b1c}
.mxwe-o .gr button.on{border-color:#191b1c;box-shadow:inset 0 0 0 1px #191b1c}
.mxwe-o .gr button.out{color:#b5afa8;text-decoration:line-through;cursor:not-allowed;border-color:#eceae7}
.mxwe-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12);vertical-align:-1px;margin-right:6px}
.mxwe-q{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid #e9e9e9;font:400 14px/20px Poppins,sans-serif}
.mxwe-q div{display:flex;align-items:center;gap:18px}
.mxwe-q button{width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.mxwe-q button svg{width:18px;height:18px}
.mxwe-q button[disabled]{opacity:.3;cursor:default}
.mxwe-q output{min-width:14px;text-align:center}
.mxwe-msg{font:400 13px/18px Poppins,sans-serif;color:#b3261e;margin:12px 0 0;min-height:18px}
.mxwe-bt{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mxwe-bt button{height:58px;border-radius:6px;font:600 14px/1 Poppins,sans-serif}
.mxwe-bt .c{border:1px solid #191b1c}
.mxwe-bt .ok{background:#191b1c;color:#fff}
.mxwe-bt .ok[disabled]{background:#e6e6e6;color:#8a8a8a;cursor:default}
html.mxwe-lock,html.mxwe-lock body{overflow:hidden!important}
.mxwe :focus-visible{outline:1px solid #191b1c;outline-offset:3px}
.mxwe .gr button{background:#fff}
.mxwe-g img{-webkit-mask-image:linear-gradient(to bottom,transparent 10%,#000 15%,#000 85%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,#000 15%,#000 85%,transparent 90%)}
@media (max-width:767px){
 .mxwe{align-items:flex-end}
 .mxwe-w{width:100vw;max-height:92vh;border-radius:12px 12px 0 0}
 .mxwe-bd{display:block;overflow-y:auto}
 .mxwe-g{aspect-ratio:auto;height:44vh;max-height:none}
 .mxwe-f{overflow:visible;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px))}
 .mxwe-bt{gap:12px}
}
@media (max-width:767px){.mxwe-g img{-webkit-mask-image:none;mask-image:none}}