/* Identidad compartida: superficies según función y un momento de contraste. */
:root{--paper:#FAFBF8;--navy:#102640;--teal:#008F98;--teal-ink:#006A71;--mint:#E6F4EF;--blue-light:#EAF0FA;--coral:#F3A58F;--muted:#40566c;--line:#ccd9df}
body{background:var(--paper)}
.hero{background:transparent}.strip{background:transparent}
.live-dot{background:var(--coral)}
.primary,.nav-cta{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.primary:hover,.nav-cta:hover,.mini-action:hover{background:var(--teal-ink);color:var(--paper)}
.text-link,.source-node small,.project-label,.logo-instruction{color:var(--teal-ink)}
.text-link:hover,.header nav a:hover,.calculator-controls output,.calculator-result #formula,.calculator-result>p:first-of-type,.identity b,.logo-names b,.task-status{color:var(--teal-ink)}









.services-ready #service-panels{--scene-tint:var(--mint);background:transparent;border-radius:0;padding:12px 0;transition:none}
.services-ready #service-panels[data-active-service="auto"],.services-ready #service-panels[data-active-service="dashboard"]{--scene-tint:var(--blue-light)}
.services-ready #service-panels .mini-surface{position:relative;isolation:isolate}
.services-ready #service-panels .mini-surface::before{content:'';position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 62% 48%,var(--scene-tint) 0%,var(--scene-tint) 20%,transparent 76%);border-radius:34% 66% 45% 55%}
.services-ready #service-panels .service-copy{padding-right:20px}
.source-node,.target-nodes>div{background:#FAFBF8;border-color:#b9cdd3}
.is-synced .target-nodes small{color:var(--teal-ink)}
.digital-records{background:#FAFBF8}.digital-records.is-digital{background:#fff;border-left-color:var(--teal)}
.custom-scene{border-radius:4px;background:var(--paper)}
.calculator{background:transparent;padding-inline:0}
#negocios + #calculadora{padding-top:clamp(40px,4vw,56px)}
.calculator-result{position:relative;isolation:isolate;background:transparent;border-radius:0;border:0;padding-left:32px}
.calculator-result::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,var(--mint) 5%,var(--mint) 28%,transparent 73%)}
.calculator-controls{max-width:58ch}
.process-section{background:transparent;color:var(--navy);position:relative}
.process-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
.process-heading h2{font-size:clamp(40px,3.8vw,54px);line-height:1.15;max-width:27ch;color:var(--navy);margin:0;letter-spacing:-1.7px}
.process-heading>p{font-size:20px;line-height:1.55;color:var(--muted);max-width:36ch;margin:0}
.project-scene{margin-top:32px}
.project-stages button{background:transparent;color:var(--muted);border-color:transparent;border-radius:0;border-bottom:2px solid var(--line);box-shadow:none}
.project-stages button[aria-pressed="true"]{background:transparent;color:var(--navy);border-color:transparent;border-bottom-color:var(--teal);box-shadow:none}
.stage-symbol{color:var(--teal-ink)}.project-stages button[aria-pressed="true"] .stage-symbol{color:var(--teal-ink)}
.project-panel{gap:40px}
.project-explanation{position:relative;background:var(--navy);color:var(--paper);padding:28px;border-radius:3px 24px 3px 3px}
.project-explanation::after{content:'';position:absolute;top:0;right:0;width:32px;height:5px;background:var(--coral);clip-path:polygon(0 0,85% 0,100% 100%,15% 100%)}
.project-explanation h3{color:var(--paper)}.project-explanation>p{color:#d8e5ef}
.project-explanation .project-receive,.project-explanation .project-label{color:var(--mint)}
.project-artifact{background:transparent;color:var(--navy);border-radius:0;padding:20px 0}
.project-artifact::after{background:var(--mint)}
.project-scene>.fiction{color:var(--muted)}
.team{gap:64px}.founders{gap:16px 24px}
.identity details{border-top:1px solid var(--line)}
.contact{background:var(--paper)}
.contact .wrap{background:transparent;border-radius:0;padding:0;gap:40px 64px}
.contact-intro::before{content:'';display:block;width:38px;height:6px;margin-bottom:20px;background:var(--coral);clip-path:polygon(0 0,85% 0,100% 100%,15% 100%)}
.contact textarea{background:#fff;border-color:#9ab0c5;border-radius:4px;font-size:18px;line-height:1.55}
.contact .button{border-radius:6px}.contact .message-box>p{color:var(--muted);font-size:15px}
.contact-actions .secondary{background:transparent;color:var(--navy)}
button:focus-visible,a:focus-visible,select:focus-visible{outline-color:var(--teal-ink)}
@media(max-width:1000px){.process-heading{grid-template-columns:1fr;gap:20px}.process-heading>p{max-width:56ch}.calculator{padding-inline:0}.calculator-result{padding-left:24px}}
@media(max-width:760px){html{scroll-padding-top:100px}.header{position:sticky;top:0;z-index:20;background:var(--paper);width:100%;padding-inline:20px;height:80px;border-bottom:1px solid var(--line)}.header nav{display:none}.header .nav-cta{font-size:17px;min-height:44px;padding:10px 16px}.calculator-result{border:0;padding:24px 0 0}.contact .wrap{gap:24px}.team{gap:32px}a,button,input,select,textarea{scroll-margin-top:16px}section{scroll-margin-top:0}}
@media(max-width:600px){.calculator{padding-inline:0}.process-heading h2{font-size:36px;letter-spacing:-1.2px}.process-heading>p{font-size:18px}.project-stages button{font-size:17px}.contact .wrap{padding:0}.contact textarea{min-height:150px}}
@media(prefers-reduced-motion:reduce){.services-ready #service-panels{transition:none}}

@media(max-width:760px){.services-ready #service-panels .service-copy{padding-right:0}.project-explanation{padding:24px}.project-panel{gap:24px}.project-artifact{padding:8px 0}}