:root{--color-bg:#161826;--color-surface:#232532;--color-text:#e9e9ed;--color-accent:#9184d9;--color-accent-2:#a7a1db;--color-divider:#e9e9ed29;--color-neutral-100:#f3f5fe;--color-neutral-200:#e4e7f5;--color-neutral-300:#cfd3e5;--color-neutral-400:#b2b6ca;--color-neutral-500:#9397ab;--color-neutral-600:#75798c;--color-neutral-700:#595d6c;--color-neutral-800:#3f424d;--color-neutral-900:#292b31;--color-accent-100:#f5f4ff;--color-accent-200:#e7e5fe;--color-accent-300:#d2cefd;--color-accent-400:#b5abfc;--color-accent-500:#968ae0;--color-accent-600:#796cbf;--color-accent-700:#5d5294;--color-accent-800:#423a6a;--color-accent-900:#2b2741;--color-accent-2-100:#f5f4ff;--color-accent-2-200:#e7e5fe;--color-accent-2-300:#d2cefd;--color-accent-2-400:#b5afe8;--color-accent-2-500:#9690c9;--color-accent-2-600:#7972a9;--color-accent-2-700:#5c5783;--color-accent-2-800:#423e5d;--color-accent-2-900:#2b293a;--color-section:#262a60;--color-section-glow:#353b80;--color-section-ghost:#4c5397;--font-heading:"Inter", system-ui, sans-serif;--font-heading-weight:500;--font-body:"Inter", system-ui, sans-serif;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 0 0 1px #3f424d;--shadow-md:0 0 0 1px #595d6c, 0 6px 18px #0000008c;--shadow-lg:0 0 0 1px #9397ab, 0 16px 40px #000000a6}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent-400)}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.btn-primary:active{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{resize:vertical;min-height:90px}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.tag-accent-2{background:var(--color-accent-2-800);color:var(--color-accent-2-100)}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}:root{--motion-out:cubic-bezier(.22, 1, .36, 1)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.hero-title{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(44px,6.3vw,80px);font-weight:500;line-height:1.05}.hero-title__accent{color:var(--color-accent-300);display:block}.hero-title__line{animation:micro-title-in .85s var(--motion-out) both;display:block}.hero-title__accent .hero-title__line{animation-delay:.12s}@keyframes micro-title-in{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:none}}.project-folder{isolation:isolate;width:100%;max-width:490px;height:450px;margin:0 auto;position:relative}.project-folder__orbit{pointer-events:none;background:radial-gradient(#9184d91a,#0000 68%);border:1px solid #9184d926;border-radius:50%;position:absolute;inset:4% -4% 15%;transform:rotate(-18deg)}.project-folder__orbit:after{content:"";border-radius:inherit;border:1px solid #9184d914;position:absolute;inset:22px -12px}.project-folder__back{background:linear-gradient(135deg,#514777,#2b2741);border-radius:18px;height:174px;position:absolute;inset:auto 8% 47px;box-shadow:0 0 0 1px #b5abfc40}.project-folder__back:before{content:"";background:#514777;border-radius:12px 18px 0 0;width:38%;height:32px;position:absolute;top:-20px;left:0}.project-folder__cards{pointer-events:none;position:absolute;inset:0}.project-folder__card{width:34%;height:236px;color:var(--color-text);transform-origin:50% 100%;transform:translate(var(--card-x), -95px) rotate(var(--card-angle));transition:transform .7s var(--motion-out), box-shadow .35s, opacity .35s;transition-delay:calc(var(--card-order) * 35ms);pointer-events:auto;background:#272937;border:1px solid #cfc7ff35;border-radius:13px;padding:7px 7px 11px;position:absolute;bottom:95px;left:33%;box-shadow:0 18px 36px #0006}.project-folder[data-open=false] .project-folder__card{opacity:0;pointer-events:none;transform:translateY(40px)rotate(0)scale(.86)}.project-folder__image{background:var(--color-bg);border-radius:8px;height:166px;overflow:hidden}.project-folder__image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--motion-out)}.project-folder__name{justify-content:space-between;align-items:center;margin:10px 3px 0;font-size:13px;font-weight:500;display:flex}.project-folder__name>span{color:var(--color-accent-300)}.project-folder__type{color:var(--color-neutral-400);margin:2px 3px 0;font-size:10px;display:block}.project-folder__front{z-index:5;text-align:left;width:84%;min-height:125px;color:var(--color-text);font:inherit;cursor:pointer;transform-origin:bottom;transition:transform .65s var(--motion-out), border-color .3s;background:linear-gradient(125deg,#4c436b 0%,#302c47 60%,#383050 100%);border:1px solid #c3b5ff50;border-radius:16px;padding:22px;position:absolute;inset:auto 8% 47px;transform:perspective(700px)rotateX(-9deg);box-shadow:inset 0 1px #ffffff12,0 24px 55px #0005}.project-folder[data-open=false] .project-folder__front{transform:perspective(700px)rotateX(0)}.project-folder__front:hover{border-color:var(--color-accent-300)}.project-folder__eyebrow{letter-spacing:.16em;color:var(--color-accent-300);margin-bottom:10px;font-size:9px;display:block}.project-folder__title{letter-spacing:-.02em;align-items:center;gap:10px;font-size:clamp(15px,1.5vw,19px);display:flex}.project-folder__title>span{color:var(--color-accent-300)}.project-folder__hint{color:var(--color-neutral-400);margin-top:7px;padding-right:16px;font-size:10px;display:block}.project-folder__toggle{color:var(--color-accent-300);position:absolute;bottom:16px;right:20px}.project-folder__footnote{width:100%;color:var(--color-neutral-400);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:5px}.project-folder__footnote>span{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.project-folder__card:focus-visible{z-index:6;transform:translate(var(--card-x), -112px) rotate(0deg)}@media (hover:hover) and (pointer:fine){.project-folder__card:hover{z-index:6;transform:translate(var(--card-x), -112px) rotate(0deg);box-shadow:0 26px 60px #0008, 0 0 0 1px var(--color-accent)}.project-folder__card:hover img{transform:scale(1.04)}}.cases-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.case-preview{min-width:0;position:sticky;top:110px}.project-selector{background:#161826b3;border:1px solid #9184d92e;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin:0 0 18px;padding:5px;display:grid;position:relative}.project-selector__thumb{background:var(--color-accent-300);transform-origin:0;opacity:0;pointer-events:none;border-radius:9px;position:absolute;top:5px;bottom:5px;box-shadow:0 2px 12px #0002}.project-selector__option{text-align:center;min-height:44px;color:var(--color-neutral-300);cursor:pointer;border-radius:9px;place-items:center;padding:5px 3px;font-size:12px;font-weight:500;display:grid;position:relative}.project-selector__option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.project-selector__option:has(:checked){color:var(--color-bg)}.project-selector__option:has(:focus-visible){outline:2px solid var(--color-accent-300);outline-offset:4px}.case-preview__image{animation:micro-preview-in .55s var(--motion-out) both}.case-preview__caption{animation:micro-caption-in .4s var(--motion-out) both}.case-preview__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.case-preview__actions a{font-size:12px}.case-link{border-radius:8px}.case-link[data-active=true]{box-shadow:inset 3px 0 0 var(--color-accent)}.case-link[data-active=true]>div:first-child{color:var(--color-accent-300)}.case-link>div:first-child>i{transition:transform .3s var(--motion-out)}.case-link:is(:hover,:focus-visible)>div:first-child>i{transform:translate(5px)}@keyframes micro-preview-in{0%{opacity:.25;filter:blur(3px);transform:translateY(15px)scale(.97)}to{opacity:1;filter:blur();transform:none}}@keyframes micro-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.jelly-options{border:0;min-width:0;margin:0;padding:0}.jelly-options legend{color:var(--color-neutral-300);margin-bottom:10px;padding:0;font-size:12px}.jelly-options__grid{flex-wrap:wrap;gap:10px;display:flex}.jelly-option{background:var(--color-bg);min-height:44px;color:var(--color-neutral-300);cursor:pointer;border:1px solid #9184d94d;border-radius:24px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;transition:background .25s,color .25s,border-color .25s;display:inline-flex;position:relative}.jelly-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.jelly-option__dot{border:1px solid;border-radius:50%;flex:none;place-items:center;width:13px;height:13px;display:grid}.jelly-option:has(:checked){background:var(--color-accent-300);color:var(--color-bg);border-color:var(--color-accent-300);animation:micro-jelly .48s var(--motion-out)}.jelly-option:has(:checked) .jelly-option__dot:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.jelly-option:has(:focus-visible){outline:2px solid var(--color-accent-300);outline-offset:4px}@keyframes micro-jelly{0%{transform:scale(1)}32%{transform:scale(1.055,.95)}66%{transform:scale(.985,1.035)}to{transform:scale(1)}}.btn{transition:transform .25s var(--motion-out), background .25s, border-color .25s, box-shadow .25s}.btn-animated{isolation:isolate;position:relative;overflow:hidden}.btn-animated:before{content:"";z-index:-1;transition:transform .65s var(--motion-out);background:linear-gradient(110deg,#0000 15%,#d2cefd24 50%,#0000 85%);position:absolute;inset:0;transform:translate(-120%)}.btn-animated:is(:hover,:focus-visible):before{transform:translate(120%)}.btn-animated:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 8px 26px #9184d921}.btn:active{transform:scale(.98)}.btn-arrow{transition:transform .3s var(--motion-out);display:inline-block}.btn-animated:is(:hover,:focus-visible) .btn-arrow{transform:translate(3px,-3px)}.nav-link{padding-block:6px;position:relative}.nav-link:after{content:"";background:var(--color-accent);transform-origin:0;height:1px;transition:transform .35s var(--motion-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:is(:hover,:focus-visible):after{transform:scaleX(1)}.faq-answer{opacity:0;transition:grid-template-rows .4s var(--motion-out), opacity .3s;grid-template-rows:0fr;display:grid}.faq-answer[data-open=true]{opacity:1;grid-template-rows:1fr}.faq-answer>div{min-height:0;overflow:hidden}.faq-toggle{transition:transform .35s var(--motion-out);display:inline-block}[aria-expanded=true] .faq-toggle{transform:rotate(45deg)}@media (width<=760px){.hero-grid,.cases-grid{grid-template-columns:minmax(0,1fr)}.hero-title{font-size:clamp(43px,9vw,66px)}.project-folder{max-width:410px;height:390px;margin-top:12px}.project-folder__card{height:207px;transform:translate(var(--card-x), -88px) rotate(var(--card-angle));bottom:85px}.project-folder__image{height:139px}.project-folder__front{padding:18px 16px}.project-folder__name{font-size:12px}.project-folder__type{font-size:9px}.case-preview{grid-row:1;position:static}.case-preview__actions{flex-wrap:wrap}.home-nav .nav-link{display:none}.home-nav>div{flex-wrap:nowrap!important}.home-nav .btn{min-height:40px}}@media (width<=380px){.project-folder__title{font-size:14px}.project-folder__front{padding-inline:12px}.project-folder__hint{font-size:9px}.case-link>div:first-child{flex-wrap:wrap;gap:8px!important}}@media (prefers-reduced-motion:reduce){.project-folder *,.hero-title *,.case-preview *,.jelly-option,.btn,.btn:before,.nav-link:after,.faq-answer,.faq-toggle{transition:none!important;animation:none!important}.btn-animated:is(:hover,:focus-visible),.btn:active,.shot-link:hover{transform:none}.project-folder__card:is(:hover,:focus-visible){transform:translate(var(--card-x), -95px) rotate(var(--card-angle))}}html{scroll-behavior:smooth}@keyframes noct-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes noct-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes noct-drift{0%,to{transform:translate(0,0)}50%{transform:translate(28px,-22px)}}@keyframes noct-drift2{0%,to{transform:translate(0,0)}50%{transform:translate(-26px,24px)}}@keyframes noct-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes noct-blink{0%,45%{opacity:1}50%,95%{opacity:.12}to{opacity:1}}.nav-link{color:color-mix(in srgb, var(--color-text) 62%, transparent);font-size:13px}.nav-link:hover{color:var(--color-accent)}.service-item{border-top:1px solid var(--color-divider);transition:background .45s,border-color .45s}.service-item:hover{border-color:var(--color-accent);background:#9184d90e}.case-link{transition:padding-left .35s cubic-bezier(.16,1,.3,1)}.case-link:hover{padding-left:14px}.mini-card{box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.mini-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.contact-link{color:var(--color-text)}.contact-link:hover{color:var(--color-accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes caso-drift{0%,to{transform:translate(0,0)}50%{transform:translate(24px,-18px)}}section[id]{scroll-margin-top:92px}@media (width<=760px){.caso-nav-seccion,.caso-nav-marcador{display:none}}.shot-link{cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s;display:block}.shot-link:hover{filter:brightness(1.06);transform:translateY(-4px)scale(1.015)}.shot-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}
