@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#ffffff;--ink:#213642;--blue:#59b9e8;--lime:#e8f7fd;--orange:#e58ab0;--muted:#526873;--line:#d8ebf3;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;font-size:24px;letter-spacing:-1.4px}.wordmark span{color:var(--blue)}.wordmark i{font:10px var(--sans);vertical-align:top;margin-left:2px}.topbar nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:600}.nav-contact{border:1px solid var(--ink);padding:11px 16px;border-radius:30px}.nav-contact span{margin-left:9px;color:var(--blue)}.hero{min-height:670px;padding:100px 10% 24px;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;overflow:hidden}.hero-copy{z-index:1;padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.spark{color:var(--orange);font-size:17px;vertical-align:-2px;margin-right:7px}.hero h1,.section h2,.contact h2{font:500 clamp(54px,7.5vw,100px)/.99 var(--serif);letter-spacing:-4px;margin:30px 0 22px}.hero h1 em,.section h2 em,.contact h2 em{color:var(--blue);font-weight:500}.intro{color:#66665e;max-width:390px;font-size:15px;line-height:1.8;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:24px;padding:15px 20px;background:var(--orange);color:white;border-radius:32px;font-size:12px;font-weight:600}.button span{font-size:16px}.hero-art{height:430px;max-width:430px;width:100%;justify-self:end;background:var(--lime);position:relative;overflow:hidden;border-radius:48% 48% 4px 4px}.sun{position:absolute;width:180px;height:180px;background:var(--orange);border-radius:50%;right:35px;top:32px}.orbit{position:absolute;border:1px solid var(--ink);border-radius:50%;width:360px;height:360px;left:36px;top:42px;transform:rotate(-29deg)}.orbit-two{width:300px;height:410px;left:73px;top:10px;transform:rotate(34deg)}.hero-type{position:absolute;left:94px;top:92px;font:700 190px/.7 var(--serif);letter-spacing:-30px;color:var(--blue);transform:rotate(-11deg)}.hero-type span{color:#ffffff;margin-left:36px}.art-caption{position:absolute;bottom:38px;left:30px;font-size:9px;line-height:1.6;letter-spacing:1px;font-weight:700}.flower{position:absolute;right:26px;bottom:25px;color:var(--blue);font-size:44px}.hero-foot{position:absolute;bottom:24px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.hero-foot b{color:var(--blue);font-size:14px;margin-left:7px}.section{padding:100px 10%}.work{background:#f0f8fb}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section-head h2,.about h2{font-size:54px;letter-spacing:-2px;margin:15px 0 0}.section-head>p{max-width:260px;font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 5px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{min-width:0}.project-art{height:330px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:1.2px;font-weight:700;z-index:2}.art-a{background:#f6dce8}.poster{position:relative;z-index:1;box-shadow:10px 12px 30px #25251f30;display:flex;justify-content:center;align-items:center;text-align:center}.poster-a{width:195px;height:245px;background:#f2ead2;color:#263e49;flex-direction:column;font:600 44px/.8 var(--serif);transform:rotate(-6deg)}.poster-a i{font-size:25px;color:#df78a2}.mini-stamp{position:absolute;right:18px;bottom:20px;font-size:8px;line-height:1.4;letter-spacing:1px}.art-b{background:#c8eafa}.poster-b{width:185px;height:238px;background:var(--orange);color:#292827;font:700 37px/.88 var(--sans);letter-spacing:-2px;transform:rotate(5deg);align-items:flex-start;padding-top:31px}.poster-b span{font:italic 500 25px var(--serif);color:#ffffff}.circle-note{position:absolute;bottom:23px;left:20px;font-size:8px;line-height:1.5;letter-spacing:1px}.art-c{background:#c2e8f7}.can{width:116px;height:200px;border-radius:22px 22px 16px 16px;background:#e58ab0;position:absolute;z-index:1;left:calc(50% - 59px);top:72px;box-shadow:inset -14px 0 20px #b54f7940,8px 16px 24px #25251f2e;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff}.can:before{content:'';position:absolute;top:-5px;left:8px;right:8px;height:12px;border-radius:50%;background:#f7e5ee;border:2px solid #b8849b}.can span{font:600 23px/.8 var(--serif);text-align:center}.can i{font-size:35px;font-style:normal;margin-top:12px}.can-small{left:calc(50% + 19px);top:111px;transform:rotate(12deg) scale(.78);background:#6bbce7;z-index:0}.can-shadow{position:absolute;bottom:39px;width:200px;height:23px;background:#438eb955;filter:blur(12px);border-radius:50%}.project-info{padding:17px 1px;display:flex;justify-content:space-between;align-items:center}.project-info h3{font-size:13px;margin:0 0 5px}.project-info p{font-size:10px;color:var(--muted);margin:0}.project-arrow{font-size:19px;color:var(--blue)}.edit-note{font-size:10px;color:var(--muted);margin-top:10px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;align-items:center;min-height:490px}.about-mark{height:260px;max-width:300px;border-radius:50%;background:var(--blue);color:#ffffff;display:flex;align-items:center;justify-content:center;font:700 92px var(--serif);letter-spacing:-15px;position:relative;transform:rotate(-9deg)}.about-mark span{position:absolute;right:28px;top:25px;font:42px var(--sans);color:var(--orange)}.about h2{max-width:520px;line-height:1.08}.about-copy>p:not(.eyebrow){max-width:470px;color:var(--muted);font-size:13px;line-height:1.85;margin:23px 0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:7px;color:var(--blue)}.text-link span{margin-left:16px}.contact{background:#dff3fb;color:var(--ink);position:relative;overflow:hidden;text-align:center;padding:95px 20px}.contact .eyebrow{color:#526873}.contact h2{font-size:70px;letter-spacing:-3px;margin:26px 0}.contact h2 em{color:#d96f9b}.contact>p:not(.eyebrow){font-size:13px;color:#526873;margin:0 0 26px}.button-light{background:var(--orange);color:#ffffff}.contact-flower{position:absolute;color:#c8eafa;font-size:250px;right:8%;bottom:-112px;transform:rotate(-12deg)}footer{padding:26px 7.1%;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:10px;color:var(--muted)}.social{display:flex;gap:20px;font-size:10px;font-weight:600}
@media(max-width:760px){.topbar{height:68px;padding:0 6%}.topbar nav{gap:17px;font-size:11px}.nav-contact{padding:9px 12px}.hero{padding:68px 7% 65px;grid-template-columns:1fr;gap:44px}.hero h1{font-size:68px}.hero-art{justify-self:center;height:350px;max-width:360px}.hero-type{font-size:160px;left:70px}.hero-foot{left:7%;right:7%;font-size:7px}.section{padding:72px 7%}.section-head{display:block}.section-head h2,.about h2{font-size:44px}.section-head>p{margin-top:17px}.projects{grid-template-columns:1fr;gap:18px}.project-art{height:370px}.about{grid-template-columns:1fr;gap:38px}.about-mark{width:230px;height:200px;justify-self:center}.contact h2{font-size:57px}footer{padding:24px 6%;flex-wrap:wrap;gap:17px}footer>span{order:3;width:100%}}
@media(max-width:390px){.topbar nav{gap:10px}.topbar nav>a:nth-child(2){display:none}.hero h1{font-size:58px}.project-art{height:320px}.contact h2{font-size:49px}}

/* Servicios y términos */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{min-height:310px;padding:25px 24px 22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.service-card:after{content:'';position:absolute;width:145px;height:145px;border:1px solid #59b9e830;border-radius:50%;right:-53px;top:38px}.service-graphic{background:#f5fbfe}.service-tattoo{background:#fff8fb}.service-number{font-size:9px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.service-icon{font-size:36px;color:var(--blue);margin:30px 0 12px;line-height:1}.service-graphic .service-icon,.service-tattoo .service-icon{color:var(--orange)}.service-card h3{font:500 27px/1.08 var(--serif);letter-spacing:-.4px;margin:0 0 12px}.service-card p{font-size:11px;line-height:1.75;color:var(--muted);max-width:290px;margin:0 0 22px}.service-note{font-size:9px;color:#637984;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);width:100%}.edit-note a{color:var(--blue);text-decoration:underline}.services-terms{display:inline-block;margin-top:20px}
.terms-page{background:#fff}.terms-intro{padding:85px 10% 58px;background:#f0f8fb}.terms-intro h1{font:500 clamp(52px,7vw,82px)/1 var(--serif);letter-spacing:-3px;margin:24px 0}.terms-intro h1 em{color:var(--blue);font-weight:500}.terms-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:660px}.terms-layout{display:grid;grid-template-columns:245px minmax(0,740px);gap:8%;max-width:1200px;margin:0 auto;padding:70px 7% 100px}.terms-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:14px}.terms-toc>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:7px}.terms-toc a{font-size:11px;line-height:1.5;color:#526873}.terms-toc a:hover,.terms-toc a[aria-current=page]{color:#d96f9b}.terms-content section{scroll-margin-top:25px;padding:0 0 31px;margin:0 0 31px;border-bottom:1px solid var(--line)}.terms-content h2{font:500 26px/1.2 var(--serif);letter-spacing:-.4px;margin:0 0 18px}.terms-content h2 span{font:700 10px var(--sans);letter-spacing:1px;color:#d96f9b;vertical-align:4px;margin-right:10px}.terms-content h3{font-size:13px;margin:24px 0 10px}.terms-content p,.terms-content li{font-size:12px;line-height:1.8;color:#526873}.terms-content p{margin:0 0 14px}.terms-content ul{margin:0;padding-left:19px}.terms-content li{padding-left:3px;margin-bottom:8px}.terms-accept{padding:23px 25px;background:#f0f8fb;border-left:3px solid var(--orange);font-weight:600!important;color:var(--ink)!important}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.terms-intro{padding:60px 7% 40px}.terms-layout{display:block;padding:38px 7% 70px}.terms-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:18px;margin-bottom:38px;background:#f0f8fb}.terms-toc>span{grid-column:1/-1}.terms-toc a{font-size:10px}.terms-content h2{font-size:23px}}

/* Dirección visual holográfica NellyNou */
:root{--paper:#080b14;--ink:#f3f7ff;--blue:#75deff;--lime:#101a2a;--orange:#e8a4df;--muted:#a4b1c5;--line:#26344a}
body{background:var(--paper);color:var(--ink)}.topbar{background:#080b14e8;border-color:#26344a;backdrop-filter:blur(14px)}.wordmark span{color:var(--blue);text-shadow:0 0 18px #75deff70}.topbar nav a{color:#dce8f7}.nav-contact{border-color:#75deff80;box-shadow:inset 0 0 16px #75deff0c}.nav-contact span,.spark{color:var(--orange)}
.hero{background:radial-gradient(ellipse at 70% 35%,#243d68 0%,#111a2e 34%,#080b14 72%)}.hero h1{color:#f7f7ff}.hero h1 em,.section h2 em{background:linear-gradient(100deg,#8be7ff 10%,#c2a4ff 55%,#f1a8dd 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px #8be7ff26}.intro{color:#afbdd0}.hero-art{background:linear-gradient(135deg,#122d4e,#12132a 54%,#42254b);box-shadow:0 0 60px #63d9ff18,inset 0 0 55px #9a86ff20;border:1px solid #a9e9ff4a}.hero-art:before{content:'';position:absolute;z-index:1;inset:9% 20% 11% 26%;clip-path:polygon(48% 0,100% 30%,77% 100%,0 67%);background:linear-gradient(135deg,#c4f5ff9c 0%,#4caeff30 25%,#a981ff67 56%,#f6c5f02a 75%,#63d8ff78 100%);border:1px solid #d8f7ff;filter:drop-shadow(0 0 18px #65d8ff90);animation:crystal-float 7s ease-in-out infinite}.hero-art:after{content:'';position:absolute;z-index:1;inset:23% 7% 30% 58%;clip-path:polygon(25% 0,100% 41%,54% 100%,0 60%);background:linear-gradient(150deg,#f5ccff9e,#7b75ff55 44%,#7ce7ff8a);filter:drop-shadow(0 0 15px #9b80ff);animation:crystal-float 8s ease-in-out -2s infinite reverse}.sun{background:radial-gradient(circle at 35% 28%,#ffffffd9,#ffb9eb8a 17%,#b39aff66 48%,#59dfff30 70%,transparent 72%);box-shadow:0 0 38px #d795ff50}.orbit{border-color:#c6edff65}.orbit-two{border-color:#ecaefb59}.hero-type{z-index:2;color:#b5f0ff;text-shadow:0 0 35px #5bd9ffbb}.hero-type span{color:#f1c6fa;text-shadow:0 0 28px #e9a6ffcc}.art-caption{z-index:2;color:#e6f3ff}.flower,.hero-foot b{color:var(--orange)}.hero-foot{color:#9aaec7}
.work{background:linear-gradient(180deg,#0e1422,#0a0e18)}.section-head>p,.edit-note,.project-info p{color:#a4b1c5}.service-card{background:linear-gradient(145deg,#131d30,#0d1321 70%);border-color:#394b68;box-shadow:inset 0 1px #d5f5ff14,0 14px 32px #02040b50}.service-card:after{border-color:#75deff36;box-shadow:0 0 30px #75deff13}.service-graphic{background:linear-gradient(145deg,#18213c,#111321 75%)}.service-tattoo{background:linear-gradient(145deg,#20182f,#111321 75%)}.service-number{color:#9dafc7}.service-icon{filter:drop-shadow(0 0 12px #75deff88)}.service-graphic .service-icon,.service-tattoo .service-icon{filter:drop-shadow(0 0 12px #e8a4df88)}.service-card h3{color:#f6f6ff}.service-note{color:#a4b1c5;border-color:#34435c}.edit-note a,.text-link,.project-arrow{color:var(--blue)}.text-link{border-color:#75deff80}
.about{background:radial-gradient(ellipse at 24% 50%,#14233a 0%,#080b14 62%)}.about-mark{background:linear-gradient(145deg,#122742,#11132c 55%,#3b2350);border:1px solid #75deff78;color:#9deaff;box-shadow:0 0 55px #5bbfff21,inset 0 0 35px #75deff12}.about-mark span{color:var(--orange);text-shadow:0 0 18px #e8a4df}.about-copy>p:not(.eyebrow){color:#aab8cb}
.button{background:linear-gradient(110deg,#73dfff,#9a9bff 58%,#e8a4df);color:#080b14;box-shadow:0 0 22px #72dfff40,inset 0 1px #ffffff9c;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 0 32px #72dfff70,inset 0 1px #ffffffb0}.contact{background:radial-gradient(ellipse at 50% 0%,#1c3760,#111326 55%,#090b14);color:#f5f6ff;border-top:1px solid #283952}.contact .eyebrow{color:#91e7ff}.contact h2 em{color:#e8a4df;text-shadow:0 0 25px #e8a4df55}.contact>p:not(.eyebrow){color:#b5c4d8}.button-light{background:linear-gradient(115deg,#f6b7e9,#b1baff 55%,#84e9ff);color:#0b1020}.contact-flower{color:#75deff16}footer{background:#070910;border-top:1px solid #26344a}footer>span{color:#91a1b8}.social a{color:#cbd6e7}.social a:hover{color:var(--blue)}
.terms-page{background:#080b14}.terms-intro{background:radial-gradient(ellipse at 68% 36%,#223b62,#111827 45%,#090b14);border-bottom:1px solid #26344a}.terms-intro h1{color:#f7f7ff}.terms-intro h1 em{background:linear-gradient(100deg,#8be7ff,#c2a4ff 60%,#f1a8dd);-webkit-background-clip:text;background-clip:text;color:transparent}.terms-intro>p:not(.eyebrow){color:#acbbd0}.terms-layout{background:#080b14}.terms-toc{background:#101827;padding:20px;border:1px solid #273750}.terms-toc>span{color:#83dfff}.terms-toc a{color:#b4c2d5}.terms-toc a:hover,.terms-toc a[aria-current=page]{color:#f0a9df}.terms-content section{border-color:#26344a}.terms-content h2{color:#eff5ff}.terms-content h2 span{color:#efabe0}.terms-content h3{color:#dcecff}.terms-content p,.terms-content li{color:#afbdd0}.terms-accept{background:#111e31;border-color:#e8a4df;color:#f1f5ff!important}
@keyframes crystal-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-11px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:760px){.hero{background:radial-gradient(ellipse at 50% 20%,#243d68 0%,#111a2e 40%,#080b14 78%)}.terms-toc{background:#101827;border-color:#273750}}
.topbar{position:relative}.topbar>.wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font:normal 49px/1 'Pinyon Script',cursive;letter-spacing:0;white-space:nowrap;color:#f2b4dc;text-shadow:0 0 9px #f2b4dc2b}.topbar>.wordmark .wordmark-label{color:inherit;position:relative;display:inline-block}.topbar>.wordmark .wordmark-label:after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(90deg,#6bdcf5 8%,#a8ecfa 31%,#ffffff 49%,#f8e7f3 58%,#ee9fd0 85%);-webkit-background-clip:text;background-clip:text;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 9px #94e7ffb0);pointer-events:none}.topbar>.wordmark:hover{color:#fff0fa;text-shadow:0 0 10px #ffc4e9,0 0 25px #8ce6ffb5,0 0 42px #f5a6dc88}.topbar>.wordmark:hover .wordmark-label:after{animation:signature-sheen .72s cubic-bezier(.2,.7,.25,1) forwards}.topbar>.wordmark i{display:none}@keyframes signature-sheen{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@media(max-width:760px){.topbar{height:auto;min-height:112px;padding:10px 6% 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.topbar>.wordmark{position:relative;left:auto;top:auto;transform:none;font-size:43px;line-height:.95}.topbar nav{justify-content:center;flex-wrap:wrap;gap:10px 18px;width:100%}.nav-contact{padding:8px 11px}}
@media(max-width:390px){.topbar{min-height:108px;gap:10px}.topbar>.wordmark{font-size:40px}.topbar nav{gap:8px 13px}}
.topbar{height:94px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;padding:0 5%;align-items:center}.topbar>.wordmark{position:static;left:auto;top:auto;transform:none;justify-self:center;font-size:51px}.nav-side{display:flex;align-items:center;gap:8px}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}.topbar .nav-side a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid transparent;border-radius:999px;color:#dce8f7;font-size:11px;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.topbar .nav-side a:hover{color:#f2c8e8;background:#75deff0c;border-color:#75deff55;box-shadow:0 0 15px #75deff20}.topbar .nav-side .nav-contact{border-color:#75deff50;background:#75deff08}.topbar .nav-side .nav-contact span{margin-left:8px;color:#e8a4df}.topbar .nav-side .nav-contact:hover{border-color:#e8a4df99;box-shadow:0 0 18px #e8a4df35}
@media(max-width:760px){.topbar{height:auto;min-height:130px;padding:12px 5%;display:flex;flex-direction:column;justify-content:center;gap:8px}.topbar>.wordmark{position:relative;left:auto;top:auto;transform:none;font-size:44px}.nav-side{justify-content:center;gap:5px;width:100%}.topbar .nav-side a{padding:7px 10px;font-size:10px}}
@media(max-width:390px){.topbar{min-height:124px;gap:6px}.topbar>.wordmark{font-size:41px}.nav-side{gap:2px}.topbar .nav-side a{padding:7px 8px;font-size:9px}.topbar nav>a:nth-child(2){display:inline-flex}}
.topbar>.wordmark{width:210px;height:84px;display:block;font-size:0;line-height:0;filter:drop-shadow(0 0 7px #efa0d140);transition:filter .2s ease}.signature-mark{display:block;position:relative;width:100%;height:100%;background:#ef9fce;mask:url("assets/nellynou-firma.png") center/contain no-repeat;-webkit-mask:url("assets/nellynou-firma.png") center/contain no-repeat}.signature-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#55cbed 0%,#91e3f5 28%,#ffffff 49%,#f2d9ec 59%,#ec8fbe 100%);mask:url("assets/nellynou-firma.png") center/contain no-repeat;-webkit-mask:url("assets/nellynou-firma.png") center/contain no-repeat;clip-path:inset(0 100% 0 0);filter:drop-shadow(0 0 8px #9eeeff);pointer-events:none}.topbar>.wordmark:hover{filter:drop-shadow(0 0 8px #f3acd9) drop-shadow(0 0 18px #86ddf6a0)}.topbar>.wordmark:hover .signature-mark:after{animation:signature-sheen .72s cubic-bezier(.2,.7,.25,1) forwards}
@media(max-width:760px){.topbar>.wordmark{width:195px;height:77px;flex:none}.topbar{min-height:0;padding:8px 5% 13px;gap:5px}}
@media(max-width:390px){.topbar>.wordmark{width:185px;height:73px}.topbar nav>a:nth-child(2){display:inline-flex}}
.logo-beam{z-index:3}.logo-beam:before,.logo-beam:after{display:none}.signature-mark:after{display:none}.logo-beam i{position:absolute;display:block;left:-42%;opacity:0;pointer-events:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(90deg,transparent 0%,#ffffff 34%,#ffffff 66%,transparent 100%);filter:blur(.6px) drop-shadow(0 0 7px #fff) drop-shadow(0 0 17px #fff);mix-blend-mode:screen}.logo-beam .beam-one{top:7%;width:42%;height:48%}.logo-beam .beam-two{top:46%;width:34%;height:39%;filter:blur(1px) drop-shadow(0 0 8px #fff) drop-shadow(0 0 19px #fff)}.topbar>.wordmark:hover .logo-beam .beam-one{animation:diamond-beam-pass .22s ease-out forwards}.topbar>.wordmark:hover .logo-beam .beam-two{animation:diamond-beam-pass .22s ease-out .045s forwards}@keyframes diamond-beam-pass{0%{left:-42%;opacity:0}12%{opacity:.98}68%{opacity:.92}100%{left:112%;opacity:0}}
.topbar>.wordmark .logo-beam i{display:block}
.topbar>.wordmark .logo-beam{z-index:1}.topbar>.wordmark .signature-mark{z-index:2}.topbar>.wordmark .logo-beam i{height:auto;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(90deg,transparent 0%,#ffffff 28%,#ffffff 72%,transparent 100%);filter:blur(1.5px) drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #ffffff) drop-shadow(0 0 34px #b9efff)}.topbar>.wordmark .logo-beam .beam-one{top:17%;width:58%;height:21%}.topbar>.wordmark .logo-beam .beam-two{top:61%;width:49%;height:17%;filter:blur(1.8px) drop-shadow(0 0 11px #fff) drop-shadow(0 0 24px #ffffff) drop-shadow(0 0 34px #b9efff)}
.topbar>.wordmark .logo-beam .beam-one{top:4%;left:10%;width:22%;height:72%}.topbar>.wordmark .logo-beam .beam-two{top:20%;left:35%;width:17%;height:64%}
.topbar>.wordmark .logo-beam .beam-one{top:-12%;left:10%;width:9%;height:124%}.topbar>.wordmark .logo-beam .beam-two{top:1%;left:35%;width:6%;height:98%}
.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}.nav-side{gap:5px}.topbar .nav-side a{padding:8px 9px;background:#75deff08;border-color:#75deff24;font-size:10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{scroll-margin-top:24px}.service-characters{background:linear-gradient(145deg,#1b1c39,#111321 75%)}.service-characters .service-icon{color:#b7a7ff;filter:drop-shadow(0 0 12px #a995ff88)}
@media(max-width:1080px){.topbar{height:auto;min-height:0;padding:12px 4%;display:flex;flex-direction:column;justify-content:center;gap:7px}.topbar>.wordmark{order:0}.nav-left{order:1}.nav-right{order:2}.nav-side{justify-content:center;flex-wrap:wrap}.topbar .nav-side a{padding:7px 9px;font-size:10px}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.topbar{gap:5px}.nav-side{gap:4px}.topbar .nav-side a{font-size:9px;padding:7px 8px}}
.topbar>.wordmark{position:relative;isolation:isolate}.signature-mark{position:relative;z-index:2}.logo-beam{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.logo-beam:before,.logo-beam:after{content:"";position:absolute;top:12%;height:76%;left:-35%;opacity:0;transform:skewX(-18deg);pointer-events:none}.logo-beam:before{width:38%;background:linear-gradient(90deg,transparent,#ffffff16 20%,#ffffff72 48%,#ffffff24 70%,transparent);filter:blur(10px)}.logo-beam:after{width:12%;background:linear-gradient(90deg,transparent,#ffffff 35%,#ffffff 65%,transparent);filter:blur(1px) drop-shadow(0 0 12px #ffffff);box-shadow:0 0 22px #ffffff70}.topbar>.wordmark:hover .logo-beam:before{animation:beam-aura .24s ease-out forwards}.topbar>.wordmark:hover .logo-beam:after{animation:beam-core .24s ease-out forwards}.signature-mark:after{background:linear-gradient(100deg,transparent 39%,#ffffff 47%,#ffffff 53%,transparent 61%);background-size:240% 100%;background-position:130% 0;clip-path:none;opacity:0;filter:drop-shadow(0 0 9px #ffffff)}.topbar>.wordmark:hover .signature-mark:after{animation:signature-white-glint .24s ease-out forwards}@keyframes beam-aura{0%{left:-35%;opacity:0}10%{opacity:.9}100%{left:112%;opacity:0}}@keyframes beam-core{0%{left:-18%;opacity:0}10%{opacity:1}100%{left:110%;opacity:0}}@keyframes signature-white-glint{0%{background-position:130% 0;opacity:0}10%{opacity:1}100%{background-position:-50% 0;opacity:0}}
.topbar>.wordmark .signature-mark{background:linear-gradient(112deg,#e9b5d6 0%,#fff5fc 20%,#bcecf8 38%,#fffafd 51%,#f5d1e8 69%,#ffffff 83%,#e6b2d8 100%);filter:drop-shadow(0 1px 0 #ffffff55) drop-shadow(0 3px 7px #e9a9d944);transition:filter .3s ease}.topbar>.wordmark:hover .signature-mark{filter:drop-shadow(0 0 4px #fff0fa) drop-shadow(0 0 12px #87dff4a8) drop-shadow(0 0 20px #e8a4df70)}.signature-mark:after{background:linear-gradient(105deg,transparent 39%,#60d9f2 45%,#d9faff 48%,#ffffff 50%,#f8d8ef 52%,#e68ac0 56%,transparent 62%);background-size:260% 100%;background-position:140% 0;clip-path:none;opacity:0;filter:drop-shadow(0 0 9px #a7efff)}.topbar>.wordmark:hover .signature-mark:after{animation:signature-light-pass .48s cubic-bezier(.18,.66,.24,1) forwards}@keyframes signature-light-pass{0%{background-position:140% 0;opacity:0}12%{opacity:1}82%{opacity:1}100%{background-position:-90% 0;opacity:0}}

/* Cabecera de cristal inspirada en la referencia de NellyNou. */
.topbar{display:grid;grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);height:158px;gap:8px;padding:12px 2%;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#26325666,transparent 65%),repeating-linear-gradient(145deg,transparent 0 110px,#899fff0b 112px,#b49aff25 114px,transparent 117px 210px),linear-gradient(25deg,#060812,#12152a 48%,#060812);border-bottom:1px solid #a8beff55;box-shadow:0 8px 35px #0008}
.topbar>.wordmark{order:initial;width:250px;height:126px;padding:25px 28px;box-sizing:border-box;filter:drop-shadow(0 0 6px #9aafff66)}
.topbar>.wordmark:before{content:'';position:absolute;inset:0;background:url('assets/crystal-logo-frame.svg') center/100% 100% no-repeat;z-index:0;pointer-events:none}
.topbar>.wordmark .signature-mark{height:100%;width:100%}
.topbar .nav-side{order:initial;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;z-index:2}
.topbar .nav-side a{min-width:0;min-height:65px;padding:17px 17px 20px;border:0;border-radius:0;background:url('assets/crystal-tab.svg') center/100% 100% no-repeat;font-size:9px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase;text-align:center;white-space:normal;color:#eeeaff;filter:drop-shadow(0 0 4px #929bff50);box-shadow:none}
.topbar .nav-side a:hover,.topbar .nav-side a:focus-visible{background:url('assets/crystal-tab.svg') center/100% 100% no-repeat;border:0;color:white;filter:drop-shadow(0 0 9px #9bdfff);box-shadow:none}
.topbar .nav-side a:focus-visible{outline:1px solid white;outline-offset:4px}
.topbar>.wordmark .logo-beam{z-index:1}.topbar>.wordmark .logo-beam:before,.topbar>.wordmark .logo-beam:after,.topbar>.wordmark .signature-mark:after{display:none}
@media(max-width:1150px){.topbar{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);padding-inline:1%;gap:3px}.topbar>.wordmark{width:210px;height:112px;padding:23px}.topbar .nav-side a{font-size:8px;letter-spacing:.7px;padding-inline:14px}}
@media(max-width:900px){.topbar{display:flex;flex-direction:column;height:auto;padding:12px 4% 20px;gap:4px}.topbar>.wordmark{order:0;width:250px;height:126px;padding:25px 28px}.topbar .nav-left{order:1}.topbar .nav-right{order:2}.topbar .nav-side{max-width:650px}.topbar .nav-side a{font-size:9px;min-height:64px;letter-spacing:1px}}
@media(max-width:450px){.topbar{padding-inline:2%}.topbar .nav-side a{font-size:8px;letter-spacing:.5px;min-height:60px;padding:16px 13px 19px}}

/* Reflejo breve del logotipo y fondo más oscuro. */
.topbar{background:radial-gradient(ellipse at 50% 50%,#18203938,transparent 65%),repeating-linear-gradient(145deg,transparent 0 110px,#899fff05 112px,#b49aff12 114px,transparent 117px 210px),linear-gradient(25deg,#020309,#080b14 48%,#020309)}
.topbar>.wordmark{filter:drop-shadow(0 0 4px #9aafff40);transition:filter .18s ease}
.topbar>.wordmark:hover,.topbar>.wordmark:focus-visible{filter:drop-shadow(0 0 7px #dceaff80)}
.topbar>.wordmark:hover .signature-mark{filter:drop-shadow(0 1px 0 #ffffff55) drop-shadow(0 0 5px #e9ddff55)}
.topbar>.wordmark .logo-beam{display:none}
.topbar>.wordmark .signature-mark:after{display:block;content:'';position:absolute;inset:0;pointer-events:none;mask:none;-webkit-mask:none;clip-path:none;filter:none;background:linear-gradient(110deg,transparent 42%,#ffffff30 46%,#ffffff 49%,#ffffff 51%,#ffffff30 54%,transparent 58%);background-size:300% 100%;background-position:100% 0;opacity:0;mix-blend-mode:screen}
.topbar>.wordmark:hover .signature-mark:after,.topbar>.wordmark:focus-visible .signature-mark:after{animation:polished-signature-pass .32s linear both}
@keyframes polished-signature-pass{0%{background-position:100% 0;opacity:0}10%{opacity:1}85%{opacity:1}100%{background-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.topbar>.wordmark:hover .signature-mark:after,.topbar>.wordmark:focus-visible .signature-mark:after{animation:none}.topbar>.wordmark:hover{filter:drop-shadow(0 0 6px #ffffff80)}}

/* Botones de cristal: luz interior, halo y elevación suave. */
.topbar .nav-side a{position:relative;isolation:isolate;overflow:visible;transform:translateY(0) scale(1);transition:transform .26s cubic-bezier(.2,.75,.25,1),filter .26s ease,color .26s ease;will-change:transform}
.topbar .nav-side a:before{content:'';position:absolute;inset:11% 6%;z-index:-1;pointer-events:none;clip-path:polygon(0 50%,12% 0,88% 0,100% 50%,88% 100%,12% 100%);background:radial-gradient(ellipse at 50% 45%,#f4efff65 0%,#a6e8ff38 35%,#b98aff1a 68%,transparent 90%);mix-blend-mode:screen;opacity:0;transition:opacity .26s ease}
.topbar .nav-side a:after{content:'';position:absolute;inset:8% 4%;pointer-events:none;clip-path:polygon(0 50%,12% 0,88% 0,100% 50%,88% 100%,12% 100%);background:linear-gradient(115deg,transparent 38%,#ffffff18 45%,#ffffffb3 50%,#dbf6ff30 55%,transparent 62%);background-size:300% 100%;background-position:100% 0;opacity:0;mix-blend-mode:screen}
.topbar .nav-side a:hover,.topbar .nav-side a:focus-visible{z-index:4;transform:translateY(-4px) scale(1.045);color:#fff;filter:drop-shadow(0 0 3px #f5f2ff) drop-shadow(0 0 10px #95dfff88) drop-shadow(0 0 19px #b991ff55);text-shadow:0 0 8px #ffffffa0}
.topbar .nav-side a:hover:before,.topbar .nav-side a:focus-visible:before{opacity:1}
.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after{animation:diamond-button-sheen .48s ease-out both}
.topbar .nav-side a:active{transform:translateY(-1px) scale(1.015)}
@keyframes diamond-button-sheen{0%{background-position:100% 0;opacity:0}15%{opacity:.85}80%{opacity:.85}100%{background-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.topbar .nav-side a{transition:none}.topbar .nav-side a:hover,.topbar .nav-side a:focus-visible{transform:none}.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after{animation:none}}

/* Firma contenida en su cristal y respuesta suave al cursor. */
.topbar>.wordmark{padding:34px 44px;transform:translateY(0) scale(1);transition:transform .26s cubic-bezier(.2,.75,.25,1),filter .26s ease;will-change:transform}
.topbar>.wordmark:after{content:'';position:absolute;inset:10% 6%;z-index:1;pointer-events:none;clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);background:radial-gradient(ellipse at center,#f4efff50 0%,#a6e8ff30 35%,#b98aff18 65%,transparent 90%);mix-blend-mode:screen;opacity:0;transition:opacity .26s ease}
.topbar>.wordmark .signature-mark{position:relative;z-index:2;width:100%;height:100%}
.topbar>.wordmark:hover,.topbar>.wordmark:focus-visible{transform:translateY(-4px) scale(1.045);filter:drop-shadow(0 0 3px #f5f2ff) drop-shadow(0 0 10px #95dfff88) drop-shadow(0 0 19px #b991ff55)}
.topbar>.wordmark:hover:after,.topbar>.wordmark:focus-visible:after{opacity:1}
.topbar>.wordmark:active{transform:translateY(-1px) scale(1.015)}
@media(max-width:1150px){.topbar>.wordmark{padding:31px 39px}}
@media(max-width:900px){.topbar>.wordmark{padding:34px 44px}}
@media(prefers-reduced-motion:reduce){.topbar>.wordmark,.topbar>.wordmark:after{transition:none}.topbar>.wordmark:hover,.topbar>.wordmark:focus-visible,.topbar>.wordmark:active{transform:none}}

/* Aumento adicional al apuntar directamente a la firma. */
.topbar>.wordmark .signature-mark{transform:scale(1);transform-origin:center;transition:transform .24s cubic-bezier(.2,.75,.25,1),filter .24s ease}
.topbar>.wordmark .signature-mark:hover{transform:scale(1.07)}
@media(prefers-reduced-motion:reduce){.topbar>.wordmark .signature-mark{transition:none}}

/* Menú superior con mayor legibilidad. */
.topbar .nav-side a{font-weight:700;font-size:11px;letter-spacing:.55px;line-height:1.45;color:#f8faff;text-shadow:0 1px 3px #000}
@media(min-width:901px) and (max-width:1150px){.topbar .nav-side a{font-size:10px;letter-spacing:.25px;padding-inline:12px}}
@media(max-width:900px){.topbar .nav-side a{font-size:11px;letter-spacing:.4px}}
@media(max-width:450px){.topbar .nav-side a{font-size:10px;letter-spacing:.15px;padding-inline:12px}}

/* Etiquetas más grandes en los botones del encabezado. */
.topbar .nav-side a{font-size:13px;letter-spacing:.2px;line-height:1.3;min-height:76px;padding:17px 14px 21px}
@media(min-width:901px) and (max-width:1150px){.topbar .nav-side a{font-size:12px;letter-spacing:0;padding-inline:12px}}
@media(max-width:900px){.topbar .nav-side a{font-size:13px;min-height:76px}}
@media(max-width:450px){.topbar .nav-side a{font-size:11.5px;letter-spacing:0;padding-inline:12px;min-height:72px}}
.empty-home{min-height:calc(100vh - 158px)}
.category-page{min-height:calc(100vh - 158px)}
.category-page h1{font:500 clamp(36px,5vw,64px)/1.1 var(--serif);margin:20px 0 36px;color:#edf5ff}
.category-page .service-card{max-width:720px;min-height:260px}
.topbar .nav-side a[aria-current="page"]{color:white;filter:drop-shadow(0 0 7px #9bdfff)}

/* Entrada de la cabecera en cada carga de página. */
.topbar{animation:header-arrival .6s cubic-bezier(.2,.75,.25,1) both}
.topbar>.wordmark,.topbar .nav-side{animation:header-items-arrival .45s ease-out .38s both}
.topbar:after{content:'';position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#c9f3ff12 46%,#ffffff85 50%,#f5ddff20 54%,transparent 58%);background-size:300% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:0;animation:header-welcome-shine .65s ease-in-out .85s both}
@keyframes header-arrival{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes header-items-arrival{from{opacity:0}to{opacity:1}}
@keyframes header-welcome-shine{0%{background-position:100% 0;opacity:0}15%{opacity:1}85%{opacity:1}100%{background-position:0% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.topbar,.topbar>.wordmark,.topbar .nav-side{animation:none}.topbar:after{animation:none;display:none}}

/* Entrada con destellos limitados a las facetas de cada cristal. */
.topbar:after{display:none;animation:none}
.topbar>.wordmark,.topbar .nav-side{animation:header-items-arrival .5s ease-out .8s both}
.topbar .nav-side a{--facet-delay:1.3s}
.topbar .nav-left a:nth-child(2){--facet-delay:1.42s}
.topbar .nav-left a:nth-child(3){--facet-delay:1.54s}
.topbar .nav-right a:nth-child(1){--facet-delay:1.78s}
.topbar .nav-right a:nth-child(2){--facet-delay:1.9s}
.topbar .nav-right a:nth-child(3){--facet-delay:2.02s}
.topbar .nav-side a:after{inset:10% 2%;background:linear-gradient(110deg,transparent 35%,#bdefff88 43%,#ffffff 50%,#edd7ff99 57%,transparent 65%);background-size:300% 100%;clip-path:polygon(0 50%,13% 0,20% 14%,7% 38%,13% 52%,20% 85%,13% 100%,0 50%,100% 50%,87% 0,80% 14%,93% 38%,87% 52%,80% 85%,87% 100%,100% 50%);animation:diamond-button-sheen .5s ease-out var(--facet-delay) both}
.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after{animation:diamond-button-sheen .48s ease-out both}
.topbar>.wordmark:after{inset:0;clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%,0 50%,8% 50%,50% 89%,92% 50%,50% 11%,8% 50%);background:linear-gradient(110deg,transparent 35%,#bdefff88 43%,#ffffff 50%,#edd7ff99 57%,transparent 65%);background-size:300% 100%;mix-blend-mode:screen;animation:diamond-button-sheen .5s ease-out 1.66s both}
.topbar>.wordmark:hover:after,.topbar>.wordmark:focus-visible:after{animation:none;background:radial-gradient(ellipse at center,#f4efff50,#a6e8ff30 35%,transparent 90%);clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%);opacity:1}
@media(prefers-reduced-motion:reduce){.topbar>.wordmark,.topbar .nav-side,.topbar .nav-side a:after,.topbar>.wordmark:after{animation:none}.topbar .nav-side a:after{opacity:0}}

/* Barrido rápido de las facetas, conservando la entrada pausada. */
.topbar .nav-side a:after,.topbar>.wordmark:after{animation-duration:.24s}
.topbar .nav-left a:nth-child(1){--facet-delay:1.3s}
.topbar .nav-left a:nth-child(2){--facet-delay:1.36s}
.topbar .nav-left a:nth-child(3){--facet-delay:1.42s}
.topbar>.wordmark:after{animation-delay:1.48s}
.topbar .nav-right a:nth-child(1){--facet-delay:1.54s}
.topbar .nav-right a:nth-child(2){--facet-delay:1.6s}
.topbar .nav-right a:nth-child(3){--facet-delay:1.66s}
.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after{animation-duration:.24s}

/* Destello independiente al entrar con el cursor en cada botón. */
@keyframes crystal-hover-flash{0%{background-position:100% 0;opacity:0}15%{opacity:.85}80%{opacity:.85}100%{background-position:0% 0;opacity:0}}
.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after{animation:crystal-hover-flash .24s ease-out both}
.topbar>.wordmark:hover:after,.topbar>.wordmark:focus-visible:after{inset:0;clip-path:polygon(0 50%,50% 0,100% 50%,50% 100%,0 50%,8% 50%,50% 89%,92% 50%,50% 11%,8% 50%);background:linear-gradient(110deg,transparent 35%,#bdefff88 43%,#ffffff 50%,#edd7ff99 57%,transparent 65%);background-size:300% 100%;animation:crystal-hover-flash .24s ease-out both}
@media(prefers-reduced-motion:reduce){.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after,.topbar>.wordmark:hover:after,.topbar>.wordmark:focus-visible:after{animation:none}}

/* Une seule couche lumineuse par bouton, découpée sur les facettes. */
.topbar .nav-side a:after,.topbar>.wordmark:after,.topbar .nav-side a:hover:after,.topbar .nav-side a:focus-visible:after,.topbar>.wordmark:hover:after,.topbar>.wordmark:focus-visible:after{display:none!important;animation:none!important}
.topbar .facet-flash{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 35%,#c9f3ff88 43%,white 50%,#eedcff88 57%,transparent 65%);background-size:300% 100%;background-position:100% 0;mask:url('assets/tab-facets.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/tab-facets.svg') center/100% 100% no-repeat;mix-blend-mode:screen}
.topbar>.wordmark .facet-flash{mask-image:url('assets/logo-facets.svg');-webkit-mask-image:url('assets/logo-facets.svg')}

/* Éclat plus lumineux avec halo diffus autour du cristal. */
.topbar .facet-flash{background-image:linear-gradient(110deg,transparent 30%,#d9faffbb 40%,#ffffff 46%,#ffffff 54%,#f5e5ffbb 60%,transparent 70%);filter:brightness(1.8)}
.topbar .facet-halo{position:absolute;inset:-22px -12px;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#ffffffaa 0%,#d5f3ff77 18%,#c5b6ff44 40%,transparent 70%);filter:blur(12px);mix-blend-mode:screen;border-radius:50%}
.topbar>.wordmark .facet-halo{inset:-18px -15px;z-index:-1}

/* Reflejo pulido: núcleo fino y luz ambiental contenida. */
.topbar .facet-flash{background-image:linear-gradient(110deg,transparent 37%,#bfefff55 44%,#f4fdffcc 48%,white 49.5%,white 50.5%,#f9f0ffcc 52%,#e4cbff55 56%,transparent 63%);filter:brightness(1.35)}
.topbar .facet-halo{inset:-12px 8%;background:radial-gradient(ellipse at center,#f7fcff99 0%,#cdefff50 22%,#b6a5ee24 45%,transparent 72%);filter:blur(10px)}
.topbar>.wordmark .facet-halo{inset:-8px 10%}
.topbar .nav-side a:hover,.topbar .nav-side a:focus-visible,.topbar>.wordmark:hover,.topbar>.wordmark:focus-visible{filter:drop-shadow(0 0 2px #f3f5ffb0) drop-shadow(0 0 8px #95dfff66) drop-shadow(0 0 16px #b991ff30)}
.topbar .nav-side a:before{background:radial-gradient(ellipse at 50% 45%,#f4efff30 0%,#a6e8ff20 35%,#b98aff0c 68%,transparent 90%)}

/* Reflejos nacarados continuos, inspirados en el cristal del video. */
.topbar .crystal-nacre {
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  -webkit-mask:url('assets/tab-facets.svg') center/100% 100% no-repeat;
  mask:url('assets/tab-facets.svg') center/100% 100% no-repeat;
  background-image:
    radial-gradient(ellipse at 35% 45%,transparent 24%,#edfbffcc 32%,#b6e9ff88 39%,transparent 51%),
    radial-gradient(ellipse at 65% 55%,transparent 20%,#f7d5ed99 32%,#c7ccff99 43%,transparent 58%),
    linear-gradient(120deg,#8eafff18 12%,#bdefffaa 30%,#ffffffdd 39%,#c6b9ec88 47%,#f7cfe666 53%,#9adfff99 67%,#a9b9ff18 85%);
  background-size:240% 230%,210% 250%,300% 180%;
  background-position:0% 30%,100% 70%,0% 50%;
  mix-blend-mode:screen;
  opacity:.68;
  animation:nacre-flow 6s ease-in-out var(--nacre-phase,0s) infinite alternate;
}
.topbar>.wordmark .crystal-nacre {
  -webkit-mask-image:url('assets/logo-facets.svg');
  mask-image:url('assets/logo-facets.svg');
}
@keyframes nacre-flow {
  0% {background-position:0% 30%,100% 70%,0% 50%;opacity:.5}
  50% {background-position:55% 65%,45% 20%,50% 65%;opacity:.8}
  100% {background-position:100% 40%,0% 80%,100% 35%;opacity:.6}
}
@media(prefers-reduced-motion:reduce) {
  .topbar .crystal-nacre{animation:none;opacity:.5}
}
/* Four links on the right now include the price list. */
@media(min-width:761px){.topbar{padding-inline:1.5%;gap:10px}.topbar .nav-side{gap:5px}.topbar .nav-side a{font-size:clamp(8px,.76vw,11px);padding-inline:clamp(7px,.8vw,12px)}}
.prices-shortcut{position:relative;z-index:3;display:flex;justify-content:center;height:32px;margin:0 auto;align-items:center;background:#080b13}.prices-shortcut>a{display:flex;align-items:center;justify-content:center;width:210px;height:25px;font:10px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#e0d9f3;background:linear-gradient(100deg,#6fcce215,#cab4ef30,#efacd215);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:inset 0 1px #cfeaff77,inset 0 -1px #d5b0e466;transition:filter .25s}.prices-shortcut>a:hover{filter:brightness(1.5)}.prices-shortcut>a:focus-visible{outline:2px solid #e8caff;outline-offset:-3px}
/* The slim illuminated ribbon enters between the main and secondary headers. */
.prices-shortcut{height:35px;padding:3px 2%;overflow:visible;animation:prices-ribbon-enter .3s cubic-bezier(.22,1,.36,1) 1s both}.prices-shortcut>a{position:relative;isolation:isolate;width:100%;height:27px;letter-spacing:.3em;font-weight:700;color:#fff2fc;background:linear-gradient(100deg,#6743a4,#b62487 28%,#bc2989 50%,#513daa 78%,#157997);clip-path:polygon(.7% 0,99.3% 0,100% 50%,99.3% 100%,.7% 100%,0 50%);box-shadow:inset 0 1px #ffd6f5dd,inset 0 -1px #a8edffb0;filter:drop-shadow(0 0 6px #d451a75c);text-shadow:0 0 9px #ffe2f7;overflow:hidden;transition:filter .3s,letter-spacing .3s}.prices-shortcut>a:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,#fff6 48%,#caf6ff77 50%,transparent 64%);transform:translateX(-120%);animation:prices-ribbon-light 5s ease-in-out 1.5s infinite;pointer-events:none}.prices-shortcut>a:after{content:'';position:absolute;inset:2px 1%;border-top:1px solid #fff3;border-bottom:1px solid #ffb4ef44;pointer-events:none}.prices-shortcut>a:hover{filter:brightness(1.2) drop-shadow(0 0 10px #e165b69c);letter-spacing:.42em}@keyframes prices-ribbon-enter{from{opacity:0;transform:translateY(-9px) scaleX(.65)}to{opacity:1;transform:none}}@keyframes prices-ribbon-light{0%,25%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.prices-shortcut,.prices-shortcut>a:before{animation:none}.prices-shortcut>a{transition:none}}
/* Crystal ribbon: center-out reveal, a travelling light, and a quiet living glow. */
.prices-shortcut{animation:prices-ribbon-unfold .34s cubic-bezier(.16,1,.3,1) 1s both}.prices-shortcut>a{background:linear-gradient(105deg,#493380 0%,#952a91 22%,#c62b86 47%,#7444b6 73%,#207e9e 100%);background-size:180% 100%;animation:prices-ribbon-iridescence 9s ease-in-out 1.4s infinite;filter:drop-shadow(0 0 5px #dd59b866);transition:filter .35s,letter-spacing .35s,background-size .5s}.prices-shortcut>a:before{background:linear-gradient(105deg,transparent 39%,#f9cafa33 44%,#fffafaad 49%,#c7f7ff88 51%,transparent 59%);transform:translateX(-110%);animation:prices-ribbon-sweep 6s cubic-bezier(.4,0,.2,1) 1.35s infinite}.prices-shortcut>a:after{inset:2px .8%;border-top:1px solid #ffe0f877;border-bottom:1px solid #a6edff66;opacity:.65;animation:prices-ribbon-edge 4s ease-in-out 1.4s infinite}.prices-shortcut>a:hover,.prices-shortcut>a:focus-visible{filter:brightness(1.18) drop-shadow(0 0 11px #e46bc6aa);letter-spacing:.4em;background-size:130% 100%}.prices-shortcut>a:hover:before,.prices-shortcut>a:focus-visible:before{animation:prices-ribbon-hover .85s ease both}.prices-shortcut>a:active{filter:brightness(1.35)}@keyframes prices-ribbon-unfold{from{opacity:0;clip-path:inset(0 49.5%);translate:0 -7px}to{opacity:1;clip-path:inset(-20px -15px);translate:0 0}}@keyframes prices-ribbon-iridescence{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes prices-ribbon-sweep{0%{transform:translateX(-110%)}32%,100%{transform:translateX(110%)}}@keyframes prices-ribbon-hover{from{transform:translateX(-110%)}to{transform:translateX(110%)}}@keyframes prices-ribbon-edge{0%,100%{opacity:.4}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.prices-shortcut,.prices-shortcut>a,.prices-shortcut>a:before,.prices-shortcut>a:after{animation:none!important}.prices-shortcut>a{transition:none}}
.nelly-click-particles{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}
.nelly-light-petal{position:absolute;border-radius:90% 10% 80% 20%;background:#ebcaff;box-shadow:0 0 5px #d790ff,0 0 13px #a435ff,0 0 22px #7617ee;will-change:transform,opacity}
.nelly-click-glow{position:absolute;width:260px;height:130px;margin:-65px 0 0 -130px;background:radial-gradient(ellipse,#ebd4ff88, #b34bff44 35%,transparent 70%);filter:blur(10px)}
.topbar .nelly-click-particles{position:absolute;inset:0;z-index:0;overflow:visible;pointer-events:none}
.topbar>.wordmark{z-index:3}
/* Diamond sparks stay entirely inside the header. */
.topbar .nelly-click-particles{overflow:hidden;contain:paint}
.nelly-light-petal{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#fff 0 38%,#d9efff 39% 52%,#fff 53% 70%,#e8e2f4 71%);box-shadow:none;filter:drop-shadow(0 0 3px #fff)}
.nelly-click-glow{background:radial-gradient(ellipse,#ffffff66,#dcefff22 35%,transparent 70%)}
.home-video-page{isolation:isolate;background:#080b14}
.nelly-home-video{position:fixed;inset:0 0 auto;height:85vh;z-index:-1;pointer-events:none;overflow:hidden;opacity:.65;mask-image:linear-gradient(to bottom,#000 0%,#000 45%,#0009 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,#0009 68%,transparent 100%);will-change:opacity}
.nelly-home-video video{display:block;width:100%;height:200%;object-fit:cover;object-position:center top}
.home-video-page .empty-home{min-height:150vh}
.home-video-page .topbar{background:#080b147a}
.home-video-page .empty-home{position:relative;isolation:isolate}
.home-video-page .nelly-home-video{position:absolute;top:0;left:0;right:0;z-index:-1}
.home-video-page .topbar{background:#080b14e8}
.home-video-page .nelly-home-video{height:min(85vh,56.25vw);opacity:.85}
.nelly-home-video>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:700px){.home-video-page .nelly-home-video{height:60vh}.nelly-home-video>img{object-position:50% top}}