:root{--cream:#faf8f4;--paper:#fff;--ink:#202428;--accent:#333c42;--accent-deep:#252e34;--clay:#80654a;--line:#dfddd7;--muted:#5b6163;--font-display:Manrope,Arial,sans-serif;--font-body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#ece7df;color:var(--ink)}
.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:#fff;padding:14px 18px;border-radius:8px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:86px;padding:0 clamp(24px,4.5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(250,248,244,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,36,40,.08);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(250,248,244,.94);box-shadow:0 10px 35px rgba(32,36,40,.06)}.brand{display:inline-flex;align-items:center;gap:12px;font:800 20px/1 var(--font-display);letter-spacing:-.07em;white-space:nowrap}.brand-light{font-weight:500;color:var(--accent);letter-spacing:-.06em}.brand-mark{width:29px;height:29px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;transform:rotate(-15deg)}.brand-mark i{display:block;background:var(--accent);border-radius:1px}.brand-mark i:nth-child(2){background:var(--clay);transform:translateY(5px)}.brand-mark i:nth-child(3){transform:translateX(5px)}.primary-nav{display:flex;align-items:center;gap:clamp(22px,3vw,49px);font:600 12px/1 var(--font-display);letter-spacing:.06em}.primary-nav>a:not(.nav-cta){padding:16px 0;transition:color .2s}.primary-nav>a:hover{color:var(--accent)}.nav-cta{padding:14px 18px;border:1px solid var(--ink);border-radius:2px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--ink);color:#fff}.nav-cta span{margin-left:18px;font-size:16px}.menu-toggle{display:none}
.hero-scene{height:185vh;min-height:1080px;position:relative}.hero-pin{height:100vh;min-height:650px;position:sticky;top:0;overflow:hidden;background:var(--cream)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(51,60,66,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(51,60,66,.05) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 0%,black 48%,black 100%);pointer-events:none}.hero-visual{position:absolute;z-index:1;right:3.5%;top:14%;width:62%;height:72%;overflow:hidden;border-radius:3px;box-shadow:0 24px 75px rgba(32,36,40,.13);will-change:transform}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,248,244,.28),transparent 50%);pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:65% center;will-change:transform}.hero-visual-label{position:absolute;z-index:2;right:22px;bottom:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);padding:10px 12px;display:flex;align-items:center;gap:8px;font:700 9px/1 var(--font-display);letter-spacing:.15em}.label-dot{width:6px;height:6px;border-radius:50%;background:var(--clay)}.hero-copy{position:absolute;z-index:3;top:50%;left:clamp(24px,6.7vw,112px);transform:translateY(-46%);width:min(740px,64%);will-change:transform,opacity}.eyebrow{margin:0 0 28px;display:flex;align-items:center;gap:12px;font:700 10px/1.4 var(--font-display);letter-spacing:.2em}.eyebrow-line{width:30px;height:1px;background:currentColor}.eyebrow.accent{color:var(--accent)}.eyebrow.light{color:#d7d1c5}.hero-copy h1,.section-heading h2,.process h2,.story-content h2,.contact h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.085em}.hero-copy h1{font-size:clamp(68px,8.5vw,148px);line-height:.99;margin:0 0 30px;white-space:nowrap}.hero-copy h1 em,.section-heading h2 em,.process h2 em,.story-content h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.hero-copy h1 em{color:var(--accent)}.hero-description{max-width:430px;font-size:clamp(16px,1.25vw,19px);line-height:1.7;margin:0 0 33px;color:#454b4d}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 22px;min-height:59px;font:700 12px/1.2 var(--font-display);letter-spacing:.02em;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(32,36,40,.16)}.button span{font-size:19px;line-height:0}.button-dark{background:var(--accent);color:#fff}.button-dark:hover{background:var(--accent-deep)}.text-link{font:700 12px/1.5 var(--font-display);border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{margin-left:10px}.hero-bottom{position:absolute;z-index:5;left:clamp(24px,6.7vw,112px);right:clamp(24px,6.7vw,112px);bottom:26px;display:flex;justify-content:space-between;font:700 10px/1 var(--font-display);letter-spacing:.15em}.scroll-invite{display:flex;gap:14px;align-items:center}.scroll-invite b{font-size:17px;animation:drop 1.6s ease-in-out infinite}@keyframes drop{50%{transform:translateY(5px)}}.hero-finale{position:absolute;z-index:4;left:6vw;bottom:10vh;opacity:0;transform:translateY(25px);display:flex;flex-direction:column;pointer-events:none}.hero-finale span{font:700 clamp(18px,3vw,42px)/1 var(--font-display);letter-spacing:.13em}.hero-finale strong{font:800 clamp(65px,11vw,170px)/1 var(--font-display);letter-spacing:-.09em;color:var(--accent)}
.marquee{overflow:hidden;background:var(--accent);color:#f3f0ea;padding:23px 0}.marquee-track{display:flex;width:max-content;align-items:center;gap:33px;animation:marquee 31s linear infinite}.marquee span{font:700 12px/1 var(--font-display);letter-spacing:.21em}.marquee b{font-size:20px;color:#c4a77f}@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:clamp(86px,10vw,150px) clamp(24px,6.7vw,112px)}section[id]{scroll-margin-top:85px}.capabilities{background:#fcfbf8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:60px}.section-heading h2,.process h2{font-size:clamp(43px,5.3vw,80px);line-height:1.12;margin:0}.section-heading h2 em,.process h2 em{color:var(--accent)}.section-heading>p{width:325px;max-width:100%;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 8px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cap-card{position:relative;min-height:350px;background:#f1f0ed;border:1px solid #dedbd4;overflow:hidden;padding:27px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,box-shadow .35s,background .35s}.cap-card:hover{transform:translateY(-6px);box-shadow:0 19px 38px rgba(42,48,51,.1);background:#e9e7e1}.cap-feature{grid-column:span 2;min-height:495px;background:#eae8e2;padding:37px}.cap-number{font:700 10px/1 var(--font-display);letter-spacing:.17em;color:var(--accent)}.cap-body{position:relative;z-index:2}.cap-body h3{font:700 clamp(27px,2.7vw,42px)/1.15 var(--font-display);letter-spacing:-.06em;margin:0 0 15px}.cap-feature .cap-body h3{font-size:clamp(34px,4vw,62px)}.cap-body p{max-width:510px;font-size:15px;line-height:1.7;color:#555b5d;margin:0}.cap-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.cap-tags span{border:1px solid #b9b4a9;padding:8px 10px;font:700 9px/1 var(--font-display);letter-spacing:.1em;color:var(--accent)}.cap-orbit{position:absolute;right:12%;top:3%;width:320px;height:320px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(51,60,66,.26);border-radius:50%}.ring-one{width:100%;height:100%;animation:spin 20s linear infinite}.ring-one:before{content:"";position:absolute;top:10px;left:74px;width:9px;height:9px;border-radius:50%;background:var(--clay)}.ring-two{width:69%;height:69%;border-style:dashed;animation:spin 24s linear reverse infinite}.orbit-core{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:var(--accent);color:#fff;font:800 34px/1 var(--font-display);letter-spacing:-.08em;box-shadow:18px 18px 0 #ded9d0}@keyframes spin{to{transform:rotate(360deg)}}.cap-icon{width:100px;height:100px;position:absolute;right:28px;top:55px;color:var(--accent)}.cnc-icon span{position:absolute;border:2px solid currentColor;transform:skew(-25deg) rotate(-24deg);width:64px;height:31px;left:14px}.cnc-icon span:nth-child(1){top:4px}.cnc-icon span:nth-child(2){top:22px}.cnc-icon span:nth-child(3){top:40px}.laser-icon span{position:absolute;display:block;background:currentColor}.laser-icon span:nth-child(1){width:2px;height:72px;left:52px;top:0;transform:rotate(25deg)}.laser-icon span:nth-child(2){width:85px;height:2px;left:10px;top:78px}.laser-icon span:nth-child(3){width:17px;height:17px;border-radius:50%;left:51px;top:61px;background:var(--clay);box-shadow:0 0 0 11px rgba(128,101,74,.14)}.circuit-icon span{position:absolute;border:2px solid currentColor}.circuit-icon span:nth-child(1){width:52px;height:52px;left:20px;top:17px;border-radius:8px}.circuit-icon span:nth-child(2){width:82px;height:2px;left:4px;top:42px;border-width:1px}.circuit-icon span:nth-child(3){width:2px;height:82px;left:45px;top:2px;border-width:1px}
.image-story{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#2c3438}.story-image{position:absolute;inset:-12% 0;will-change:transform}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center}.story-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,37,41,.93) 0%,rgba(31,37,41,.75) 43%,rgba(31,37,41,.08) 100%)}.story-content{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:130px}.story-content h2{font-size:clamp(51px,6.3vw,95px);line-height:1.06;margin:0 0 28px}.story-content h2 em{color:#d9b88b}.story-content>p:not(.eyebrow){max-width:500px;font-size:17px;line-height:1.75;color:#ebe9e3;margin:0}.story-note{position:absolute;right:7vw;bottom:36px;font:700 9px/1 var(--font-display);letter-spacing:.16em;color:#fff}
.process{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--cream)}.process-intro>p:not(.eyebrow){max-width:390px;font-size:16px;line-height:1.8;color:var(--muted);margin-top:25px}.steps{border-top:1px solid #cecbc4}.step{display:grid;grid-template-columns:55px 1fr 30px;gap:16px;border-bottom:1px solid #cecbc4;padding:32px 0;align-items:start}.step>span{font:600 14px/1.4 var(--font-display);color:var(--clay)}.step h3{font:700 22px/1.3 var(--font-display);letter-spacing:-.05em;margin:0 0 12px}.step p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:360px}.step>b{font-size:20px;font-weight:400;color:var(--accent)}
.contact{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--accent-deep);color:#fff}.contact-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.contact h2{font-size:clamp(52px,7vw,104px);line-height:1.06;margin:0 0 24px}.contact h2 em{color:#d9b88b}.contact-content>p:not(.eyebrow){max-width:540px;font-size:17px;line-height:1.7;margin:0 0 28px;color:#e6e3db}.button-light{background:#fff;color:var(--accent-deep)}.button-light:hover{background:#edeae4}.contact-email{font:600 12px/1 var(--font-display);margin-top:20px;letter-spacing:.08em}.contact-rings{position:absolute;left:50%;top:50%;width:750px;height:750px;transform:translate(-50%,-50%);pointer-events:none}.contact-rings span{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;inset:0}.contact-rings span:nth-child(2){inset:100px}.contact-rings span:nth-child(3){inset:205px}.site-footer{background:#1d2529;color:#f3f0ea;min-height:130px;padding:35px clamp(24px,6.7vw,112px);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font:800 23px/1 var(--font-display);letter-spacing:-.07em;white-space:nowrap}.footer-brand span{font-weight:500;color:#d9c4a1}.site-footer p{max-width:400px;color:#c9c5bd;font-size:12px;line-height:1.5;margin:0}.site-footer>a:last-child{font:700 12px/1 var(--font-display);white-space:nowrap}
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.2,1)}.js .reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.hero-copy{width:62%}.hero-copy h1{font-size:clamp(58px,8vw,95px)}.hero-visual{width:61%;right:2%}.section-heading{align-items:start;flex-direction:column;gap:22px}.section-heading>p{width:530px}.capability-grid{grid-template-columns:repeat(2,1fr)}.cap-feature{grid-column:span 2}.process{gap:6%}}
@media(max-width:720px){.site-header{height:68px;padding:0 20px}.brand{font-size:18px}.brand-mark{width:25px;height:25px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;width:44px;height:44px;padding:9px;cursor:pointer}.menu-toggle span{width:100%;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:18px 24px 28px;box-shadow:0 18px 30px rgba(32,36,40,.1);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:17px 0!important;font-size:15px}.primary-nav .nav-cta{margin-top:12px;padding:17px!important;text-align:center}.hero-scene{height:160vh;min-height:1050px}.hero-pin{height:100svh;min-height:650px}.hero-grid{background-size:42px 42px}.hero-visual{width:calc(100% - 32px);height:48%;top:42%;right:16px;border-radius:2px}.hero-visual img{object-position:65% center}.hero-visual:after{background:linear-gradient(180deg,rgba(250,248,244,.2),transparent 50%)}.hero-copy{left:24px;right:24px;top:18%;width:auto;transform:none}.eyebrow{font-size:9px;margin-bottom:19px}.hero-copy h1{font-size:clamp(46px,12vw,72px);white-space:normal;margin-bottom:18px}.hero-description{font-size:15px;line-height:1.55;max-width:420px;margin-bottom:21px}.hero-actions{gap:13px}.button{min-height:52px;padding:15px 16px;font-size:11px}.text-link{font-size:11px}.hero-bottom{left:24px;right:24px;bottom:17px}.hero-finale{left:24px;bottom:14vh}.hero-finale span{font-size:18px}.hero-finale strong{font-size:clamp(57px,13vw,90px)}.hero-visual-label{right:10px;bottom:10px;font-size:8px;padding:8px}.section-pad{padding:83px 24px}section[id]{scroll-margin-top:68px}.section-heading{margin-bottom:35px}.section-heading h2,.process h2{font-size:clamp(39px,10vw,60px)}.section-heading>p{font-size:15px}.capability-grid{grid-template-columns:1fr}.cap-feature{grid-column:auto;min-height:445px}.cap-card{min-height:305px;padding:24px}.cap-orbit{width:230px;height:230px;right:-10px;top:45px}.orbit-core{width:90px;height:90px;font-size:28px}.cap-feature .cap-body h3{font-size:39px}.cap-body p{font-size:14px}.image-story{min-height:650px}.story-image{inset:-6% 0}.story-image img{object-position:55% center}.story-overlay{background:linear-gradient(90deg,rgba(31,37,41,.92),rgba(31,37,41,.42))}.story-content h2{font-size:clamp(43px,10vw,68px)}.story-content>p:not(.eyebrow){font-size:15px}.story-note{right:24px;bottom:22px;font-size:8px}.process{grid-template-columns:1fr;gap:35px}.step{padding:25px 0}.contact{min-height:550px}.contact h2{font-size:clamp(47px,11vw,72px)}.contact-content>p:not(.eyebrow){font-size:15px}.contact-rings{width:600px;height:600px}.site-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:30px 24px}.site-footer p{order:3}}
@media(max-width:390px){.hero-copy{top:16%}.hero-copy h1{font-size:45px}.hero-description{font-size:14px}.hero-visual{top:45%;height:43%}.hero-actions{align-items:flex-start;flex-direction:column}.text-link{padding:2px 0}.scroll-invite{font-size:8px}.cap-feature .cap-body h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.scroll-invite b,.ring-one,.ring-two{animation:none!important}.js .reveal{opacity:1;transform:none;transition:none}.hero-visual,.hero-visual img,.hero-copy,.hero-finale,.story-image{will-change:auto!important;transform:none!important;opacity:1!important}.hero-finale{display:none}}

/* Preserve visible word spacing in the large display typography. */
.hero-copy h1,.section-heading h2,.process h2,.story-content h2,.contact h2{letter-spacing:-.04em;word-spacing:.07em}
.hero-copy h1 em,.section-heading h2 em,.process h2 em,.story-content h2 em,.contact h2 em{letter-spacing:-.035em}
.cap-body h3,.step h3{letter-spacing:-.025em;word-spacing:.05em}
@media(max-width:720px){.hero-visual{top:52%;height:41%}.cap-feature{min-height:510px}.cap-orbit{width:170px;height:170px;top:55px;right:calc(50% - 85px)}.orbit-core{width:72px;height:72px;font-size:24px}.cap-feature .cap-body{margin-top:190px}}
@media(max-width:390px){.hero-visual{top:52%;height:41%}}

/* Taller conceptual: una escena amplia que se abre durante el recorrido. */
.hero-visual{right:3%;top:13%;width:77%;height:75%}
.hero-visual img{object-position:72% center}
.hero-visual:after{background:linear-gradient(90deg,rgba(250,248,244,.72),rgba(250,248,244,.22) 39%,transparent 73%)}
.hero-copy{width:min(730px,67%)}
.hero-finale strong{text-shadow:0 3px 26px rgba(250,248,244,.85)}
.hero-visual-label{top:18px;bottom:auto}
@media(max-width:720px){.hero-visual{right:16px;top:54%;width:calc(100% - 32px);height:39%}.hero-visual:after{background:linear-gradient(180deg,rgba(250,248,244,.13),transparent 45%)}.hero-visual-label{top:10px;bottom:auto}.hero-copy{width:auto}}
@media(max-width:720px){.hero-visual img{object-position:82% center}}

/* Tema claro como punto de partida; el visitante puede cambiarlo desde la cabecera. */
.brand{order:0}.primary-nav{order:1;margin-left:auto}.theme-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:20px;min-height:42px;padding:0 13px;border:1px solid currentColor;border-radius:24px;background:transparent;color:var(--ink);font:700 10px/1 var(--font-display);letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.theme-toggle:hover{background:var(--ink);color:var(--cream)}.theme-icon{width:17px;height:17px;flex:none}.icon-sun{display:none}.menu-toggle{order:3}
@media(max-width:1050px){.theme-toggle-text{display:none}.theme-toggle{width:42px;padding:0}}
@media(max-width:720px){.primary-nav{margin-left:0}.theme-toggle{margin-left:auto}.menu-toggle{margin-left:5px}}

body,.hero-pin,.capabilities,.cap-card,.process,.site-footer{transition:background-color .35s,color .35s,border-color .35s}.hero-visual img{transition:filter .35s}
html[data-theme="dark"]{--cream:#171b1f;--ink:#f3f0e9;--accent:#d8c5a4;--accent-deep:#252b30;--clay:#d7b88d;--muted:#c4c7c5;color-scheme:dark}
html[data-theme="dark"] .icon-moon{display:none}html[data-theme="dark"] .icon-sun{display:block}
html[data-theme="dark"] .site-header{background:rgba(23,27,31,.86);border-bottom-color:rgba(216,197,164,.16)}html[data-theme="dark"] .site-header.scrolled{background:rgba(23,27,31,.96);box-shadow:0 12px 32px rgba(0,0,0,.25)}html[data-theme="dark"] .nav-cta:hover,html[data-theme="dark"] .theme-toggle:hover{color:#171b1f}
html[data-theme="dark"] .skip-link{background:#343b3e;color:#fff}
html[data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(216,197,164,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(216,197,164,.06) 1px,transparent 1px)}html[data-theme="dark"] .hero-visual img{filter:brightness(.86) saturate(.89)}html[data-theme="dark"] .hero-visual:after{background:linear-gradient(90deg,rgba(23,27,31,.89),rgba(23,27,31,.58) 41%,transparent 78%)}html[data-theme="dark"] .hero-description{color:#e2dfd8}html[data-theme="dark"] .hero-visual-label{background:rgba(35,42,45,.9);color:#f3f0ea}html[data-theme="dark"] .hero-finale strong{text-shadow:0 3px 26px rgba(6,10,12,.9)}
html[data-theme="dark"] .button-dark{background:#dfcbaa;color:#22292c}html[data-theme="dark"] .button-dark:hover{background:#f1e3c9}html[data-theme="dark"] .marquee{background:#30383b;color:#f4f1ea}
html[data-theme="dark"] .capabilities{background:#1e2428}html[data-theme="dark"] .cap-card{background:#272e32;border-color:#424b4d}html[data-theme="dark"] .cap-card:hover{background:#2c3438;box-shadow:0 18px 36px rgba(0,0,0,.2)}html[data-theme="dark"] .cap-feature{background:#2c3437}html[data-theme="dark"] .cap-body p{color:#caccc7}html[data-theme="dark"] .cap-tags span{border-color:#7b817d}html[data-theme="dark"] .orbit-ring{border-color:rgba(216,197,164,.36)}html[data-theme="dark"] .orbit-core{background:#806b4e;box-shadow:18px 18px 0 #5a5144;color:#fff}
html[data-theme="dark"] .steps,html[data-theme="dark"] .step{border-color:#4d5555}html[data-theme="dark"] .step p{color:#c4c7c5}html[data-theme="dark"] .contact{background:#252d30}html[data-theme="dark"] .site-footer{background:#101619}html[data-theme="dark"] .site-footer p{color:#c7c9c4}
@media(max-width:720px){html[data-theme="dark"] .primary-nav{background:#171b1f;box-shadow:0 18px 30px rgba(0,0,0,.35)}html[data-theme="dark"] .menu-toggle span{background:#f3f0e9}html[data-theme="dark"] .hero-visual:after{background:linear-gradient(180deg,rgba(23,27,31,.12),transparent 55%)}}
@media(prefers-reduced-motion:reduce){body,.hero-pin,.capabilities,.cap-card,.process,.site-footer,.hero-visual img,.theme-toggle{transition:none!important}}

/* Una base clara y sólida protege la lectura del título; al avanzar se revela el taller. */
.hero-copy h1 em,.section-heading h2 em,.process h2 em{color:var(--clay)}
@media(min-width:721px){html:not([data-theme="dark"]) .hero-pin::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;opacity:var(--hero-veil-opacity,1);background:linear-gradient(90deg,rgba(250,248,244,1) 0%,rgba(250,248,244,1) 35%,rgba(250,248,244,.97) 55%,rgba(250,248,244,.4) 68%,transparent 83%)}}
@media(min-width:721px) and (max-width:1050px){html:not([data-theme="dark"]) .hero-pin::after{background:linear-gradient(90deg,rgba(250,248,244,1) 0%,rgba(250,248,244,1) 45%,rgba(250,248,244,.97) 65%,rgba(250,248,244,.4) 78%,transparent 95%)}}

/* Precisión editorial: geometría contemporánea, cursiva de alto contraste y datos mínimos. */
:root{--font-display:"Sora",Arial,sans-serif;--font-editorial:"Cormorant Garamond",Georgia,serif;--font-mono:"IBM Plex Mono",monospace}
.brand{font-weight:700;letter-spacing:-.065em}.brand-light{font-weight:400}
.eyebrow,.hero-bottom,.hero-visual-label,.cap-number,.cap-tags span,.story-note,.contact-email{font-family:var(--font-mono);font-weight:500;letter-spacing:.13em}
.eyebrow{letter-spacing:.17em}.hero-bottom{letter-spacing:.1em}
.hero-copy h1,.section-heading h2,.process h2,.story-content h2,.contact h2{font-weight:500;letter-spacing:-.075em;word-spacing:normal}
.hero-copy h1{font-size:clamp(63px,8vw,132px);line-height:.96;margin-bottom:31px}
.hero-copy h1 em,.section-heading h2 em,.process h2 em,.story-content h2 em,.contact h2 em{font-family:var(--font-editorial);font-style:italic;font-weight:500;letter-spacing:-.06em;word-spacing:normal}
.hero-copy h1 em{font-size:1.21em;line-height:.84;white-space:nowrap}
.section-heading h2 em,.process h2 em,.story-content h2 em,.contact h2 em{font-size:1.19em}
.hero-title-line{display:block;width:max-content;max-width:100%;will-change:transform}
.hero-title-line>span,.hero-title-line>em{display:inline-block;animation:title-enter .9s cubic-bezier(.16,1,.3,1) both}
.hero-title-line:nth-child(2)>em{animation-delay:.13s}
@keyframes title-enter{from{opacity:0;transform:translate3d(0,32px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.hero-description{font-size:clamp(16px,1.2vw,18px);line-height:1.76}
.primary-nav{letter-spacing:.025em}.button{font-weight:600;letter-spacing:.01em}.text-link{font-weight:600}

/* La fotografía se abre hasta ocupar la portada; una línea de luz marca el recorrido. */
.hero-visual{right:var(--visual-right,3%);top:var(--visual-top,13%);width:var(--visual-width,77%);height:var(--visual-height,75%);border:1px solid rgba(32,36,40,.13);border-radius:2px;box-shadow:0 22px 70px rgba(32,36,40,.12);transform:none!important;will-change:top,right,width,height}
.hero-visual::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(250,248,244,.2) 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent 0 59px,rgba(250,248,244,.13) 60px);background-size:60px 60px;opacity:var(--scan-opacity,0);pointer-events:none}
.hero-scan{position:absolute;z-index:3;top:0;bottom:0;left:var(--scan-x,-5%);width:1px;background:rgba(236,207,157,.9);box-shadow:0 0 17px 3px rgba(236,207,157,.46);opacity:var(--scan-opacity,0);pointer-events:none}
.hero-visual-label{z-index:4}
.hero-visual:after{z-index:2;opacity:var(--hero-veil-opacity,1)}
.hero-finale{left:clamp(24px,6.7vw,112px);bottom:11vh;padding:25px 31px 21px;background:rgba(250,248,244,.91);border:1px solid rgba(32,36,40,.16);backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(18,24,27,.2)}
.hero-finale span{font:500 11px/1.5 var(--font-mono);letter-spacing:.18em}
.hero-finale strong{font:600 clamp(58px,8.7vw,128px)/.98 var(--font-display);letter-spacing:-.075em;color:#202428;text-shadow:none}
.hero-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:rgba(128,101,74,.14)}
.hero-progress span{display:block;height:100%;width:100%;background:#9c7d59;transform:scaleX(var(--hero-progress,0));transform-origin:left;will-change:transform}
.hero-bottom{bottom:27px}

/* Entrada por máscara suave, con pequeñas pausas para que cada capacidad se lea. */
.js .reveal{opacity:0;transform:translate3d(0,42px,0);filter:blur(2px);clip-path:inset(0 0 10% 0);transition:opacity .7s ease,transform .82s cubic-bezier(.16,1,.3,1),filter .5s ease,clip-path .82s cubic-bezier(.16,1,.3,1)}
.js .reveal.in-view{opacity:1;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(0)}
.cap-card:nth-child(2){transition-delay:.08s}.cap-card:nth-child(3){transition-delay:.16s}.cap-card:nth-child(4){transition-delay:.24s}
.cap-card{border-radius:2px}.cap-card:hover{transform:translateY(-5px)}
.cap-card:after{content:"";position:absolute;right:0;bottom:0;width:17px;height:17px;border-right:1px solid var(--clay);border-bottom:1px solid var(--clay);margin:13px;opacity:.75}
.cap-card .cap-icon,.cap-card .cap-orbit{transition:transform .6s cubic-bezier(.16,1,.3,1)}.cap-card:hover .cap-icon,.cap-card:hover .cap-orbit{transform:translate3d(-5px,-6px,0)}

html[data-theme="dark"] .hero-finale{background:rgba(23,27,31,.88);border-color:rgba(216,197,164,.25)}
html[data-theme="dark"] .hero-finale strong{color:#f3f0e9}
html[data-theme="dark"] .hero-visual:after{opacity:var(--hero-veil-opacity,1)}

@media(max-width:720px){.hero-visual{right:var(--visual-right,16px);top:var(--visual-top,57%);width:var(--visual-width,calc(100% - 32px));height:var(--visual-height,36%)}.hero-copy h1{font-size:clamp(44px,10.7vw,67px);line-height:1.02;margin-bottom:12px}.hero-copy h1 em{font-size:1.16em}.hero-finale{left:20px;right:20px;bottom:11vh;padding:18px 20px}.hero-finale strong{font-size:clamp(39px,11vw,70px)}.hero-finale span{font-size:9px}.hero-bottom{bottom:17px}.eyebrow{font-size:8px}}
@media(max-width:390px){.hero-copy h1{font-size:43px}.hero-copy{top:16%}}
@media(prefers-reduced-motion:reduce){.hero-title-line>span,.hero-title-line>em{animation:none!important}.hero-scan,.hero-visual::before,.hero-progress{display:none}.hero-visual{will-change:auto!important}.js .reveal{filter:none!important;clip-path:none!important;transition:none!important}}

/* El taller se ensambla en tres planos antes de convertirse en una escena completa. */
.hero-visual{background:#202428;transform:perspective(1400px) rotateY(var(--hero-tilt,-3.5deg))!important;transform-origin:right center;will-change:top,right,width,height,transform}
.hero-slices{position:absolute;z-index:1;inset:0;opacity:var(--slice-opacity,0);pointer-events:none}
.hero-slice{position:absolute;left:0;right:0;height:33.3334%;overflow:hidden;will-change:transform}
.hero-slice:nth-child(1){top:0}.hero-slice:nth-child(2){top:33.3333%}.hero-slice:nth-child(3){top:66.6666%}
.hero-slice img{position:absolute;left:0;width:100%;height:300%;max-width:none;object-fit:cover}
.hero-slice:nth-child(1) img{top:0}.hero-slice:nth-child(2) img{top:-100%}.hero-slice:nth-child(3) img{top:-200%}
.hero-slice:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(238,214,177,.68);box-shadow:0 0 10px rgba(238,214,177,.45)}
.hero-visual>img{will-change:opacity,transform}

/* Las capacidades aparecen como paneles que se descubren en secuencia. */
.js .cap-card.reveal{opacity:1;transform:none;filter:none;clip-path:none}
.js .cap-card.reveal:hover{transform:translateY(-5px)}
.cap-card::before{content:"";position:absolute;z-index:7;inset:0;background:#d9d6cf;transform:translateX(0);transition:transform .92s cubic-bezier(.76,0,.24,1);pointer-events:none}
.cap-card.in-view::before{transform:translateX(101%)}
.cap-card:nth-child(2)::before{transition-delay:.07s}.cap-card:nth-child(3)::before{transition-delay:.14s}.cap-card:nth-child(4)::before{transition-delay:.21s}
html[data-theme="dark"] .cap-card::before{background:#3a4142}

/* La imagen del enfoque pasa de un encuadre a una escena abierta. */
.story-image{clip-path:inset(9% 7% round 2px);will-change:transform,clip-path}
.step{position:relative;border-bottom:0}
.step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#cecbc4;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1) .18s}
.step.in-view::after{transform:scaleX(1)}
html[data-theme="dark"] .step::after{background:#4d5555}
.contact-rings span:first-child{animation:spin 28s linear infinite}
.contact-rings span:first-child::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#d9b88b;box-shadow:0 0 15px rgba(217,184,139,.5)}
.hero-scene.is-immersed .hero-bottom{color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.9)}

@media(max-width:720px){.hero-visual{transform:none!important}.hero-slice img{object-position:82% center}.cap-card::before{transition-duration:.7s}.story-image{clip-path:inset(6% 4% round 2px)}}
@media(prefers-reduced-motion:reduce){.hero-visual{transform:none!important}.hero-slices{display:none}.hero-visual>img{opacity:1!important}.cap-card::before{display:none}.story-image{clip-path:none!important}.step::after{transform:none;transition:none}.contact-rings span:first-child{animation:none}}

/* El archivo original del logotipo se muestra sin redibujarlo. */
.brand{min-width:0}.brand-art,.footer-art{display:block;position:relative;overflow:hidden;flex:none;background:#fcf4e8;border-radius:2px}
.brand-art{width:168px;aspect-ratio:385/170}.brand-art img{position:absolute;left:-14.3%;top:-97%;width:133%;height:auto;max-width:none}
.footer-brand{display:block;line-height:0}.footer-art{width:205px;aspect-ratio:385/210}.footer-art img{position:absolute;left:-14.3%;top:-79%;width:133%;height:auto;max-width:none}
.palette-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:18px;min-height:42px;padding:0 12px;border:1px solid var(--ink);border-radius:24px;background:transparent;color:var(--ink);font:700 10px/1 var(--font-display);letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.palette-toggle:hover{background:var(--ink);color:var(--cream)}.theme-toggle{order:3;margin-left:9px}.menu-toggle{order:4}
.palette-swatch{display:flex;align-items:center;gap:2px}.palette-swatch i{display:block;width:5px;height:14px;border-radius:1px;transform:skew(-14deg)}.palette-swatch i:nth-child(1){background:#0692cf}.palette-swatch i:nth-child(2){background:#e1227b}.palette-swatch i:nth-child(3){background:#ff8d0a}.palette-swatch i:nth-child(4){background:#08afa9}
html[data-palette="classic"] .palette-swatch i:nth-child(1),html[data-palette="classic"] .palette-swatch i:nth-child(2){background:#333c42}html[data-palette="classic"] .palette-swatch i:nth-child(3),html[data-palette="classic"] .palette-swatch i:nth-child(4){background:#80654a}
@media(max-width:1150px){.palette-toggle-text{display:none}.palette-toggle{width:42px;padding:0}}
@media(max-width:720px){.brand-art{width:126px}.palette-toggle{margin-left:auto}.theme-toggle{margin-left:4px}.menu-toggle{margin-left:3px}.footer-art{width:190px}}

/* Opción MUXA: papel crema y acentos tomados del logotipo. */
html[data-palette="muxa"]{--cream:#fcf4e8;--paper:#fffaf2;--ink:#26313a;--accent:#0477ae;--accent-deep:#075f91;--clay:#b45d05;--line:#e3d5c1;--muted:#59646a;--logo-blue:#0692cf;--logo-pink:#df2079;--logo-orange:#ff8d09;--logo-teal:#08aaa6}
html[data-palette="muxa"] body{background:var(--cream)}
html[data-palette="muxa"] .site-header{background:rgba(252,244,232,.88);border-bottom-color:rgba(38,49,58,.12)}
html[data-palette="muxa"] .site-header.scrolled{background:rgba(252,244,232,.96)}
html[data-palette="muxa"] .hero-grid{background-image:linear-gradient(rgba(6,146,207,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(6,146,207,.065) 1px,transparent 1px)}
html[data-palette="muxa"] .hero-visual:after{background:linear-gradient(90deg,rgba(252,244,232,.78),rgba(252,244,232,.23) 39%,transparent 73%)}
html[data-palette="muxa"] .hero-visual-label{background:rgba(255,248,238,.94);color:#26313a}
html[data-palette="muxa"] .label-dot{background:var(--logo-teal)}
html[data-palette="muxa"] .hero-description{color:#39444a}
html[data-palette="muxa"] .button-dark{background:#0477ae;color:#fff}html[data-palette="muxa"] .button-dark:hover{background:#075f91}
html[data-palette="muxa"] .hero-progress span{background:var(--logo-orange)}
html[data-palette="muxa"] .hero-finale{background:rgba(252,244,232,.93);border-color:rgba(8,109,164,.2)}
html[data-palette="muxa"] .hero-finale strong{color:#26313a}
html[data-palette="muxa"] .marquee{background:#075f91;color:#fff9f0}html[data-palette="muxa"] .marquee b{color:#ffb655}
html[data-palette="muxa"] .capabilities{background:#fffaf2}
html[data-palette="muxa"] .cap-card{background:#f3eadc;border-color:#dfd0bc}html[data-palette="muxa"] .cap-card:hover{background:#eee1d0}
html[data-palette="muxa"] .cap-feature{background:#e9ddca}
html[data-palette="muxa"] .cap-card::before{background:#e4d6c1}
html[data-palette="muxa"] .cap-body p{color:#4b575d}
html[data-palette="muxa"] .cap-tags span{border-color:#b9a992}
html[data-palette="muxa"] .orbit-ring{border-color:rgba(4,119,174,.34)}
html[data-palette="muxa"] .orbit-core{background:#0477ae;box-shadow:18px 18px 0 #d6c5ae}
html[data-palette="muxa"] .laser-icon{color:#ec7800}html[data-palette="muxa"] .circuit-icon{color:#00aaa3}
html[data-palette="muxa"] .story-overlay{background:linear-gradient(90deg,rgba(13,32,45,.94) 0%,rgba(13,32,45,.76) 43%,rgba(13,32,45,.1) 100%)}
html[data-palette="muxa"] .story-content h2 em,html[data-palette="muxa"] .contact h2 em{color:#f8c477}
html[data-palette="muxa"] .steps{border-color:#d1bea6}html[data-palette="muxa"] .step::after{background:#d1bea6}
html[data-palette="muxa"] .contact{background:#123244}html[data-palette="muxa"] .contact .button-light{background:#f6b85f;color:#172934}html[data-palette="muxa"] .contact .button-light:hover{background:#ffca79}
html[data-palette="muxa"] .site-footer{background:#0e2838}
html[data-palette="muxa"] .site-footer p{color:#d0d7d6}
html[data-palette="muxa"] .contact-rings span:first-child::after{background:#ff9a2d}
@media(min-width:721px){html[data-palette="muxa"]:not([data-theme="dark"]) .hero-pin::after{background:linear-gradient(90deg,rgba(252,244,232,1) 0%,rgba(252,244,232,1) 35%,rgba(252,244,232,.97) 55%,rgba(252,244,232,.4) 68%,transparent 83%)}}
@media(min-width:721px) and (max-width:1050px){html[data-palette="muxa"]:not([data-theme="dark"]) .hero-pin::after{background:linear-gradient(90deg,rgba(252,244,232,1) 0%,rgba(252,244,232,1) 45%,rgba(252,244,232,.97) 65%,rgba(252,244,232,.4) 78%,transparent 95%)}}
@media(max-width:720px){html[data-palette="muxa"] .primary-nav{background:#fcf4e8}html[data-palette="muxa"] .hero-visual:after{background:linear-gradient(180deg,rgba(252,244,232,.12),transparent 45%)}}

/* El mismo logotipo sobre azul profundo; el dorado guía las acciones. */
html[data-palette="muxa"][data-theme="dark"]{--cream:#101d27;--paper:#162733;--ink:#faf2e5;--accent:#f4bf69;--accent-deep:#263a49;--clay:#f5bd63;--line:#3a4d58;--muted:#c5d2d4;color-scheme:dark}
html[data-palette="muxa"][data-theme="dark"] .site-header{background:rgba(16,29,39,.9);border-bottom-color:rgba(244,191,105,.16)}
html[data-palette="muxa"][data-theme="dark"] .site-header.scrolled{background:rgba(16,29,39,.97)}
html[data-palette="muxa"][data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(244,191,105,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(244,191,105,.055) 1px,transparent 1px)}
html[data-palette="muxa"][data-theme="dark"] .hero-visual{background:#101d27}
html[data-palette="muxa"][data-theme="dark"] .hero-visual:after{background:linear-gradient(90deg,rgba(16,29,39,.91),rgba(16,29,39,.59) 41%,transparent 78%)}
html[data-palette="muxa"][data-theme="dark"] .hero-visual-label{background:rgba(16,29,39,.9);color:#faf2e5}
html[data-palette="muxa"][data-theme="dark"] .hero-description{color:#e6e3dd}
html[data-palette="muxa"][data-theme="dark"] .button-dark{background:#f4bf69;color:#172934}html[data-palette="muxa"][data-theme="dark"] .button-dark:hover{background:#ffd18a}
html[data-palette="muxa"][data-theme="dark"] .hero-finale{background:rgba(16,29,39,.9);border-color:rgba(244,191,105,.3)}
html[data-palette="muxa"][data-theme="dark"] .hero-finale strong{color:#fff4df}
html[data-palette="muxa"][data-theme="dark"] .marquee{background:#173b4e;color:#fff4e5}html[data-palette="muxa"][data-theme="dark"] .marquee b{color:#f4bf69}
html[data-palette="muxa"][data-theme="dark"] .capabilities{background:#142431}
html[data-palette="muxa"][data-theme="dark"] .cap-card{background:#1c2d38;border-color:#3b5060}html[data-palette="muxa"][data-theme="dark"] .cap-card:hover{background:#243644}
html[data-palette="muxa"][data-theme="dark"] .cap-feature{background:#213341}
html[data-palette="muxa"][data-theme="dark"] .cap-card::before{background:#304653}
html[data-palette="muxa"][data-theme="dark"] .cap-body p{color:#d1d7d5}
html[data-palette="muxa"][data-theme="dark"] .cap-tags span{border-color:#77909a}
html[data-palette="muxa"][data-theme="dark"] .orbit-ring{border-color:rgba(244,191,105,.36)}
html[data-palette="muxa"][data-theme="dark"] .orbit-core{background:#b47a26;box-shadow:18px 18px 0 #46505a}
html[data-palette="muxa"][data-theme="dark"] .laser-icon{color:#f4bf69}html[data-palette="muxa"][data-theme="dark"] .circuit-icon{color:#53c8c3}
html[data-palette="muxa"][data-theme="dark"] .step::after{background:#52606b}
html[data-palette="muxa"][data-theme="dark"] .contact{background:#152d3c}
html[data-palette="muxa"][data-theme="dark"] .site-footer{background:#0b1822}
@media(max-width:720px){html[data-palette="muxa"][data-theme="dark"] .primary-nav{background:#101d27}}

/* El taller conserva su proporción panorámica; el velo protege el texto mientras se revela la escena. */
@media(min-width:721px){
  .hero-visual{width:var(--visual-width,88%);height:var(--visual-height,33vw);top:var(--visual-top,calc(50% - 16.5vw));right:var(--visual-right,3%)}
  .hero-visual>img,.hero-slice img{object-position:center}
  html:not([data-theme="dark"]) .hero-pin::after{background:linear-gradient(90deg,rgba(250,248,244,1) 0%,rgba(250,248,244,1) 28%,rgba(250,248,244,.96) 40%,rgba(250,248,244,.72) 49%,transparent 66%)}
  html[data-palette="muxa"]:not([data-theme="dark"]) .hero-pin::after{background:linear-gradient(90deg,rgba(252,244,232,1) 0%,rgba(252,244,232,1) 28%,rgba(252,244,232,.96) 40%,rgba(252,244,232,.72) 49%,transparent 66%)}
  html:not([data-theme="dark"]) .hero-visual:after{background:linear-gradient(90deg,rgba(250,248,244,.56),rgba(250,248,244,.08) 42%,transparent 60%)}
  html[data-palette="muxa"]:not([data-theme="dark"]) .hero-visual:after{background:linear-gradient(90deg,rgba(252,244,232,.56),rgba(252,244,232,.08) 42%,transparent 60%)}
  html[data-theme="dark"] .hero-visual:after{background:linear-gradient(90deg,rgba(23,27,31,.83),rgba(23,27,31,.44) 37%,transparent 66%)}
  html[data-palette="muxa"][data-theme="dark"] .hero-visual:after{background:linear-gradient(90deg,rgba(16,29,39,.85),rgba(16,29,39,.46) 37%,transparent 66%)}
  .hero-finale{padding:16px 22px 13px}
  .hero-finale strong{font-size:clamp(58px,7.5vw,110px)}
}
.hero-scene.is-immersed .hero-bottom{color:var(--ink);text-shadow:none}
.hero-scene.is-immersed .hero-bottom>span:first-child{opacity:0}
@media(max-width:720px){
  .hero-visual{top:var(--visual-top,60%);height:var(--visual-height,30%)}
  .hero-visual>img,.hero-slice img{object-position:66% center}
}

/* Una lectura editorial para la frase final, con espacio real entre sus palabras. */
.hero-finale{gap:9px;padding:19px 26px 17px;border-left:3px solid var(--clay)}
.hero-finale>small{display:flex;align-items:center;gap:11px;font:500 10px/1.3 var(--font-mono);letter-spacing:.18em;color:var(--ink)}
.hero-finale>small::before{content:"";display:block;width:25px;height:1px;background:var(--clay)}
.hero-finale strong{display:flex;align-items:baseline;gap:.22em;white-space:nowrap;font:500 clamp(54px,6vw,86px)/.95 var(--font-display);letter-spacing:-.045em}
.hero-finale strong span{font:inherit;letter-spacing:inherit}
.hero-finale strong em{font:italic 600 1.2em/.8 var(--font-editorial);letter-spacing:-.035em;color:var(--clay)}
html[data-theme="dark"] .hero-finale>small{color:var(--ink)}
@media(max-width:720px){.hero-finale{right:auto;width:max-content;max-width:calc(100% - 40px);gap:7px;padding:15px 18px 14px}.hero-finale strong{font-size:clamp(40px,10.7vw,56px);gap:.16em}.hero-finale strong em{font-size:1.15em}}

/* El logo original conserva su fondo en claro; el recorte transparente se usa en oscuro. */
.brand-art .logo-dark,.footer-art .logo-dark{display:none}
html[data-theme="dark"] .brand-art,html[data-theme="dark"] .footer-art{background:transparent}
html[data-theme="dark"] .brand-art .logo-light,html[data-theme="dark"] .footer-art .logo-light{display:none}
html[data-theme="dark"] .brand-art .logo-dark,html[data-theme="dark"] .footer-art .logo-dark{display:block}
html[data-theme="dark"] .footer-art::after{content:"IMPRESIÓN 3D · LÁSER · ELECTRÓNICA";position:absolute;z-index:1;right:0;bottom:0;left:0;height:18px;display:flex;align-items:center;justify-content:center;background:#101619;color:#d7dfde;font:600 8px/1 var(--font-body);letter-spacing:.025em;white-space:nowrap}
html[data-palette="muxa"][data-theme="dark"] .footer-art::after{background:#0b1822}

/* Versión final: azul noche ligeramente más claro y acentos vivos del logo. */
html[data-palette="muxa"][data-theme="dark"]{--cream:#192a36;--paper:#203442;--ink:#fff7ec;--accent:#ffd077;--accent-deep:#304756;--clay:#ffc46c;--line:#4b6070;--muted:#d2dade;--logo-blue:#2bb6ee;--logo-pink:#f5519c;--logo-orange:#ffa43e;--logo-teal:#53ddd0}
html[data-palette="muxa"][data-theme="dark"] .site-header{background:rgba(25,42,54,.93);border-bottom-color:rgba(255,208,119,.22)}
html[data-palette="muxa"][data-theme="dark"] .site-header.scrolled{background:rgba(25,42,54,.98)}
html[data-palette="muxa"][data-theme="dark"] .nav-cta{border-color:var(--accent)}
html[data-palette="muxa"][data-theme="dark"] .nav-cta:hover{background:var(--accent);color:#192a36}
html[data-palette="muxa"][data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(83,221,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(83,221,208,.07) 1px,transparent 1px)}
html[data-palette="muxa"][data-theme="dark"] .hero-visual{background:#192a36}
html[data-palette="muxa"][data-theme="dark"] .hero-visual img{filter:brightness(.95) saturate(1.07)}
html[data-palette="muxa"][data-theme="dark"] .hero-visual:after{background:linear-gradient(90deg,rgba(25,42,54,.8),rgba(25,42,54,.42) 37%,transparent 66%)}
html[data-palette="muxa"][data-theme="dark"] .hero-visual-label{background:rgba(25,42,54,.92);color:var(--ink)}
html[data-palette="muxa"][data-theme="dark"] .hero-description{color:#f0ebe1}
html[data-palette="muxa"][data-theme="dark"] .button-dark,html[data-palette="muxa"][data-theme="dark"] .contact .button-light{background:#ffcc72;color:#192a36}
html[data-palette="muxa"][data-theme="dark"] .button-dark:hover,html[data-palette="muxa"][data-theme="dark"] .contact .button-light:hover{background:#ffdb98}
html[data-palette="muxa"][data-theme="dark"] .hero-finale{background:rgba(25,42,54,.91);border-color:rgba(255,208,119,.36)}
html[data-palette="muxa"][data-theme="dark"] .marquee{background:#1e6381;color:#fff8eb}
html[data-palette="muxa"][data-theme="dark"] .marquee b{color:#ffd077}
html[data-palette="muxa"][data-theme="dark"] .capabilities{background:#1c2f3c}
html[data-palette="muxa"][data-theme="dark"] .cap-card{background:#263a48;border-color:#4d6877}
html[data-palette="muxa"][data-theme="dark"] .cap-card:hover{background:#2e4655}
html[data-palette="muxa"][data-theme="dark"] .cap-feature{background:#2b4250}
html[data-palette="muxa"][data-theme="dark"] .cap-card::before{background:#365365}
html[data-palette="muxa"][data-theme="dark"] .cap-body p{color:#dbe4e3}
html[data-palette="muxa"][data-theme="dark"] .cap-tags span{border-color:#92aab3}
html[data-palette="muxa"][data-theme="dark"] .orbit-ring{border-color:rgba(43,182,238,.42)}
html[data-palette="muxa"][data-theme="dark"] .orbit-core{background:#087fb6;box-shadow:18px 18px 0 #44697a}
html[data-palette="muxa"][data-theme="dark"] .cnc-icon{color:var(--logo-blue)}
html[data-palette="muxa"][data-theme="dark"] .laser-icon{color:var(--logo-orange)}
html[data-palette="muxa"][data-theme="dark"] .circuit-icon{color:var(--logo-teal)}
html[data-palette="muxa"][data-theme="dark"] .cap-card:nth-child(4)::after{border-color:var(--logo-pink)}
html[data-palette="muxa"][data-theme="dark"] .story-overlay{background:linear-gradient(90deg,rgba(22,45,59,.94) 0%,rgba(22,45,59,.73) 43%,rgba(22,45,59,.08) 100%)}
html[data-palette="muxa"][data-theme="dark"] .steps,html[data-palette="muxa"][data-theme="dark"] .step{border-color:#536b77}
html[data-palette="muxa"][data-theme="dark"] .step::after{background:#536b77}
html[data-palette="muxa"][data-theme="dark"] .contact{background:#1c4053}
html[data-palette="muxa"][data-theme="dark"] .site-footer,html[data-palette="muxa"][data-theme="dark"] .footer-art::after{background:#142634}
@media(max-width:720px){html[data-palette="muxa"][data-theme="dark"] .primary-nav{background:#192a36}}