:root{--negro:#0d0c0f;--carbon:#17151a;--hueso:#ece6da;--hueso-suave:#ece6dac7;--ambar:#d19a52;--tinta:#b8453e;--borde:#ece6da1f;--radio:10px;--transicion-panel:1.25s cubic-bezier(.65,0,.15,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--negro);color:var(--hueso);font-family:Inter,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}::selection{background:var(--ambar);color:var(--negro)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.hero{flex-direction:column;height:100dvh;display:flex;position:relative}.hero-nombre{z-index:10;text-align:center;pointer-events:none;background:linear-gradient(#0000008c 0%,#00000047 65%,#0000 100%);padding:2.2rem 1rem 1.6rem;position:absolute;top:0;left:0;right:0}.hero-nombre h1{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 4px #000000e6,0 4px 26px #000000b3;font-family:Fraunces,serif;font-size:clamp(1.9rem,4.5vw,3.4rem);font-weight:400}.hero-nombre h1 span{font-style:italic;font-weight:300}.hero-nombre .amp{letter-spacing:.42em;text-transform:uppercase;color:var(--hueso-suave);text-shadow:0 1px 4px #000000d9;margin-top:.4rem;font-family:Fraunces,serif;font-size:clamp(.85rem,1.4vw,1.05rem);font-style:italic;display:block}.paneles{flex:1;min-height:0;display:flex}.panel{cursor:pointer;transition:flex var(--transicion-panel);isolation:isolate;flex:1;position:relative;overflow:hidden}.paneles:has(.panel:hover) .panel{flex:.12}.paneles:has(.panel:hover) .panel:hover{flex:1}.panel-fondo{filter:brightness(.78);background-position:50%;background-size:cover;transition:transform 2s cubic-bezier(.2,.6,.2,1),filter 1.1s;position:absolute;inset:0;transform:scale(1.06)}.panel:hover .panel-fondo{filter:brightness(.92);transform:scale(1)}.panel--luthier .panel-fondo{background-image:linear-gradient(160deg,#0d0c0f33,#0d0c0fa6),url(./img-luthier-CzArCjFD.jpg)}.panel--tattoo .panel-fondo{background-image:linear-gradient(200deg,#0d0c0f33,#0d0c0fa6),url(./img-tattoo-CBgy8KE4.jpg);background-position:50% 65%}.panel-borde{border:1px solid var(--borde);z-index:2;pointer-events:none;transition:inset .9s,border-color .9s;position:absolute;inset:1.1rem}.panel:hover .panel-borde{inset:1.6rem}.panel--luthier:hover .panel-borde{border-color:#d19a5280}.panel--tattoo:hover .panel-borde{border-color:#b8453e8c}.panel-contenido{z-index:3;flex-direction:column;justify-content:flex-end;padding:clamp(1.8rem,4vw,4rem);display:flex;position:absolute;inset:0}.panel-etiqueta{letter-spacing:.4em;text-transform:uppercase;color:var(--hueso-suave);white-space:nowrap;text-shadow:0 1px 4px #000000d9;margin-bottom:.8rem;font-size:.68rem}.panel--luthier .panel-titulo{text-shadow:0 2px 12px #0009;font-family:Fraunces,serif;font-size:clamp(2.6rem,6vw,5.5rem);font-style:italic;font-weight:350;line-height:.95}.panel--tattoo .panel-contenido{text-align:right;align-items:flex-end}.panel--tattoo .panel-titulo{letter-spacing:.06em;text-shadow:0 2px 12px #0009;font-family:Bebas Neue,sans-serif;font-size:clamp(2.8rem,6.5vw,6rem);line-height:.9}.panel-sub{max-width:34ch;color:var(--hueso-suave);opacity:0;text-shadow:0 1px 4px #000000d9;margin-top:1rem;font-size:.92rem;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(12px)}.panel:hover .panel-sub{opacity:1;transform:none}.panel-cta{letter-spacing:.3em;text-transform:uppercase;opacity:0;text-shadow:0 1px 4px #000000d9;align-items:center;gap:.6rem;margin-top:1.4rem;font-size:.72rem;transition:opacity .8s .45s,transform .8s .45s;display:inline-flex;transform:translateY(12px)}.panel:hover .panel-cta{opacity:1;transform:none}.panel--luthier .panel-cta{color:var(--ambar)}.panel--tattoo .panel-cta{color:var(--tinta)}.panel-cta:after{content:"";background:currentColor;width:2.4rem;height:1px}.paneles:has(.panel:hover) .panel:not(:hover) .panel-contenido{opacity:0;transition:opacity .5s}.paneles.con-activo .panel{flex:.3}.paneles.con-activo .panel.activo{flex:1}.paneles.con-activo .panel.activo .panel-fondo{filter:brightness(.92);transform:scale(1)}.paneles.con-activo .panel.activo .panel-sub,.paneles.con-activo .panel.activo .panel-cta{opacity:1;transform:none}.paneles.con-activo .panel:not(.activo) .panel-contenido{opacity:0;transition:opacity .5s}.seccion{padding:clamp(4.5rem,9vw,8rem) clamp(1.4rem,6vw,6rem);position:relative}.contenedor{max-width:1200px;margin:0 auto}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--hueso-suave);align-items:center;gap:1rem;margin-bottom:1.6rem;font-size:.68rem;display:flex}.eyebrow:before{content:"";opacity:.5;background:currentColor;width:2.6rem;height:1px}.sec-luthier{background:var(--carbon);border-top:1px solid var(--borde)}.sec-luthier .eyebrow{color:var(--ambar)}.luthier-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.luthier-cabecera .titulo-serif{margin-bottom:0}.luthier-estilos{letter-spacing:.3em;text-transform:uppercase;color:var(--hueso-suave);padding-bottom:.5rem;font-size:.72rem}.titulo-serif{margin-bottom:1.4rem;font-family:Fraunces,serif;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:350;line-height:1.05}.titulo-serif em{color:var(--ambar);font-style:italic}.texto-suave{color:var(--hueso-suave);max-width:52ch}.lista-servicios{border-top:1px solid var(--borde);margin-top:.6rem;list-style:none}.lista-servicios li{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.15rem 0;transition:padding-left .35s;display:flex}.lista-servicios li:hover{padding-left:.6rem}.lista-servicios .nombre{font-family:Fraunces,serif;font-size:1.15rem}.lista-servicios .precio{text-align:right;color:var(--hueso);font-family:Fraunces,serif;font-size:1.15rem;font-weight:400}.sec-luthier .lista-servicios .precio,.sec-luthier .lista-servicios li:hover .nombre{color:var(--ambar)}.mosaico-luthier{margin-top:3.2rem}.sec-luthier .mosaico-item:hover{border-color:#d19a5280}.mosaico-tocando{object-position:50% 12%}.lista-servicios+.eyebrow{margin-top:3.4rem}.instrumentos{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(1.2rem,2.5vw,2rem);list-style:none;display:grid}.instrumento{flex-direction:column;display:flex}.instrumento-media{aspect-ratio:4/5;border-radius:var(--radio);background:linear-gradient(160deg,#ece6da12,#ece6da05);position:relative}.instrumento-foto{object-fit:cover;border:1px solid var(--borde);border-radius:var(--radio);filter:brightness(.94);width:100%;height:100%;transition:filter .35s,border-color .35s;position:absolute;inset:0}img.instrumento-foto{opacity:0;transition:opacity .45s,filter .35s,border-color .35s}img.instrumento-foto.cargada{opacity:1}.instrumento:not(.instrumento--vendido):hover .instrumento-foto{filter:brightness(1.02);border-color:#d19a5280}.instrumento--vendido .instrumento-foto{filter:grayscale()brightness(.45)}.instrumento--vendido .instrumento-nombre,.instrumento--vendido .instrumento-desc,.instrumento--vendido .instrumento-precio{color:var(--hueso-suave);opacity:.6}.instrumento-sello{border:1px solid var(--borde);border-radius:calc(var(--radio) - 5px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);letter-spacing:.3em;text-transform:uppercase;color:var(--hueso);background:#0d0c0fcc;padding:.4rem .7rem;font-size:.58rem;position:absolute;top:.7rem;left:.7rem}.instrumento-sinfoto{letter-spacing:.3em;text-transform:uppercase;color:var(--hueso-suave);background:linear-gradient(160deg,#d19a5214,#0000);place-items:center;font-size:.62rem;display:grid}.instrumento-nombre{margin-top:1rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:350;line-height:1.25}.instrumento-precio{color:var(--ambar);font-variant-numeric:tabular-nums;margin-top:.3rem;font-family:Fraunces,serif;font-size:1.05rem;font-weight:400}.instrumento-desc{color:var(--hueso-suave);margin-top:.4rem;font-size:.9rem}.instrumento-cta{letter-spacing:.3em;text-transform:uppercase;color:var(--ambar);align-items:center;gap:.6rem;margin-top:auto;padding-top:1.1rem;font-size:.7rem;transition:gap .35s;display:inline-flex}.instrumento-cta:after{content:"";background:currentColor;width:2rem;height:1px}.instrumento-cta:hover{gap:1.1rem}.sec-tattoo{background:var(--negro);border-top:1px solid var(--borde)}.sec-tattoo .eyebrow{color:var(--tinta)}.tattoo-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.2rem;display:flex}.tattoo-cabecera .titulo-bebas{margin-bottom:0}.tattoo-estilos{letter-spacing:.3em;text-transform:uppercase;color:var(--hueso-suave);padding-bottom:.5rem;font-size:.72rem}.mosaico{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.5fr 1fr;gap:.9rem;margin-bottom:2.8rem;display:grid}.mosaico-item{object-fit:cover;border:1px solid var(--borde);border-radius:var(--radio);filter:brightness(.94);width:100%;height:100%;transition:filter .35s,border-color .35s}.mosaico-item:hover{filter:brightness(1.02);border-color:#b8453e8c}.mosaico-principal{grid-row:1/span 2;min-height:520px}.mosaico .mosaico-item:not(.mosaico-principal){aspect-ratio:4/3;min-height:0}.mosaico-navaja{object-position:50% 32%}.titulo-bebas{letter-spacing:.05em;margin-bottom:1.4rem;font-family:Bebas Neue,sans-serif;font-size:clamp(2.6rem,5.5vw,4.6rem);line-height:.95}.titulo-bebas span{color:var(--tinta)}.sec-tattoo .lista-servicios .nombre{letter-spacing:.06em;font-family:Bebas Neue,sans-serif;font-size:1.3rem}.sec-tattoo .lista-servicios .precio{letter-spacing:.06em;color:var(--tinta);font-family:Bebas Neue,sans-serif;font-size:1.3rem}.sec-tattoo .lista-servicios li:hover .nombre{color:var(--tinta)}.ubicaciones{background:var(--negro);border-top:1px solid var(--borde)}.ubicaciones .texto-suave{margin-bottom:3.2rem}.firma{flex-wrap:wrap;align-items:center;gap:clamp(1.1rem,2.5vw,1.8rem);margin-bottom:1.1rem;display:flex}.firma-foto{aspect-ratio:1;object-fit:cover;object-position:center 30%;background:linear-gradient(var(--carbon),var(--carbon)) padding-box, linear-gradient(135deg,var(--ambar),var(--tinta)) border-box;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:clamp(96px,14vw,132px);padding:5px;box-shadow:0 10px 40px #00000080}.firma-nombre{margin-bottom:.4rem;font-size:clamp(1.7rem,3.4vw,2.6rem)}.firma-rol{letter-spacing:.35em;text-transform:uppercase;color:var(--hueso-suave);font-size:.65rem}.ubicaciones-grid{grid-template-columns:1fr 1fr;gap:clamp(1.8rem,3.5vw,3rem);display:grid}.ubicacion-mapa{aspect-ratio:4/3;border:1px solid var(--borde);border-radius:var(--radio);transition:border-color .35s;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.ubicacion-mapa iframe{filter:invert(.92)hue-rotate(180deg)saturate(.5)brightness(.9)contrast(1.05);border:0;width:100%;height:100%;transition:filter .35s;display:block}.ubicacion:hover .ubicacion-mapa iframe{filter:invert(.92)hue-rotate(180deg)saturate(.68)brightness()contrast(1.05)}.ubicacion--tattoo:hover .ubicacion-mapa{border-color:#b8453e8c}.ubicacion--luthier:hover .ubicacion-mapa{border-color:#d19a5280}.ubicacion-etiqueta{letter-spacing:.4em;text-transform:uppercase;margin:1.5rem 0 .8rem;font-size:.68rem}.ubicacion--tattoo .ubicacion-etiqueta{color:var(--tinta)}.ubicacion--luthier .ubicacion-etiqueta{color:var(--ambar)}.ubicacion--luthier .ubicacion-direccion{font-family:Fraunces,serif;font-size:1.75rem;font-weight:350;line-height:1.1}.ubicacion--tattoo .ubicacion-direccion{letter-spacing:.06em;font-family:Bebas Neue,sans-serif;font-size:2rem;font-weight:400;line-height:1}.ubicacion-ciudad{color:var(--hueso-suave);margin-top:.35rem;font-size:.92rem}.ubicacion-cta{letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:.6rem;margin-top:1.3rem;font-size:.72rem;transition:gap .35s;display:inline-flex}.ubicacion-cta:after{content:"";background:currentColor;width:2.4rem;height:1px}.ubicacion-cta:hover{gap:1.1rem}.ubicacion--tattoo .ubicacion-cta{color:var(--tinta)}.ubicacion--luthier .ubicacion-cta{color:var(--ambar)}footer{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#ece6da8c;border-top:1px solid var(--borde);background:var(--negro);flex-direction:column;gap:.5rem;padding:1.6rem;font-size:.68rem;display:flex}footer .credito{letter-spacing:.25em;font-size:.6rem}.credito-link{color:var(--ambar);border-bottom:1px solid #d19a5273;padding-bottom:.15rem;transition:color .3s,border-color .3s}.credito-link:hover,.credito-link:focus-visible{color:var(--hueso);border-color:var(--hueso)}.wsp{z-index:100;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:fixed;bottom:1.4rem;right:1.4rem;box-shadow:0 6px 24px #00000073}.wsp:hover{transform:scale(1.1);box-shadow:0 10px 32px #25d36659}.wsp svg{fill:#fff;width:30px;height:30px}.wsp:before{content:"";border:1px solid #25d36699;border-radius:50%;animation:2.4s ease-out infinite pulso;position:absolute;inset:0}@keyframes pulso{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (width<=820px){.paneles{flex-direction:column}.paneles:has(.panel:hover) .panel{flex:.3}.paneles:has(.panel:hover) .panel:hover{flex:1}.panel--tattoo .panel-contenido{text-align:left;align-items:flex-start}.panel-sub,.panel-cta{opacity:1;transform:none}.mosaico{grid-template-rows:none;grid-template-columns:1fr}.mosaico-principal{aspect-ratio:4/5;grid-row:auto;min-height:0}.ubicaciones-grid{grid-template-columns:1fr}.hero-nombre{padding-top:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (scripting:none){img.instrumento-foto{opacity:1}}