/*
 * MOIRAI PEARL METAL — APPROVED BRAND FOUNDATION, 2026-09-11
 * Keep these exact colors, gradient stops, angles and effects unless Alba
 * explicitly asks to revise the identity itself. New UI should reuse them.
 */
:root{
  --moirai-ink:#171317;
  --moirai-paper:#fffbfc;
  --moirai-blush:#f7f0f3;
  --moirai-rose:#ad7d8a;
  --moirai-rose-deep:#936a76;
  --moirai-rose-powder:#cdb4bc;
  --moirai-rose-light:#dbc5c0;
  --moirai-line:rgba(62,42,50,.14);
  --moirai-metal:linear-gradient(108deg,#8d6570 0%,#c8a5ad 13%,#fffdfb 27%,#dfcbd0 39%,#a87984 52%,#fff 64%,#b98b96 78%,#f9f5f8 89%,#936a75 100%);
  --moirai-pearl:linear-gradient(145deg,#fff 0%,#f8f3f5 34%,#e8dce0 67%,#fff 100%);
  --moirai-dark-metal:linear-gradient(125deg,#0f0d10 0%,#31252b 43%,#151116 70%,#4b3740 100%);
  --moirai-announcement-metal:linear-gradient(108deg,#8d6570 0%,#cdaab3 16%,#fffafc 32%,#e6d2d8 45%,#ad7d8a 58%,#fff 72%,#c59ca7 86%,#936a75 100%);
  --moirai-hero-pearl:radial-gradient(circle at 14% 18%,rgba(255,255,255,.96) 0 6%,rgba(255,255,255,0) 31%),linear-gradient(137deg,#fffdfd 0%,#f7f1f3 52%,#e7dce0 100%);
  --moirai-atelier-pearl:radial-gradient(circle at 12% 10%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#faf7f8 0%,#eee4e7 54%,#dfd0d5 100%);
  --moirai-control-pearl:linear-gradient(145deg,#fff 0%,#fbf8f9 58%,#f1e8eb 100%);
  --moirai-summary-pearl:linear-gradient(155deg,#fff 0%,#faf7f8 62%,#eee5e8 100%);
  --moirai-nail-stage:radial-gradient(circle at 50% 115%,#715863 0%,#33272d 42%,#141115 76%);

  /* Stable aliases retained for the existing components. */
  --ink:var(--moirai-ink);
  --paper:var(--moirai-paper);
  --blush:var(--moirai-blush);
  --wine:var(--moirai-rose);
  --deep:var(--moirai-rose-deep);
  --powder:var(--moirai-rose-powder);
  --gold:var(--moirai-rose-light);
  --blue:var(--moirai-ink);
  --line:var(--moirai-line);
  --metal:var(--moirai-metal);
  --pearl:var(--moirai-pearl);
  --dark-metal:var(--moirai-dark-metal);
  --serif:"Italiana",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}.announcement{background:var(--deep);color:var(--ivory,#fff9fc);text-align:center;padding:.65rem 1rem;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,249,252,.94);backdrop-filter:blur(14px);z-index:10}.logo{display:block;color:inherit;text-decoration:none}.logo img{display:block;width:clamp(190px,19vw,285px);height:auto}.nav nav{display:flex;gap:2.2rem}.nav nav a,.cart-button{color:inherit;text-decoration:none;font-size:.9rem;background:none;border:0;cursor:pointer}.nav nav a:hover{color:var(--deep)}.cart-button{border-bottom:1px solid}.cart-button span{display:inline-grid;place-items:center;margin-left:.35rem;background:var(--deep);color:#fff;width:1.4rem;height:1.4rem;border-radius:50%}.hero{min-height:calc(100vh - 124px);display:grid;grid-template-columns:48% 52%;position:relative;background:linear-gradient(135deg,#f9edf3 0%,var(--blush) 55%,#edcad9 100%);color:var(--ink)}.hero::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--metal)}.hero-copy{align-self:center;padding:7vw;z-index:2}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:600;color:var(--deep)}.hero h1{font:clamp(3.4rem,6.5vw,7.4rem)/.9 var(--serif);font-weight:400;margin:1.5rem 0 2rem;max-width:850px}.hero h1 em{color:var(--deep);font-style:normal}.lede{font-size:1.15rem;line-height:1.65;max-width:560px;color:#604551}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.3rem}.button{display:inline-block;border:0;padding:1rem 1.35rem;text-decoration:none;font:600 .86rem var(--sans);letter-spacing:.04em;cursor:pointer}.primary{background:var(--deep);color:#fff;transition:background .2s ease,transform .2s ease}.primary:hover{background:var(--wine);transform:translateY(-1px)}.text-link{color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:.4rem 0;text-decoration:none;font:500 .9rem var(--sans);cursor:pointer}.text-link span{margin-left:.35rem}.hero-art{background:linear-gradient(90deg,var(--blush) 0%,transparent 38%),url("assets/moirai-editorial.png") center/cover no-repeat;min-height:620px}.edition{position:absolute;right:2rem;bottom:2rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.edition span{color:var(--deep);padding:0 .5rem}.image-note{margin-top:2rem;color:#715d63;font-size:.72rem;max-width:420px}.statement{padding:9rem 8vw;display:grid;grid-template-columns:1fr 2.5fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}.statement blockquote{font:clamp(2.2rem,4vw,4.8rem)/1.05 var(--serif);margin:0}.statement>p:last-child{line-height:1.7;align-self:end}.collection,.process,.bespoke{padding:8rem 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-head h2,.bespoke h2{font:clamp(2.7rem,5vw,5.5rem)/1 var(--serif);font-weight:400;margin:.8rem 0 0}.section-head>p{max-width:320px;line-height:1.55}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product{min-width:0}.product-image,.custom-card{height:460px;background-image:url("assets/moirai-editorial.png");background-size:210%;position:relative}.crop-one{background-position:72% 16%}.crop-two{background-position:62% 78%}.badge{position:absolute;top:1rem;left:1rem;background:var(--paper);color:var(--deep);padding:.5rem .7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.product-meta{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0}.product h3{font:1.7rem var(--serif);margin:0}.product p{margin:.4rem 0;color:#5d4851}.product strong{white-space:nowrap;color:var(--deep)}.quick-add{width:100%;padding:.9rem;border:1px solid var(--line);background:transparent;color:#6d5962}.quick-add.active{display:block;text-align:center;color:var(--paper);background:var(--ink);text-decoration:none}.custom-card{background:var(--blue);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end}.custom-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(233,181,174,.35);margin:14px;pointer-events:none}.custom-card .custom-mark{font:15rem/.7 var(--serif);color:rgba(201,101,143,.18);position:absolute;top:4rem;left:50%;transform:translateX(-50%)}.custom-card .product-meta{z-index:1}.custom-card p{color:#eadde3}.custom-card strong{color:var(--gold)}.process{background:var(--deep);color:#fff}.process .section-number{color:#f8cedf}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:4rem 0}.steps div{border-top:1px solid rgba(255,255,255,.38);padding-top:1.5rem}.steps span{color:var(--gold)}.steps h3{font:1.7rem var(--serif);font-weight:400;margin:2.8rem 0 .8rem}.steps p{color:#fff3f7;line-height:1.6}.bespoke{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--blush);color:var(--ink)}.bespoke-copy>p:not(.section-number){line-height:1.7;color:#624f55;max-width:540px}.bespoke ul{padding-left:1.2rem;line-height:2}.bespoke li::marker{color:var(--wine)}.bespoke form{background:var(--paper);color:var(--ink);padding:2.5rem;align-self:start;border-top:4px solid var(--wine);box-shadow:0 22px 55px rgba(84,35,56,.09)}.bespoke label{display:block;font-size:.85rem;font-weight:600;margin-bottom:1.4rem}.bespoke input,.bespoke textarea{width:100%;margin-top:.55rem;padding:.9rem;border:0;border-bottom:1px solid #b98da0;background:transparent;font:1rem var(--sans);border-radius:0}.bespoke textarea{resize:vertical}.bespoke input:focus,.bespoke textarea:focus{outline:2px solid rgba(201,101,143,.24);outline-offset:2px}.form-note,.form-success{font-size:.78rem;line-height:1.5;color:#68625d}.form-success{color:#21593b}footer{padding:4rem 6vw;background:var(--ink);color:#fff9fc;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}footer .logo img{width:min(360px,80vw)}footer>p{font:2rem var(--serif);margin:0;color:var(--gold)}footer div{grid-column:2;display:flex;gap:1.5rem}footer a{color:inherit}footer>small{grid-column:1/-1;color:#bdaab2;border-top:1px solid #47313a;padding-top:2rem}.drawer,.modal{border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #0008}.drawer{margin:0 0 0 auto;height:100%;width:min(440px,100%);padding:2rem}.modal{width:min(600px,90%);padding:2rem}.drawer::backdrop,.modal::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem}.dialog-head h2{font:2.3rem var(--serif);margin:0}.icon-button{font-size:2rem;border:0;background:transparent;cursor:pointer}.empty-cart{padding:5rem 0;text-align:center}.empty-cart span{color:#746f69;font-size:.9rem}.checkout-note{border-top:1px solid var(--line);padding-top:1rem}.modal li{margin:1rem 0;line-height:1.5}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:5rem 7vw}.hero-art{min-height:60vh;order:-1;background-image:linear-gradient(0deg,var(--blush),transparent 40%),url("assets/moirai-editorial.png")}.statement{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.custom-card{grid-column:1/-1;height:350px}.steps{grid-template-columns:1fr 1fr}.bespoke{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:1rem}}
@media(max-width:580px){.announcement{font-size:.65rem}.nav{height:70px;padding:0 5vw}.logo{font-size:1.35rem}.hero h1{font-size:3.3rem}.hero-art{min-height:52vh}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.statement,.collection,.process,.bespoke{padding:5rem 6vw}.product-grid,.steps{grid-template-columns:1fr}.product-image,.custom-card{height:420px}.custom-card{grid-column:auto}.section-head h2,.bespoke h2{font-size:3.2rem}.bespoke form{padding:1.4rem}footer{grid-template-columns:1fr}footer div{grid-column:1;flex-wrap:wrap}}

/* Identidad Moirai */
@media(max-width:580px){.logo img{width:175px}.nav{height:76px}.announcement{font-size:.62rem;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Configurador visual */
[hidden]{display:none!important}
.bespoke{display:block;background:linear-gradient(145deg,#f7e6ee 0%,#efd0de 100%);padding:8rem 5vw;--selected-color:#efd6d8}
.bespoke-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:8vw;align-items:end;max-width:1480px;margin:0 auto 3.5rem}
.bespoke-intro h2{max-width:900px}
.bespoke-intro-copy{padding-bottom:.4rem}
.bespoke-intro-copy>p{line-height:1.7;color:#624f55;margin:0 0 1.2rem}
.bespoke-intro-copy ul{display:grid;grid-template-columns:1fr;padding:0;margin:0;list-style:none;line-height:1.55}
.bespoke-intro-copy li{border-top:1px solid rgba(90,40,61,.18);padding:.65rem 0}
.bespoke-intro-copy li::before{content:"";display:inline-block;width:1rem;height:1px;margin:0 .7rem .24rem 0;background:var(--wine)}
.bespoke form.configurator{max-width:1480px;margin:0 auto;padding:0;background:var(--paper);border-top:4px solid transparent;border-image:var(--metal) 1;box-shadow:0 28px 75px rgba(84,35,56,.13);scroll-margin-top:110px;--selected-color:#efd6d8}
.configurator-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.7rem 2.2rem;background:var(--ink);color:#fff;border-bottom:1px solid #3a2b32}
.configurator-head h3{font:2.2rem/1 var(--serif);font-weight:400;margin:.3rem 0 0}
.config-kicker{margin:0;color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.configurator-thesis{display:grid;grid-template-columns:minmax(130px,.25fr) 1fr;gap:1.5rem;margin:0;padding:1.15rem 2.2rem;background:var(--moirai-control-pearl);border-bottom:1px solid var(--line);color:#624f57;font:1.12rem/1.45 var(--serif)}
.configurator-thesis span{padding-top:.2rem;color:#805d67;font:600 .68rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.config-steps{display:flex;align-items:center;gap:.6rem}
.config-steps span{display:flex;align-items:center;gap:.55rem;color:#a9969f;font-size:.76rem;white-space:nowrap;transition:color .2s ease}
.config-steps span:not(:last-child)::after{content:"";display:block;width:34px;height:1px;background:#4a3941;margin-left:.2rem}
.config-steps b{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid #62515a;border-radius:50%;font-size:.7rem;color:#c4b4bb}
.config-steps .is-current{color:#fff}
.config-steps .is-current b{background:var(--deep);border-color:var(--deep);color:#fff}
.config-steps .is-complete{color:#e5c0cf}
.config-steps .is-complete b{border-color:var(--gold);color:var(--gold)}
.configurator-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:stretch}
.configurator-main{min-width:0;padding:2.6rem}
.config-step{outline:0}
.step-title{display:flex;gap:1.15rem;align-items:flex-start;padding-bottom:1.7rem;border-bottom:1px solid var(--line)}
.step-title>span{display:grid;place-items:center;flex:0 0 auto;width:2.2rem;height:2.2rem;border:1px solid var(--powder);border-radius:50%;color:var(--deep);font-size:.72rem;font-weight:600}
.step-title h4{font:2.2rem/1.1 var(--serif);font-weight:400;margin:0}
.step-title p{margin:.45rem 0 0;color:#75636b;font-size:.9rem}
.config-group{border:0;padding:0;margin:2.3rem 0 0;min-width:0}
.config-group legend{padding:0;font:1.35rem var(--serif);color:var(--ink)}
.group-hint{margin:.35rem 0 1rem;color:#7b6c73;font-size:.8rem}
.bespoke input.option-radio{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.color-options{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:.65rem;margin-top:1rem}
.color-option,.shape-option,.length-option,.design-option,.size-options label{margin:0;cursor:pointer;border:1px solid var(--line);background:#fff;padding:.8rem;color:#493b41;font-size:.78rem;font-weight:600;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.color-option{display:flex;align-items:center;gap:.7rem;min-height:68px;line-height:1.25}
.color-option>span{display:block;flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 2px 8px rgba(47,24,34,.1)}
.atelier-color-filters{display:flex;gap:.5rem;margin:.85rem 0 0;padding-bottom:.25rem;overflow-x:auto;scrollbar-width:thin}
.atelier-color-filters button{flex:0 0 auto;border:1px solid var(--line);background:#fff;padding:.55rem .8rem;color:#6d5962;font:600 .7rem var(--sans);letter-spacing:.03em;cursor:pointer}
.atelier-color-filters button:hover,.atelier-color-filters button.is-active{border-color:#8d6570;background:var(--dark-metal);color:#fff}
.atelier-color-options{max-height:430px;margin-top:.7rem;padding:.15rem .35rem .15rem 0;overflow-y:auto;scrollbar-color:#b99aa4 #f5e9ed;scrollbar-width:thin}
.atelier-color-option{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.7rem;row-gap:.12rem;align-items:center;min-height:76px;text-align:left}
.atelier-color-option>span{grid-row:1/3}
.atelier-color-option b{align-self:end;font-size:.75rem;line-height:1.1}
.atelier-color-option small{align-self:start;overflow:hidden;color:#7f6e75;font-size:.64rem;font-weight:400;line-height:1.25;text-overflow:ellipsis}
.atelier-color-option[hidden]{display:none!important}
.option-radio:checked+.color-option,.option-radio:checked+.shape-option,.option-radio:checked+.length-option,.option-radio:checked+.design-option,.size-options .option-radio:checked+label{border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep),0 8px 20px rgba(123,41,76,.1);color:var(--deep)}
.option-radio:focus-visible+label{outline:3px solid rgba(201,101,143,.38);outline-offset:3px}
.color-option:hover,.shape-option:hover,.length-option:hover,.design-option:hover,.size-options label:hover{transform:translateY(-2px);border-color:var(--powder)}
.shape-options{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem;margin-top:1rem}
.shape-option{display:flex;min-height:118px;align-items:center;justify-content:flex-end;flex-direction:column;gap:.75rem;text-align:center}
.shape-sample{display:block;width:35px;height:67px;background:var(--selected-color);box-shadow:inset 8px 5px 12px rgba(255,255,255,.22),0 4px 10px rgba(68,35,48,.12);transition:background .2s ease}
.shape-photo{display:block;width:48px;height:78px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(47,23,34,.18));transition:transform .2s ease,filter .2s ease}
.option-radio:checked + .shape-option .shape-photo{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 9px 8px rgba(47,23,34,.24))}
.shape-round{border-radius:48% 48% 34% 34%/30% 30% 18% 18%}
.shape-almond{clip-path:polygon(50% 0,82% 18%,100% 58%,88% 91%,50% 100%,12% 91%,0 58%,18% 18%)}
.shape-oval{border-radius:50% 50% 40% 40%/44% 44% 22% 22%}
.shape-square{border-radius:7px 7px 15px 15px}
.shape-coffin{clip-path:polygon(25% 0,75% 0,96% 72%,83% 96%,50% 100%,17% 96%,4% 72%)}
.shape-stiletto{clip-path:polygon(50% 0,84% 47%,90% 84%,75% 97%,50% 100%,25% 97%,10% 84%,16% 47%)}
.length-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:1rem}
.length-option{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;min-height:77px}
.length-option>span{grid-row:1/3;display:flex;align-items:flex-end;justify-content:center;height:48px}
.length-option i{display:block;width:22px;background:var(--selected-color);border-radius:50% 50% 7px 7px;box-shadow:inset 5px 3px 8px rgba(255,255,255,.2)}
#length-short+label i{height:22px}
#length-medium+label i{height:31px}
#length-long+label i{height:39px}
#length-xl+label i{height:48px}
.length-option b{align-self:end;font-size:.82rem}
.length-option small{align-self:start;color:#8a7a81;font-size:.68rem;font-weight:400}
.design-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem}
.design-option{display:flex;flex-direction:column;gap:.25rem;padding:.55rem .55rem .8rem}
.design-option b{font-size:.82rem;margin:.35rem .2rem 0}
.design-option small{font-size:.68rem;font-weight:400;color:#817178;margin:0 .2rem}
.design-sample{display:block;height:105px;background:var(--selected-color);transition:background .2s ease}
.effects-group{padding-top:1.5rem}
.effect-family{margin-top:1.25rem}
.effect-family h5{margin:0 0 .65rem;font:600 .72rem var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#725a64}
.effect-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.effect-option{display:flex;min-width:0;flex-direction:column;background:var(--moirai-control-pearl);border:1px solid var(--line);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.effect-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.effect-option b{display:flex;align-items:center;min-height:3.1rem;padding:.6rem .55rem;font-size:.7rem;line-height:1.25}
.option-radio:checked+.effect-option{border-color:#8d6570;box-shadow:inset 0 0 0 1px #8d6570,0 9px 22px rgba(64,42,51,.14);color:#6f4b56;transform:translateY(-2px)}
.option-radio:checked+.effect-option b::before{content:"";display:block;flex:0 0 .5rem;width:.5rem;height:.5rem;margin-right:.55rem;border-radius:50%;background:var(--dark-metal);box-shadow:0 0 0 2px rgba(255,255,255,.72),0 0 0 3px var(--dark-metal)}
.sample-solid{background:var(--selected-color)}
.sample-french{background:linear-gradient(165deg,#fff 0 20%,var(--selected-color) 21% 100%)}
.sample-aura{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.96) 0 5%,rgba(255,255,255,.56) 13%,transparent 38%),var(--selected-color)}
.sample-gradient{background:linear-gradient(145deg,#fff7fa 0%,var(--selected-color) 82%)}
.sample-marble{background:linear-gradient(117deg,transparent 20%,rgba(255,255,255,.85) 21% 24%,transparent 25% 42%,rgba(255,255,255,.45) 43% 48%,transparent 49%),linear-gradient(150deg,#f8dce7,var(--selected-color))}
.sample-abstract{background:conic-gradient(from 210deg at 65% 42%,var(--selected-color),var(--selected-color) 18%,#171217 19% 33%,#e9b5ae 34% 47%,#fff7fa 48% 62%,var(--selected-color) 63%)}
.sample-floral{background:radial-gradient(circle at 33% 35%,#fff 0 5%,transparent 6%),radial-gradient(circle at 26% 29%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 40% 29%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 26% 42%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 40% 42%,#f6c5d6 0 7%,transparent 8%),var(--selected-color)}
.sample-chrome{background:linear-gradient(118deg,#7f4b54 0%,#fff8f2 20%,var(--selected-color) 42%,#fff 56%,#9a6069 78%,#f7e5df 100%)}
.size-group{position:relative}
.inline-guide{position:absolute;right:0;top:-.15rem;border:0;border-bottom:1px solid currentColor;background:none;padding:.2rem 0;color:var(--deep);font:500 .75rem var(--sans);cursor:pointer}
.photo-fit-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem;padding:1.15rem 1.2rem;border:1px solid var(--line);background:var(--moirai-control-pearl)}
.coin-reference{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:3px double #b58a4b;border-radius:50%;background:#e8c36f;color:#5b451f;font:700 .75rem var(--serif);box-shadow:inset 0 0 0 3px rgba(255,255,255,.32),0 5px 14px rgba(72,49,18,.16)}
.photo-fit-card strong{display:block;font:1.15rem var(--serif);font-weight:400;color:var(--ink)}
.photo-fit-card p{margin:.3rem 0 0;color:#75636b;font-size:.76rem;line-height:1.45}
.photo-fit-card .inline-guide{position:static;align-self:center;margin:0;white-space:nowrap}
.photo-fit-handoff{margin-top:1.3rem;padding:1rem 1.1rem;border-left:3px solid #9c717c;background:#f8eef1}
.photo-fit-handoff strong{font:1.02rem var(--serif);font-weight:400}
.photo-fit-handoff p{margin:.35rem 0 0;color:#75636b;font-size:.78rem;line-height:1.55}
.sizes-modal{position:relative;max-height:92vh;overflow-x:hidden;overflow-y:auto;border-top:4px solid transparent;border-image:var(--metal) 1;background:linear-gradient(145deg,rgba(255,255,255,.72),transparent 38%),var(--moirai-control-pearl)}
.sizes-modal::after{content:"";position:absolute;z-index:-1;right:-15%;bottom:-18%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(225,164,190,.22),transparent 68%);pointer-events:none}
.sizes-modal .dialog-head{align-items:flex-start}
.sizes-modal .dialog-head h2{font-size:clamp(2rem,7vw,3rem);line-height:1}
.sizes-modal .dialog-kicker{margin-bottom:.45rem}
.fit-dialog-lede{margin:1.25rem 0;color:#6f5b64;font-size:1rem;line-height:1.55}
.fit-dialog-lede strong{color:var(--ink)}
.photo-fit-steps{counter-reset:photo-fit;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;list-style:none;margin:0;padding:0}
.photo-fit-steps li{counter-increment:photo-fit;display:block;min-width:0;margin:0;padding:1rem .9rem;border:1px solid var(--line);background:rgba(255,255,255,.62);line-height:1.4}
.photo-fit-steps li::before{content:"0" counter(photo-fit);display:block;margin-bottom:1.1rem;color:#9b6678;font:1.1rem var(--serif)}
.photo-fit-steps strong{display:block;color:var(--ink);font-size:.9rem}
.photo-fit-steps span{display:block;margin-top:.3rem;color:#75636b;font-size:.76rem;line-height:1.45}
.thumb-photo-step{display:grid;grid-template-columns:3.2rem 1fr;gap:.9rem;align-items:center;margin-top:.7rem;padding:.9rem 1rem;border:1px solid var(--line);background:rgba(255,255,255,.62)}
.thumb-photo-step>span{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid #b78e99;border-radius:50%;color:#875869;font:1.05rem var(--serif)}
.thumb-photo-step strong,.individual-photo-tip strong{display:block;color:var(--ink);font-size:.88rem}
.thumb-photo-step p,.individual-photo-tip p{margin:.22rem 0 0;color:#75636b;font-size:.78rem;line-height:1.45}
.individual-photo-tip{margin-top:.7rem;padding:.85rem 1rem;background:linear-gradient(110deg,rgba(234,194,211,.34),rgba(255,255,255,.42));border-left:2px solid #b5798e}
.fit-dialog-note{margin:1rem 0 0;padding:1rem;border-left:3px solid #9c717c;background:rgba(248,238,241,.88);color:#654f58;line-height:1.55}
.fit-dialog-note strong{font:1.12rem var(--serif);color:var(--ink)}
.fit-dialog-note p{margin:.25rem 0 0;font-size:.82rem}
.size-options{display:grid;grid-template-columns:repeat(7,1fr);gap:.55rem;margin-top:1rem}
.size-options label{display:grid;place-items:center;min-height:56px;padding:.65rem;font-size:.86rem}
.config-error{background:#fff0f3;border-left:3px solid #ad345e;color:#852645;padding:.75rem 1rem;margin:1.4rem 0 0;font-size:.82rem}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.form-actions-end{justify-content:flex-end}
.form-actions .button span{margin-left:.45rem}
.back-button{border:0;background:transparent;padding:.8rem 0;border-bottom:1px solid currentColor;color:#66545c;font:500 .84rem var(--sans);cursor:pointer}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.contact-grid label{margin-bottom:1.2rem}
.config-step>label{margin-top:.4rem}
.optional{float:right;color:#8f7c84;font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.bespoke input.has-error{border-bottom-color:#a7234f;outline:2px solid rgba(167,35,79,.16)}
.form-actions .primary:disabled{cursor:default;opacity:.7;transform:none}
.form-success{background:#edf8f1;border-left:3px solid #347550;padding:1rem;margin-top:1.2rem;color:#21593b}
.form-success strong{display:block;font:1.25rem var(--serif);margin-bottom:.2rem}
.set-summary{position:sticky;top:118px;align-self:start;padding:2.4rem 2rem;background:#fff;border-left:1px solid var(--line)}
.summary-label{margin:0 0 1.2rem;color:var(--deep);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.set-preview{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:188px;padding:1.5rem .75rem;background:radial-gradient(circle at 50% 115%,#67404f 0%,#291e23 42%,#171217 76%);overflow:hidden;--nail-height:94px;--nail-width:38px}
.preview-nail{display:block;flex:0 0 var(--nail-width);height:var(--nail-height);background:var(--selected-color);box-shadow:inset 9px 6px 13px rgba(255,255,255,.24),0 9px 14px #0004;transform-origin:center bottom;transition:height .25s ease,width .25s ease,flex-basis .25s ease,background .25s ease,clip-path .25s ease,border-radius .25s ease}
.preview-nail:nth-child(1),.preview-nail:nth-child(5){height:calc(var(--nail-height)*.72);width:calc(var(--nail-width) - 4px)}
.preview-nail:nth-child(2),.preview-nail:nth-child(4){height:calc(var(--nail-height)*.9)}
.preview-nail:nth-child(3){height:var(--nail-height)}
.set-preview[data-length="corto"]{--nail-height:72px}
.set-preview[data-length="medio"]{--nail-height:94px}
.set-preview[data-length="largo"]{--nail-height:116px}
.set-preview[data-length="extra-largo"]{--nail-height:139px}
.set-preview[data-size="xs"]{--nail-width:30px}.set-preview[data-size="s"]{--nail-width:34px}.set-preview[data-size="m"]{--nail-width:38px}.set-preview[data-size="ml"]{--nail-width:40px}.set-preview[data-size="l"]{--nail-width:42px}.set-preview[data-size="xl"]{--nail-width:44px}.set-preview[data-size="xxl"]{--nail-width:46px}
.set-preview[data-shape="redonda"] .preview-nail{border-radius:48% 48% 34% 34%/30% 30% 18% 18%}
.set-preview[data-shape="almendra"] .preview-nail{clip-path:polygon(50% 0,84% 18%,100% 57%,88% 91%,50% 100%,12% 91%,0 57%,16% 18%)}
.set-preview[data-shape="ovalada"] .preview-nail{border-radius:50% 50% 38% 38%/44% 44% 18% 18%}
.set-preview[data-shape="cuadrada"] .preview-nail{border-radius:7px 7px 15px 15px}
.set-preview[data-shape="bailarina"] .preview-nail{clip-path:polygon(24% 0,76% 0,97% 72%,84% 96%,50% 100%,16% 96%,3% 72%)}
.set-preview[data-shape="stiletto"] .preview-nail{clip-path:polygon(50% 0,84% 47%,91% 84%,75% 97%,50% 100%,25% 97%,9% 84%,16% 47%)}
.set-preview[data-design="liso"] .preview-nail{background:var(--selected-color)}
.set-preview[data-design="francesa"] .preview-nail{background:linear-gradient(165deg,#fff 0 18%,var(--selected-color) 19% 100%)}
.set-preview[data-design="aura"] .preview-nail{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.95) 0 7%,rgba(255,255,255,.55) 18%,transparent 40%),var(--selected-color)}
.set-preview[data-design="degradado"] .preview-nail{background:linear-gradient(155deg,#fff7fa 0%,var(--selected-color) 84%)}
.set-preview[data-design="marmol"] .preview-nail{background:linear-gradient(117deg,transparent 20%,rgba(255,255,255,.85) 21% 25%,transparent 26% 47%,rgba(255,255,255,.45) 48% 52%,transparent 53%),linear-gradient(150deg,#f8dce7,var(--selected-color))}
.set-preview[data-design="abstracto"] .preview-nail{background:conic-gradient(from 210deg at 65% 42%,var(--selected-color),var(--selected-color) 18%,#171217 19% 33%,#e9b5ae 34% 47%,#fff7fa 48% 62%,var(--selected-color) 63%)}
.set-preview[data-design="floral"] .preview-nail{background:radial-gradient(circle at 35% 35%,#fff 0 4%,transparent 5%),radial-gradient(circle at 29% 30%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 42% 30%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 29% 42%,#f6c5d6 0 7%,transparent 8%),radial-gradient(circle at 42% 42%,#f6c5d6 0 7%,transparent 8%),var(--selected-color)}
.set-preview[data-design="chrome"] .preview-nail{background:linear-gradient(118deg,#7f4b54 0%,#fff8f2 20%,var(--selected-color) 42%,#fff 56%,#9a6069 78%,#f7e5df 100%)}
.effect-preview{display:block;grid-column:1/-1;grid-row:1/-1;width:100%;height:100%;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 38px rgba(30,17,23,.24)}
.effect-preview[hidden]{display:none}
.set-preview.has-effect-preview{display:block;padding:.65rem}
.set-preview.has-effect-preview .preview-nail{display:none}
.summary-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.summary-title>div{display:flex;align-items:center;gap:.65rem}
.summary-title strong{font:1.25rem var(--serif);font-weight:400}
.summary-title small{color:#87767e;font-size:.7rem;white-space:nowrap}
.summary-swatch{display:block;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--selected-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.set-summary dl{margin:0}
.set-summary dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid var(--line);font-size:.78rem}
.set-summary dt{color:#8b7b82}
.set-summary dd{margin:0;text-align:right;font-weight:600}
.summary-note{margin:1.25rem 0 0;color:#806f77;font-size:.72rem;line-height:1.55}

@media(max-width:1100px){
  .bespoke-intro{grid-template-columns:1fr;gap:1.5rem;align-items:start}
  .bespoke-intro-copy{max-width:700px}
  .configurator-layout{grid-template-columns:1fr}
  .set-summary{position:static;order:-1;min-height:auto;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px 1fr;column-gap:1.5rem;padding:1.5rem 2.2rem}
  .summary-label{grid-column:1/-1;margin-bottom:.8rem}
  .set-preview{grid-row:2/6;height:170px}
  .summary-title,.set-summary dl,.summary-note{grid-column:2}
  .summary-title{padding-top:0}
}
@media(max-width:760px){
  .configurator-head{align-items:flex-start;flex-direction:column}
  .config-steps{width:100%;justify-content:space-between}
  .config-steps span{flex:1}
  .config-steps span:not(:last-child)::after{width:auto;flex:1}
  .color-options{grid-template-columns:repeat(2,1fr)}
  .atelier-color-options{max-height:390px}
  .shape-options{grid-template-columns:repeat(3,1fr)}
  .length-options,.design-options{grid-template-columns:repeat(2,1fr)}
  .effect-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .size-options{grid-template-columns:repeat(4,1fr)}
  .set-summary{display:block}
  .set-preview{height:160px}
  .summary-title{padding-top:1rem}
}

/* Local digital Moirai — boutique oscura, escaparates y vitrinas */
body{background:#0e0c0f}
.nav{background:radial-gradient(circle at 11% 42%,rgba(255,247,250,.1),transparent 24%),radial-gradient(circle at 70% 0%,rgba(210,183,192,.08),transparent 31%),linear-gradient(105deg,rgba(16,14,17,.97),rgba(39,30,35,.96) 50%,rgba(12,10,13,.98));color:#fffafc;border-bottom-color:rgba(255,255,255,.1)}
.nav::after{opacity:.82}
.nav .logo img{filter:drop-shadow(0 0 18px rgba(241,220,227,.13))}
.nav nav a,.nav .cart-button{text-shadow:0 0 18px rgba(244,223,230,.13)}
.nav nav a:hover{color:#e5cbd2}
.cart-button span{background:var(--moirai-announcement-metal);color:#241a1f;text-shadow:0 1px rgba(255,255,255,.5)}

.hero{background:radial-gradient(circle at 16% 24%,rgba(173,125,138,.16),transparent 31%),linear-gradient(135deg,#151216 0%,#09080a 62%,#241b21 100%);color:#fffafc}
.hero-copy{position:relative}
.hero-copy::before{content:"Entrada · Moirai";display:block;width:max-content;margin-bottom:1.35rem;padding:.48rem .7rem;border:1px solid rgba(224,196,204,.3);color:#dec7cd;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.hero h1,.hero-manifesto p:first-child{color:#fffafc}
.hero-origin,.hero-manifesto p:last-child,.image-note{color:#d2c1c7}
.hero .eyebrow{color:#e0c8cf}
.hero .primary{background:var(--moirai-announcement-metal);color:#2b2025;text-shadow:0 1px rgba(255,255,255,.42)}
.hero .text-link{color:#f3e9ec}
.hero-art{margin-top:clamp(2.5rem,4vw,5rem);margin-bottom:clamp(2.5rem,4vw,5rem);border-color:rgba(234,209,216,.38);box-shadow:14px 14px 0 #382a31,0 36px 90px rgba(0,0,0,.55)}
.hero-art::before{background:var(--moirai-announcement-metal)}

.statement{position:relative;background:radial-gradient(ellipse at 10% 22%,rgba(207,166,180,.2),transparent 27%),radial-gradient(ellipse at 88% 80%,rgba(255,255,255,.8),transparent 30%),linear-gradient(145deg,#fdfcfc,#eee8ea 58%,#f9f6f7);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.author-showcase{padding:8rem 6vw;background:radial-gradient(circle at 14% 8%,rgba(178,132,146,.13),transparent 22%),linear-gradient(135deg,#151216,#09080a 68%,#21191f);color:#fffafc;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(232,208,215,.13)}
.author-showcase-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(4rem,8vw,7rem)}
.author-showcase .section-number{color:#dbc1c9}
.author-showcase h2{grid-column:1;margin:.9rem 0 0;font:clamp(2.8rem,5vw,5.8rem)/.96 var(--serif);font-weight:400}
.author-showcase-copy>p:last-child{grid-column:2;grid-row:1/3;max-width:610px;margin:0;color:#d0c1c6;line-height:1.75}
.author-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,4.5rem) clamp(1rem,2.5vw,2.4rem);align-items:start}
.author-work{grid-column:span 5;margin:0}
.author-work:nth-child(3n+2){grid-column:span 7;margin-top:clamp(3rem,8vw,8rem)}
.author-work-wide{grid-column:span 7}
.author-work-tall{grid-column:span 5}
.author-work img{display:block;width:100%;height:auto;border:1px solid rgba(232,209,215,.18);background:#100d10;box-shadow:0 28px 66px rgba(0,0,0,.44)}
.author-work figcaption{padding:1.35rem .25rem 0;border-top:1px solid rgba(235,211,218,.18)}
.author-index{margin:0;color:#d8bdc5;font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.author-work blockquote{margin:.85rem 0 1.15rem;font:clamp(1.25rem,2.2vw,2rem)/1.28 var(--serif);color:#fffafc}
.author-work blockquote span{display:inline-block;margin-top:.4rem;color:#cbb9bf;font:italic .78rem var(--sans);letter-spacing:.04em}
.author-bridge{margin:1rem 0;color:#c9b8be;font-size:.78rem;line-height:1.55}
.author-status{display:inline-block;margin:0;padding-top:.8rem;border-top:1px solid rgba(219,188,197,.25);color:#aa929a;font-size:.59rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.author-cta{max-width:820px;margin:clamp(5rem,10vw,10rem) auto 0;padding:clamp(2rem,5vw,4.5rem);text-align:center;border:1px solid rgba(230,203,211,.2);background:radial-gradient(circle at 50% 0,rgba(227,197,207,.1),transparent 48%),rgba(255,255,255,.025)}
.author-cta p{margin:0 0 1.6rem;font:clamp(1.8rem,3.5vw,3.4rem)/1.08 var(--serif)}
.author-cta .button{background:var(--moirai-announcement-metal);color:#2c2025}
.collection{position:relative;background:radial-gradient(circle at 92% 8%,rgba(173,125,138,.12),transparent 22%),linear-gradient(180deg,#111013 0%,#080709 100%);color:#fffafc}
.collection::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%);pointer-events:none}
.collection .section-head{position:relative}
.collection .section-head h2,.collection .section-head>p{color:#fffafc}
.collection .section-number{color:#d9bdc5}
.collection-chapter{position:relative;padding:clamp(1.5rem,3.2vw,3.5rem);border:1px solid rgba(225,197,204,.17);background:linear-gradient(145deg,rgba(43,36,41,.9),rgba(13,11,14,.96));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
.collection-chapter::after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:-9px;height:9px;background:linear-gradient(180deg,#55434b,#171217);border-top:1px solid rgba(235,209,216,.3);box-shadow:0 13px 24px rgba(0,0,0,.48)}
.collection-chapter.mediterraneo-chapter{display:block;min-height:0;align-items:initial;overflow:hidden;background-image:none;background-position:initial;background-size:auto;border-color:rgba(225,197,204,.17)}
.collection-chapter.mediterraneo-chapter::before{content:none}
.collection-chapter.mediterraneo-chapter .chapter-head{position:static;width:auto;border-top-color:rgba(230,206,213,.26)}
.mediterraneo-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);margin-top:2rem;border:1px solid rgba(232,209,215,.16);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012))}
.mediterraneo-image{min-height:clamp(330px,40vw,600px);background:url("assets/atelier-villajoyosa.jpeg") center/cover no-repeat}
.mediterraneo-copy{align-self:end;padding:clamp(1.5rem,3vw,3rem)}
.mediterraneo-copy h3{margin:.55rem 0 1rem;font:clamp(2.2rem,3.5vw,3.8rem)/1 var(--serif);font-weight:400;color:#fffafc}
.mediterraneo-copy>p:last-child{margin:0;color:#cdbdc2;line-height:1.7}
.chapter-head{border-top-color:rgba(230,206,213,.26)}
.chapter-head p:first-child{color:#fffafc}
.chapter-head p:last-child{color:#cabac0}
.chapter-head p:first-child span{color:#d8b9c2}
.wild-chapter,.signature-chapter,.essentials-chapter{background:linear-gradient(145deg,rgba(43,36,41,.94),rgba(13,11,14,.98));border-color:rgba(225,197,204,.17)}
.product{padding:1rem;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(232,209,215,.13)}
.product-image{border-color:rgba(232,209,215,.23);box-shadow:0 20px 44px rgba(0,0,0,.42)}
.product-meta,.product-for-sale{border-color:rgba(232,209,215,.15)}
.product h3{color:#fffafc}
.product p,.product-craft-note,.sale-kicker{color:#cdbdc2}
.product strong{color:#e3cbd1}
.product .quick-add.active{border:1px solid rgba(255,255,255,.38);background:var(--moirai-announcement-metal);color:#2d2026;text-shadow:0 1px rgba(255,255,255,.45)}
.product .ready-inspire{color:#ecdee2}
.custom-card{background:var(--moirai-dark-metal)}
.length-price-line{margin:-.55rem 0 1rem!important;padding:.65rem .75rem;border:1px solid rgba(226,199,207,.2);background:rgba(255,255,255,.04);color:#e4cdd4!important;font-size:.7rem;letter-spacing:.035em;text-align:center}
.essential-card{background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018));padding:1rem}
.essential-card .product-image{margin:-1rem -1rem 0}
.essentials-toolbar .essential-filter{border-color:rgba(232,209,215,.22);background:rgba(255,255,255,.05);color:#d5c5ca}
.essentials-toolbar .essential-filter.is-active{background:var(--moirai-announcement-metal);color:#2c2025}
.essentials-swipe{color:#d8c2c9}

.process{background:radial-gradient(circle at 12% 15%,rgba(173,125,138,.16),transparent 25%),var(--moirai-dark-metal)}
.bespoke{background:radial-gradient(circle at 88% 4%,rgba(173,125,138,.15),transparent 23%),linear-gradient(180deg,#151216,#0b090c);color:#fffafc}
.bespoke-intro h2{color:#fffafc}
.bespoke-intro-copy>p{color:#d3c4c9}
.bespoke-intro-copy li{color:#eee5e8;border-top-color:rgba(255,255,255,.16)}
.bespoke form.configurator{color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.52)}
.effects-group{margin-left:-1.1rem;margin-right:-1.1rem;padding:1.5rem 1.1rem 1.25rem;background:linear-gradient(145deg,#1d181c,#0d0b0e);border:1px solid rgba(170,128,140,.28)}
.effects-group legend{padding:.35rem .7rem;background:var(--moirai-announcement-metal);color:#302128}
.effects-group .group-hint,.effects-group .effect-family h5{color:#d4c1c7}
.effects-group .effect-option{background:#1c181b;border-color:rgba(226,202,208,.22);color:#f5ecef}
.effects-group .option-radio:checked+.effect-option{color:#fff;border-color:#d8aeba;box-shadow:0 0 0 1px rgba(216,174,186,.3),0 12px 28px rgba(0,0,0,.38)}

/* Atelier · galería de decoraciones reales */
.decorations-gallery{position:relative;margin:2rem -1.1rem 1.6rem;padding:clamp(1.35rem,3vw,2.4rem) 1.1rem 1.35rem;overflow:hidden;border:1px solid rgba(228,200,209,.24);background:radial-gradient(circle at 12% 0%,rgba(212,160,180,.16),transparent 32%),radial-gradient(circle at 92% 28%,rgba(235,223,214,.1),transparent 28%),linear-gradient(148deg,#181316 0%,#0b090b 64%,#171116 100%);color:#f8eff2;box-shadow:0 22px 58px rgba(19,9,14,.24)}
.decorations-gallery::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.045) 34%,transparent 52%)}
.decorations-gallery-head{position:relative;max-width:720px;margin:0 0 1.55rem}
.decorations-gallery-head>p{margin:0 0 .65rem;color:#dcb7c4;font-size:.68rem;font-weight:700;letter-spacing:.24em}
.decorations-gallery-head h4{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:400;line-height:1.02}
.decorations-gallery-head>span{display:block;margin-top:.75rem;color:#cbbcc1;font-size:.92rem;line-height:1.55}
.decoration-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
.decoration-card{position:relative;display:block;min-width:0;border:1px solid rgba(239,221,226,.16);background:rgba(255,255,255,.035);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.decoration-card:hover{transform:translateY(-3px);border-color:rgba(226,185,199,.5);background:rgba(255,255,255,.055)}
.decoration-card input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.decoration-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#251a1e}
.decoration-photo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:linear-gradient(180deg,transparent 72%,rgba(8,5,7,.18))}
.decoration-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.decoration-card:hover .decoration-photo img{transform:scale(1.025)}
.decoration-photo i{position:absolute;z-index:2;top:.7rem;right:.7rem;display:grid;place-items:center;width:1.85rem;height:1.85rem;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(16,10,13,.68);color:transparent;font-style:normal;box-shadow:0 8px 20px rgba(0,0,0,.28);transition:all .25s ease}
.decoration-photo i::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:#fff;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .2s ease}
.decoration-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.85rem .9rem 1rem}
.decoration-meta b{font-family:var(--serif);font-size:.98rem;font-weight:400;line-height:1.2}
.decoration-meta em{flex:0 0 auto;color:#dcb7c4;font-size:.76rem;font-style:normal;letter-spacing:.06em}
.decoration-card:has(input:checked){border-color:#e4bdca;background:rgba(207,145,166,.11);box-shadow:0 0 0 1px rgba(235,203,214,.28),0 0 28px rgba(194,112,142,.23),0 18px 34px rgba(0,0,0,.32)}
.decoration-card:has(input:checked) .decoration-photo i{border-color:#f4d9e2;background:linear-gradient(145deg,#9f667a,#d9afbd);color:#fff;box-shadow:0 0 18px rgba(235,181,204,.5)}
.decoration-card:has(input:checked) .decoration-photo i::before{opacity:1;transform:scale(1)}
.decoration-card input:focus-visible~.decoration-photo{outline:2px solid #f2d7df;outline-offset:3px}
.decoration-selection-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding:1rem 1.1rem;border-top:1px solid rgba(232,208,216,.22);border-bottom:1px solid rgba(232,208,216,.12);color:#d7c8cd}
.decoration-selection-summary strong{color:#f2d2dc;font-family:var(--serif);font-size:1.2rem;font-weight:400;white-space:nowrap}
.decoration-price-note{position:relative;margin:.8rem 0 0;color:#a9979e;font-size:.74rem;line-height:1.5}

.contact-grid{grid-template-columns:1fr 1fr;align-items:start}
.contact-method{grid-column:1/-1;margin:0 0 1.2rem;padding:0;border:0}
.contact-method legend{margin-bottom:.65rem;font-size:.85rem;font-weight:600}
.contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.contact-choice-grid label{position:relative;margin:0;cursor:pointer}
.contact-choice-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-choice-grid span{display:grid;place-items:center;min-height:50px;border:1px solid var(--line);background:var(--moirai-control-pearl);color:#5f4d54;font-size:.82rem;font-weight:600}
.contact-choice-grid input:checked+span{border-color:#805866;background:#fff;box-shadow:inset 0 0 0 1px #805866,0 8px 18px rgba(75,45,56,.1);color:#6d4754}
.contact-choice-grid input:focus-visible+span{outline:3px solid rgba(141,101,112,.3);outline-offset:2px}
.contact-grid label small{display:block;margin-top:.45rem;color:#7b6a71;font-size:.7rem;font-weight:400;line-height:1.4}
.option-price-guide{display:block;margin-top:.65rem;color:#76515d;font-size:.74rem;font-weight:600;letter-spacing:.03em}
.length-purchase-options{grid-template-columns:repeat(5,1fr)}

@media(max-width:900px){
  .nav{background:rgba(16,14,17,.96)}
  .hero{padding-bottom:4rem}
  .hero-art{box-shadow:9px 9px 0 #382a31,0 28px 60px rgba(0,0,0,.48)}
  .collection-chapter:first-of-type{min-height:430px}
}
@media(max-width:760px){
  .contact-grid{grid-template-columns:1fr;gap:0}
  .contact-method{grid-column:auto}
  .length-purchase-options{grid-template-columns:repeat(3,1fr)}
  .essential-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(232,209,215,.13)}
}
@media(max-width:580px){
  .hero-art{box-shadow:7px 7px 0 #382a31,0 24px 52px rgba(0,0,0,.5)}
  .collection{padding-left:4vw;padding-right:4vw}
  .collection-chapter{padding:1rem}
  .collection-chapter:first-of-type{min-height:390px}
  .collection-chapter:first-of-type::before{top:.8rem;left:.8rem}
  .product{padding:.75rem}
  .effects-group{margin-left:-.55rem;margin-right:-.55rem;padding:1.15rem .55rem 1rem}
  .contact-choice-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .bespoke{padding:5rem 4vw}
  .bespoke-intro{margin-bottom:2rem}
  .bespoke-intro h2{font-size:2.85rem}
  .configurator-head{padding:1.3rem 1.1rem;gap:1.2rem}
  .configurator-head h3{font-size:1.85rem}
  .configurator-thesis{grid-template-columns:1fr;gap:.35rem;padding:1rem 1.1rem;font-size:1rem}
  .config-steps{gap:.2rem}
  .config-steps span{gap:.3rem;font-size:.64rem;white-space:normal;line-height:1.2}
  .config-steps span:not(:last-child)::after{display:none}
  .config-steps b{width:1.45rem;height:1.45rem;flex:0 0 auto}
  .configurator-main{padding:1.35rem 1rem 1.6rem}
  .step-title h4{font-size:1.85rem}
  .step-title p{font-size:.8rem}
  .set-summary{padding:1.2rem 1rem}
  .set-preview{height:145px;padding:1rem .5rem;gap:6px}
  .preview-nail{flex-basis:31px}
  .preview-nail:nth-child(1),.preview-nail:nth-child(5){width:27px}
  .set-preview[data-length="extra-largo"]{--nail-height:112px}
  .set-preview[data-length="largo"]{--nail-height:96px}
  .set-preview[data-length="medio"]{--nail-height:82px}
  .set-preview[data-length="corto"]{--nail-height:64px}
  .shape-options{grid-template-columns:repeat(2,1fr)}
  .atelier-color-option{min-height:72px;padding:.65rem}
  .atelier-color-filters{margin-right:-.2rem}
  .photo-fit-card{grid-template-columns:auto minmax(0,1fr);padding:1rem}
  .photo-fit-card .inline-guide{grid-column:1/-1;width:100%;padding:.7rem 0;text-align:center}
  .sizes-modal{width:94%;padding:1.25rem}
  .photo-fit-steps{grid-template-columns:1fr}
  .photo-fit-steps li{display:grid;grid-template-columns:2.35rem minmax(0,1fr);gap:.65rem;padding:.85rem}
  .photo-fit-steps li::before{margin:0}
  .thumb-photo-step{grid-template-columns:2.5rem minmax(0,1fr);padding:.85rem}
  .thumb-photo-step>span{width:2.4rem;height:2.4rem}
  .effect-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shape-option{min-height:108px}
  .design-sample{height:82px}
  .size-options{grid-template-columns:repeat(4,1fr)}
  .inline-guide{position:static;display:block;margin-top:.55rem}
  .contact-grid{grid-template-columns:1fr;gap:0}
  .form-actions{align-items:stretch;flex-direction:column-reverse}
  .form-actions .button,.back-button{width:100%;text-align:center}
  .form-actions-end{flex-direction:column}
}

/* Dirección visual aprobada: perla, metal rosa suave y negro tinta. */
.announcement{position:relative;overflow:hidden;background:var(--moirai-announcement-metal);background-size:220% 100%;color:#33232a;text-shadow:0 1px 0 rgba(255,255,255,.58);border-bottom:1px solid rgba(118,81,93,.24);animation:announcement-pearl 9s ease-in-out infinite alternate}
.announcement::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.62) 47%,transparent 62%);transform:translateX(-110%);animation:announcement-glint 8s ease-in-out infinite;pointer-events:none}
@keyframes announcement-pearl{to{background-position:100% 0}}
@keyframes announcement-glint{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}
.nav{background:rgba(255,251,252,.95);border-bottom-color:rgba(38,27,33,.12)}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--metal);opacity:.58}
.logo img{filter:drop-shadow(0 1px 1px rgba(61,39,47,.16))}
.cart-button span{background:var(--ink);color:#fff}

.hero{grid-template-columns:50% 50%;min-height:calc(100vh - 124px);padding:0;background:var(--moirai-hero-pearl)}
.hero::before{width:6px;background:var(--metal)}
.hero-copy{padding:7vw 6.5vw}
.hero h1{font-size:clamp(4.8rem,8.4vw,9.6rem);line-height:.82;letter-spacing:-.035em;max-width:760px;margin:1.5rem 0 2.2rem;color:var(--ink)}
.hero-art{position:relative;min-height:clamp(500px,65vh,720px);margin:clamp(2rem,3.5vw,4rem) clamp(2rem,4vw,5rem) clamp(2.4rem,4vw,5rem) 0;background-image:linear-gradient(90deg,rgba(247,240,243,.66) 0%,rgba(247,240,243,.14) 34%,rgba(23,19,23,.04) 100%),url("assets/moirai-editorial.png");box-shadow:14px 14px 0 var(--ink),0 28px 68px rgba(47,31,38,.2);border:1px solid rgba(61,42,50,.2)}
.hero-art::before{content:"";position:absolute;left:-10px;top:-10px;width:96px;height:10px;background:var(--ink)}
.hero-art::after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.edition{right:calc(4vw + .6rem);bottom:calc(4vw + .6rem);padding:.65rem .8rem;background:var(--ink);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.edition span{color:#e7cfd5}
.eyebrow,.section-number{color:#805d67}
.lede{color:#57464d}
.hero-origin{max-width:540px;margin:1.35rem 0 0;color:#493940;font-size:1.05rem;line-height:1.6}
.hero-manifesto{display:grid;gap:.7rem}
.hero-manifesto p{margin:0}
.hero-manifesto p:first-child{font-family:var(--serif);font-size:1.35rem;line-height:1.35;color:var(--ink)}
.hero-manifesto p:last-child{font-weight:600;color:#76515d}
.primary{background:var(--dark-metal);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.primary:hover{background:#3a2a31}

.statement{background:var(--pearl);border-top:1px solid rgba(255,255,255,.8);border-bottom-color:rgba(49,33,41,.14)}
.statement blockquote{color:var(--ink)}
.collection{background:#fffdfd}
.collection-chapter{margin-top:4.5rem}
.collection-chapter:first-of-type{margin-top:0}
.chapter-head{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr);gap:3rem;align-items:end;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid rgba(49,33,41,.2)}
.chapter-head p{margin:0;color:#6c5961;line-height:1.55}
.chapter-head p:first-child{font:clamp(1.55rem,2.6vw,2.5rem)/1.05 var(--serif);color:var(--ink)}
.chapter-head p:first-child span{display:inline-block;margin-right:.75rem;font:600 .68rem var(--sans);letter-spacing:.14em;color:#805d67;vertical-align:middle}
.chapter-head p:last-child{max-width:540px;justify-self:end}
.mediterranean-grid{grid-template-columns:minmax(0,1fr);max-width:720px}
.mediterranean-grid .product-image{height:auto;aspect-ratio:4/3}
.tropical-grid .product-image,.tropical-grid .custom-card{height:auto;aspect-ratio:4/5}
.tropical-grid .custom-card{min-height:0}
.product-image{border:1px solid rgba(40,27,33,.14);box-shadow:0 18px 42px rgba(48,31,39,.1)}
.badge{background:var(--pearl);color:#5e414b;border:1px solid rgba(78,53,63,.14);box-shadow:0 7px 22px rgba(48,31,39,.1)}
.product strong{color:#76515d}
.custom-card{background:var(--dark-metal);border-top:4px solid transparent;border-image:var(--metal) 1;box-shadow:0 18px 42px rgba(22,16,20,.2)}
.custom-card::after{border-color:rgba(236,218,222,.34)}
.custom-card .custom-mark{color:rgba(232,210,216,.13)}
.custom-card strong{color:#e3cbd1}

.process{position:relative;background:var(--dark-metal);color:#fff}
.process::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--metal)}
.process .section-number{color:#e1c8cf}
.process h2.section-number{margin:1em 0}
.steps div{border-top-color:rgba(255,255,255,.3)}
.steps span{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps p{color:#eee5e8}

.bespoke{background:var(--moirai-atelier-pearl)}
.bespoke form.configurator{background:#fffdfd;box-shadow:0 30px 78px rgba(49,32,40,.15)}
.configurator-head{background:var(--dark-metal);border-bottom-color:#493740}
.config-steps .is-current b{background:linear-gradient(135deg,#815965,#b98d99);border-color:#c7a7af}
.config-steps .is-complete b{border-color:#dec7cd;color:#dec7cd}
.color-option,.shape-option,.length-option,.design-option,.size-options label{background:var(--moirai-control-pearl)}
.color-option>span{width:2rem;height:2.9rem;border-radius:48% 48% 30% 30%/36% 36% 16% 16%;background:linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.12) 42%,rgba(24,17,20,.18) 100%),var(--swatch)}
.shape-sample,.length-option i{background:linear-gradient(135deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,.08) 38%,rgba(24,17,20,.2) 100%),var(--selected-color)}
.option-radio:checked+.color-option,.option-radio:checked+.shape-option,.option-radio:checked+.length-option,.option-radio:checked+.design-option,.size-options .option-radio:checked+label{border-color:#8d6570;box-shadow:inset 0 0 0 1px #8d6570,0 9px 22px rgba(64,42,51,.12);color:#6f4b56}
.set-summary{background:var(--moirai-summary-pearl)}
.set-preview{display:grid;grid-template-columns:repeat(5,var(--nail-width));grid-template-rows:repeat(2,auto);place-content:center;align-items:end;column-gap:7px;row-gap:13px;height:270px;padding:1.35rem .75rem;background:var(--moirai-nail-stage);border:1px solid rgba(37,25,31,.18);--nail-width:30px;--nail-height:68px}
.set-preview .preview-nail{width:var(--nail-width);height:var(--nail-height);justify-self:center}
.set-preview .preview-nail:nth-child(1),.set-preview .preview-nail:nth-child(6){width:calc(var(--nail-width)*1.08);height:calc(var(--nail-height)*.78)}
.set-preview .preview-nail:nth-child(2),.set-preview .preview-nail:nth-child(7){height:calc(var(--nail-height)*.92)}
.set-preview .preview-nail:nth-child(4),.set-preview .preview-nail:nth-child(9){height:calc(var(--nail-height)*.9)}
.set-preview .preview-nail:nth-child(5),.set-preview .preview-nail:nth-child(10){width:calc(var(--nail-width)*.82);height:calc(var(--nail-height)*.7)}
.set-preview[data-length="corto"]{--nail-height:54px}
.set-preview[data-length="medio"]{--nail-height:68px}
.set-preview[data-length="largo"]{--nail-height:82px}
.set-preview[data-length="extra-largo"]{--nail-height:96px}
.set-preview[data-size="xs"]{--nail-width:24px}
.set-preview[data-size="s"]{--nail-width:27px}
.set-preview[data-size="m"]{--nail-width:30px}
.set-preview[data-size="ml"]{--nail-width:33px}
.set-preview[data-size="l"]{--nail-width:36px}
.set-preview[data-size="xl"]{--nail-width:39px}
.set-preview[data-size="xxl"]{--nail-width:42px}
.summary-swatch{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.06) 45%,rgba(24,17,20,.2)),var(--selected-color)}
footer{background:var(--dark-metal);border-top:4px solid transparent;border-image:var(--metal) 1}
footer>p{color:#e1c8ce}

@media(prefers-reduced-motion:reduce){.announcement,.announcement::after{animation:none}}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-bottom:4rem}
  .hero-art{order:-1;min-height:54vh;margin:1.6rem 1.6rem 0;background-image:linear-gradient(0deg,rgba(247,240,243,.52),transparent 44%),url("assets/moirai-editorial.png");box-shadow:9px 9px 0 var(--ink)}
  .hero-copy{padding:5rem 7vw 2.5rem}
  .edition{right:1.7rem;bottom:1.5rem}
}

@media(max-width:580px){
  .hero{padding-bottom:4.5rem}
  .hero-art{min-height:50vh;margin:1rem 1rem 0;box-shadow:7px 7px 0 var(--ink)}
  .hero-art::before{left:-6px;top:-6px;width:66px;height:6px}
  .hero-art::after{inset:9px}
  .hero-copy{padding:4rem 7vw 2rem}
  .hero h1{font-size:clamp(3.8rem,18vw,5.2rem);line-height:.84}
  .edition{right:1.1rem;bottom:1.3rem}
  .set-preview{height:236px;column-gap:5px;row-gap:8px;padding:1rem .5rem}
}

/* Fotografías reales de Alba */
.hero-art{background-image:linear-gradient(90deg,rgba(247,240,243,.2) 0%,rgba(247,240,243,.02) 31%,rgba(23,19,23,.03) 100%),url("assets/moirai-packaging-hero.jpeg");background-position:center;background-size:cover}
.product-image{background-size:cover}
.crop-one{background-image:url("assets/moirai-blue-editorial.png");background-position:center}
.crop-two{background-image:url("assets/moirai-pink-floral-editorial.png");background-position:center}
@media(max-width:900px){.hero-art{background-image:linear-gradient(0deg,rgba(247,240,243,.16),transparent 34%),url("assets/moirai-packaging-hero.jpeg");background-position:center}}

/* Siluetas de uña realistas para el configurador */
.shape-sample,.preview-nail{position:relative;overflow:hidden;clip-path:none;transform-origin:50% 100%;border:1px solid rgba(58,31,43,.18);box-shadow:inset 8px 5px 13px rgba(255,255,255,.28),inset -5px -3px 10px rgba(45,18,30,.12),0 7px 14px rgba(45,25,34,.16)}
.shape-sample::before,.preview-nail::before{content:"";position:absolute;z-index:1;left:8%;right:8%;bottom:-1px;height:11%;border-radius:0 0 50% 50%;background:linear-gradient(to top,rgba(44,18,29,.18),transparent);pointer-events:none}
.shape-sample::after,.preview-nail::after{content:"";position:absolute;z-index:2;top:8%;left:17%;width:22%;height:57%;border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.62),rgba(255,255,255,.08));filter:blur(.35px);opacity:.72;pointer-events:none}

.shape-sample.shape-round,.set-preview[data-shape="redonda"] .preview-nail{clip-path:none;border-radius:48% 48% 34% 34%/30% 30% 13% 13%}
.shape-sample.shape-oval,.set-preview[data-shape="ovalada"] .preview-nail{clip-path:none;border-radius:50% 50% 35% 35%/48% 48% 14% 14%}
.shape-sample.shape-almond,.set-preview[data-shape="almendra"] .preview-nail{clip-path:none;border-radius:50% 50% 34% 34%/72% 72% 13% 13%}
.shape-sample.shape-square,.set-preview[data-shape="cuadrada"] .preview-nail{clip-path:none;border-radius:10% 10% 34% 34%/6% 6% 13% 13%}
.shape-sample.shape-coffin,.set-preview[data-shape="bailarina"] .preview-nail{border-radius:8% 8% 30% 30%/5% 5% 12% 12%;clip-path:polygon(27% 0,73% 0,82% 14%,89% 38%,95% 72%,96% 100%,4% 100%,5% 72%,11% 38%,18% 14%)}
.shape-sample.shape-stiletto,.set-preview[data-shape="stiletto"] .preview-nail{border-radius:0 0 34% 34%/0 0 12% 12%;clip-path:polygon(50% 0,61% 5%,71% 14%,80% 27%,87% 43%,92% 62%,96% 82%,95% 100%,5% 100%,4% 82%,8% 62%,13% 43%,20% 27%,29% 14%,39% 5%)}

.set-preview .preview-nail:nth-child(1),.set-preview .preview-nail:nth-child(6){transform:rotate(-4deg)}
.set-preview .preview-nail:nth-child(2),.set-preview .preview-nail:nth-child(7){transform:rotate(-2deg)}
.set-preview .preview-nail:nth-child(4),.set-preview .preview-nail:nth-child(9){transform:rotate(2deg)}
.set-preview .preview-nail:nth-child(5),.set-preview .preview-nail:nth-child(10){transform:rotate(4deg)}

/* Realistic Atelier shape system */
.set-preview[data-shape="redonda"]{--shape-photo:url("assets/atelier-shape-round.png")}
.set-preview[data-shape="ovalada"]{--shape-photo:url("assets/atelier-shape-oval.png")}
.set-preview[data-shape="almendra"]{--shape-photo:url("assets/atelier-shape-almond.png")}
.set-preview[data-shape="cuadrada"]{--shape-photo:url("assets/atelier-shape-square.png")}
.set-preview[data-shape="bailarina"]{--shape-photo:url("assets/atelier-shape-coffin.png")}
.set-preview[data-shape="stiletto"]{--shape-photo:url("assets/atelier-shape-stiletto.png")}
.set-preview .preview-nail{
  border:0;
  border-radius:0!important;
  clip-path:none!important;
  overflow:hidden;
  -webkit-mask:var(--shape-photo) center/contain no-repeat;
  mask:var(--shape-photo) center/contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 8px 6px rgba(25,13,19,.3));
}
.set-preview .preview-nail::before{display:none}
.set-preview .preview-nail::after{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:var(--shape-photo) center/contain no-repeat;
  mix-blend-mode:luminosity;
  filter:contrast(1.08);
  opacity:.72;
}

@media(max-width:900px){
  .chapter-head{grid-template-columns:1fr;gap:.75rem}
  .chapter-head p:last-child{justify-self:start}
  .mediterranean-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:580px){
  .collection-chapter{margin-top:3.5rem}
  .mediterranean-grid,.tropical-grid{grid-template-columns:1fr}
  .mediterranean-grid .product-image,.tropical-grid .product-image,.tropical-grid .custom-card{aspect-ratio:4/5}
}

/* Atelier digital: diez lienzos independientes */
.configurator-layout{grid-template-columns:minmax(0,1fr) minmax(390px,460px)}
.atelier-stage{position:sticky;top:104px;align-self:start;min-width:0;padding:1.7rem 1.5rem 1.5rem;background:var(--moirai-summary-pearl)}
.atelier-stage-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.55rem}
.atelier-stage-head .summary-label{margin:0 0 .25rem}
.atelier-stage-head strong{font:1.45rem/1.1 var(--serif);font-weight:400;color:var(--ink)}
.next-nail{appearance:none;border:0;border-bottom:1px solid currentColor;padding:.35rem 0;background:transparent;color:#6f4b56;font:600 .68rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.next-nail span{margin-left:.3rem}
.atelier-instruction{margin:0 0 1rem;color:#76636b;font-size:.72rem}
.atelier-stage .set-preview{display:block;height:auto;padding:1.25rem 1rem 1rem;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.13),transparent 32%),var(--moirai-nail-stage);border:1px solid rgba(37,25,31,.24);overflow:visible;--nail-width:36px;--nail-height:78px}
.atelier-stage .set-preview[data-length="corto"]{--nail-height:62px}
.atelier-stage .set-preview[data-length="medio"]{--nail-height:78px}
.atelier-stage .set-preview[data-length="largo"]{--nail-height:96px}
.atelier-stage .set-preview[data-length="extra-largo"]{--nail-height:112px}
.atelier-stage .set-preview[data-size="xs"]{--nail-width:29px}
.atelier-stage .set-preview[data-size="s"]{--nail-width:32px}
.atelier-stage .set-preview[data-size="m"]{--nail-width:36px}
.atelier-stage .set-preview[data-size="ml"]{--nail-width:38px}
.atelier-stage .set-preview[data-size="l"]{--nail-width:40px}
.atelier-stage .set-preview[data-size="xl"]{--nail-width:42px}
.atelier-stage .set-preview[data-size="xxl"]{--nail-width:44px}
.atelier-stage .set-preview[data-shape="redonda"]{--shape-photo:url("assets/atelier-shape-round.png")}
.atelier-stage .set-preview[data-shape="ovalada"]{--shape-photo:url("assets/atelier-shape-oval.png")}
.atelier-stage .set-preview[data-shape="almendra"]{--shape-photo:url("assets/atelier-shape-almond.png")}
.atelier-stage .set-preview[data-shape="cuadrada"]{--shape-photo:url("assets/atelier-shape-square.png")}
.atelier-stage .set-preview[data-shape="bailarina"]{--shape-photo:url("assets/atelier-shape-coffin.png")}
.atelier-stage .set-preview[data-shape="stiletto"]{--shape-photo:url("assets/atelier-shape-stiletto.png")}
.hand-preview+ .hand-preview{margin-top:1.15rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}
.hand-preview>p{margin:0 0 .65rem;color:#dbc8ce;font:600 .61rem var(--sans);letter-spacing:.14em;text-transform:uppercase}
.nail-row{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));align-items:end;gap:.25rem;min-height:calc(var(--nail-height) + 30px)}
.nail-canvas{appearance:none;display:flex;min-width:0;min-height:calc(var(--nail-height) + 29px);flex-direction:column;align-items:center;justify-content:flex-end;gap:.4rem;padding:.3rem .1rem;border:1px solid transparent;background:transparent;color:#d7c6cc;cursor:pointer;border-radius:2px;transition:border-color .18s,background .18s,transform .18s}
.nail-canvas:hover{background:rgba(255,255,255,.05)}
.nail-canvas:focus-visible{outline:2px solid #f2dbe1;outline-offset:2px}
.nail-canvas.is-selected{border-color:#d8aeba;background:linear-gradient(145deg,rgba(225,177,191,.2),rgba(255,255,255,.04));box-shadow:0 0 0 1px rgba(216,174,186,.18),0 10px 24px rgba(0,0,0,.18);transform:translateY(-2px)}
.nail-canvas small{width:100%;overflow:hidden;text-overflow:ellipsis;color:inherit;font:500 .54rem var(--sans);white-space:nowrap}
.nail-surface{position:relative;display:block;width:var(--nail-width);height:var(--nail-height);overflow:hidden;-webkit-mask:var(--shape-photo) center/100% 100% no-repeat;mask:var(--shape-photo) center/100% 100% no-repeat;background:var(--nail-color);filter:drop-shadow(0 7px 5px rgba(0,0,0,.42));transform-origin:50% 100%;transition:width .25s,height .25s,background .2s}
.nail-canvas:nth-child(1) .nail-surface{width:calc(var(--nail-width)*1.08);height:calc(var(--nail-height)*.8);transform:rotate(-3deg)}
.nail-canvas:nth-child(2) .nail-surface{height:calc(var(--nail-height)*.94);transform:rotate(-1deg)}
.nail-canvas:nth-child(4) .nail-surface{height:calc(var(--nail-height)*.9);transform:rotate(1deg)}
.nail-canvas:nth-child(5) .nail-surface{width:calc(var(--nail-width)*.84);height:calc(var(--nail-height)*.72);transform:rotate(3deg)}
.nail-art-layer,.nail-effect-layer,.nail-applique-layer,.nail-gloss{position:absolute;inset:0;pointer-events:none}
.nail-art-layer{background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 30%,rgba(32,15,23,.14) 100%),var(--nail-color)}
.nail-surface[data-design="francesa"] .nail-art-layer{background:linear-gradient(180deg,#fffaf8 0 18%,transparent 19%),linear-gradient(120deg,rgba(255,255,255,.38),transparent 35%),var(--nail-color)}
.nail-surface[data-design="aura"] .nail-art-layer{background:radial-gradient(circle at 50% 45%,rgba(255,248,246,.98) 0 8%,rgba(255,245,247,.58) 19%,transparent 43%),var(--nail-color)}
.nail-surface[data-design="degradado"] .nail-art-layer{background:linear-gradient(180deg,#fff9f8 0%,color-mix(in srgb,var(--nail-color) 36%,white) 36%,var(--nail-color) 90%)}
.nail-surface[data-design="marmol"] .nail-art-layer{background:linear-gradient(119deg,transparent 0 22%,rgba(255,255,255,.84) 23% 27%,transparent 28% 49%,rgba(36,19,28,.24) 50% 52%,transparent 53%),linear-gradient(145deg,#f8e7ec,var(--nail-color))}
.nail-surface[data-design="abstracto"] .nail-art-layer{background:conic-gradient(from 220deg at 64% 42%,var(--nail-color) 0 20%,#171217 21% 34%,#e6a9b8 35% 49%,#fff3f5 50% 65%,var(--nail-color) 66%)}
.nail-surface[data-design="floral"] .nail-art-layer{background:radial-gradient(circle at 35% 34%,#f6d26f 0 3%,transparent 4%),radial-gradient(ellipse at 28% 29%,#fff2f7 0 8%,transparent 9%),radial-gradient(ellipse at 43% 29%,#f7bdd0 0 8%,transparent 9%),radial-gradient(ellipse at 29% 43%,#f7bdd0 0 8%,transparent 9%),radial-gradient(ellipse at 43% 43%,#fff2f7 0 8%,transparent 9%),linear-gradient(120deg,rgba(255,255,255,.28),transparent 40%),var(--nail-color)}
.nail-surface[data-design="chrome"] .nail-art-layer{background:linear-gradient(118deg,#563943 0%,#fff8f4 20%,var(--nail-color) 39%,#fff 54%,#895b66 76%,#f7e2e7 100%)}
.nail-effect-layer{mix-blend-mode:screen;opacity:.9}
.nail-surface.has-pearl .nail-effect-layer{filter:saturate(1.15);opacity:.82}
.nail-gloss{background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,.7) 17%,rgba(255,255,255,.12) 26%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.22),transparent 26%,rgba(22,10,16,.18));box-shadow:inset 4px 2px 9px rgba(255,255,255,.28),inset -4px -3px 10px rgba(28,12,20,.2)}
.nail-applique-layer{inset:10% 12%;filter:drop-shadow(0 3px 2px rgba(20,10,15,.45))}
.nail-surface[data-applique="relief-3d"] .nail-applique-layer{background:repeating-radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.72) 0 3px,rgba(80,46,62,.18) 4px 6px,transparent 7px 12px);border-radius:45%}
.nail-surface[data-applique="water-drops"] .nail-applique-layer{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.94) 0 3%,rgba(255,255,255,.2) 10%,rgba(40,23,32,.24) 15%,transparent 17%),radial-gradient(circle at 65% 62%,rgba(255,255,255,.94) 0 5%,rgba(255,255,255,.18) 13%,rgba(40,23,32,.24) 19%,transparent 21%)}
.nail-surface[data-applique="flowers-3d"] .nail-applique-layer{background:radial-gradient(circle at 50% 48%,#e8b557 0 5%,transparent 6%),radial-gradient(ellipse at 36% 36%,#fff2f5 0 14%,#d998ad 15% 19%,transparent 20%),radial-gradient(ellipse at 64% 36%,#fff2f5 0 14%,#d998ad 15% 19%,transparent 20%),radial-gradient(ellipse at 36% 62%,#fff2f5 0 14%,#d998ad 15% 19%,transparent 20%),radial-gradient(ellipse at 64% 62%,#fff2f5 0 14%,#d998ad 15% 19%,transparent 20%)}
.nail-surface[data-applique="chrome-relief"] .nail-applique-layer{background:linear-gradient(20deg,transparent 40%,#fff 42% 45%,#936873 47% 51%,#f9dde4 53% 57%,transparent 59%);filter:drop-shadow(1px 3px 2px rgba(20,10,15,.55))}
.nail-surface[data-applique="crystals"] .nail-applique-layer{background:radial-gradient(circle at 50% 28%,#fff 0 5%,#bcecff 6% 10%,#8a7fb3 11% 14%,transparent 15%),radial-gradient(circle at 36% 52%,#fff 0 4%,#ffd7ef 5% 9%,#a7708b 10% 13%,transparent 14%),radial-gradient(circle at 64% 64%,#fff 0 4%,#e7e4ff 5% 9%,#8279a5 10% 13%,transparent 14%)}
.nail-surface[data-applique="pearls"] .nail-applique-layer{background:radial-gradient(circle at 50% 28%,#fffdf1 0 7%,#dac7c5 8% 11%,transparent 12%),radial-gradient(circle at 40% 51%,#fffdf1 0 6%,#dac7c5 7% 10%,transparent 11%),radial-gradient(circle at 59% 70%,#fffdf1 0 7%,#dac7c5 8% 11%,transparent 12%)}
.nail-surface[data-applique="charms"] .nail-applique-layer{background:radial-gradient(circle at 50% 30%,#fff3a8 0 7%,#a56e1f 8% 12%,transparent 13%),linear-gradient(100deg,transparent 44%,#d8ad4d 45% 49%,transparent 50%) center/100% 70% no-repeat}
.nail-surface[data-applique="encapsulated"] .nail-applique-layer{background:radial-gradient(ellipse at 35% 40%,rgba(255,229,237,.82) 0 12%,rgba(181,83,119,.6) 13% 16%,transparent 17%),radial-gradient(ellipse at 62% 62%,rgba(255,244,207,.82) 0 10%,rgba(186,133,57,.55) 11% 15%,transparent 16%);opacity:.82}
.atelier-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.85rem}
.atelier-actions button{min-height:38px;padding:.55rem .65rem;border:1px solid rgba(74,51,61,.2);background:rgba(255,255,255,.48);color:#553b46;font:600 .62rem/1.25 var(--sans);letter-spacing:.045em;cursor:pointer}
.atelier-actions button:first-child{background:var(--dark-metal);color:#fff;border-color:transparent}
.atelier-actions button:hover:not(:disabled){border-color:#8d6570}
.atelier-actions button:disabled{opacity:.38;cursor:not-allowed}
.atelier-feedback{min-height:2.2em;margin:.7rem 0 0;color:#7a5c67;font-size:.68rem;line-height:1.45}
.atelier-feedback.has-update{animation:atelier-feedback .35s ease-out}
@keyframes atelier-feedback{from{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:none}}
.option-price{display:block;margin-top:.35rem;color:#8a6570;font:600 .58rem var(--sans);letter-spacing:.02em}
.effect-option .option-price{padding:0 .5rem .55rem}
.atelier-pricebar{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem;padding:.8rem 1.2rem;background:rgba(24,19,23,.97);color:#fff;border-top:2px solid transparent;border-image:var(--metal) 1;box-shadow:0 -14px 35px rgba(30,18,24,.2);backdrop-filter:blur(12px)}
.price-main{display:flex;align-items:baseline;gap:.5rem;white-space:nowrap}
.price-main span{font:600 .67rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#d9c3ca}
.price-main strong{font:1.55rem var(--serif);font-weight:400}
.price-main small{color:#c7b7bc;font-size:.62rem}
.atelier-pricebar p{margin:0;color:#e4d9dc;font-size:.72rem;text-align:center}
.atelier-pricebar button{appearance:none;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#b68090,#7b5562);color:#fff;font:600 .69rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

@media(max-width:1100px){
  .configurator-layout{grid-template-columns:1fr}
  .atelier-stage{position:static;order:-1;display:block;padding:1.5rem 2.2rem;border-left:0;border-bottom:1px solid var(--line)}
  .atelier-stage .set-preview{height:auto;max-width:650px;margin:0 auto}
  .atelier-stage-head,.atelier-instruction,.atelier-actions,.atelier-feedback,.atelier-stage .summary-title,.atelier-stage dl,.atelier-stage .summary-note{max-width:650px;margin-left:auto;margin-right:auto}
}
@media(max-width:580px){
  .atelier-stage{padding:1.05rem .75rem}
  .atelier-stage-head{align-items:center}
  .atelier-stage-head strong{font-size:1.22rem}
  .atelier-instruction{margin-bottom:.7rem}
  .atelier-stage .set-preview{padding:.9rem .45rem .75rem;--nail-width:32px;--nail-height:68px}
  .atelier-stage .set-preview[data-length="corto"]{--nail-height:54px}
  .atelier-stage .set-preview[data-length="medio"]{--nail-height:68px}
  .atelier-stage .set-preview[data-length="largo"]{--nail-height:82px}
  .atelier-stage .set-preview[data-length="extra-largo"]{--nail-height:95px}
  .atelier-stage .set-preview[data-size="xs"]{--nail-width:25px}
  .atelier-stage .set-preview[data-size="s"]{--nail-width:28px}
  .atelier-stage .set-preview[data-size="m"]{--nail-width:32px}
  .atelier-stage .set-preview[data-size="ml"]{--nail-width:34px}
  .atelier-stage .set-preview[data-size="l"]{--nail-width:36px}
  .atelier-stage .set-preview[data-size="xl"]{--nail-width:38px}
  .atelier-stage .set-preview[data-size="xxl"]{--nail-width:40px}
  .nail-row{grid-template-columns:repeat(5,minmax(42px,1fr));gap:.1rem}
  .nail-canvas{min-height:calc(var(--nail-height) + 27px)}
  .nail-canvas small{font-size:.49rem}
  .atelier-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atelier-actions button{min-height:42px;font-size:.59rem}
  .atelier-pricebar{grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom))}
  .price-main{grid-column:1}
  .price-main strong{font-size:1.35rem}
  .atelier-pricebar p{grid-column:1;grid-row:2;text-align:left;font-size:.61rem}
  .atelier-pricebar button{grid-column:2;grid-row:1/3;padding:.75rem .8rem}
}

/* Primera pieza disponible: Tropical Soul */
.product-ready{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);background:var(--moirai-control-pearl);border:1px solid rgba(49,33,41,.16);box-shadow:0 24px 58px rgba(48,31,39,.13)}
.product-ready .product-image{height:auto;aspect-ratio:1/1;border:0;box-shadow:none}
.collection-tropical-soul{background-image:url("assets/tropical-soul-disponible.jpeg");background-position:center;background-size:cover}
.collection-paradise-riot{background-image:url("assets/paradise-riot-disponible.jpeg");background-position:center;background-size:cover}
.collection-wild-horizons{background-image:url("assets/wild-instinct-horizons.jpeg");background-position:center;background-size:cover}
.collection-wild-animalier{background-image:url("assets/wild-instinct-animalier.jpeg");background-position:center;background-size:cover}
.collection-moirai-red{background-image:url("assets/moirai-red-disponible.jpeg");background-position:center;background-size:cover}
.collection-cherry-vice{background-image:url("assets/cherry-vice-disponible.jpeg");background-position:center;background-size:cover}
.collection-stone-relic{background-image:url("assets/stone-relic-disponible.jpeg");background-position:center;background-size:cover}
.product-ready .badge{background:var(--dark-metal);color:#fff;border-color:rgba(255,255,255,.22)}
.ready-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4.7rem);overflow:hidden;background:var(--dark-metal);color:#fff}
.ready-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.08) 46%,transparent 66%);pointer-events:none}
.ready-panel>*{position:relative;z-index:1}
.ready-kicker{margin:0 0 1.1rem!important;color:#dec7cd!important;font-size:.75rem!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ready-panel h3{font-size:clamp(2.8rem,5vw,5.4rem);line-height:.92;font-weight:400}
.ready-lede{max-width:520px;margin:1.4rem 0 1.2rem!important;color:#eee4e7!important;font:1.08rem/1.65 var(--sans)}
.ready-details{margin:.4rem 0 1.7rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);list-style:none;color:#dfd3d7;font-size:.88rem;line-height:1.9}
.ready-details li::before{content:"·";margin-right:.7rem;color:#dfafbb}
.ready-price{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.2rem}
.ready-price strong{color:#fff;font:2.5rem/1 var(--serif);font-weight:400}
.ready-price span{color:#d9c7cc;font-size:.78rem}
.product-ready .quick-add{border-color:#d7abb7;background:var(--moirai-announcement-metal);color:#2e2227;font-weight:600}
.product-ready .quick-add:hover{filter:brightness(1.04)}
.ready-inspire{align-self:flex-start;margin-top:1rem;color:#eadde1;text-decoration:none;border-bottom:1px solid currentColor;padding:.3rem 0;font-size:.86rem}
.product-for-sale{padding-bottom:1rem;border-bottom:1px solid var(--line)}
.product-for-sale .product-image{aspect-ratio:1/1;height:auto;border:1px solid rgba(49,33,41,.12);box-shadow:0 18px 42px rgba(48,31,39,.1)}
.product-for-sale .badge{background:var(--dark-metal);color:#fff}
.product-for-sale .product-meta{align-items:flex-start}
.product-for-sale .product-meta>div{min-width:0}
.product-for-sale .product-meta strong{font:1.45rem var(--serif);font-weight:400}
.sale-kicker{margin:0 0 .45rem!important;color:#966a78!important;font-size:.68rem!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.product-craft-note{margin:.15rem 0 1rem!important;padding-top:.8rem;border-top:1px solid rgba(111,77,91,.2);color:#6b555e!important;font-size:.82rem!important;line-height:1.55}
.product-inspire{display:inline-block;margin-top:.85rem;color:#6d5962}
.wild-chapter{padding:clamp(2rem,4vw,4.5rem);background:var(--moirai-control-pearl);border:1px solid rgba(49,33,41,.1)}
.wild-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;margin:0 auto}
.signature-chapter{padding:clamp(2rem,4vw,4.5rem);background:var(--pearl);border:1px solid rgba(49,33,41,.1)}
.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.essentials-chapter{padding:clamp(2rem,4vw,4.5rem);background:linear-gradient(145deg,#fffafc 0%,#f5e7ed 100%);border:1px solid rgba(49,33,41,.1)}
.essentials-head{align-items:end}
.essentials-head>div>p{margin:0;color:#77515f;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.essentials-head>div>p span{margin-right:.65rem;color:#b37a8d}
.essentials-head h2{margin:.8rem 0 0;font:clamp(2.3rem,4vw,4.6rem)/.95 var(--serif);font-weight:400}
.essentials-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(111,77,91,.18)}
.essential-filter{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.68rem 1rem;border:1px solid rgba(58,40,49,.2);border-radius:999px;background:rgba(255,255,255,.48);color:#493a41;cursor:pointer;font:500 .8rem var(--sans);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.essential-filter span{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:rgba(105,72,85,.1);font-size:.66rem}
.essential-filter:hover{transform:translateY(-1px);border-color:rgba(58,40,49,.42)}
.essential-filter.is-active{border-color:#171317;background:var(--dark-metal);color:#fff}
.essential-filter.is-active span{background:rgba(255,255,255,.15)}
.essentials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2vw,2rem)}
.essential-image{overflow:hidden;background:#eee}
.essential-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.essential-card:hover .essential-image img{transform:scale(1.018)}
.essential-card{display:flex;flex-direction:column}
.essential-card[hidden]{display:none}
.essential-card .product-meta{min-height:124px}
.essential-card .quick-add{margin-top:auto}
.essential-craft-note{font-size:.78rem!important}
.essentials-swipe{display:none}
.essentials-noscript{padding:1rem;border:1px solid var(--line);color:#6b555e}
.cart-items[hidden],.cart-total[hidden]{display:none}
.cart-item{display:grid;grid-template-columns:112px 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.cart-item-image{aspect-ratio:1/1;background-position:center;background-size:cover;border:1px solid rgba(49,33,41,.14)}
.cart-item p{margin:0 0 .3rem;color:#8a6270;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.cart-item h3{margin:0 0 .35rem;font:1.7rem var(--serif);font-weight:400}
.cart-item span{display:block;color:#6f6167;font-size:.82rem;line-height:1.4}
.cart-item strong{display:block;margin-top:.8rem;color:var(--ink);font:1.4rem var(--serif)}
.cart-item button{margin-top:.65rem;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#805765;cursor:pointer;font-size:.78rem}
.cart-item-actions{display:flex;flex-wrap:wrap;gap:.9rem}
.cart-total{display:grid;gap:.65rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.cart-total>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.cart-total span{color:#6f6167;font-size:.84rem}
.cart-total strong{font:1.2rem var(--serif);font-weight:400}
.cart-total .cart-grand-total{margin-top:.25rem;padding-top:.75rem;border-top:1px solid rgba(111,97,103,.22)}
.cart-total .cart-grand-total span{color:var(--ink);font-weight:600}
.cart-total .cart-grand-total strong{font-size:1.8rem}
.cart-total>small{color:#7a6870;font-size:.7rem;line-height:1.45}
.product-options-modal{width:min(720px,94%);max-height:92vh;overflow-y:auto;padding:0}
.product-options-modal .dialog-head{position:sticky;z-index:2;top:0;padding:1.35rem 1.5rem;background:rgba(255,249,252,.97);backdrop-filter:blur(12px)}
.dialog-kicker{margin:0 0 .35rem;color:#895d6b;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.product-options-modal .dialog-head h2{font-size:2rem}
.option-product{display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:center;margin:1.4rem 1.5rem;padding:1rem;background:var(--moirai-control-pearl);border:1px solid var(--line)}
.option-product-image{aspect-ratio:1;background-position:center;background-size:cover;border:1px solid rgba(49,33,41,.14)}
.option-product p{margin:0 0 .25rem;color:#8a6270;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.option-product h3{margin:0;font:1.55rem var(--serif);font-weight:400}
.option-product strong{display:block;margin-top:.35rem;font:1.25rem var(--serif);font-weight:400}
#productOptionsForm{padding:0 1.5rem 1.6rem}
.purchase-option-group{min-width:0;margin:1.35rem 0 0;padding:0;border:0}
.purchase-option-group legend{margin-bottom:.75rem;font:1.18rem var(--serif)}
.purchase-option-grid{display:grid;gap:.55rem}
.shape-purchase-options{grid-template-columns:repeat(3,1fr)}
.length-purchase-options{grid-template-columns:repeat(4,1fr)}
.size-purchase-options{grid-template-columns:repeat(7,1fr)}
.purchase-option-grid label{position:relative;margin:0;cursor:pointer}
.purchase-option-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.purchase-option-grid span{display:grid;place-items:center;min-height:48px;padding:.65rem;border:1px solid var(--line);background:var(--moirai-control-pearl);color:#5f4d54;font-size:.82rem;font-weight:600;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.purchase-option-grid label:hover span{transform:translateY(-1px);border-color:#b98f9a}
.purchase-option-grid input:checked+span{border-color:#805866;background:#fff;box-shadow:inset 0 0 0 1px #805866,0 8px 18px rgba(75,45,56,.1);color:#6d4754}
.purchase-option-grid input:focus-visible+span{outline:3px solid rgba(141,101,112,.3);outline-offset:2px}
.measurement-help{margin-top:.8rem;padding:.25rem 0;border:0;border-bottom:1px solid currentColor;background:none;color:#7b4f5e;font:500 .78rem var(--sans);cursor:pointer}
.purchase-options-error,.checkout-error{margin:.9rem 0 0;padding:.7rem .8rem;border-left:3px solid #a93458;background:#fff0f3;color:#842743;font-size:.78rem}
.purchase-submit{width:100%;margin-top:1.25rem}
.checkout-panel{margin-top:1.5rem;padding:1.25rem;background:var(--moirai-control-pearl);border-top:3px solid transparent;border-image:var(--metal) 1}
.checkout-eyebrow{margin:0;color:#8b5f6d;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.checkout-panel>h3{margin:.35rem 0 1rem;font:2rem var(--serif);font-weight:400}
.checkout-fields{display:grid;grid-template-columns:1fr;gap:.8rem}
.checkout-fields label{display:block;color:#5f4d54;font-size:.78rem;font-weight:600}
.checkout-fields input{width:100%;margin-top:.4rem;padding:.75rem .2rem;border:0;border-bottom:1px solid #b98da0;background:transparent;font:1rem var(--sans);border-radius:0}
.payment-method{display:flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.85rem;border:1px solid #8d6570;background:#fff;cursor:pointer}
.payment-method input{accent-color:#7b294c}
.payment-method span{display:flex;flex-direction:column;gap:.12rem}
.payment-method b{font-size:.9rem}
.payment-method small{color:#78676e;font-size:.7rem}
.bizum-instructions{display:grid;grid-template-columns:1.6rem 1fr;gap:.45rem .65rem;padding:.9rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bizum-instructions>span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid #9a727d;border-radius:50%;color:#76515d;font-size:.65rem;font-weight:700}
.bizum-instructions p{margin:.1rem 0 .45rem;color:#716168;font-size:.75rem;line-height:1.45}
.bizum-instructions strong{color:#4b3b42}
.checkout-submit{width:100%;margin-top:1rem}
.checkout-success{padding:.2rem 0}
.checkout-success>p:first-child{margin:0;color:#2f6849;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.checkout-success h3{margin:.35rem 0 .7rem;font:1.8rem var(--serif);font-weight:400}
.checkout-success p{color:#66565d;font-size:.82rem;line-height:1.55}
.checkout-success .button{width:100%;margin-top:.5rem;text-align:center}
.copy-order{width:100%;margin-top:.75rem;padding:.6rem;border:0;border-bottom:1px solid currentColor;background:none;color:#75515d;cursor:pointer}
@media(max-width:760px){
  .product-ready{grid-template-columns:1fr}
  .ready-panel{padding:2rem 1.5rem 2.2rem}
  .ready-panel h3{font-size:3.25rem}
  .ready-price{align-items:flex-start;flex-direction:column;gap:.35rem}
  .wild-chapter{padding:2rem 1rem}
  .wild-grid,.signature-grid{grid-template-columns:1fr}
  .signature-chapter{padding:2rem 1rem}
  .colors-collection{width:100%;padding-right:0;padding-left:0;overflow:hidden}
  .essentials-chapter{width:100%;margin:0;padding:2.5rem 0;overflow:hidden}
  .essentials-head{display:block;padding:0 6vw}
  .essentials-head h2{font-size:2.75rem}
  .essentials-toolbar{width:100%;flex-wrap:nowrap;overflow-x:auto;margin:1.5rem 0 .5rem;padding:0 6vw 1rem;scroll-padding-inline:6vw;overscroll-behavior-inline:contain;scrollbar-width:none}
  .essentials-toolbar::-webkit-scrollbar{display:none}
  .essential-filter{flex:0 0 auto}
  .essentials-swipe{display:none}
  .essentials-swipe span{font-size:1.25rem}
  .essentials-grid{display:flex;width:100%;max-width:100%;gap:.875rem;overflow-x:auto;overflow-y:hidden;padding:0 6vw 1.25rem;scroll-padding-inline:6vw;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .essentials-grid::-webkit-scrollbar{display:none}
  .essential-card{flex:0 0 calc(100vw - 12vw);max-width:calc(100vw - 12vw);scroll-snap-align:start;scroll-snap-stop:always;background:rgba(255,255,255,.42);padding:0 1rem 1rem;border-bottom:0}
  .essential-card .product-image{margin:0 -1rem}
  .essential-card .product-meta{min-height:116px}
  .product-options-modal .dialog-head{padding:1.1rem}
  .option-product{margin:1rem;grid-template-columns:82px 1fr}
  #productOptionsForm{padding:0 1rem 1.2rem}
  .shape-purchase-options{grid-template-columns:repeat(2,1fr)}
  .length-purchase-options{grid-template-columns:repeat(2,1fr)}
  .size-purchase-options{grid-template-columns:repeat(4,1fr)}
}

/* La boutique debe cerrar la cascada para prevalecer sobre los componentes heredados. */
body{background:#0e0c0f}
.nav{background:rgba(16,14,17,.94);color:#fffafc;border-bottom-color:rgba(255,255,255,.1)}
.nav::after{opacity:.82}
.nav nav a:hover{color:#e5cbd2}
.cart-button span{background:var(--moirai-announcement-metal);color:#241a1f}
.hero{background:radial-gradient(circle at 16% 24%,rgba(173,125,138,.16),transparent 31%),linear-gradient(135deg,#151216 0%,#09080a 62%,#241b21 100%);color:#fffafc}
.hero-copy{position:relative}
.hero-copy::before{content:"Entrada · Moirai";display:block;width:max-content;margin-bottom:1.35rem;padding:.48rem .7rem;border:1px solid rgba(224,196,204,.3);color:#dec7cd;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.hero h1,.hero-manifesto p:first-child{color:#fffafc}
.hero-origin,.hero-manifesto p:last-child,.image-note{color:#d2c1c7}
.hero .eyebrow{color:#e0c8cf}
.hero .primary{background:var(--moirai-announcement-metal);color:#2b2025}
.hero .text-link{color:#f3e9ec}
.hero-art{margin-top:clamp(2.5rem,4vw,5rem);margin-bottom:clamp(2.5rem,4vw,5rem);border-color:rgba(234,209,216,.38);box-shadow:14px 14px 0 #382a31,0 36px 90px rgba(0,0,0,.55)}
.hero-art::before{background:var(--moirai-announcement-metal)}
.statement{position:relative;background:linear-gradient(145deg,#fdfafb,#eee4e7);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.collection{position:relative;background:radial-gradient(circle at 92% 8%,rgba(173,125,138,.12),transparent 22%),linear-gradient(180deg,#111013 0%,#080709 100%);color:#fffafc}
.collection::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%);pointer-events:none}
.collection .section-head{position:relative}
.collection .section-head h2,.collection .section-head>p{color:#fffafc}
.collection .section-number{color:#d9bdc5}
.collection-chapter,.wild-chapter,.signature-chapter,.essentials-chapter{position:relative;padding:clamp(1.5rem,3.2vw,3.5rem);border:1px solid rgba(225,197,204,.17);background:linear-gradient(145deg,rgba(43,36,41,.94),rgba(13,11,14,.98));box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
.collection-chapter::after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:-9px;height:9px;background:linear-gradient(180deg,#55434b,#171217);border-top:1px solid rgba(235,209,216,.3);box-shadow:0 13px 24px rgba(0,0,0,.48)}
.collection-chapter:first-of-type{display:flex;min-height:clamp(340px,42vw,560px);align-items:flex-end;overflow:hidden;background-image:linear-gradient(180deg,rgba(9,8,10,.06) 25%,rgba(9,8,10,.92) 100%),url("assets/moirai-blue-editorial.png");background-position:center;background-size:cover;border-color:rgba(225,197,204,.3)}
.collection-chapter:first-of-type::before{content:"Escaparate de autor";position:absolute;z-index:1;top:1.25rem;left:1.25rem;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.42);background:rgba(14,12,15,.58);backdrop-filter:blur(8px);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.collection-chapter:first-of-type .chapter-head{position:relative;z-index:1;width:100%;border-top-color:rgba(255,255,255,.4)}
.chapter-head{border-top-color:rgba(230,206,213,.26)}
.chapter-head p:first-child{color:#fffafc}
.chapter-head p:last-child{color:#cabac0}
.chapter-head p:first-child span{color:#d8b9c2}
.product{padding:1rem;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(232,209,215,.13)}
.product-image{border-color:rgba(232,209,215,.23);box-shadow:0 20px 44px rgba(0,0,0,.42)}
.product-meta,.product-for-sale{border-color:rgba(232,209,215,.15)}
.product h3{color:#fffafc}
.product p,.product-craft-note,.sale-kicker{color:#cdbdc2}
.product strong{color:#e3cbd1}
.product .quick-add.active{border:1px solid rgba(255,255,255,.38);background:var(--moirai-announcement-metal);color:#2d2026}
.product .ready-inspire{color:#ecdee2}
.custom-card{background:var(--moirai-dark-metal)}
.length-price-line{margin:-.55rem 0 1rem!important;padding:.65rem .75rem;border:1px solid rgba(226,199,207,.2);background:rgba(255,255,255,.04);color:#e4cdd4!important;font-size:.7rem;letter-spacing:.035em;text-align:center}
.essential-card{background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018));padding:1rem}
.essential-card .product-image{margin:-1rem -1rem 0}
.essentials-toolbar .essential-filter{border-color:rgba(232,209,215,.22);background:rgba(255,255,255,.05);color:#d5c5ca}
.essentials-toolbar .essential-filter.is-active{background:var(--moirai-announcement-metal);color:#2c2025}
.essentials-swipe{color:#d8c2c9}
.process{background:radial-gradient(circle at 12% 15%,rgba(173,125,138,.16),transparent 25%),var(--moirai-dark-metal)}
.bespoke{background:radial-gradient(circle at 88% 4%,rgba(173,125,138,.15),transparent 23%),linear-gradient(180deg,#151216,#0b090c);color:#fffafc}
.bespoke-intro h2{color:#fffafc}
.bespoke-intro-copy>p{color:#d3c4c9}
.bespoke-intro-copy li{color:#eee5e8;border-top-color:rgba(255,255,255,.16)}
.bespoke form.configurator{color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.52)}
.effects-group{margin-left:-1.1rem;margin-right:-1.1rem;padding:1.5rem 1.1rem 1.25rem;background:linear-gradient(145deg,#1d181c,#0d0b0e);border:1px solid rgba(170,128,140,.28)}
.effects-group legend{padding:.35rem .7rem;background:var(--moirai-announcement-metal);color:#302128}
.effects-group .group-hint,.effects-group .effect-family h5{color:#d4c1c7}
.effects-group .effect-option{background:#1c181b;border-color:rgba(226,202,208,.22);color:#f5ecef}
.contact-grid{grid-template-columns:1fr 1fr;align-items:start}
.contact-method{grid-column:1/-1;margin:0 0 1.2rem;padding:0;border:0}
.contact-method legend{margin-bottom:.65rem;font-size:.85rem;font-weight:600}
.contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.contact-choice-grid label{position:relative;margin:0;cursor:pointer}
.contact-choice-grid input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-choice-grid span{display:grid;place-items:center;min-height:50px;border:1px solid var(--line);background:var(--moirai-control-pearl);color:#5f4d54;font-size:.82rem;font-weight:600}
.contact-choice-grid input:checked+span{border-color:#805866;background:#fff;box-shadow:inset 0 0 0 1px #805866,0 8px 18px rgba(75,45,56,.1);color:#6d4754}
.contact-choice-grid input:focus-visible+span{outline:3px solid rgba(141,101,112,.3);outline-offset:2px}
.contact-grid label small{display:block;margin-top:.45rem;color:#7b6a71;font-size:.7rem;font-weight:400;line-height:1.4}
.option-price-guide{display:block;margin-top:.65rem;color:#76515d;font-size:.74rem;font-weight:600;letter-spacing:.03em}
.length-purchase-options{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.nav{background:radial-gradient(circle at 12% 45%,rgba(255,247,250,.09),transparent 28%),linear-gradient(105deg,rgba(16,14,17,.98),rgba(35,27,32,.97),rgba(12,10,13,.98))}.hero-art{box-shadow:9px 9px 0 #382a31,0 28px 60px rgba(0,0,0,.48)}.author-showcase-copy{grid-template-columns:1fr}.author-showcase-copy>p:last-child{grid-column:1;grid-row:auto;margin-top:1.5rem}.mediterraneo-feature{grid-template-columns:1fr}.mediterraneo-copy{align-self:auto}}
@media(max-width:760px){.author-gallery{grid-template-columns:1fr;gap:4rem}.author-work,.author-work:nth-child(3n+2),.author-work-wide,.author-work-tall{grid-column:1;margin-top:0}.author-work blockquote{font-size:1.5rem}.contact-grid{grid-template-columns:1fr;gap:0}.contact-method{grid-column:auto}.length-purchase-options{grid-template-columns:repeat(3,1fr)}.essential-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(232,209,215,.13);padding:1rem}.essential-card .product-image{margin:-1rem -1rem 0}}
@media(max-width:580px){.hero-art{box-shadow:7px 7px 0 #382a31,0 24px 52px rgba(0,0,0,.5)}.author-showcase{padding:5rem 6vw}.author-showcase-copy{margin-bottom:3rem}.author-cta{padding:2rem 1.2rem}.collection{padding-left:4vw;padding-right:4vw}.collection-chapter{padding:1rem}.mediterraneo-image{min-height:300px}.mediterraneo-feature{margin-top:1.25rem}.product{padding:.75rem}.effects-group{margin-left:-.55rem;margin-right:-.55rem;padding:1.15rem .55rem 1rem}}
@media(max-width:580px){.decorations-gallery{margin:1.6rem -.55rem 1.25rem;padding:1.25rem .55rem 1rem}.decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.decoration-meta{display:grid;gap:.35rem;padding:.72rem .65rem .82rem}.decoration-meta b{font-size:.88rem}.decoration-photo i{top:.5rem;right:.5rem;width:1.65rem;height:1.65rem}.decoration-selection-summary{padding:.9rem .2rem}.decoration-selection-summary span{font-size:.78rem}}
@media(max-width:360px){.decoration-grid{grid-template-columns:1fr}}

/* Ajustes controlados: profundidad nacarada, manifiesto y separación portfolio/colecciones. */
.nav{background:radial-gradient(circle at 11% 42%,rgba(255,247,250,.1),transparent 24%),radial-gradient(circle at 70% 0%,rgba(210,183,192,.08),transparent 31%),linear-gradient(105deg,rgba(16,14,17,.97),rgba(39,30,35,.96) 50%,rgba(12,10,13,.98))}
.nav .logo img{filter:drop-shadow(0 0 18px rgba(241,220,227,.13))}
.nav nav a,.nav .cart-button{text-shadow:0 0 18px rgba(244,223,230,.13)}
.statement{background:radial-gradient(ellipse at 10% 22%,rgba(207,166,180,.2),transparent 27%),radial-gradient(ellipse at 88% 80%,rgba(255,255,255,.8),transparent 30%),linear-gradient(145deg,#fdfcfc,#eee8ea 58%,#f9f6f7)}
.collection-chapter.mediterraneo-chapter{display:block;min-height:0;align-items:initial;overflow:hidden;background-image:none;background-position:initial;background-size:auto;border-color:rgba(225,197,204,.17)}
.collection-chapter.mediterraneo-chapter::before{content:none}
.collection-chapter.mediterraneo-chapter .chapter-head{position:static;width:auto;border-top-color:rgba(230,206,213,.26)}
@media(max-width:900px){.nav{background:radial-gradient(circle at 12% 45%,rgba(255,247,250,.09),transparent 28%),linear-gradient(105deg,rgba(16,14,17,.98),rgba(35,27,32,.97),rgba(12,10,13,.98))}.collection-chapter.mediterraneo-chapter{min-height:0}}
@media(max-width:580px){.collection-chapter.mediterraneo-chapter{min-height:0}}

/* Navegación Moirai */
.nav-actions{display:flex;align-items:center;gap:1rem}
.menu-toggle{display:grid;gap:4px;place-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(173,125,138,.08));color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.menu-toggle span{display:block;width:19px;height:1px;background:linear-gradient(90deg,#b98b96,#fff,#9d6f7a);transition:transform .2s ease,opacity .2s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{border-color:rgba(238,211,219,.58);box-shadow:0 0 24px rgba(205,180,188,.15);outline:none}
.menu-toggle:active{transform:scale(.97)}
.navigation-drawer{position:fixed;inset:0 0 0 auto;width:min(470px,100%);height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:radial-gradient(circle at 12% 12%,rgba(206,170,181,.16),transparent 28%),radial-gradient(circle at 95% 76%,rgba(255,255,255,.06),transparent 34%),linear-gradient(145deg,#0e0c0f,#251c21 54%,#100d10);color:#fff8fb;box-shadow:-28px 0 90px rgba(0,0,0,.58);overflow:auto}
.navigation-drawer::backdrop{background:rgba(5,4,6,.72);backdrop-filter:blur(5px)}
.navigation-drawer[open]{animation:navigation-in .28s ease-out}
.navigation-drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:2rem 2.2rem 1.5rem;background:linear-gradient(180deg,rgba(15,12,15,.98),rgba(15,12,15,.82) 76%,transparent);border-bottom:1px solid rgba(230,209,216,.14)}
.navigation-drawer-head p{margin:0;background:var(--moirai-announcement-metal);background-clip:text;-webkit-background-clip:text;color:transparent;font:2rem/1 var(--serif);letter-spacing:.14em}
.navigation-drawer-head span{display:block;margin-top:.45rem;color:#ae969f;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.navigation-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.025);color:#f9edf2;font:300 2rem/1 var(--sans);cursor:pointer}
.navigation-close:hover,.navigation-close:focus-visible{border-color:#caa9b3;color:#fff;outline:none}
.navigation-links{display:grid;padding:1.2rem 2.2rem 3rem}
.navigation-links>a,.navigation-links>button,.navigation-collections>summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;padding:.95rem .15rem;border:0;border-bottom:1px solid rgba(230,209,216,.13);background:transparent;color:#fff7fa;text-align:left;text-decoration:none;font:clamp(1.28rem,2vw,1.65rem)/1.2 var(--serif);cursor:pointer;transition:color .2s ease,padding-left .2s ease}
.navigation-links>a:hover,.navigation-links>button:hover,.navigation-links>a:focus-visible,.navigation-links>button:focus-visible,.navigation-collections>summary:hover,.navigation-collections>summary:focus-visible{padding-left:.5rem;color:#dfbdc7;outline:none}
.navigation-collections>summary{list-style:none}
.navigation-collections>summary::-webkit-details-marker{display:none}
.navigation-collections>summary span{color:#b78e99;font:300 1.15rem var(--sans);transition:transform .2s ease}
.navigation-collections[open]>summary span{transform:rotate(45deg)}
.navigation-collections>div{display:grid;padding:.25rem 0 .65rem 1.1rem;border-bottom:1px solid rgba(230,209,216,.13)}
.navigation-collections>div a{padding:.62rem 0;color:#cbb8bf;text-decoration:none;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.navigation-collections>div a:hover,.navigation-collections>div a:focus-visible{color:#fff;outline:none}
#inicio,#colecciones,#mediterraneo,#tropical,#wild-instinct,#signature,#esenciales,#personalizado,#decoraciones,#escaparate,#como-funciona{scroll-margin-top:110px}
@keyframes navigation-in{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:580px){.nav-actions{gap:.55rem}.cart-button{font-size:.78rem}.menu-toggle{width:40px;height:40px}.navigation-drawer{width:100%}.navigation-drawer-head{padding:1.5rem 1.4rem 1.1rem}.navigation-links{padding:1rem 1.4rem 2.5rem}.navigation-links>a,.navigation-links>button,.navigation-collections>summary{min-height:58px;font-size:1.35rem}.logo img{width:min(160px,43vw)}}
@media(prefers-reduced-motion:reduce){.navigation-drawer[open]{animation:none}}

/* Barra superior de ventajas */
.benefits-bar{position:relative;display:grid;place-items:center;min-height:30px;padding:.35rem 1rem;overflow:hidden;background:radial-gradient(circle at 18% 50%,rgba(222,190,200,.17),transparent 24%),linear-gradient(105deg,#0b090c 0%,#241a20 47%,#100d10 100%);color:#f8edf1;border-bottom:1px solid rgba(218,184,194,.22);text-align:center}
.benefits-bar::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.055) 44%,rgba(194,145,159,.1) 51%,transparent 70%);pointer-events:none}
.benefits-message{position:relative;z-index:1;font-size:clamp(.7rem,2.5vw,.75rem);font-weight:500;line-height:1.25;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 16px rgba(236,207,216,.18);opacity:1;transform:translateY(0);transition:opacity .42s ease,transform .42s ease}
.benefits-message.is-changing{opacity:0;transform:translateY(-4px)}
@media(max-width:580px){.benefits-bar{min-height:29px;padding:.34rem .75rem}.benefits-message{letter-spacing:.065em}}
@media(prefers-reduced-motion:reduce){.benefits-message{transition:none}}

/* Optimización controlada de portada y jerarquía */
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4.5rem,6.5vw,7.5rem) clamp(3rem,6.5vw,8rem)}
.hero-copy::before{margin-bottom:1.7rem}
.hero-origin{max-width:470px;margin-top:1rem;font-size:1rem;line-height:1.55}
.hero h1{margin:clamp(1.7rem,3vw,2.7rem) 0 2.1rem}
.hero-manifesto{max-width:520px;gap:.55rem}
.hero-manifesto p:first-child{font-size:clamp(1.25rem,1.8vw,1.5rem)}
.hero-manifesto p:last-child{font-size:.92rem}
.hero-actions{gap:1.5rem;margin-top:2.8rem}
.hero-actions .primary{min-width:190px;padding:1.08rem 1.7rem;text-align:center}
.image-note{max-width:350px;margin-top:2.6rem;line-height:1.55}
.statement{padding-top:clamp(7rem,9vw,10rem);padding-bottom:clamp(7rem,9vw,10rem);row-gap:2.5rem}
.statement>p:last-child{max-width:34ch}
.collection>.section-head{max-width:1280px;margin-bottom:clamp(3.5rem,6vw,6rem)}
.collection>.section-head>p{max-width:390px}
.collection-chapter{margin-top:clamp(4.5rem,7vw,7.5rem)}
@media(max-width:900px){.hero-copy{padding:clamp(3.5rem,8vw,5rem) 7vw 3rem}.hero-actions{margin-top:2.4rem}.statement{padding-left:7vw;padding-right:7vw}.statement>p:last-child{max-width:48ch}.collection>.section-head{margin-bottom:3.5rem}}
@media(max-width:580px){.hero{padding-bottom:3.6rem}.hero-art{min-height:47vh}.hero-copy{padding:3rem 7vw 1.4rem}.hero-copy::before{margin-bottom:1.3rem}.hero-origin{font-size:.94rem;line-height:1.5}.hero h1{margin:1.7rem 0 1.8rem}.hero-manifesto{gap:.45rem}.hero-manifesto p:first-child{font-size:1.25rem}.hero-actions{width:100%;gap:1.25rem;margin-top:2.25rem}.hero-actions .primary{width:100%;min-width:0}.image-note{margin-top:2.2rem}.statement{padding-top:6.5rem;padding-bottom:6.5rem;row-gap:2rem}.collection>.section-head{margin-bottom:3rem}.collection-chapter{margin-top:4.75rem}}

/* Dos caminos dentro del Atelier */
.atelier-paths{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:1480px;margin:0 auto 1.4rem;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.14),rgba(213,171,183,.46),rgba(255,255,255,.12))}
.atelier-path{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1rem;row-gap:.35rem;min-height:126px;padding:1.55rem 1.7rem;border:0;background:rgba(19,16,20,.94);color:#fff;cursor:pointer;text-align:left;transition:background .25s ease,box-shadow .25s ease}
.atelier-path>span{grid-row:1/3;color:#b997a1;font:500 .68rem var(--sans);letter-spacing:.14em}
.atelier-path strong{align-self:end;font:400 clamp(1.25rem,2vw,1.65rem) var(--serif);letter-spacing:.02em;text-transform:uppercase}
.atelier-path small{align-self:start;color:#bbaeb3;font:.84rem/1.45 var(--sans)}
.atelier-path::after{content:"";position:absolute;inset:auto 1.7rem 0;height:2px;background:linear-gradient(90deg,#9d6b79,#ecd5dc,#9d6b79);opacity:0;transform:scaleX(.4);transition:opacity .25s ease,transform .25s ease}
.atelier-path:hover,.atelier-path.is-active{background:linear-gradient(145deg,rgba(73,50,60,.94),rgba(20,17,21,.98) 68%)}
.atelier-path.is-active{box-shadow:inset 0 0 38px rgba(219,181,192,.07)}
.atelier-path.is-active::after{opacity:1;transform:scaleX(1)}
.atelier-path:focus-visible{z-index:1;outline:2px solid #e1bdc8;outline-offset:2px}
.interpreted-composition{max-width:1480px;margin:0 auto;background:radial-gradient(circle at 86% 9%,rgba(197,139,158,.16),transparent 25%),linear-gradient(145deg,#171318,#0c0a0d);color:#fff;border-top:4px solid transparent;border-image:var(--metal) 1;box-shadow:0 34px 90px rgba(0,0,0,.48)}
.interpreted-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:7vw;padding:clamp(2.5rem,5vw,5.2rem)}
.interpreted-intro h3{max-width:700px;margin:.6rem 0 0;color:#fffafc;font:400 clamp(2.4rem,5vw,5.2rem)/.98 var(--serif);letter-spacing:-.025em;text-transform:uppercase}
.interpreted-copy{align-self:end;max-width:560px;padding-left:2rem;border-left:1px solid rgba(226,190,201,.35)}
.interpreted-copy p{margin:0 0 1.25rem;color:#d8cbd0;font-size:1rem;line-height:1.65}
.interpreted-copy p:first-child{color:#fff;font:400 1.65rem/1.25 var(--serif)}
.interpreted-form{margin:0!important;padding:0 clamp(2rem,5vw,5.2rem) clamp(2.5rem,5vw,5.2rem)!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
.interpreted-progress{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.interpreted-progress span{padding:1.05rem .5rem;color:#8f8086;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.interpreted-progress span b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:.55rem;border:1px solid currentColor;border-radius:50%;font-size:.65rem}
.interpreted-progress span.is-current{color:#f1d9e0}
.interpreted-step{margin:0;padding:2rem 0 0;border:0}
.interpreted-step>legend{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;color:#fff}
.interpreted-step>legend span{color:#b997a1;font:.68rem var(--sans);letter-spacing:.14em}
.interpreted-step>legend strong{font:400 clamp(1.8rem,3vw,2.6rem) var(--serif)}
.interpreted-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.8rem}
.interpreted-fields .field-wide{grid-column:1/-1}
.interpreted-fields label{display:block;margin:0;color:#eadfe3;font-size:.83rem;font-weight:600}
.interpreted-fields input,.interpreted-fields textarea,.interpreted-fields select{width:100%;margin-top:.65rem;padding:1rem;border:1px solid rgba(232,208,216,.22);border-radius:0;background:rgba(255,255,255,.055);color:#fff;font:1rem var(--sans)}
.interpreted-fields textarea{resize:vertical}
.interpreted-fields select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d7b3be 50%),linear-gradient(135deg,#d7b3be 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.interpreted-fields select option{background:#171318;color:#fff}
.interpreted-fields input::placeholder,.interpreted-fields textarea::placeholder{color:#a8969d}
.interpreted-fields input:focus,.interpreted-fields textarea:focus,.interpreted-fields select:focus{outline:2px solid rgba(224,187,198,.38);outline-offset:2px;border-color:#c79ba8}
.reference-upload>span:first-child{display:flex;justify-content:space-between;gap:1rem}
.reference-upload>span small{color:#9f8e94;font-size:.67rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.reference-upload input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}
.reference-upload-control{display:flex;align-items:center;gap:1rem;min-height:58px;margin-top:.65rem;padding:.65rem;border:1px solid rgba(232,208,216,.22);background:rgba(255,255,255,.04);cursor:pointer}
.reference-upload-control b{flex:0 0 auto;padding:.65rem .9rem;background:linear-gradient(135deg,#b68090,#7b5562);color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.reference-upload-control em{overflow:hidden;color:#b9a8ae;font-size:.82rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.reference-upload input:focus-visible+.reference-upload-control{outline:2px solid #dfb6c2;outline-offset:2px}
.interpretation-note{margin:2rem 0 0;padding:1.45rem 1.6rem;border:1px solid rgba(225,190,200,.24);border-left:3px solid #ad7787;background:linear-gradient(90deg,rgba(173,119,135,.14),rgba(255,255,255,.025));color:#ebdce1;font:400 1.1rem/1.65 var(--serif)}
.interpreted-form .form-actions{border-top-color:rgba(255,255,255,.16)}
.interpreted-form .back-button{color:#d9c4ca}
.interpreted-form .form-note{color:#b7a7ac}
.interpret-error{margin:1.2rem 0 0;color:#f1b8c8;font-size:.82rem}
.interpreted-form .form-success{background:rgba(66,112,83,.16);border-left-color:#769d83;color:#d9eee0}
@media(max-width:900px){.interpreted-intro{grid-template-columns:1fr;gap:2.2rem}.interpreted-copy{max-width:650px}.interpreted-fields{grid-template-columns:1fr}.interpreted-fields .field-wide{grid-column:auto}}
@media(max-width:580px){.atelier-paths{grid-template-columns:1fr;margin-bottom:1rem}.atelier-path{min-height:112px;padding:1.3rem}.atelier-path::after{inset:auto 1.3rem 0}.interpreted-intro{padding:3rem 1.35rem 2.2rem}.interpreted-intro h3{font-size:2.45rem}.interpreted-copy{padding-left:1.2rem}.interpreted-form{padding:0 1.35rem 2.5rem!important}.interpreted-progress{grid-template-columns:1fr;margin-bottom:1.4rem}.interpreted-progress span{display:none}.interpreted-progress span.is-current{display:block}.interpreted-step{padding-top:1.25rem}.interpreted-step>legend{align-items:flex-start;margin-bottom:1.5rem}.interpreted-step>legend strong{font-size:1.75rem}.reference-upload-control{align-items:stretch;flex-direction:column}.reference-upload-control em{white-space:normal}.interpretation-note{padding:1.2rem;font-size:1rem}.interpreted-form .form-actions{flex-direction:column-reverse}.interpreted-form .form-actions .button,.interpreted-form .back-button{width:100%}}

/* Sobre Moirai · retrato de autora */
.about-moirai{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);padding:0;scroll-margin-top:100px;background:#121014;color:#2c2327}
.about-portrait{position:relative;display:grid;min-height:900px;padding:clamp(2rem,5vw,5rem);place-items:end start;overflow:hidden;background:radial-gradient(circle at 72% 22%,rgba(206,169,181,.18),transparent 28%),linear-gradient(145deg,#242026,#0c0a0d 70%)}
.about-portrait-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.about-portrait::before{content:"";position:absolute;inset:clamp(1.2rem,3vw,3rem);border:1px solid rgba(227,201,209,.2);pointer-events:none}
.about-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.055) 48%,transparent 66%);pointer-events:none}
.about-portrait-frame{position:relative;z-index:1;display:grid;gap:.45rem;padding:1.5rem;border-left:1px solid #c49ba7;color:#e4ced5}
.about-portrait-frame span,.about-portrait-frame small{font:.65rem var(--sans);letter-spacing:.16em;text-transform:uppercase}
.about-portrait-frame strong{font:400 clamp(3.2rem,7vw,7rem)/.9 var(--serif);text-transform:uppercase}
.about-portrait-frame small{color:#9f8c92}
.about-editorial{padding:clamp(4rem,7vw,8rem) clamp(2rem,6vw,7rem);background:radial-gradient(circle at 94% 7%,rgba(185,131,149,.14),transparent 25%),linear-gradient(145deg,#fffefe,#f4e9ed 64%,#ead8de)}
.about-heading{max-width:880px;padding-bottom:clamp(2.5rem,5vw,4.5rem);border-bottom:1px solid rgba(74,48,59,.2)}
.about-heading>p{margin:0 0 1.2rem;color:#8d6471;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.about-heading h2{max-width:820px;margin:0;color:#251e22;font:400 clamp(3.2rem,6.4vw,7.4rem)/.88 var(--serif);letter-spacing:-.035em;text-transform:uppercase}
.about-heading>span{display:block;margin-top:1.8rem;color:#825c68;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.about-story{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2rem,5vw,6rem);padding:clamp(3rem,5vw,5.5rem) 0}
.about-story>div:first-child{padding-top:.35rem}
.about-story p{max-width:540px;margin:0 0 1.45rem;color:#5c4b52;font-size:1rem;line-height:1.75}
.about-story>div:first-child p:first-child{color:#31262b;font:400 clamp(1.45rem,2.3vw,2.05rem)/1.35 var(--serif)}
.about-story .about-translation{margin:2.5rem 0;color:#2f2429;font:400 clamp(2rem,3.7vw,3.7rem)/1 var(--serif)}
.about-closing{padding:clamp(2.1rem,4vw,3.7rem);background:linear-gradient(145deg,#1d191e,#0d0b0e);color:#fff}
.about-closing strong{display:block;font:400 clamp(2.8rem,5vw,5.7rem)/.95 var(--serif);text-transform:uppercase}
.about-closing p{margin:1rem 0 0;color:#d9c5cc;font-size:1rem;letter-spacing:.02em}
@media(max-width:900px){.about-moirai{grid-template-columns:1fr}.about-portrait{min-height:68vh}.about-editorial{padding:5rem 7vw}.about-story{grid-template-columns:1fr;gap:.8rem}.about-story p{max-width:650px}}
@media(max-width:580px){.about-moirai{scroll-margin-top:88px}.about-portrait{min-height:0;aspect-ratio:9/16;padding:1.4rem}.about-portrait::before{inset:1rem}.about-portrait-frame{padding:1rem}.about-portrait-frame strong{font-size:3.65rem}.about-editorial{padding:4.5rem 7vw}.about-heading{padding-bottom:2.8rem}.about-heading h2{font-size:3.25rem;line-height:.92}.about-heading>span{font-size:.7rem;line-height:1.5}.about-story{padding:3rem 0 2.4rem}.about-story p{font-size:.98rem;line-height:1.7}.about-story>div:first-child p:first-child{font-size:1.5rem}.about-story .about-translation{margin:2.1rem 0;font-size:2.4rem}.about-closing{padding:2rem 1.4rem}.about-closing strong{font-size:3rem}.about-closing p{font-size:.95rem;line-height:1.5}}

/* Diseño del mes · campaña editorial renovable */
.monthly-design{padding:clamp(4rem,7vw,7.5rem) 6vw;scroll-margin-top:110px;background:radial-gradient(circle at 88% 12%,rgba(202,151,167,.16),transparent 27%),linear-gradient(145deg,#161217,#080709 72%);color:#fffafc}
.monthly-design-edition{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.58fr);max-width:1480px;min-height:760px;margin:0 auto;border:1px solid rgba(229,205,213,.14);background:#0d0b0e;box-shadow:0 38px 100px rgba(0,0,0,.5)}
.monthly-design-visual{position:relative;min-height:760px;margin:0;overflow:hidden;background:linear-gradient(145deg,#211a20,#0b090c)}
.monthly-design-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.07) 55%,transparent 69%);pointer-events:none}
.monthly-design-visual img{width:100%;height:100%;object-fit:cover}
.monthly-design-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,5.5rem);background:radial-gradient(circle at 100% 0,rgba(185,126,145,.18),transparent 34%),linear-gradient(160deg,#1b161b,#0e0c0f)}
.monthly-design-kicker{margin:0;color:#e4cbd3;font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.monthly-design-signature{max-width:26ch;margin:1rem 0 clamp(3.2rem,7vw,6.5rem);color:#9e8990;font-size:.72rem;line-height:1.55;letter-spacing:.16em;text-transform:uppercase}
.monthly-design-date{margin:0 0 1rem;color:#cda8b3;font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.monthly-design-copy h2{margin:0;color:#fff;font:400 clamp(3rem,5.5vw,6.3rem)/.92 var(--serif);letter-spacing:-.025em;text-transform:uppercase}
.monthly-design-story{max-width:38ch;margin:2rem 0 0;color:#d2c3c8;font-size:1rem;line-height:1.75}
.monthly-design-availability{align-self:flex-start;margin:2.4rem 0 0;padding-top:.9rem;border-top:1px solid rgba(224,193,202,.3);color:#d6b8c1;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase}
.monthly-design-action{align-self:flex-start;margin-top:1.8rem}
.monthly-design-principle{margin:auto 0 0;padding-top:4rem;color:#8e7b81;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:900px){.monthly-design{padding:5rem 7vw}.monthly-design-edition{grid-template-columns:1fr;min-height:0}.monthly-design-visual{min-height:0;aspect-ratio:4/5}.monthly-design-copy{min-height:620px}.monthly-design-signature{margin-bottom:4rem}}
@media(max-width:580px){.monthly-design{padding:4rem 4vw;scroll-margin-top:88px}.monthly-design-copy{min-height:560px;padding:2.3rem 1.35rem}.monthly-design-signature{margin-bottom:3.4rem}.monthly-design-copy h2{font-size:3.15rem}.monthly-design-story{font-size:.96rem;line-height:1.65}.monthly-design-action{width:100%;text-align:center}.monthly-design-principle{padding-top:3rem}}

/* Auditoría móvil · precisión táctil, ritmo y estabilidad */
@media(max-width:580px){
  html,body{max-width:100%;overflow-x:hidden}
  .benefits-bar{min-height:32px;padding:.42rem .8rem}
  .benefits-message{font-size:.72rem;line-height:1.35;letter-spacing:.055em}
  .announcement{padding:.58rem .75rem;font-size:.69rem;line-height:1.35;letter-spacing:.07em;animation:none}
  .announcement::after{animation:none;opacity:.28;transform:none}
  .nav{height:72px;padding:0 4vw;backdrop-filter:none}
  .logo img{width:min(152px,42vw)}
  .nav-actions{gap:.45rem}
  .cart-button,.menu-toggle,.navigation-close,.icon-button{min-width:44px;min-height:44px;touch-action:manipulation}
  .cart-button{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .15rem;font-size:.8rem;white-space:nowrap}
  .cart-button span{width:1.5rem;height:1.5rem;margin-left:.3rem}
  .menu-toggle{width:44px;height:44px}
  .navigation-drawer{height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
  .navigation-drawer-head{padding:calc(1.2rem + env(safe-area-inset-top)) 1.2rem 1rem}
  .navigation-links{padding:1rem 1.2rem 2rem}
  .navigation-links>a,.navigation-links>button,.navigation-collections>summary{min-height:56px;padding:.85rem .15rem;font-size:1.3rem;touch-action:manipulation}
  .navigation-collections>div{padding:.2rem 0 .55rem .75rem}
  .navigation-collections>div a{display:flex;align-items:center;min-height:46px;padding:.55rem 0;font-size:.79rem;line-height:1.35}
  #inicio,#historia,#colecciones,#mediterraneo,#tropical,#wild-instinct,#signature,#esenciales,#personalizado,#decoraciones,#escaparate,#sobre-moirai,#como-funciona,#diseno-del-mes{scroll-margin-top:84px}

  .hero-art{min-height:46vh}
  .hero-copy{padding-top:3.4rem}
  .hero-actions .button,.hero-actions .text-link{min-height:48px}
  .text-link{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 0;touch-action:manipulation}
  .section-head h2,.bespoke h2{font-size:clamp(2.55rem,14vw,3.2rem)}
  .statement{padding-top:5.75rem;padding-bottom:5.75rem}
  .author-gallery{gap:3.6rem}
  .author-work figcaption{padding-top:1.15rem}
  .author-status{font-size:.66rem;line-height:1.45}
  .about-editorial{padding-top:4rem;padding-bottom:4rem}
  .about-story p{font-size:1rem}

  .essentials-chapter{margin:0;padding-left:0;padding-right:0}
  .essentials-head{padding-right:6vw;padding-left:6vw}
  .essentials-toolbar{padding-right:6vw;padding-left:6vw}
  .essentials-swipe{margin-right:6vw;margin-left:6vw}
  .essentials-grid{padding-right:6vw;padding-left:6vw}
  .essential-filter{min-height:46px}
  .quick-add,.ready-inspire,.product-inspire{min-height:46px;touch-action:manipulation}
  .ready-inspire,.product-inspire{display:inline-flex;align-items:center}

  .atelier-color-filters button{min-height:44px;padding:.65rem .85rem;touch-action:manipulation}
  .color-option,.shape-option,.length-option,.design-option,.effect-option,.decoration-card,.size-options label{touch-action:manipulation}
  .next-nail{min-height:44px;padding:.55rem .15rem}
  .atelier-actions button{min-height:44px}
  .atelier-feedback{font-size:.73rem}
  .option-price{font-size:.65rem;line-height:1.35}
  .atelier-pricebar p{font-size:.67rem;line-height:1.35}
  .atelier-pricebar button{min-height:46px}
  .decorations-gallery-head>p{font-size:.72rem}
  .decoration-price-note{font-size:.78rem}

  .drawer{width:100%;height:100dvh;max-height:none;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto}
  .drawer .dialog-head{position:sticky;top:-1rem;z-index:4;margin:0 -1rem;padding:1rem;background:rgba(255,251,252,.97);backdrop-filter:blur(10px)}
  .dialog-head{gap:1rem}
  .dialog-head h2{font-size:2rem;line-height:1.05}
  .icon-button{display:grid;flex:0 0 44px;place-items:center;padding:0}
  .cart-item{grid-template-columns:88px minmax(0,1fr);gap:.85rem;padding:1.25rem 0}
  .cart-item h3{font-size:1.5rem}
  .cart-item-actions{gap:.35rem .75rem}
  .cart-item button,.measurement-help,.copy-order{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 0;font-size:.8rem;touch-action:manipulation}
  .checkout-panel{padding:1rem}
  .checkout-fields label,.payment-method b{font-size:.84rem}
  .payment-method{min-height:52px}
  .bizum-instructions p{font-size:.8rem}
  .checkout-note{font-size:.92rem;line-height:1.55}

  .modal,.product-options-modal,.sizes-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);margin:auto;padding:1rem}
  .product-options-modal{padding:0}
  .product-options-modal .dialog-head{padding:1rem}
  .option-product{grid-template-columns:76px minmax(0,1fr);margin:.85rem;padding:.85rem}
  #productOptionsForm{padding:0 .85rem 1rem}
  .purchase-option-grid span{min-height:48px;padding:.7rem .45rem}
  .sizes-modal .dialog-head h2{font-size:clamp(1.9rem,9vw,2.7rem)}
  .fit-dialog-lede{font-size:.96rem;line-height:1.6}
  .photo-fit-steps strong,.thumb-photo-step strong,.individual-photo-tip strong{font-size:.94rem}
  .photo-fit-steps span,.thumb-photo-step p,.individual-photo-tip p{font-size:.82rem;line-height:1.5}

  .interpreted-fields input,.interpreted-fields textarea,.interpreted-fields select{min-height:48px;font-size:1rem}
  footer a{display:inline-flex;align-items:center;min-height:44px}
}

@media(max-width:350px){
  .logo img{width:132px}
  .cart-button{font-size:.74rem}
  .cart-button span{width:1.4rem;height:1.4rem}
  .config-steps span{font-size:.59rem}
  .nail-row{grid-template-columns:repeat(5,minmax(38px,1fr))}
  .atelier-stage .set-preview{--nail-width:29px}
}

@media(hover:none){
  .color-option:hover,.shape-option:hover,.length-option:hover,.design-option:hover,.effect-option:hover,.decoration-card:hover,.essential-filter:hover{transform:none}
  .decoration-card:hover .decoration-photo img,.essential-card:hover .essential-image img{transform:none}
}

/* Refinamiento final · producto, lectura y autoría */
.collection .product-grid{gap:clamp(1.5rem,2.4vw,2.5rem)}
.collection .product-for-sale,.collection .essential-card{padding:.8rem;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.014))}
.collection .product-for-sale .product-image,.collection .essential-card .product-image{margin:-.8rem -.8rem 0}
.collection .product-meta{align-items:flex-start;padding:1.35rem 0 1.1rem}
.collection .product-meta>div{min-width:0}
.collection .product h3{font-size:clamp(1.75rem,2.2vw,2.15rem);line-height:1.05}
.collection .product-meta>div>p:last-child{max-width:32ch;margin-top:.65rem;color:#ded0d5;line-height:1.5}
.collection .sale-kicker{color:#d8b8c2!important}
.collection .chapter-head p:last-child{color:#d7c8cd}
.collection .length-price-line{margin:0 0 1rem;color:#e4d5da;font-size:.82rem;line-height:1.55}
.collection .product-for-sale .quick-add{margin-top:.15rem}
.essential-card .product-meta{min-height:0}
.about-story{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(2rem,5vw,5rem)}
.about-story p{color:#4f3f46;font-size:1.03rem;line-height:1.7}
.about-heading>p,.about-heading>span{color:#77505d}
footer .footer-primary-links{grid-column:2;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.5rem}
footer .footer-primary-links{position:relative;z-index:2;pointer-events:auto}
footer .footer-primary-links>a{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:44px;pointer-events:auto}
.footer-details{grid-column:2;border-top:1px solid rgba(225,197,204,.22);border-bottom:1px solid rgba(225,197,204,.22)}
.footer-details>summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:60px;padding:.8rem 0;list-style:none;cursor:pointer;color:#fff9fc;font-size:.74rem;font-weight:600;line-height:1.4;letter-spacing:.1em}
.footer-details>summary::-webkit-details-marker{display:none}
.footer-details>summary::marker{content:""}
.footer-details>summary:focus-visible{outline:1px solid #d8b4bf;outline-offset:5px}
.footer-indicator{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;color:#d9bac4}
.footer-indicator::before,.footer-indicator::after{content:"";position:absolute;top:50%;left:2px;width:16px;height:1px;background:currentColor;transition:transform .2s ease,opacity .18s ease}
.footer-indicator::after{transform:rotate(90deg)}
.footer-details[open] .footer-indicator::after{opacity:0;transform:rotate(0)}
.footer-details-panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.25rem 0 1.5rem;overflow:hidden;will-change:height,opacity}
.footer-details-panel section{min-width:0}
.footer-details-panel h2{margin:0 0 1rem;color:#d8b8c2;font:600 .68rem/1.4 var(--sans);letter-spacing:.13em}
.footer-details-panel p{display:grid;gap:.25rem;margin:0 0 1rem}
.footer-details-panel p>span{color:#c9b5bc;font-size:.7rem;letter-spacing:.07em}
.footer-details-panel a{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:38px;color:#fff9fc}
.footer-details-panel p>small{color:#c9b5bc;font-size:.7rem;line-height:1.45;letter-spacing:.04em}
footer>small{color:#d2c0c6}

@media(max-width:580px){
  .collection .product-grid{gap:2.8rem}
  .collection .product-for-sale,.collection .essential-card{padding:.65rem}
  .collection .product-for-sale .product-image,.collection .essential-card .product-image{margin:-.65rem -.65rem 0}
  .collection .product-meta{gap:.8rem;padding:1.2rem 0 1rem}
  .collection .product h3{font-size:1.9rem}
  .collection .product-meta>div>p:last-child{font-size:.94rem;line-height:1.5}
  .collection .product-for-sale .product-meta strong{font-size:1.35rem}
  .collection .chapter-head p:last-child{font-size:.96rem;line-height:1.55}
  .about-editorial{padding-top:3.8rem}
  .about-story{gap:.35rem;padding:2.6rem 0 2.1rem}
  .about-story p{margin-bottom:1.15rem;font-size:1rem;line-height:1.65}
  .about-story .about-translation{margin:1.8rem 0;font-size:2.5rem}
  footer .footer-primary-links{grid-column:1;display:grid;gap:.2rem}
  footer .footer-primary-links>a{width:100%}
  .footer-details{grid-column:1;margin-top:.6rem}
  .footer-details>summary{min-height:56px;font-size:.7rem}
  .footer-details-panel{grid-template-columns:1fr;gap:1.5rem;padding-top:1rem}
  .footer-details-panel a{min-height:44px}
}

/* Grandes zonas desplegables · boutique digital */
.site-zone{margin:0;border:0;border-top:1px solid rgba(229,205,213,.18);background:radial-gradient(circle at 88% 50%,rgba(191,139,155,.08),transparent 30%),linear-gradient(105deg,#0d0b0e,#21191e 54%,#0d0b0e);color:#fffafc}
.site-zone:last-of-type{border-bottom:1px solid rgba(229,205,213,.18)}
.site-zone>summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:112px;padding:1.8rem 6vw;list-style:none;cursor:pointer;scroll-margin-top:110px;transition:color .2s ease,background .2s ease}
.site-zone>summary::-webkit-details-marker{display:none}
.site-zone>summary::marker{content:""}
.site-zone>summary span{font:400 clamp(2rem,3.2vw,3.7rem)/1 var(--serif);letter-spacing:.015em;text-transform:uppercase}
.site-zone>summary:hover{background:rgba(255,255,255,.025);color:#ead2d9}
.site-zone>summary:focus-visible{outline:1px solid #d8b4bf;outline-offset:-1px;background:rgba(255,255,255,.035)}
.site-zone[open]>summary{color:#e5c8d1;background:rgba(255,255,255,.02)}
.zone-indicator{position:relative;display:block;flex:0 0 28px;width:28px;height:28px;color:#d9bac4}
.zone-indicator::before,.zone-indicator::after{content:"";position:absolute;top:50%;left:3px;width:22px;height:1px;background:currentColor;transition:transform .22s ease,opacity .18s ease}
.zone-indicator::after{transform:rotate(90deg)}
.site-zone[open]>summary .zone-indicator::after{opacity:0;transform:rotate(0)}
.site-zone-panel{min-width:0;overflow:hidden;will-change:height,opacity}
.site-zone-panel>section{min-width:0}
.colors-collection{padding-top:clamp(4rem,7vw,7rem)}
#colores{scroll-margin-top:110px}
.colors-collection .essentials-chapter{display:block;min-height:0;align-items:initial;overflow:hidden;background-image:none;background-position:initial;background-size:auto}
.colors-collection .essentials-chapter::before{content:none}
.colors-collection .essentials-chapter .chapter-head{position:static;width:auto}

@media(max-width:760px){
  .site-zone[data-zone-name="Colores"],.site-zone[data-zone-name="Colores"] .site-zone-panel{width:100%;max-width:100%;overflow:hidden}
  .site-zone>summary{min-height:82px;padding:1.25rem 6vw;scroll-margin-top:84px}
  .site-zone>summary span{font-size:clamp(1.55rem,8vw,2.15rem)}
  .zone-indicator{flex-basis:24px;width:24px;height:24px}
  .zone-indicator::before,.zone-indicator::after{left:2px;width:20px}
  .colors-collection{padding-top:3.5rem}
  #colores{scroll-margin-top:84px}
}

@media(prefers-reduced-motion:reduce){
  .site-zone>summary,.zone-indicator::before,.zone-indicator::after,.footer-indicator::before,.footer-indicator::after{transition:none}
}

/* Iconografía editorial de interfaz */
.ui-icon{position:relative;display:inline-block;flex:0 0 auto;width:.78rem;height:.78rem;color:currentColor;vertical-align:middle}
.icon-chevron-right::before,.icon-chevron-left::before,.icon-chevron-down::before{content:"";position:absolute;width:.42rem;height:.42rem;border-top:1px solid currentColor;border-right:1px solid currentColor}
.icon-chevron-right::before{top:.16rem;left:.08rem;transform:rotate(45deg)}
.icon-chevron-left::before{top:.16rem;right:.08rem;transform:rotate(-135deg)}
.icon-chevron-down::before{top:.06rem;left:.16rem;transform:rotate(135deg)}
.icon-close{width:1rem;height:1rem}
.icon-close::before,.icon-close::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:currentColor}
.icon-close::before{transform:rotate(45deg)}
.icon-close::after{transform:rotate(-45deg)}
.navigation-collections>summary .ui-icon{color:#b78e99;transition:transform .2s ease}
.navigation-collections[open]>summary .ui-icon{transform:rotate(180deg)}
.back-button{display:inline-flex;align-items:center;gap:.35rem}
.button .ui-icon,.next-nail .ui-icon,.atelier-pricebar button .ui-icon{margin-left:.25rem}

/* Escala global de largo y resumen del Atelier */
.length-options{grid-template-columns:repeat(5,minmax(0,1fr))}
#length-xxl+label i{height:56px}
.set-preview[data-length="xxl"],.atelier-stage .set-preview[data-length="xxl"]{--nail-height:126px}
.set-summary dd{max-width:64%;overflow-wrap:anywhere}
@media(max-width:760px){
  .length-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .set-preview[data-length="xxl"],.atelier-stage .set-preview[data-length="xxl"]{--nail-height:106px}
}