@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
:root{--bg:#05080d;--surface:#09111b;--surface-2:#0c1826;--surface-3:#102238;--line:rgba(122,184,255,.16);--line-strong:rgba(122,184,255,.32);--text:#f4f8ff;--muted:#94a9c2;--accent:#66c2ff;--accent-2:#187cff;--accent-3:#b7e5ff;--max:1220px;--radius:24px;--shadow:0 24px 80px rgba(0,15,35,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 42rem 36rem at 77% 15%,rgba(24,124,255,.105),transparent 72%),linear-gradient(180deg,#07111e 0,#05080d 38rem,#05080d 100%);background-attachment:fixed,fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(124,190,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,190,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 74%);z-index:-2}body:after{content:"";position:fixed;width:44vw;height:44vw;right:-20vw;top:15vh;border-radius:50%;background:rgba(39,132,255,.09);filter:blur(110px);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:var(--accent)}.eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.display{font-size:clamp(3.2rem,8vw,7.6rem);line-height:.91;letter-spacing:-.06em;margin:0;font-weight:900}.title{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96;letter-spacing:-.045em;margin:0;font-weight:850}.lead{font-size:clamp(1.05rem,1.8vw,1.3rem);color:#bfd1e5;max-width:780px}.muted{color:var(--muted)}.accent{color:var(--accent)}.gradient-text{background:linear-gradient(96deg,#fff 0%,#a9ddff 32%,#58b7ff 60%,#2b7fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:50;background:rgba(5,11,19,.73);backdrop-filter:blur(20px);border-bottom:1px solid rgba(127,190,255,.09)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em}.brand img{filter:drop-shadow(0 0 14px rgba(83,180,255,.24))}.brand-mark{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#03101c;font-weight:950;box-shadow:0 0 34px rgba(80,179,255,.24)}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:10px 12px;border-radius:10px;color:#b9cce0;font-size:.94rem}.nav-links a:hover,.nav-links a.active{background:rgba(102,194,255,.08);color:#fff}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(102,194,255,.34);border-radius:12px;color:var(--accent);font-weight:700;background:rgba(45,138,255,.05)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:84px 0 72px;position:relative}.hero:before{content:"";position:absolute;inset:6% 0 auto 47%;height:62%;background:radial-gradient(ellipse at center,rgba(40,135,255,.18),transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:70px;align-items:end}.hero-copy{position:relative;z-index:1}.hero-copy p{margin:28px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:13px;font-weight:800;border:1px solid var(--line);transition:.2s ease}.btn:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 32px rgba(14,91,180,.12)}.btn.primary{background:linear-gradient(135deg,#6ac6ff,#348dff);color:#04101b;border-color:#6ac6ff;box-shadow:0 12px 34px rgba(45,143,255,.2)}.btn.ghost{background:rgba(105,183,255,.035)}.hero-panel{border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,rgba(27,85,139,.34),rgba(6,16,27,.8));padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 38%);pointer-events:none}.hero-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--accent-2);filter:blur(100px);opacity:.25;right:-120px;top:-100px}.hero-number{font-size:5rem;line-height:1;font-weight:900;letter-spacing:-.08em}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.stat{padding:18px;border:1px solid rgba(125,189,255,.1);background:rgba(1,8,15,.28);border-radius:18px}.stat strong{display:block;font-size:1.45rem}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head p{max-width:620px;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,39,62,.78),rgba(6,14,24,.88));border-radius:var(--radius);overflow:hidden;transition:.25s ease;position:relative}.card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 20px 64px rgba(0,30,72,.28)}.card-media{height:220px;padding:24px;display:flex;align-items:flex-end;background:radial-gradient(circle at 80% 0,rgba(100,198,255,.34),transparent 40%),radial-gradient(circle at 22% 75%,rgba(22,92,200,.22),transparent 45%),linear-gradient(135deg,#10283f,#07111d);position:relative;overflow:hidden}.card-media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,206,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(143,206,255,.045) 1px,transparent 1px);background-size:28px 28px;transform:perspective(300px) rotateX(58deg) scale(1.3);transform-origin:bottom;opacity:.42}.card-index{font-size:4.3rem;font-weight:950;letter-spacing:-.07em;color:rgba(189,225,255,.15);position:relative}.card-body{padding:24px}.card-body h3{font-size:1.4rem;line-height:1.15;margin:0 0 10px}.card-body p{color:var(--muted);margin:0}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:.84rem;color:#b7cbe0}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(126,191,255,.12);background:rgba(87,168,255,.055);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.pill.live,.pill.upcoming{color:var(--accent);border-color:rgba(102,194,255,.32);background:rgba(71,166,255,.09)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 34px}.filter{border:1px solid var(--line);color:#c1d2e5;background:#08111c;border-radius:999px;padding:9px 13px;cursor:pointer}.filter:hover{border-color:var(--line-strong)}.filter.active{background:linear-gradient(135deg,#8bd3ff,#4a9dff);color:#03101b;border-color:#7bcaff}.service{padding:28px}.service-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:.8rem}.service h3{font-size:1.45rem;margin:36px 0 8px}.service p{color:var(--muted);margin:0}.marquee{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:16px 0;background:rgba(12,31,50,.25)}.marquee-track{display:inline-block;animation:marquee 26s linear infinite;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6f89a5}.marquee-track span{margin-right:38px}@keyframes marquee{to{transform:translateX(-50%)}}.page-hero{padding:110px 0 60px}.page-hero .lead{margin-top:24px}.project-hero{padding:100px 0 60px;position:relative}.project-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,194,255,.24),transparent)}.project-kicker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}.project-sidebar{position:sticky;top:110px;border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(160deg,rgba(14,37,61,.88),rgba(6,15,25,.94));box-shadow:0 20px 54px rgba(0,30,72,.18)}.project-sidebar dl{margin:0}.project-sidebar dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#6f88a4;margin-top:18px}.project-sidebar dt:first-child{margin-top:0}.project-sidebar dd{margin:4px 0 0;font-weight:750}.prose{max-width:800px}.prose h2{font-size:2rem;margin-top:55px;letter-spacing:-.03em}.prose p,.prose li{color:#b5c8dc}.project-detail{padding-top:4px}.project-detail h2{margin-bottom:8px}.timeline{display:grid;gap:10px;margin-top:28px}.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.timeline-item strong{color:var(--accent);font-size:.86rem}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.video-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#07101a}.video-frame{position:relative;aspect-ratio:16/9;background:#03070b}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-label{padding:14px 16px;color:#d7e8f8;font-weight:750;font-size:.92rem}.announcement{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:30px}.announcement time{color:#7d96b0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.announcement h3{margin:0 0 8px;font-size:1.35rem}.announcement p{margin:0;color:var(--muted)}.collab{padding:30px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.collab .monogram{width:54px;height:54px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;font-weight:900;background:#07121e;color:var(--accent)}.collab p{color:var(--muted);margin-bottom:0}.quote{font-size:clamp(1.8rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.04em;font-weight:800;max-width:1000px}.cta-band{padding:44px;border:1px solid rgba(102,194,255,.24);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(48,141,255,.22),transparent 42%),linear-gradient(135deg,#0d1f32,#08111c);display:flex;justify-content:space-between;gap:28px;align-items:center}.cta-band h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1;margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-box{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(150deg,#0b1928,#07101a)}.contact-box h3{margin-top:0}.contact-box p{color:var(--muted)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);max-width:800px}.footer{border-top:1px solid var(--line);padding:56px 0 30px;margin-top:90px;background:linear-gradient(180deg,transparent,rgba(8,25,43,.36))}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:34px}.footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#718aa5}.footer a{display:block;color:#aec2d7;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:46px;padding-top:22px;color:#71879f;font-size:.86rem}.reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.reveal.in{opacity:1;transform:none}.empty{padding:60px 0;color:var(--muted)}@media(max-width:920px){.nav-links{position:fixed;top:78px;left:20px;right:20px;background:#09131f;border:1px solid var(--line);border-radius:18px;padding:12px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-cta{display:none}.menu-btn{display:block}.hero{min-height:auto}.hero-grid,.project-layout,.contact-grid{grid-template-columns:1fr}.hero-panel{margin-top:20px}.project-sidebar{position:static}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.announcement{grid-template-columns:1fr;gap:8px}.video-grid{grid-template-columns:1fr}}@media(max-width:620px){.container{width:min(calc(100% - 26px),var(--max))}.nav-inner{height:70px}.nav-links{top:70px;left:13px;right:13px}.hero{padding-top:58px}.hero-grid{gap:38px}.hero-panel{padding:18px}.stats,.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:78px 0}.section-head{align-items:start;flex-direction:column}.card-media{height:180px}.cta-band{padding:28px;align-items:flex-start;flex-direction:column}.page-hero,.project-hero{padding-top:78px}.timeline-item{grid-template-columns:1fr;gap:4px}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column}.display{font-size:clamp(3rem,16vw,5rem)}}
/* Navigation polish + no pre-JS interface flash */
html.ns-loading body{opacity:0;visibility:hidden}
html.ns-ready body{opacity:1;visibility:visible;transition:opacity .14s ease}
.nav-links{will-change:transform,opacity}
@media(max-width:920px){
  .nav-links{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.985);transform-origin:top center;max-height:calc(100vh - 92px);overflow:auto;transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;backdrop-filter:blur(24px);background:linear-gradient(145deg,rgba(8,18,31,.97),rgba(5,12,22,.94));border:1px solid rgba(102,194,255,.2);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset;padding:9px;border-radius:20px}
  .nav-links.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
  .nav-links a{padding:14px 15px;border-radius:13px;font-size:1rem;font-weight:750;transition:background .18s ease,color .18s ease,transform .18s ease}
  .nav-links a:hover,.nav-links a.active{background:rgba(102,194,255,.1);transform:translateX(2px)}
  .menu-btn{position:relative;width:44px;height:44px;padding:0;border:1px solid rgba(102,194,255,.18);border-radius:13px;background:rgba(102,194,255,.055);display:grid;place-items:center;font-size:0;flex:0 0 auto;transition:background .2s ease,border-color .2s ease,transform .2s ease}
  .menu-btn:before,.menu-btn:after{content:"";position:absolute;width:19px;height:2px;border-radius:2px;background:#fff;transition:transform .22s ease,opacity .18s ease}
  .menu-btn:before{transform:translateY(-4px)}.menu-btn:after{transform:translateY(4px)}
  .menu-btn[aria-expanded="true"]{background:rgba(102,194,255,.12);border-color:rgba(102,194,255,.38)}
  .menu-btn[aria-expanded="true"]:before{transform:rotate(45deg)}.menu-btn[aria-expanded="true"]:after{transform:rotate(-45deg)}
}
@media(max-width:620px){
  .nav-links{top:78px;left:13px;right:13px;max-height:calc(100vh - 92px)}
  .nav-inner{height:70px}
  .nav-links a{padding:15px 16px}
}

/* Mobile navigation redesign */
@media (max-width: 920px){
  .nav-links{position:absolute!important;top:calc(100% + 10px)!important;left:10px!important;right:10px!important;width:auto!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:10px!important;border-radius:18px!important;background:rgba(9,14,23,.985)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 50px rgba(0,0,0,.45),0 4px 18px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important;transform:translateY(-8px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s!important;z-index:100!important}
  .nav-links.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;transition-delay:0s!important}
  .nav-links a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 14px!important;border-radius:12px!important;color:rgba(255,255,255,.82)!important;font-size:.96rem!important;font-weight:650!important;letter-spacing:.01em!important;background:transparent!important;transform:none!important;transition:background .16s ease,color .16s ease!important}
  .nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active{background:rgba(102,194,255,.10)!important;color:#fff!important}
  .nav-links a.active{box-shadow:inset 3px 0 0 #66c2ff!important}
  .menu-btn{width:42px!important;height:42px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:none!important}
}
@media(max-width:620px){
  .nav-links{top:calc(100% + 8px)!important;left:8px!important;right:8px!important;padding:8px!important;border-radius:16px!important}
  .nav-links a{min-height:50px!important;padding:0 15px!important}
  .client-download{font-size:0!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;position:relative!important}
  .client-download-label{display:none!important}
  .client-download::before{content:"↓"!important;font-size:21px!important;line-height:1!important;font-weight:800!important;color:#fff!important}
}
@media(prefers-reduced-motion:reduce){.nav-links,.nav-links a,.menu-btn{transition:none!important}}

/* Shared cinematic header carousel */


/* Shared Negative Client navigation control */
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-socials{display:flex;align-items:center;gap:6px}
.nav-social{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 11px;border-radius:11px;border:1px solid rgba(122,184,255,.14);color:#b9cce0;font-size:.82rem;font-weight:750;background:rgba(255,255,255,.025);transition:.2s ease}
.nav-social:hover{color:#fff;background:rgba(102,194,255,.08);border-color:rgba(122,184,255,.28)}
.client-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid rgba(102,194,255,.34);border-radius:12px;color:var(--accent);font-size:.88rem;font-weight:800;background:rgba(45,138,255,.07);white-space:nowrap;transition:.2s ease}
.client-download:hover{transform:translateY(-1px);background:rgba(45,138,255,.12);border-color:rgba(102,194,255,.55);color:#fff}
.client-download-icon{width:18px;height:18px;display:block;flex:0 0 auto;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:920px){
  .nav-actions{gap:8px}
  .nav-socials{display:none}
  .client-download{min-height:42px}
}
@media(max-width:620px){
  .client-download{font-size:0!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important}
  .client-download-label{display:none!important}
  .client-download-icon{width:20px!important;height:20px!important}
}
.archive-project-card{padding:0}.archive-project-media{height:210px;padding:0}.archive-project-media .card-media-img{height:100%;width:100%;object-fit:cover;object-position:center}.archive-project-card .service-content{padding:28px}.archive-project-card .service-content h3{margin-top:36px}@media(max-width:620px){.archive-project-media{height:180px}.archive-project-card .service-content{padding:24px}}
/* Project header title / description spacing */
.project-hero .project-hero-copy,.project-header .project-hero-copy{gap:0}
.project-hero .project-hero-copy .muted,.project-hero .project-hero-copy p,.project-header .project-hero-copy .muted,.project-header .project-hero-copy p{margin-top:24px!important}

/* Luz azul fija y movimiento sutil */
@keyframes ns-rise-in{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
main>section,#projectPage>section,#nmcPage>section{animation:ns-rise-in .68s cubic-bezier(.2,.7,.2,1) both}main>section:nth-of-type(2),#projectPage>section:nth-of-type(2),#nmcPage>section:nth-of-type(2){animation-delay:90ms}main>section:nth-of-type(3),#projectPage>section:nth-of-type(3),#nmcPage>section:nth-of-type(3){animation-delay:160ms}
.reveal{transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--ns-reveal-delay,0ms)}
.card,.service,.about-social-card,.project-gallery-card,.nmc-child,.client-platform-v2{transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease,box-shadow .32s ease}.card:hover,.service:hover,.about-social-card:hover,.project-gallery-card:hover,.nmc-child:hover,.client-platform-v2:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(0,30,75,.26)}
.card-media-img,.project-gallery-card img,.project-media-frame img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}.card:hover .card-media-img,.project-gallery-card:hover img{transform:scale(1.035)}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid rgba(44,140,255,.78);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}main>section,#projectPage>section,#nmcPage>section{animation:none!important}.reveal{transition:none!important}.card,.service,.about-social-card,.project-gallery-card,.nmc-child,.client-platform-v2,.card-media-img,.project-gallery-card img{transition:none!important}.card:hover,.service:hover,.about-social-card:hover,.project-gallery-card:hover,.nmc-child:hover,.client-platform-v2:hover{transform:none;box-shadow:none}}

/* Quicksand para la interfaz, excepto los titulares grandes que conservan Inter. */
body *:not(i):not(svg):not(path):not(code):not(pre):not(kbd):not(samp):not([class*="icon"]):not([class*="fa-"]):not([class*="material-icons"]):not([class*="material-symbols"]):not([class*="lucide"]):not([class*="bi-"]):not([class*="ph-"]):not([class*="tabler-icon"]):not([class*="ri-"]):not(.display):not(.display *):not(.title):not(.title *) {
  font-family: "Quicksand", sans-serif !important;
}
body button, body input, body textarea, body select, body option {
  font-family: "Quicksand", sans-serif !important;
}

/* Estos títulos y todo el texto que contienen quedan fuera de Quicksand. */
body .display, body .display *, body .title, body .title * {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Acciones de cuenta y amistad con el mismo acabado que el botón Descargar Negative Client. */
.nav-actions .ns-account-link:not(.ns-account-link--profile) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(102,194,255,.34);
  border-radius: 12px;
  color: var(--accent);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  background: rgba(45,138,255,.05);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.nav-actions .ns-account-link:not(.ns-account-link--profile):hover {
  transform: translateY(-1px);
  background: rgba(45,138,255,.12);
  border-color: rgba(102,194,255,.55);
  color: #fff;
}

/* El botón de inicio de sesión usa el mismo estilo, conservando el ancho del formulario. */
#loginForm .account-submit {
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid rgba(102,194,255,.34);
  border-radius: 12px;
  color: var(--accent);
  font-weight: 700;
  background: rgba(45,138,255,.05);
  box-shadow: none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
#loginForm .account-submit:hover {
  transform: translateY(-1px);
  background: rgba(45,138,255,.12);
  border-color: rgba(102,194,255,.55);
  color: #fff;
  box-shadow: none;
}
#loginForm .account-submit:disabled {
  opacity: .58;
  cursor: wait;
}

/* Los botones relacionados con amistades y solicitudes comparten el mismo acabado. */
body .community-friend-actions .community-button,
body .community-compose-login .community-button {
  border: 1px solid rgba(102,194,255,.34);
  border-radius: 12px;
  background: rgba(45,138,255,.05);
  color: var(--accent);
  font-weight: 700;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
body .community-friend-actions .community-button:hover:not(:disabled),
body .community-compose-login .community-button:hover {
  transform: translateY(-1px);
  background: rgba(45,138,255,.12);
  border-color: rgba(102,194,255,.55);
  color: #fff;
}

/* La tarjeta de cuenta regresiva se atenúa suavemente al pasar el cursor. */
.ns-countdown-banner {
  transition: opacity .2s ease;
}
.ns-countdown-banner:hover {
  opacity: .5;
}