/* =====================================================================
   BASIKZ v6 · "La vitrina"
   Se carga después de styles.css y cambia el diseño de la portada.
   Colores de la marca: café, taupe, arena y lino. Letras: Marcellus + Jost.
   ===================================================================== */
/* Marcellus dibuja el 1 como una I ("Gel-II3O", "IO ml"): los números de los títulos salen de Jost */
@font-face{font-family:'BasikzDisplay';src:url('fonts/marcellus.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'BasikzDisplay';src:url('fonts/jost-400.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0030-0039}
:root{
  --display:'BasikzDisplay','Marcellus',Georgia,serif;
  --lino:#EFE8DE; --hueso:#F8F4EE; --arena:#C7B5A4; --arena2:#E3D8CA; --taupe:#695E53;
  --cafe:#5F4330; --tierra:#2B1D14; --madera:#9C7B5E; --linea:#DCD1C3;
  --cream:var(--lino); --paper:#E9E0D4; --espresso:var(--tierra); --ink:var(--tierra); --muted:#6E6257; --line:var(--linea);
  --r-md:16px; --r-sm:10px;
  --base:150px;
}
@media (min-width:700px){:root{--base:190px}}
@media (min-width:1100px){:root{--base:220px}}

body{background:var(--lino);color:var(--tierra)}
body::before{background:var(--lino)}
.link:hover{color:var(--cafe)}

/* ---------- botones: frase normal, sin mayúsculas forzadas ---------- */
.btn{min-height:48px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:.01em;text-transform:none;border-color:var(--tierra)}
.btn--sm{min-height:42px;padding:0 18px;font-size:14px}
.btn--solid{background:var(--cafe);border-color:var(--cafe);color:var(--hueso)}
.btn--solid:hover{background:var(--tierra);border-color:var(--tierra)}
.btn--light{border-color:var(--hueso);color:var(--hueso)}
.txt-btn{font-size:14px;letter-spacing:0;text-transform:none}
.eyebrow{font-size:13px;letter-spacing:.01em;text-transform:none}

/* ---------- encabezado ---------- */
.site-header{background:rgba(239,232,222,.94);border-bottom:1px solid var(--linea)}
.nav{grid-template-columns:auto minmax(0,1fr) auto;gap:20px}
.nav__logo img{height:24px}
.nav__links{justify-content:center;gap:4px 26px;font-size:15px;letter-spacing:0;text-transform:none}
.nav__links a{color:var(--tierra)}
.bag-btn{gap:8px;padding:0 14px 0 12px;min-height:42px;border:1px solid var(--linea);border-radius:999px;background:var(--hueso);font-size:14px;letter-spacing:0;text-transform:none}
.bag-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.bag-count{background:var(--tierra);color:var(--hueso)}
.catnav{display:none;border-top:1px solid var(--linea)}
.catnav__track{display:flex;gap:8px;overflow-x:auto;scroll-padding-inline:16px;padding:9px max(16px,env(safe-area-inset-left,0px)) 10px;scrollbar-width:none;scroll-snap-type:x proximity}
.catnav__track::-webkit-scrollbar{display:none}
.catnav a{flex:0 0 auto;scroll-snap-align:start;padding:7px 14px;border:1px solid var(--linea);border-radius:999px;background:var(--hueso);font-size:14px;line-height:1.2;white-space:nowrap}
.catnav a:active{background:var(--tierra);color:var(--hueso)}
.mobile-menu a{font-size:24px}
@media (max-width:900px){
  .nav{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  .nav__logo{justify-self:center}
  .bag-btn__lbl{display:none}
  .bag-btn{padding:0 12px}
  .catnav{display:block}
  main section[id]{scroll-margin-top:calc(var(--hdr) + 60px)}
}

/* ---------- portada: la vitrina ---------- */
.vitrina{padding-top:clamp(36px,6vw,80px);overflow:hidden}
.vitrina__copy{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.vitrina__title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(42px,6.6vw,84px);line-height:.98;letter-spacing:-.02em;max-width:11ch;text-wrap:balance}
.vitrina__lead{margin:0;max-width:44ch;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted)}
.vitrina__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
@media (min-width:1000px){
  .vitrina__copy{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:64px}
  .vitrina__title{grid-row:1 / span 2}
  .vitrina__lead,.vitrina__cta{grid-column:2}
}

/* ---------- promesa: tres razones, una línea cada una ---------- */
.promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--linea);margin-top:0}
.promise > div{display:flex;align-items:flex-start;gap:14px;padding:22px 20px 22px 0}
.promise > div + div{padding-left:20px;border-left:1px solid var(--linea)}
.promise svg{flex:0 0 auto;width:26px;height:26px;fill:none;stroke:var(--cafe);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.promise p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}
.promise b{display:block;font-size:16px;font-weight:500;color:var(--tierra)}
@media (max-width:760px){
  .promise{grid-template-columns:minmax(0,1fr)}
  .promise > div{padding:16px 0}
  .promise > div + div{padding-left:0;border-left:0;border-top:1px solid var(--linea)}
}

/* ---------- secciones ---------- */
.sec{padding-block:clamp(56px,8vw,104px)}
.shead{display:grid;gap:10px;margin-bottom:clamp(22px,3vw,36px);max-width:64ch}
.shead__title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.012em;text-wrap:balance}
.shead__note{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.shead__note .txt-btn{font-size:inherit;min-height:0;padding:0}
.dark .shead__note{color:#CDBEAE}
.dark{background:var(--tierra)}

/* filtros */
.chipbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 0 26px;padding-bottom:2px}
.chipbar::-webkit-scrollbar{display:none}
.chipf{flex:0 0 auto;min-height:38px;padding:0 16px;border-radius:999px;border-color:var(--linea);background:var(--hueso);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--tierra)}
.chipf:hover{border-color:var(--tierra)}
.chipf.on{background:var(--tierra);border-color:var(--tierra);color:var(--hueso)}

/* ---------- productos: dos por fila en el celular ---------- */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}}
@media (min-width:1080px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{gap:3px}
.card__media{aspect-ratio:4/5;border-radius:var(--r-md);margin-bottom:10px;background:radial-gradient(75% 62% at 50% 44%,#FCFAF6 0%,#EEE5D9 100%)}
.card__media img{left:9%;top:9%;width:82%;height:80%;filter:drop-shadow(0 12px 14px rgba(43,29,20,.16))}
.grid--two .card__media{aspect-ratio:5/4}
.dark .card__media{background:radial-gradient(75% 62% at 50% 44%,#47372C 0%,#30231A 100%)}
.card__tag{top:10px;left:10px;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:0;text-transform:none;background:rgba(248,244,238,.94);color:var(--tierra)}
.dark .card__tag{background:rgba(43,29,20,.9);color:var(--hueso)}
.share-btn{top:8px;right:8px;width:34px;height:34px;border-color:transparent;background:rgba(248,244,238,.9)}
.card__vendor{font-size:13px;letter-spacing:0;text-transform:none;color:var(--muted)}
.dark .card__vendor{color:#CDBEAE}
.card__name{font-size:19px;line-height:1.18}
.card__desc{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__row{margin-top:8px;flex-wrap:wrap;gap:8px}
.card__price{font-size:16px;font-weight:500}
.card__row .txt-btn{min-height:36px;padding:0 15px;border:1px solid var(--tierra);border-radius:999px;font-size:14px;font-weight:500}
.card__row .txt-btn:hover{background:var(--tierra);color:var(--hueso)}
.card__row .txt-btn.is-added{background:var(--cafe);border-color:var(--cafe);color:var(--hueso)}
.dark .card__row .txt-btn{border-color:var(--hueso)}
.dark .card__row .txt-btn:hover{background:var(--hueso);color:var(--tierra)}
.card__est{font-size:12.5px}
@media (max-width:520px){
  .card__name{font-size:16.5px}
  .card__desc{font-size:13px}
  .card__row{flex-direction:column;align-items:stretch;gap:8px}
  .card__row .txt-btn{width:100%}
}

/* preventa */
.lux{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
@media (min-width:700px){.lux{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}}
@media (min-width:1080px){.lux{grid-template-columns:repeat(4,minmax(0,1fr))}}
.luxcard{background:none}
.luxcard__img{aspect-ratio:4/5;border-radius:var(--r-md);background:radial-gradient(75% 62% at 50% 44%,#FFFFFF 0%,#EFE8DE 100%)}
.luxcard__img img{left:10%;top:10%;width:80%;height:78%}
.luxcard__body{padding:10px 0 0;border-top:0;gap:3px}
.steps{margin-top:44px;border-top-color:var(--linea)}
.steps li{font-size:15px}
.steps li::before{content:counter(s);font-size:30px}

/* decants */
.dlist{border-top-color:#4A3A2E}
.dlist__head{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px);margin:clamp(48px,6vw,72px) 0 8px}
.drow strong{font-size:19px}
.drow .txt-btn{min-height:36px;padding:0 15px;border:1px solid var(--hueso);border-radius:999px}
.drow .txt-btn:hover{background:var(--hueso);color:var(--tierra)}

/* quiz */
.quiz-band{background:var(--paper)}
.quiz__box{border-radius:var(--r-md);background:var(--hueso)}
.quiz__opt{border-radius:var(--r-sm)}
.quiz__img{border-radius:var(--r-md);overflow:hidden}
.quiz__n{letter-spacing:.02em}
@media (max-width:860px){.quiz{grid-template-columns:minmax(0,1fr)}}

/* regalos */
.gifts{background:var(--hueso)}
.gifts .card__media{background:radial-gradient(75% 62% at 50% 44%,#FFFFFF 0%,#EFE7DC 100%)}

/* zapatos por encargo */
.sub-head{margin-top:clamp(56px,7vw,96px)}

/* originales */
.trust{background:var(--tierra)}
.trust__grid{border-radius:var(--r-md);overflow:hidden}
.trust__grid > div{background:var(--tierra)}
@media (max-width:900px){.trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.trust__grid{grid-template-columns:minmax(0,1fr)}}
.howto .h3{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px)}

/* envíos y pagos lado a lado */
.info__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:start}
.info__grid .shead__note{margin:10px 0 24px}
.info .ship{border-radius:var(--r-md);overflow:hidden;background:var(--hueso)}
.info .ship__row{grid-template-columns:1fr 1.5fr;padding:16px 20px}
.info .ship__row > :nth-child(3){grid-column:2;color:var(--muted);margin-top:-10px}
.info .ship__row--head{display:none}
.info .pay-grid{grid-template-columns:minmax(0,1fr);border-radius:var(--r-md);overflow:hidden}
.info .pay-grid > div{background:var(--hueso);padding:20px}
.info .pay-grid strong{font-size:20px}
@media (max-width:860px){.info__grid{grid-template-columns:minmax(0,1fr)}}

/* preguntas */
.faq .shead__title{margin-bottom:12px}
.faq summary{font-size:20px;padding:20px 0}

/* contacto y pie */
.cta{background:var(--cafe);padding-block:clamp(56px,8vw,96px)}
.cta__title{margin:0;max-width:20ch;font-family:var(--display);font-weight:400;font-size:clamp(30px,4.4vw,52px);line-height:1.08;text-wrap:balance}
.site-footer{background:#1C130D}
.site-footer b{font-size:14px;letter-spacing:0;text-transform:none}
.site-footer .copy{letter-spacing:0}

/* ---------- barra de abajo en el celular: WhatsApp y bolsa siempre a la mano ---------- */
.mbar{display:none}
@media (max-width:900px){
  .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .vitrina__cta .btn:not(.btn--solid){display:none}
  .wa-float{display:none !important}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:10px;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:rgba(239,232,222,.96);border-top:1px solid var(--linea);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .bag-open .mbar{display:none}
  .mbar button{min-height:50px;border-radius:999px;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:9px}
  .mbar__wa{flex:0 0 auto;padding:0 18px;border:1px solid var(--tierra);background:transparent}
  .mbar__wa svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
  .mbar__bag{flex:1 1 auto;border:1px solid var(--tierra);background:var(--tierra);color:var(--hueso);padding:0 18px}
  .mbar__n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--hueso);color:var(--tierra);font-size:12px}
  .mbar__t{font-variant-numeric:tabular-nums;opacity:.85}
  .mbar:not(.has-items) .mbar__t{display:none}
  .mbar:not(.has-items) .mbar__bag{background:transparent;color:var(--tierra)}
  .mbar:not(.has-items) .mbar__n{background:var(--tierra);color:var(--hueso)}
  .toast{top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}

/* decants: etiquetas en frase normal */
.dstory__kicker,.dstory__save,.dstory__price small,.dstory__item span,.dstory__item figcaption span{letter-spacing:.01em !important;text-transform:none !important}
.dstory__kicker{font-size:14px}
.dstory__save{border-radius:999px}
.drow strong{font-family:var(--body);font-weight:500;font-size:17px}
.wa-float span{letter-spacing:0;text-transform:none;font-size:14px}
.sub-head .h3{font-size:clamp(26px,3.4vw,40px)}
.trust .shead__note{color:#CDBEAE}
#gridZapatosPre .card__media,#gridAccesorios .card__media{aspect-ratio:1/1}
#gridZapatosPre .card__media img{left:6%;width:88%}

/* sin etiquetas en mayúsculas forzadas en todo el sitio (ficha, bolsa, avisos) */
.bag-btn,
.btn,
.card__stock,
.card__tag,
.card__vendor,
.chipf,
.copy-btn,
.dstory__item span,
.dstory__kicker,
.dstory__price small,
.dstory__save,
.eyebrow,
.fset legend,
.lb__hint,
.lbp__meta,
.lbp__price small,
.lbp__sec h3,
.lbp__seg span,
.lbp__simt small,
.lbp__tile h3,
.lbp__vendor,
.legal td::before,
.line small,
.nav__links,
.ph,
.rv-pick__grp,
.rv-pick__t small,
.ship__row--head,
.site-footer b,
.toast,
.total,
.txt-btn,
.wa-float{text-transform:none !important;letter-spacing:.01em !important}
.lbp__vendor,.lbp__meta,.lb__hint,.fset legend,.line small,.lbp__sec h3,.lbp__tile h3{font-size:14px !important}
.toast{font-size:14px;border-radius:999px}
.total span{font-size:15px}
.lbp__sec h3,.lbp__tile h3,.fset legend{font-weight:500;color:var(--tierra)}
.line__img{width:64px;height:72px;border-radius:10px;overflow:hidden;background:radial-gradient(75% 62% at 50% 44%,#FCFAF6 0%,#EEE5D9 100%);position:relative}
.line__img img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}

/* =====================================================================
   PORTADA v2: la escena original, más fluida y limpia en el celular
   ===================================================================== */
.hero{height:215vh;height:215svh;background:var(--paper)}
.hero__stage{top:var(--hero-top,calc(var(--hdr) + 1px));height:calc(100vh - var(--hero-top,var(--hdr)) - var(--hero-bottom,0px));height:calc(100svh - var(--hero-top,var(--hdr)) - var(--hero-bottom,0px));min-height:440px;container-type:size;contain:layout paint}
.hero__light{background:radial-gradient(60% 58% at 50% 50%,#FFFFFF 0%,#F7F2EB 40%,#E6DCCF 100%)}
.hero[data-escena="lujo"] .hero__light{background:radial-gradient(58% 56% at 50% 50%,#FFFFFF 0%,#F2ECE4 38%,#DED2C4 100%)}
.hero__light::after{height:30%;background:linear-gradient(rgba(230,220,207,0),rgba(222,210,196,.6))}
.hero__eyebrow{display:none}
.hero__word{color:var(--tierra);letter-spacing:-.03em;backface-visibility:hidden}
.hero__word .q{color:var(--arena)}
.hero__product{--pw:min(44vh,62vw);--ph:min(60vh,88vw);--pw:min(46cqh,62cqw);--ph:min(64cqh,88cqw);top:calc(50% - var(--ph) / 2);backface-visibility:hidden;transform:translate3d(0,30vh,0) scale(.9)}
.hero.is-spin .hero__product{--pw:min(86vh,60vw);--ph:min(57vh,40vw);--pw:min(90cqh,60cqw);--ph:min(60cqh,40cqw)}
.hero[data-cat="accesorios"] .hero__product{--pw:min(52vh,70vw);--ph:min(52vh,70vw);--pw:min(56cqh,70cqw);--ph:min(56cqh,70cqw)}
.hero__img{filter:drop-shadow(0 22px 24px rgba(43,29,20,.18))}
.hero__shadow{opacity:0;transform:none;transition:none}
/* brillo de estudio: cruza el frasco una sola vez, con tiempo propio (no depende del scroll) */
.hero__sheen{background-position:-40% 0;transition:background-position 1.6s cubic-bezier(.3,.6,.2,1) .1s}
.hero.is-lit .hero__sheen{background-position:140% 0}

/* la ficha */
.hero__info{gap:8px}
.hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.hero__tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--hueso);border:1px solid var(--linea);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tierra)}
.hero__tag::before{display:none}
.hero__brand{margin:0;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.hero__name{font-size:clamp(34px,3.6vw,54px);line-height:1.02}
.hero__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}
.hero__price{font-family:var(--body);font-weight:500;font-size:24px;margin-top:2px}
.hero__actions{gap:10px;margin-top:8px}
.hero__actions .btn{min-height:46px;padding:0 20px}
.hero__info > *{will-change:transform,opacity}

/* apoyo: "Desliza" es un botón que lleva directo a la ficha */
.hero__hint{bottom:18px;gap:8px;padding:9px 16px 10px;border:1px solid var(--linea);border-radius:999px;background:rgba(248,244,238,.92);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tierra);pointer-events:auto;cursor:pointer;flex-direction:row;transition:opacity .3s ease}
.hero__hint span{padding-left:0}
.hero__hint i{width:10px;height:10px;background:none;overflow:visible;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);animation:nudge 1.6s ease-in-out infinite}
.hero__hint i::after{display:none}
@keyframes nudge{0%,100%{translate:0 -2px}50%{translate:0 3px}}
.hero__hint.off{pointer-events:none}
.hero__skip{bottom:22px;padding:6px 0 4px;font-size:14px;letter-spacing:0;text-transform:none}
.hero__bar{height:3px;background:rgba(95,67,48,.08)}
.hero__bar i{background:var(--cafe)}

/* celular en vertical: producto arriba, ficha limpia abajo */
@media (max-aspect-ratio:4/5){
  .hero{height:175vh;height:175svh}
  .hero__word{inset:0 0 26%}
  .hero__product{--pw:min(40vh,66vw);--ph:min(50vh,86vw);--pw:min(44cqh,64cqw);--ph:min(54cqh,84cqw);top:calc(40% - var(--ph) / 2)}
  .hero.is-spin .hero__product{--pw:92vw;--ph:61vw;--pw:94cqw;--ph:62cqw;top:calc(38% - var(--ph) / 2)}
  .hero[data-cat="accesorios"] .hero__product{--pw:min(42vh,72vw);--ph:min(42vh,72vw);--pw:min(46cqh,72cqw);--ph:min(46cqh,72cqw);top:calc(38% - var(--ph) / 2)}
  .hero__info{left:16px;right:16px;bottom:16px;gap:6px}
  .hero__name{font-size:clamp(26px,7.6vw,34px)}
  .hero__desc{font-size:14px;line-height:1.45;-webkit-line-clamp:1}
  .hero__price{font-size:21px}
  .hero__actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:100%;margin-top:6px}
  .hero__actions .btn{min-height:48px;padding:0 12px;font-size:15px}
  .hero__skip{display:none}
  .hero__hint{left:50%;bottom:16px}
}
@media (max-aspect-ratio:4/5) and (max-height:640px){
  .hero__desc{display:none}
  .hero__product{--ph:min(48cqh,80cqw)}
}
@media (prefers-reduced-motion:reduce){.hero__hint i{animation:none}.hero__sheen{display:none}}
.hero__skip{left:max(20px,env(safe-area-inset-left,0px));right:auto}
@media (max-aspect-ratio:4/5){
  .hero__light{background:radial-gradient(78% 46% at 50% 33%,#FFFFFF 0%,#F7F2EB 44%,#E6DCCF 100%)}
  .hero[data-escena="lujo"] .hero__light{background:radial-gradient(78% 46% at 50% 33%,#FFFFFF 0%,#F2ECE4 42%,#DED2C4 100%)}
}
/* sombra más corta: la grande dibujaba una caja oscura detrás del frasco; en el celular, sin filtro (más fluido) */
.hero__img,.hero__spin{filter:drop-shadow(0 8px 12px rgba(43,29,20,.12))}
@media (pointer:coarse){.hero__img,.hero__spin{filter:none}.hero__product{will-change:transform,opacity}}

/* =====================================================================
   LA VITRINA: un exhibidor con pedestales (no una repisa)
   Cada producto sobre su pedestal, con su luz arriba y el piso abajo.
   ===================================================================== */
.display{--w:clamp(128px,10.6vw,168px);--stand-max:170px;--img-max:200px;position:relative;margin-top:clamp(24px,4vw,48px);padding-top:clamp(28px,3vw,40px);background:radial-gradient(46% 62% at 50% 42%,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(232,222,210,0) 0%,rgba(232,222,210,.75) 46%,#E5DACD calc(100% - 104px),#D9CBBA calc(100% - 90px),#E3D9CD calc(100% - 46px),var(--lino) 100%)}
.display__track{display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,3vw,52px);max-width:1240px;margin-inline:auto;padding:0 max(16px,env(safe-area-inset-left,0px)) 64px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain}
.display__track::-webkit-scrollbar{display:none}
.display__hint{margin:6px auto 0;padding-bottom:clamp(36px,5vw,64px);font-size:14px;color:var(--muted)}

.ped{position:relative;flex:0 0 var(--w);display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;color:var(--tierra)}
/* luz de vitrina sobre cada pieza */
.ped__light{display:none}
.ped__img{position:relative;z-index:2;width:86%;height:calc(var(--img-max) * var(--img,1));margin-bottom:-12px;display:block;cursor:zoom-in}
.ped__img img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 6px 6px rgba(43,29,20,.16))}
/* el pedestal: cilindro de piedra clara, con su cara de arriba y la sombra en el piso */
.ped__stand{position:relative;z-index:1;width:100%;height:calc(var(--stand-max) * var(--stand,1));min-height:108px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:26px 8px 10px;text-align:center;border-radius:0 0 50% 50% / 0 0 14px 14px;background:linear-gradient(90deg,#CFBFAD 0%,#E6DBCE 18%,#F4EEE6 46%,#EDE4D8 64%,#D9CAB8 88%,#CBBAA6 100%)}
.ped__stand::before{content:"";position:absolute;left:0;right:0;top:-14px;height:28px;border-radius:50%;background:radial-gradient(60% 70% at 50% 40%,#FFFDF9 0%,#F1E9DE 70%,#E4D8C9 100%);box-shadow:inset 0 -1px 0 rgba(43,29,20,.06)}
.ped__stand::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-16px;height:28px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(43,29,20,.3),rgba(43,29,20,0))}
.ped__occ{font-size:12.5px;line-height:1.2;color:var(--muted)}
.ped__name{font-family:var(--display);font-size:18px;line-height:1.15;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ped__price{font-size:14px;font-weight:500;color:var(--cafe);font-variant-numeric:tabular-nums;margin-top:2px}
.ped:hover .ped__name,.ped:focus-visible .ped__name{text-decoration:underline;text-underline-offset:3px}
/* entrada: cada pieza baja y se posa en su pedestal (una sola vez) */
.ped__img img{opacity:0;transform:translate3d(0,-18px,0);transition:opacity .5s ease calc(var(--i,0) * 90ms + .1s),transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 90ms + .1s)}
.shelf-ready .ped__img img{opacity:1;transform:none}
.shelf-ready .ped:hover .ped__img img{transform:translate3d(0,-5px,0);transition-delay:0s}
@media (prefers-reduced-motion:reduce){.ped__img img{opacity:1;transform:none;transition:none}}
/* celular: se desliza de lado, dos piezas y media a la vista */
@media (max-width:760px){
  .display{--w:37vw;--stand-max:136px;--img-max:150px}
  .ped__stand{min-height:104px;padding-top:24px}
  .display__track{justify-content:flex-start;gap:18px}
  .ped{order:var(--mo,0)}
  .ped:first-child{margin-left:auto}
  .ped:last-child{margin-right:auto}
  .ped__name{font-size:16.5px}
}

/* zapatos: solo por encargo (v6.5) */
.zap-note{margin:-6px 0 22px;max-width:720px}

/* filtros y "Ver más" en perfumes, encargos y zapatos (v6.6) */
#filtersPreventa,#filtersZapatos{margin:0 0 18px}
.more-wrap{display:flex;justify-content:center;margin-top:26px}
.more-btn{min-width:220px}
.more-btn[hidden]{display:none}
.dark .more-btn{color:#F8F4EE;border-color:rgba(248,244,238,.55)}
.dark .chipf{background:transparent;color:#F8F4EE;border-color:rgba(248,244,238,.35)}
.dark .chipf.on{background:#F8F4EE;color:#2B1D14;border-color:#F8F4EE}
.dark .filters-empty{color:rgba(248,244,238,.8)}