.lienzo-curtains{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:4}.lienzo-curtains canvas{width:100%;height:100%}:root{--oro: #f3d699;--oro-hondo: #a8873f;--plata: #c9ccd1;--blanco: #ffffff;--marfil: #faf7f2;--marfil-2: #f2ece1;--tinta: #443924;--tinta-suave: #6a615a;--display: "Uncial Antiqua", Georgia, serif;--texto: "Cormorant Garamond", Georgia, serif;--dato: "Jost", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--marfil);color:var(--tinta);font-family:var(--texto);font-weight:300;font-size:18px;overflow-x:hidden}::selection{background:var(--oro);color:var(--tinta)}:focus-visible{outline:2px solid var(--oro-hondo);outline-offset:3px}.cabecera{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.2rem,5vw,4rem);background-image:url(/img/fondo-menu.webp);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 4px 20px #00000014}.marca{font-family:var(--display);font-size:1.4rem;letter-spacing:.22em;color:var(--tinta);text-decoration:none}.nav{display:flex;gap:clamp(1rem,3vw,2.4rem)}.nav a{font-family:var(--dato);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave);text-decoration:none;transition:color .3s}.nav a:hover{color:var(--oro-hondo)}.sonda{font-family:var(--dato);font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro-hondo);margin-bottom:1.2rem}.titulo{font-family:var(--display);font-size:clamp(4.5rem,16vw,14rem);line-height:.9;letter-spacing:.04em;font-weight:400}.titulo-2{font-family:var(--display);font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.2;font-weight:400;max-width:18ch}.parrafo{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.75;max-width:46ch;margin-top:1.6rem;color:var(--tinta-suave)}.parrafo--centro{margin-left:auto;margin-right:auto;text-align:center}.parrafo em{font-style:italic;color:var(--tinta)}[data-splitting] .char,[data-splitting] .word{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);transition-delay:calc(var(--char-index, var(--word-index, 0)) * 45ms)}.visible [data-splitting] .char,.visible [data-splitting] .word,[data-splitting].visible .char,[data-splitting].visible .word{opacity:1;transform:none}.portada{position:relative;min-height:100vh;display:flex;align-items:center;padding:0 clamp(1.2rem,5vw,4rem);background:radial-gradient(120% 90% at 72% 8%,rgba(243,214,153,.42) 0%,transparent 62%),url(/img/fondo-portada.webp) center center / cover no-repeat,var(--marfil)}.colgante{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.colgante .dije{position:absolute;top:0;left:0;width:112px;height:112px;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 20px rgba(120,95,40,.22))}.colgante .dije:active{cursor:grabbing}.colgante svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.portada__texto{position:relative;z-index:3;pointer-events:none}.bajada{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.6;color:var(--tinta-suave);margin-top:1.5rem;max-width:26ch}.pie-portada{font-family:var(--dato);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta);font-weight:600;text-shadow:0 1px 4px rgba(255,255,255,.7);margin-top:3rem}.coleccion{position:relative;padding:clamp(4rem,10vh,8rem) clamp(1.2rem,5vw,4rem) 3rem;background:linear-gradient(180deg,#faf7f266,#f2ece166),url(/img/fondo-coleccion.webp) center center / cover no-repeat}.coleccion__cabecera{position:relative;z-index:3;pointer-events:none}.coleccion .titulo-2{background:linear-gradient(135deg,#d4af37,#aa8222,#f3d699);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coleccion__cabecera .filtros{pointer-events:auto}.filtros{display:flex;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.filtro{font-family:var(--dato);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:.7rem 1.25rem;border:1px solid var(--plata);background:transparent;color:var(--tinta-suave);cursor:pointer;border-radius:999px;transition:all .35s}.filtro span{opacity:.8;margin-left:.4rem;color:var(--plata)}.filtro:hover{border-color:var(--oro-hondo);color:var(--oro-hondo)}.filtro.activo{background:linear-gradient(135deg,#d4af37,#aa8222);border-color:#aa8222;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.campo{position:relative;height:78vh;min-height:520px;margin-top:-4rem}.campo .dije{position:absolute;top:0;left:0;width:88px;height:88px;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .5s;filter:drop-shadow(0 8px 16px rgba(120,95,40,.2))}.campo .dije.apagado{opacity:.16}.nota-campo{font-family:var(--dato);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-hondo);text-align:center}.pieza{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(4rem,12vh,9rem) clamp(1.2rem,5vw,4rem);background-color:var(--tinta);background-image:radial-gradient(90% 70% at 70% 45%,rgba(243,214,153,.1) 0%,transparent 70%),linear-gradient(#443924cc,#443924cc),url(/img/fondo-pieza.webp);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--marfil)}.pieza .sonda{color:var(--oro)}.pieza .titulo-2{color:var(--marfil)}.pieza .parrafo{color:#faf7f2b8}.plano{width:100%;aspect-ratio:1;max-width:520px;margin:0 auto}.plano img{display:block;width:100%;height:100%;object-fit:contain}.plano canvas{display:block;width:100%;height:100%}.pieza__nombre{font-family:var(--display);font-size:1.3rem;text-align:center;margin-top:1rem;letter-spacing:.1em;color:var(--oro)}.selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.2rem;max-width:30rem}.selector button{width:54px;height:54px;border:1px solid transparent;border-radius:50%;background:#ffffff0f;cursor:pointer;padding:4px;transition:all .3s}.selector button img{width:100%;height:100%;object-fit:contain}.selector button:hover{border-color:var(--oro);transform:translateY(-3px)}.selector button.activo{border-color:var(--oro);background:#f3d69929}.origen{text-align:center;padding:clamp(5rem,14vh,10rem) clamp(1.2rem,5vw,4rem);background:var(--marfil)}.origen .titulo-2{margin:0 auto;font-size:clamp(3rem,8vw,6rem)}.pie{background-color:var(--tinta);background-image:linear-gradient(#44392499,#44392499),url(/img/fondo-foter.webp);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--marfil);padding:2rem clamp(1.2rem,5vw,4rem) 1.5rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.pie h3{font-family:var(--dato);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);font-weight:400;margin-bottom:.7rem}.pie p,.pie a{font-size:.95rem;color:var(--marfil);opacity:.82;text-decoration:none}.pie a:hover{color:var(--oro)}.pie__legal{grid-column:1 / -1;font-family:var(--dato);font-size:.66rem;letter-spacing:.08em;opacity:.42;border-top:1px solid rgba(255,255,255,.14);padding-top:1.4rem}@media (max-width: 860px){.pieza{grid-template-columns:1fr}.colgante .dije{width:78px;height:78px}.campo .dije{width:66px;height:66px}.campo{height:62vh;margin-top:0}.nav{gap:1rem}}@media (prefers-reduced-motion: reduce){[data-splitting] .char,[data-splitting] .word{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.pieza__lienzo{position:relative}.pieza__lienzo canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.plano img{transition:opacity .4s}.pieza__lienzo:has(canvas) .plano img,.pieza__lienzo.con-webgl .plano img{opacity:0}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}