body:before{background:radial-gradient(800px circle at 82% 5%,rgba(255,217,0,.07),transparent 48%),linear-gradient(180deg,#0c182a,#122039 48%,#0b1728)}
.tech-hero{grid-template-columns:1fr .62fr}.tech-hero h1{font-size:clamp(51px,6.5vw,86px)}.hero-statement{min-height:450px;padding:42px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}.hero-statement span{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-statement strong{display:block;margin-top:25px;font-size:clamp(31px,4vw,48px);line-height:1.05;letter-spacing:-.04em}
.purpose,.complementary,.flexibility,.method-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.decision-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:28px;border:1px solid var(--line);border-radius:22px}.decision-flow span{font-size:13px;font-weight:800;text-transform:uppercase}.decision-flow i{color:var(--yellow);font-style:normal}.tech-callout{margin:25px 0 0;padding:28px;border-left:3px solid var(--yellow);background:rgba(255,217,0,.07);font-size:clamp(23px,3vw,37px);line-height:1.18;letter-spacing:-.035em}
.platform-line{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}.platform-line article{min-height:210px;padding:25px;background:#12213a;display:flex;flex-direction:column;justify-content:space-between}.platform-line b{color:var(--yellow);font-size:10px}.platform-line h3{font-size:20px;line-height:1.15;margin:0}.platform-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px}.platform-note p{max-width:760px;color:var(--muted);line-height:1.65}
.capability-list{border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:.5fr .7fr 1.2fr;gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.capability-list span{color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.12em}.capability-list h3{font-size:23px;margin:0}.capability-list p{color:var(--muted);line-height:1.6;margin:0}
.hybrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.hybrid-copy{padding-right:28px}.hybrid-copy h2{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.hybrid-copy p{color:var(--muted);line-height:1.65}.hybrid-diagram{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.025)}.hybrid-diagram strong{grid-column:1/-1;padding:24px;border-radius:17px;background:var(--yellow);color:var(--ink);text-align:center;font-size:20px}.hybrid-diagram span{padding:19px;border:1px solid var(--line);border-radius:14px;text-align:center;font-size:12px}.hybrid-callout{grid-column:1/-1;margin:0;padding:28px;border-left:3px solid var(--yellow);background:rgba(255,217,0,.07);font-size:clamp(24px,3vw,38px);letter-spacing:-.035em}
.migration-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:28px;border:1px solid var(--line);border-radius:22px}.migration-line span{padding:13px 10px;text-align:center;font-size:11px;font-weight:780}.migration-line i{color:var(--yellow);font-style:normal}.migration-warning{margin:24px 0 0;color:var(--muted);line-height:1.65}
.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.criteria article{padding:27px;background:#12213a}.criteria b{color:var(--yellow);font-size:10px}.criteria h3{font-size:18px;margin:30px 0 9px}.criteria p{color:var(--muted);font-size:13px;line-height:1.52}.method-link .wrap{display:flex;align-items:end;justify-content:space-between;gap:45px}.method-link h2{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:16px 0 15px}.method-link p{max-width:750px;color:var(--muted);line-height:1.65}
@media(max-width:1000px){.tech-hero{grid-template-columns:1fr}.hero-statement{min-height:auto}.platform-line{grid-template-columns:repeat(3,1fr)}.criteria{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.decision-flow,.migration-line{align-items:stretch;flex-direction:column}.decision-flow i,.migration-line i{transform:rotate(90deg);text-align:center}.platform-line{grid-template-columns:1fr}.platform-line article{min-height:130px}.platform-note{align-items:flex-start;flex-direction:column}.capability-list article{grid-template-columns:1fr;gap:12px}.hybrid{grid-template-columns:1fr}.hybrid-copy{padding-right:0}.hybrid-diagram{grid-template-columns:1fr}.hybrid-diagram strong{grid-column:auto}.hybrid-callout{grid-column:auto}.criteria{grid-template-columns:1fr}.method-link .wrap{align-items:flex-start;flex-direction:column}.hero-statement{padding:30px}}

/* Motion System C — Tecnologías */
.hero-statement{position:relative;overflow:hidden}.hero-statement:after{content:"";position:absolute;left:42px;right:42px;bottom:42px;height:1px;background:#ffd800;transform-origin:left;transform:scaleX(0);opacity:.75}.technologies-motion-ready .hero-statement,.technologies-motion-ready .hero-statement>span,.technologies-motion-ready .hero-statement>strong{opacity:0}.technologies-motion-ready .hero-statement.technology-hero-entered{animation:technology-panel-enter .42s cubic-bezier(.22,1,.36,1) .08s both}.technologies-motion-ready .hero-statement.technology-hero-entered>span{animation:technology-item-enter .34s cubic-bezier(.22,1,.36,1) .28s both}.technologies-motion-ready .hero-statement.technology-hero-entered>strong{animation:technology-item-enter .42s cubic-bezier(.22,1,.36,1) .48s both}.technologies-motion-ready .hero-statement.technology-hero-entered:after{animation:technology-rule-draw .48s cubic-bezier(.22,1,.36,1) .66s both}html[data-procesa-mode="on"] .hero-statement:after{background:#14243e}
.technologies-motion-ready .technology-sequence>.technology-sequence-item{opacity:.42;translate:0 9px;transition:opacity .34s ease,translate .34s ease,border-color .2s ease,box-shadow .2s ease}.technologies-motion-ready .technology-sequence>.technology-sequence-item.technology-item-active{opacity:1;translate:none}.technologies-motion-ready .decision-flow>i{opacity:.35;transition:opacity .24s ease,color .2s ease}.technologies-motion-ready .decision-flow.technology-sequence-active>i{opacity:1}
.platform-line .motion-card{--tilt-x:0deg!important;--tilt-y:0deg!important}.platforms .section-tag,.complementary .section-tag{transition:color .2s ease,letter-spacing .2s ease}.platforms.technology-related .section-tag,.complementary.technology-related .section-tag{color:#ffd800;letter-spacing:.14em}.capability-list article{transition:translate .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}html[data-procesa-mode="on"] .platforms.technology-related .section-tag,html[data-procesa-mode="on"] .complementary.technology-related .section-tag{color:#14243e}
.contact-shell.technology-simple-enter{animation:technology-panel-enter .4s cubic-bezier(.22,1,.36,1) both}
@media(hover:hover) and (pointer:fine){.platform-line .motion-card:hover{--motion-lift:-2px}.capability-list article:hover{translate:0 -2px;border-color:rgba(255,216,0,.3);background:rgba(255,216,0,.025)}html[data-procesa-mode="on"] .capability-list article:hover{border-color:rgba(20,36,62,.22);background:rgba(255,255,255,.18)}}
@keyframes technology-panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes technology-item-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:none}}@keyframes technology-rule-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.hero-statement:after{left:30px;right:30px;bottom:26px}.technologies-motion-ready .technology-sequence>.technology-sequence-item{translate:0 6px}.capability-list article:hover{translate:none}}
@media(prefers-reduced-motion:reduce){.technologies-motion-ready .hero-statement,.technologies-motion-ready .hero-statement>span,.technologies-motion-ready .hero-statement>strong,.technologies-motion-ready .technology-sequence>.technology-sequence-item,.contact-shell{opacity:1!important;translate:none!important;transform:none!important;animation:none!important;transition:none!important}.hero-statement:after{transform:scaleX(1)!important;animation:none!important}.capability-list article:hover{translate:none}}