:root{--paper:#061620;--ink:#e7f3f7;--muted:#b3cbd8;--line:#294958;--teal-ink:#9ee6d6;color-scheme:dark;background:#061620;scrollbar-color:#3d6679 #071b27}
body{background:radial-gradient(ellipse at 85% 15%,#15224388,transparent 55%),radial-gradient(ellipse at 10% 80%,#0a45475c,transparent 60%),#061620;background-attachment:fixed;color:#e7f3f7;isolation:isolate}
.living-network{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
main,.footer{position:relative;z-index:1}.header{position:sticky;z-index:20;background:#071b27ed;border-bottom:1px solid #a6e7e910}.header.scrolled{box-shadow:0 9px 25px #0003}.header nav a:hover{color:#b2f4e5}
main .hero,main .intro-line,main .scene-surface,.footer{background:transparent;color:#e7f3f7}
main .hero::before{background:linear-gradient(90deg,#06162099,transparent 65%);opacity:1}
main .scene-surface::before{background:none}
main .scene-surface{background:radial-gradient(ellipse at 30% 40%,#06162063,transparent 72%)}
main .intro-line{border-block:1px solid #8dcbd51a}.intro-line p,.intro-line strong,.intro-line a{color:#b9e9e2}
main h1,main h2,main h3,main h4{color:#e7f3f7}.connection-heading>div>p,.section-header>p,.story-heading>p{color:#b3cbd8}
main .connection-world{background:linear-gradient(120deg,#102b40ed,#17263be8);border:1px solid #6e9bab38;box-shadow:0 26px 65px -40px #000a}
.challenge-picker button{background:#0b2535b8;border-color:#386074;color:#bfd5e0}.challenge-picker button:hover{background:#194151}.challenge-picker button[aria-selected=true]{background:#b3eedf;color:#0b343d;border-color:#b3eedf}.challenge-context{color:#96c9ce}.challenge-panel p,.challenge-panel ol{color:#b3cbd8}.challenge-panel:focus-visible{outline-color:#b3eedf}
.transformation-copy>p,.transformation-copy .transformation-note,.transformation-legend,.transform-caption{color:#aec9d4}.transformation-legend span:last-child::before{background:#8ad9c9;border-color:#8ad9c9}.transformation-board{background:radial-gradient(ellipse,#45668d22,transparent 68%)}.transform-item{background:#102a3deb;border-color:#3b5a6f;box-shadow:0 15px 32px -25px #0009}.transform-item strong{color:#def0f3}.transform-item small,.transform-item>span{color:#a2c8d2}.transform-item:nth-of-type(4){background:#16454eeb;border-color:#61998e}.transform-guide{background:#7acabb}
.story-step,.story-step.active{opacity:1}.story-step h3{color:#aac3cf}.story-step.active h3{color:#a4eddf}.story-step p{color:#aac3d1}.story-record{background:#0e293bed;border:1px solid #54768a55;box-shadow:0 24px 52px -35px #000a}.story-record h3{color:#e2f2f5}.record-heading,.record-context,.record-event p,.record-next>span,.record-constant{color:#adc8d7}.record-event strong,.record-next strong{color:#e0f0f4}.record-tag{background:#1a4b4d;color:#b3efde}.record-next{background:#1a3549}.record-event-dot{background:#91e7d0}.role-switch button{background:#133043;color:#b1cbd6}.role-switch button[aria-selected=true]{background:#8cdbce;color:#102f39}.story-progress span{background:#315265}.story-progress span.active{background:#a3e7d9}
.solution-tabs{border-color:#35505e}.solution-tabs button{color:#a5bdcc}.solution-tabs button:hover,.solution-tabs button[aria-selected=true]{color:#a7efdd}.solution-tabs button::after{background:#a7efdd}.solution-content .text-link,.solution-panel[data-color="1"] .text-link,.solution-panel[data-color="2"] .text-link{color:#b8e8f3}.solution-panel figure{border:1px solid #46677e66}.solution-content>p,.solution-content ul{color:#b3cbd8}
.demo-workspace{border:1px solid #51758955;background:#0c2739e8}.demo-nav{background:#15374bd9;color:#e4f2f7}.demo-nav>span{color:#b3ccd9}.activity-form{background:#0b2537e8}.activity-form h3,.activity-form label{color:#e1f1f5}.activity-form>p:first-of-type,.activity-form .demo-reset-note,.activity-view>p{color:#afc7d5}.activity-view{background:#102c3ee8}.demo-view-tabs{border-color:#385569}.demo-view-tabs button{color:#abc7d7}.demo-view-tabs button[aria-selected=true]{color:#b0f4e0;border-color:#a1eddb}.demo-empty h4{color:#d7ecf3}.demo-empty p,.demo-empty svg{color:#a5c3d4}.activity-record{background:#1b394b;border-color:#426477}.activity-record>div>span:first-child,.activity-record p{color:#d2e8f2}.activity-record small{color:#a9c7d5}.activity-status{background:#49502d;color:#f4e7ab}.demo-document{background:#17364a;border-color:#3d6072}.demo-document span{color:#e2f2f7}.demo-document p{color:#aecbd9}.small-button{background:#244b60;color:#d4eeef;border-color:#50768a}
.method-tabs button{color:#a3becf;border-color:#355568}.method-tabs button[aria-selected=true],.method-tabs button:hover{color:#a7efde}.method-panel{background:#112d40e8;border:1px solid #45687b66}.method-panel dt{color:#a6e5de}.method-panel dd,.method-panel>p{color:#b3cbd8}.method-orbit path{stroke:#598090}.method-orbit circle{fill:#183b51;stroke:#6c92a4}.method-orbit circle.current{fill:#a0eadb;stroke:#b6f2e6}
.sample-sheet{background:#153246ed;color:#d4e9f2;border:1px solid #5c83935c}.sample-label{border-color:#4a6b7e;color:#b8d4e0}.sample-map-flow>span{background:#214553;border-color:#537e83}.sample-map-flow>i,.sample-map-foot{color:#a9d8d6}.sample-prototype{background:#193b47ed}.prototype-window{background:#102c40}.prototype-top{background:#204b58}.prototype-row{border-color:#355b6b;color:#d8ecf3}.prototype-row strong{color:#e1f2f5}.prototype-footer{color:#b1d5dc}.prototype-footer b{color:#b5efda}.sample-plan{background:#2a324ced}.sample-plan li{border-color:#727399}.sample-plan li::before{background:#b7bcf0}.sample-plan li small{color:#bfcbe0}.deliverable-copy>span,.deliverables-note{color:#a6cbd8}.deliverable-copy p{color:#b6cdd9}
.about-copy p:not(.section-intro),.about figcaption{color:#b1ccd5}.about-copy .text-link{color:#acf0de}.about figure{background:#102a3b}.contact-grid>div>p,.contact-support p,.contact-support a,.contact-form-note{color:#adc7d5}.contact-email{color:#bbf1e5}.contact-grid form label{color:#cce0e9}.discovery{background:#133146d9;border:1px solid #46687c55}.discovery legend{color:#d9edf4}.discovery-button,.discovery>p{color:#b3e5ed}
.activity-form input,.activity-form select,.activity-form textarea,.contact input,.contact textarea,.contact select{background:#0b2233;color:#e3f0f5;border:1px solid #537284;caret-color:#b4f1df}.activity-form textarea::placeholder,.contact textarea::placeholder{color:#8daebb;opacity:1}.activity-form option,.contact option{background:#102b3d;color:#e3f0f5}
.activity-form>.button,.contact .primary{background:#a8e9d9;color:#0b3440}.activity-form>.button svg,.contact .primary svg{color:#145459}.activity-form>.button:hover,.contact .primary:hover{background:#cbfff0}.feedback,.prepared-mail{color:#b4efdf}.text-link:hover{color:#ddfff3}.footer{border-top:1px solid #50758644}.footer>p{color:#b4cdd9}.journey-thread{background:#8acfcf20}.journey-thread-label{color:#a0cecf}.journey-thread-orb{background:#6fbdb1;border-color:#bdf2e7}
:focus-visible{outline-color:#a0e9db}::selection{background:#b2edde;color:#0b3440}
.header{background:#071b27}
.skip{background:#d7fff0;color:#0b3440}.role-switch button[aria-selected=true]:hover{background:#b0f2df;color:#0b3440}.small-button:not(:disabled):hover{background:#b0efdf;color:#0b3440}
@media(max-width:800px){.header nav{background:#0b2234f5}.living-network{opacity:.7}.hero .hero-copy .floating-bubble.floating-bubble{background:radial-gradient(circle at 32% 22%,#ffffff13,transparent 33%),radial-gradient(circle at 70% 83%,#80d9ff12,transparent 47%)}.sample-sheet{background-color:#143247}.form-row{min-width:0}}

/* Fotografías ilustrativas (2-nov-2026): Soluciones, Cómo trabajamos y Nosotros */
.solution-panel figure.solution-photo{aspect-ratio:3/2;background:#0b2032}
.solution-panel figure.solution-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.9) brightness(.92)}
.method-side{display:flex;flex-direction:column;gap:28px;min-width:0}
.method-photo{margin:0;overflow:hidden;border-radius:14px;border:1px solid #46677e66;background:#0b2032}
.method-photo img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;filter:saturate(.9) brightness(.92)}
.method-photo figcaption{padding:11px 16px;font-size:11px;line-height:1.7;color:#b9cfdf;background:#112d43}
.about-visual img{aspect-ratio:3/2;object-fit:cover;filter:saturate(.9) brightness(.92)}
@media (max-width:760px){.method-side{gap:20px}}
.story-photo{margin:16px 0 14px;overflow:hidden;border-radius:14px;border:1px solid #46677e66;background:#0b2032}
.story-photo img{display:block;width:100%;aspect-ratio:21/9;height:auto;object-fit:cover;object-position:50% 35%;filter:saturate(.9) brightness(.92)}
.story-photo figcaption{padding:8px 14px;font-size:11px;line-height:1.6;color:#b9cfdf;background:#112d43}
@media (max-width:800px){.story-photo img{aspect-ratio:3/2}}
@media (min-width:801px){.story-photo img{aspect-ratio:16/9}}
@media (min-width:801px) and (max-height:1100px){.story-stage{position:relative;top:auto}}
