/* Malquerida Store: negro, fucsia y animal print como sus posteos; papel crema para la vidriera. */
:root{--ink:#141012;--ink2:#221b1e;--paper:#f6efe4;--paper2:#ece0cd;--fucsia:#ff2d87;--fucsia-d:#d6136a;--rojo:#e3262f;--mostaza:#f2b632;
--texto:#2a2225;--gris:#6f6468;--linea:rgba(20,16,18,.12);--r:18px;--sombra:0 18px 40px -22px rgba(20,16,18,.45);
--f:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;--mano:"Caveat","Bradley Hand",cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{font-family:var(--f);color:var(--texto);background:var(--paper);line-height:1.55;font-size:16px;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--fucsia);outline-offset:3px}
.mq-wrap{width:min(1180px,100% - 32px);margin-inline:auto}
.mq-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fucsia-d)}
.mq-h2{font-size:clamp(2rem,5.4vw,3.4rem);line-height:1.02;font-weight:800;letter-spacing:-.02em;margin:.25em 0 .35em}
.mq-h2 em,.mq-hero h1 em{font-style:normal;color:var(--fucsia)}
.mq-sec{padding:clamp(64px,10vw,110px) 0}
.mq-cab{max-width:680px;margin-bottom:28px}
.mq-sub{color:var(--gris);font-size:1.05rem}
.mq-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:14px 22px;border-radius:999px;background:var(--fucsia);color:#fff;
  font-weight:700;text-decoration:none;transition:transform .2s,background .2s;min-height:48px}
.mq-btn:hover{background:var(--fucsia-d);transform:translateY(-2px)}
.mq-btn svg,.mq-send svg{width:20px;height:20px}
.mq-btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.mq-btn-ghost:hover{background:rgba(255,45,135,.12)}
.mq-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Aviso y encabezado */
.mq-aviso{background:var(--fucsia);color:#fff;text-align:center;font-size:.82rem;padding:8px 16px;font-weight:500}
.mq-top{position:sticky;top:0;z-index:30;background:rgba(20,16,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}
.mq-top .mq-wrap{display:flex;align-items:center;gap:20px;height:66px}
.mq-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.mq-logo span{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;line-height:1}
.mq-logo small{display:block;font-family:var(--mano);font-size:1.25rem;color:var(--fucsia);font-weight:700;letter-spacing:0;margin-top:-2px}
.mq-nav{display:flex;gap:24px;margin-left:auto;font-weight:500;font-size:.95rem}
.mq-nav a{text-decoration:none;opacity:.85}.mq-nav a:hover{opacity:1;color:var(--fucsia)}
.mq-bolsa-btn{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08)}
.mq-bolsa-btn svg{width:24px;height:24px}
.mq-badge{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;border-radius:11px;background:var(--fucsia);color:#fff;font-size:.75rem;display:grid;place-items:center;padding:0 5px}
.mq-badge.pop{animation:pop .45s}
@keyframes pop{40%{transform:scale(1.45)}}

/* Portada */
.mq-hero{background:radial-gradient(120% 90% at 85% 30%,#3a1427 0,var(--ink) 60%);color:#fff;overflow:hidden}
.mq-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;min-height:min(640px,82vh);padding:40px 0}
.mq-hero .mq-eyebrow{color:var(--fucsia)}
.mq-hero h1{font-size:clamp(2.8rem,7.4vw,5.6rem);line-height:.95;font-weight:800;letter-spacing:-.03em;margin:.2em 0 .3em}
.mq-hero h1 em{display:block;font-family:var(--mano);font-weight:700;font-size:1.15em;letter-spacing:0;transform:rotate(-3deg);transform-origin:left}
.mq-hero-sub{font-size:1.12rem;max-width:520px;color:rgba(255,255,255,.82)}
.mq-datos{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:.9rem}
.mq-datos li>*{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);text-decoration:none}
.mq-datos b{color:var(--mostaza)}
.mq-abierto::before{content:"";width:8px;height:8px;border-radius:50%;background:#9a8f93;display:inline-block;margin-right:2px}
.mq-abierto.on::before{background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}
.mq-escena{position:relative;aspect-ratio:1/1.05;width:100%;max-width:620px;justify-self:center}
.mq-3d{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}
.mq-escena-fallback{display:none;position:absolute;inset:8%;width:84%;height:84%;object-fit:cover;border-radius:24px}
.mq-escena.sin3d .mq-3d{display:none}.mq-escena.sin3d .mq-escena-fallback{display:block}

/* Cinta */
.mq-cinta{background:var(--fucsia);color:#fff;overflow:hidden;padding:14px 0;transform:rotate(-1.2deg) scaleX(1.03);margin:-12px 0 0;position:relative;z-index:2}
.mq-cinta div{display:flex;gap:26px;width:max-content;animation:cinta 28s linear infinite;font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mq-cinta i{font-style:normal;color:var(--ink)}
@keyframes cinta{to{transform:translateX(-50%)}}

/* Beneficios */
.mq-benef{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.mq-benef li{background:#fff;border-radius:var(--r);padding:18px;display:grid;gap:2px;box-shadow:var(--sombra)}
.mq-benef span{font-size:1.4rem;color:var(--fucsia)}
.mq-benef b{font-size:1.05rem}.mq-benef small{color:var(--gris);font-size:.88rem}

/* Vidriera */
.mq-filtros{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mq-buscar{flex:1 1 260px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--linea);border-radius:999px;padding:0 18px;min-height:50px}
.mq-buscar svg{width:20px;height:20px;color:var(--gris);flex:none}
.mq-buscar input{border:0;outline:0;background:none;width:100%;font-size:1rem}
.mq-orden{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--linea);border-radius:999px;padding:0 16px;min-height:50px;font-size:.9rem;color:var(--gris)}
.mq-orden select{border:0;background:none;font-weight:600;color:var(--texto);outline:0}
.mq-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:24px;scrollbar-width:none}
.mq-chips::-webkit-scrollbar{display:none}
.mq-chip{flex:none;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--linea);font-weight:600;font-size:.92rem;min-height:44px}
.mq-chip small{color:var(--gris);font-weight:500;margin-left:2px}
.mq-chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mq-chip[aria-pressed=true] small{color:var(--fucsia)}
.mq-grilla{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}
.mq-card{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sombra);transition:transform .25s}
.mq-card:hover{transform:translateY(-4px) rotate(-.4deg)}
.mq-foto{position:relative;aspect-ratio:3/4;background:var(--paper2);overflow:hidden}
.mq-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mq-card:hover .mq-foto img{transform:scale(1.04)}
.mq-eti{position:absolute;top:12px;left:12px;z-index:1;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.mq-precio-tag{position:absolute;right:12px;bottom:14px;background:#f8f1e2;color:var(--ink);font-family:var(--mano);font-weight:700;font-size:1.55rem;line-height:1;
  padding:6px 12px 6px 18px;border-radius:4px 10px 10px 4px;transform:rotate(-6deg);box-shadow:0 6px 14px -6px rgba(0,0,0,.5);
  clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}
.mq-precio-tag::before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--paper2);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.mq-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.mq-talle{font-size:.76rem;color:var(--fucsia-d);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mq-info h3{font-size:1.08rem;line-height:1.2}
.mq-det{font-size:.88rem;color:var(--gris);flex:1}
.mq-add{margin-top:10px;min-height:46px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;transition:background .2s}
.mq-add:hover{background:var(--fucsia)}
.mq-add-si{display:none}
.mq-card.en-bolsa .mq-add{background:var(--fucsia)}
.mq-card.en-bolsa .mq-add-no{display:none}.mq-card.en-bolsa .mq-add-si{display:inline}
.mq-card.en-bolsa .mq-foto::after{content:"Reservada en tu bolsa";position:absolute;inset:auto 0 0;background:rgba(255,45,135,.92);color:#fff;font-weight:700;text-align:center;padding:8px;font-size:.85rem}
.mq-card.en-bolsa .mq-precio-tag{bottom:46px}
.mq-vacio,.mq-mas{margin-top:22px;color:var(--gris)}
.mq-vacio a,.mq-mas a{color:var(--fucsia-d);font-weight:700}

/* Consignación */
.mq-consigna{background:#c9945a url(/assets/img/leopardo.webp) 0 0/360px}
.mq-consigna-box{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(26px,5vw,56px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.mq-consigna .mq-eyebrow{color:var(--fucsia)}
.mq-consigna-izq>p{color:rgba(255,255,255,.8);font-size:1.08rem}
.mq-consigna-foto{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-top:22px}
.mq-pasos{list-style:none;display:grid;gap:16px;margin-top:26px}
.mq-pasos li{display:flex;gap:14px;align-items:flex-start}
.mq-pasos li>b{flex:none;width:40px;height:40px;border-radius:50%;background:var(--fucsia);display:grid;place-items:center;font-size:1.1rem}
.mq-pasos h3{font-size:1.05rem}.mq-pasos p{color:rgba(255,255,255,.7);font-size:.92rem}
.mq-lote{background:#fff;color:var(--texto);border-radius:22px;padding:24px;display:grid;gap:16px;align-content:start;transform:rotate(1deg)}
.mq-lote h3{font-size:1.35rem}
.mq-field{display:grid;gap:8px}
.mq-field>span{font-size:.85rem;font-weight:700;color:var(--gris)}
.mq-field input,.mq-field textarea{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;background:var(--paper);font-size:16px;width:100%;outline:0}
.mq-field input:focus,.mq-field textarea:focus{border-color:var(--fucsia)}
.mq-multi,.mq-pills{display:flex;flex-wrap:wrap;gap:8px}
.mq-multi button,.mq-pills button{padding:9px 14px;border-radius:999px;border:1px solid var(--linea);background:var(--paper);font-size:.9rem;font-weight:600;min-height:42px}
.mq-multi [aria-pressed=true],.mq-pills [aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mq-multi [aria-pressed=true]::before{content:"✓ ";color:var(--fucsia)}
.mq-send{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;background:#1faa59;color:#fff;font-weight:800;font-size:1.05rem}
.mq-send:hover{background:#178a47}
.mq-note{font-size:.8rem;color:var(--gris);text-align:center}

/* Moda circular */
.mq-circular{background:var(--paper2)}
.mq-circ-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mq-circ-grid p{margin-bottom:12px;font-size:1.05rem}
.mq-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mq-collage img{width:100%;height:auto;border-radius:var(--r);aspect-ratio:3/4;object-fit:cover;box-shadow:var(--sombra)}
.mq-collage img:first-child{transform:rotate(-2.5deg)}.mq-collage img:last-child{transform:rotate(2deg) translateY(30px)}

/* Opiniones */
.mq-opiniones{background:var(--ink);color:#fff}
.mq-opiniones .mq-eyebrow{color:var(--fucsia)}
.mq-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mq-op{background:var(--ink2);border-radius:var(--r);padding:24px;display:grid;gap:12px;align-content:start}
.mq-estrellas{color:var(--mostaza);letter-spacing:.12em}
.mq-op blockquote{font-size:1.02rem;color:rgba(255,255,255,.88)}
.mq-op figcaption{font-weight:700;color:var(--fucsia)}
.mq-opiniones .mq-mas a{color:var(--fucsia)}

/* Local */
.mq-local-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}
.mq-horario{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;margin:22px 0 14px;font-size:1.05rem}
.mq-horario dt{font-weight:700}.mq-horario dd{color:var(--gris)}
.mq-abierto-grande{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;font-weight:600;font-size:.92rem}
.mq-local .mq-btn-ghost svg{width:18px;height:18px}
.mq-mapa{display:grid;gap:14px}
.mq-mapa img{width:100%;height:auto;border-radius:var(--r);aspect-ratio:7/5;object-fit:cover;box-shadow:var(--sombra)}
.mq-mapa iframe{width:100%;height:240px;border:0;border-radius:var(--r);background:var(--paper2)}

/* Preguntas */
.mq-faq{background:var(--paper2)}
.mq-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
.mq-faq-grid>div:first-child a{color:var(--fucsia-d);font-weight:700}
.mq-faq details{background:#fff;border-radius:14px;margin-bottom:10px}
.mq-faq summary{padding:16px 46px 16px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative}
.mq-faq summary::-webkit-details-marker{display:none}
.mq-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--fucsia)}
.mq-faq details[open] summary::after{content:"–"}
.mq-faq details p{padding:0 18px 16px;color:var(--gris)}

/* Pie */
.mq-pie{background:var(--ink);color:rgba(255,255,255,.75);padding:48px 0 120px;font-size:.92rem}
.mq-pie .mq-wrap{display:grid;gap:10px}
.mq-pie .mq-logo{color:#fff}
.mq-muestra{font-size:.78rem;opacity:.6}

/* Flotantes */
.mq-wa-flot{position:fixed;right:16px;bottom:16px;z-index:40;width:58px;height:58px;border-radius:50%;background:#1faa59;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.mq-wa-flot svg{width:30px;height:30px}
body.con-bolsa .mq-wa-flot{display:none}
.mq-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:12px;background:var(--fucsia);color:#fff;
  border-radius:999px;padding:12px 20px;min-height:56px;font-weight:700;box-shadow:0 14px 30px -10px rgba(214,19,106,.7);width:min(440px,100% - 32px)}
.mq-bar svg{width:22px;height:22px}
.mq-bar-t{flex:1;text-align:left}
.mq-bar-n{background:#fff;color:var(--fucsia-d);border-radius:999px;min-width:26px;height:26px;display:grid;place-items:center;font-size:.85rem}

/* Bolsa */
.mq-drawer{position:fixed;inset:0;z-index:60}
.mq-drawer-bg{position:absolute;inset:0;background:rgba(20,16,18,.55)}
.mq-panel{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--paper);overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;animation:entra .3s ease}
@keyframes entra{from{transform:translateX(40px);opacity:0}}
.mq-panel-head{display:flex;align-items:center;justify-content:space-between}
.mq-panel-head h2{font-size:1.6rem}
.mq-x{width:44px;height:44px;border-radius:50%;background:#fff;font-size:1.1rem}
.mq-panel-sub{font-size:.9rem;color:var(--gris)}
.mq-items{display:grid;gap:10px}
.mq-items-vacio{text-align:center;color:var(--gris);padding:30px 10px}
.mq-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px}
.mq-item img{width:56px;height:72px;object-fit:cover;border-radius:8px}
.mq-item div{flex:1;display:grid}.mq-item small{color:var(--gris)}
.mq-quitar{font-size:.82rem;color:var(--fucsia-d);font-weight:700;padding:10px 6px;min-height:44px}
.mq-form{display:grid;gap:14px}
.mq-totales{background:#fff;border-radius:14px;padding:14px;display:grid;gap:6px;font-size:.95rem}
.mq-totales div{display:flex;justify-content:space-between}
.mq-tot{font-weight:800;font-size:1.15rem;border-top:1px dashed var(--linea);padding-top:8px}
.mq-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:.9rem;
  opacity:0;pointer-events:none;transition:.3s;z-index:70;max-width:calc(100% - 32px);text-align:center}
.mq-toast.ver{opacity:1;transform:translate(-50%,0)}

@media (max-width:980px){
  .mq-grilla{grid-template-columns:repeat(3,1fr)}
  .mq-benef{grid-template-columns:repeat(2,1fr)}
  .mq-consigna-box,.mq-circ-grid,.mq-local-grid,.mq-faq-grid{grid-template-columns:1fr}
  .mq-ops{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mq-nav{display:none}
  .mq-bolsa-btn{margin-left:auto}
  .mq-hero-grid{grid-template-columns:1fr;min-height:0;padding:22px 0 26px;gap:0}
  .mq-hero-txt{display:contents}
  .mq-hero .mq-eyebrow{order:1}.mq-hero h1{order:2;margin-bottom:0}.mq-escena{order:3}.mq-hero-sub{order:4}.mq-ctas{order:5}.mq-datos{order:6}
  .mq-escena{aspect-ratio:1/0.82;max-width:480px;margin:-6px 0 4px}
  .mq-hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}
  .mq-hero h1 em{display:inline}
  .mq-grilla{grid-template-columns:repeat(2,1fr);gap:14px 12px}
  .mq-info{padding:12px}
  .mq-info h3{font-size:.98rem}
  .mq-det{display:none}
  .mq-precio-tag{font-size:1.3rem;right:8px}
  .mq-lote{transform:none;padding:20px}
  .mq-collage img:last-child{transform:rotate(2deg) translateY(16px)}
  .mq-aviso{font-size:.74rem}
}
@media (max-width:420px){.mq-benef{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}