.tattoo-shop{max-width:1440px;margin:auto;padding:0 6% 35px;color:#e4ddf2}.tattoo-heading{height:clamp(120px,16vw,210px);position:relative;display:grid;place-items:center;padding-bottom:5%;background:url('assets/gallery-heading.svg') center/100% 100% no-repeat;filter:drop-shadow(0 2px 7px #b7a5ff44);animation:shop-arrive .5s ease 1.35s both}.tattoo-heading h1{font:500 clamp(17px,2.6vw,36px) var(--serif);text-transform:uppercase;letter-spacing:.08em;margin:0;text-align:center}.shop-welcome{max-width:710px;text-align:center;margin:50px auto 65px;animation:shop-arrive .6s ease 1.9s both}.shop-eyebrow{font-size:10px;letter-spacing:.2em;color:#afc9e6}.shop-welcome h2{font:500 clamp(28px,3.6vw,46px)/1.3 var(--serif);margin:20px 0;color:#e8d6f6}.shop-welcome>p:not(.shop-eyebrow){font-size:15px;line-height:1.9;color:#b6aec5}.shop-button{display:inline-flex;margin-top:20px;padding:15px 25px;background:linear-gradient(120deg,#65628b55,#78508044);border:1px solid #c5b3e580;border-radius:4px;font-size:12px;letter-spacing:.04em;transition:box-shadow .3s}.shop-button:hover{box-shadow:0 0 22px #b3cfff44}.shop-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.shop-section-head h2{font:500 28px var(--serif);margin:0;color:#d9c3ee}.shop-section-head h2 span{font-size:18px;color:#b3dcff;margin-left:15px}.shop-section-head p{font-size:12px;color:#a49bb4}.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.shop-product{min-width:0;display:block;background:linear-gradient(150deg,#19182b,#0b0f1b);position:relative;transition:transform .3s,filter .3s}.shop-product:after{content:'';position:absolute;inset:-6px;pointer-events:none;background:url('assets/vr-crystal-frame.svg') center/100% 100% no-repeat;filter:drop-shadow(0 0 5px #ad9aff30)}.shop-product:hover{transform:translateY(-5px);filter:drop-shadow(0 0 12px #b2beff44)}.shop-product-image{aspect-ratio:1;overflow:hidden;margin:16px 16px 0;background:#080b13}.shop-product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .8s}.shop-product:hover img{transform:scale(1.035)}.shop-product-copy{padding:23px 26px 29px}.shop-avatar{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aca1c0}.shop-product h3{font:500 23px var(--serif);margin:12px 0 20px;color:#e8d9fa}.shop-product-link{font-size:11px;color:#b6ddf5}.shop-restricted{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#38203e55,transparent 75%);padding:25px}.shop-restricted>span{font-size:62px;color:#c6b5ed}.shop-restricted p{font:500 26px var(--serif);color:#e6cbed}.shop-restricted small{font-size:10px;line-height:1.7;color:#a79bb6}.shop-footer{display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding-top:24px;border-top:1px solid #a891c333;font-size:11px;color:#b9a6cb}a:focus-visible{outline:2px solid #c5eaff;outline-offset:6px}@keyframes shop-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@media(max-width:850px){.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-section-head{align-items:start;flex-direction:column}}@media(max-width:520px){.shop-products{grid-template-columns:1fr;gap:30px}.shop-welcome{margin:30px auto 45px}.shop-footer{flex-direction:column}.tattoo-heading h1{font-size:16px}}@media(prefers-reduced-motion:reduce){.tattoo-heading,.shop-welcome{animation:none}.shop-product,.shop-product-image img{transition:none}}
/* Ondas nacaradas solo en la cabecera, fundidas con el fondo. */
.tattoo-page{position:relative;isolation:isolate;background:#080b13}.tattoo-wave-backdrop{position:absolute;inset:0 0 auto;height:760px;z-index:-1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 20%,#000b 48%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 20%,#000b 48%,transparent 100%);background:#141427}.tattoo-wave-backdrop video{width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:.35;filter:saturate(.9) brightness(.65);transform:scale(1.03)}.tattoo-wave-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b1344,transparent 35%,#080b1344),linear-gradient(to bottom,#080b1333,#080b1355 50%,#080b13)}.tattoo-page .shop-welcome{position:relative}.tattoo-page .shop-welcome h2{text-shadow:0 2px 16px #080b13}.tattoo-page .shop-welcome>p{ text-shadow:0 1px 8px #080b13}.tattoo-page .topbar{position:relative}@media(max-width:600px){.tattoo-wave-backdrop{height:650px}}@media(prefers-reduced-motion:reduce){.tattoo-wave-backdrop video{display:none}.tattoo-wave-backdrop{background:radial-gradient(ellipse at 20% 5%,#70bfe83d,transparent 65%),radial-gradient(ellipse at 90% 20%,#d794cf40,transparent 65%),#111525}}
/* Superficie líquida original, calculada en tiempo real. */
.tattoo-wave-backdrop{background:radial-gradient(ellipse at 20% 10%,#426c8c55,transparent 65%),radial-gradient(ellipse at 85% 15%,#a34d9050,transparent 65%),#111525}.tattoo-wave-backdrop canvas{display:block;width:100%;height:100%;opacity:.8}.tattoo-wave-backdrop:after{background:linear-gradient(to bottom,#080b131a,#080b1344 45%,#080b13),linear-gradient(90deg,#080b1333,transparent 35%,#080b1322)}
.tattoo-wave-backdrop canvas{opacity:.62}
.custom-textures{margin-top:80px;padding-top:40px;border-top:1px solid #bba0db33}.custom-intro{max-width:650px;color:#b6aec5;font-size:14px;line-height:1.9;margin:0 0 35px}.custom-texture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.custom-texture-card{margin:0;min-width:0;background:linear-gradient(140deg,#1b192c80,#0b0f1b);position:relative}.custom-texture-card:after{content:'';position:absolute;inset:-6px;background:url('assets/vr-crystal-frame.svg') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 0 6px #baa5ff22)}.custom-texture-card>a{display:block;position:relative;margin:20px 20px 0;height:420px;background:#080b13;overflow:hidden}.custom-texture-card img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s}.custom-texture-card>a:hover img{transform:scale(1.025)}.custom-expand{position:absolute;bottom:12px;right:12px;background:#0a0d20cc;padding:8px 12px;font-size:10px;color:#dfd0ef;border-radius:3px}.custom-texture-card figcaption{padding:26px 30px 32px}.custom-texture-card h3{font:500 24px var(--serif);color:#e4d4f4;margin:12px 0}.custom-texture-card p{color:#b6aec5;font-size:13px;line-height:1.8;margin:0}.custom-textures>.shop-button{margin-top:35px}@media(max-width:650px){.custom-texture-grid{grid-template-columns:1fr;gap:30px}.custom-texture-card>a{height:390px}.custom-textures .shop-section-head h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.custom-texture-card img{transition:none}}
/* Entrada descendente igual al encabezado de Diseño gráfico VR. */
.tattoo-heading{animation:tattoo-triangle-arrival .5s cubic-bezier(.2,.7,.2,1) 1.35s both}
@keyframes tattoo-triangle-arrival{from{opacity:0;transform:translateY(-22px) scaleY(.8)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tattoo-heading{animation:none}}
/* Título legible, sin ligaduras ni trazos superpuestos. */
.shop-welcome h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;font-variant-ligatures:none;font-feature-settings:'liga' 0,'dlig' 0;letter-spacing:.01em;line-height:1.35;text-wrap:balance;text-shadow:none}
.shop-animated-group .shop-product,.shop-animated-group .custom-texture-card{opacity:0;translate:0 22px}.shop-group-visible .shop-product,.shop-group-visible .custom-texture-card{animation:shop-card-arrival .7s cubic-bezier(.2,.7,.2,1) var(--card-delay,0s) both}.shop-group-visible .shop-section-head{animation:shop-card-arrival .5s ease both}.custom-texture-card{transition:filter .3s,transform .3s}.custom-texture-card:hover{transform:translateY(-4px);filter:drop-shadow(0 0 10px #b7abed33)}.shop-product:before,.custom-texture-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(110deg,transparent 40%,#dcefff33 48%,#f3e4ff55 50%,transparent 59%);background-size:300% 100%;opacity:0}.shop-product:hover:before,.custom-texture-card:hover:before{animation:shop-card-glint .65s ease both}.shop-product-link{display:inline-block;transition:color .25s,translate .25s}.shop-product:hover .shop-product-link{color:#f0defa;translate:3px 0}.custom-textures>.shop-button{transition:box-shadow .3s,translate .3s}.custom-textures>.shop-button:hover{translate:0 -3px;box-shadow:0 0 18px #c2b5ed33}@keyframes shop-card-arrival{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes shop-card-glint{0%{opacity:0;background-position:100% 0}25%,70%{opacity:.6}100%{opacity:0;background-position:0% 0}}@media(prefers-reduced-motion:reduce){.shop-animated-group .shop-product,.shop-animated-group .custom-texture-card{opacity:1;translate:none}.shop-group-visible .shop-product,.shop-group-visible .custom-texture-card,.shop-group-visible .shop-section-head,.shop-product:hover:before,.custom-texture-card:hover:before{animation:none}.custom-texture-card,.shop-product-link,.custom-textures>.shop-button{transition:none}}
.custom-tattoo-showcase{margin-top:50px;padding:36px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.tattoo-detail-copy h3{font:500 clamp(27px,3vw,38px) var(--serif);color:#e5d2f1;margin:18px 0}.tattoo-detail-copy>p:last-child{font-size:14px;line-height:1.9;color:#b9aec8;max-width:400px}.tattoo-detail-gallery{width:100%;max-width:380px;justify-self:center}.tattoo-detail-frame{position:relative;aspect-ratio:9/16;padding:15px;background:#101522;box-shadow:0 0 20px #baa5ed20}.tattoo-detail-frame:after{content:'';position:absolute;inset:-5px;background:url('assets/vr-crystal-frame.svg') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 0 6px #bca6f633)}.tattoo-detail-frame img{display:block;width:100%;height:100%;object-fit:contain}.tattoo-detail-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:11px;color:#c9b9db}.tattoo-detail-controls button{min-width:40px;min-height:40px;padding:8px 12px;background:#33254077;border:1px solid #a78abd66;border-radius:5px;color:#eadbf7;cursor:pointer}.tattoo-detail-controls button:first-child,.tattoo-detail-controls button:last-child{font-size:24px}@media(max-width:650px){.custom-tattoo-showcase{grid-template-columns:1fr;gap:25px}.tattoo-detail-gallery{max-width:350px}}
/* El último encargo forma parte de la misma galería. */
.custom-texture-grid{align-items:start}.custom-slider-card{grid-column:1/-1;width:calc((100% - 38px)/2);justify-self:center}.custom-slider-card .tattoo-detail-gallery{max-width:none;width:auto;margin:20px 20px 0}.custom-slider-card .tattoo-detail-frame{height:420px;aspect-ratio:auto;padding:0;background:#080b13;box-shadow:none}.custom-slider-card .tattoo-detail-frame:after{display:none}.custom-slider-card .tattoo-detail-frame img{width:100%;height:100%;object-fit:contain}.custom-slider-card .tattoo-detail-controls{margin:15px 0 0;gap:12px}.custom-slider-card figcaption{padding-top:22px}.custom-slider-card:hover{transform:none}.custom-slider-card:before{display:none}@media(max-width:650px){.custom-slider-card{grid-column:auto;width:100%}.custom-slider-card .tattoo-detail-frame{height:390px}}
.custom-video-stage{height:420px;margin:20px 20px 0;background:#080b13;display:flex;align-items:center;justify-content:center}.custom-video-stage video{display:block;width:100%;height:100%;object-fit:contain}.custom-video-card:before{display:none}.custom-video-card:hover{transform:none}@media(max-width:650px){.custom-video-stage{height:390px}}
.shop-welcome.shop-store-invitation{max-width:650px;margin:35px auto 55px;padding:0;background:none}.booth-discover{display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:24px 28px;border:1px solid #d6a9d477;border-radius:9px;background:linear-gradient(110deg,#6c345c66,#29213cbb 60%,#23405b66);box-shadow:inset 0 1px #f0d5ed44,0 8px 30px #0003;transition:transform .3s,box-shadow .3s}.booth-brand{display:flex;align-items:center;gap:10px;color:#ff8f9f}.booth-brand svg{width:34px;height:34px}.booth-brand b{font:bold 24px Arial,sans-serif;letter-spacing:.04em}.booth-invite-copy{font:500 24px Georgia,serif;color:#f1e0f0}.booth-invite-copy small{display:block;font:11px var(--sans);color:#bcb4cc;margin-top:8px}.booth-discover>span:last-child{font-size:25px;color:#c6e9f4}.booth-discover:hover{transform:translateY(-3px);box-shadow:0 0 25px #c374bb33,inset 0 1px #f0d5ed77}.booth-discover:focus-visible{outline:2px solid #bdeaff;outline-offset:4px}@media(max-width:550px){.booth-discover{gap:16px;padding:20px}.booth-brand{flex-direction:column;gap:4px}.booth-brand b{font-size:17px}.booth-invite-copy{font-size:21px}.booth-invite-copy small{line-height:1.6}}@media(prefers-reduced-motion:reduce){.booth-discover{transition:none}}