.transformation-page{padding-top:108px;background:#f7f7f5}.transformation-hero{position:relative;min-height:760px;display:grid;place-items:center;overflow:hidden;background:#071018;color:#fff}.transformation-hero__media{position:absolute;inset:-3%;overflow:hidden}.transformation-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.045);transition:transform 2.1s var(--ease)}.is-ready .transformation-hero__media img{transform:scale(1)}.transformation-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,14,.52),rgba(3,9,14,.68)),linear-gradient(90deg,rgba(4,10,15,.35),transparent 48%,rgba(4,10,15,.28))}.transformation-hero__body{position:relative;z-index:1;text-align:center}.transformation-hero h1{max-width:1110px;margin:22px auto 0;font-size:clamp(58px,6.2vw,91px);font-weight:400;line-height:.98;letter-spacing:-.06em}.transformation-hero p{max-width:700px;margin:30px auto 0;color:rgba(255,255,255,.72);font-size:18px;line-height:1.52}
.transformation-essay{padding:150px 0 170px;background:#fff}.transformation-essay__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:9vw;align-items:start}.transformation-essay h2,.transformation-principles h2,.transformation-paths h2{font-size:clamp(48px,4.2vw,66px);font-weight:400;line-height:1.02;letter-spacing:-.055em}.transformation-essay__copy{max-width:640px;font-size:19px;line-height:1.58;color:#3e464d}.transformation-essay__copy p+p{margin-top:27px}
.transformation-relationship{padding:150px 0 130px;background:#071018;color:#fff}.transformation-relationship__head{display:grid;grid-template-columns:.58fr 1.42fr;gap:8vw;align-items:start}.transformation-relationship__head h2{max-width:900px;font-size:clamp(54px,5vw,78px);font-weight:400;line-height:.99;letter-spacing:-.06em}.transformation-relationship__statement{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:120px;padding:40px 0 75px;border-top:1px solid rgba(255,255,255,.18)}.transformation-relationship__statement p{max-width:570px;color:rgba(255,255,255,.66);font-size:18px;line-height:1.58}.transformation-relationship__sequence{border-top:1px solid rgba(255,255,255,.18)}.transformation-relationship__sequence article{display:grid;grid-template-columns:55px .9fr 1.1fr;gap:35px;align-items:start;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.18)}.transformation-relationship__sequence article>span{padding-top:6px;color:rgba(255,255,255,.38);font:500 12px/1 var(--mono)}.transformation-relationship__sequence h3{max-width:480px;font-size:30px;font-weight:400;line-height:1.08;letter-spacing:-.04em}.transformation-relationship__sequence p{max-width:560px;color:rgba(255,255,255,.58);font-size:16px;line-height:1.55}.transformation-relationship__close{padding-top:72px;text-align:right}.transformation-relationship__close p{display:inline-block;max-width:670px;text-align:left;font-size:clamp(31px,3vw,45px);line-height:1.07;letter-spacing:-.045em}
.transformation-principles{padding:145px 0 155px;background:#f1f1ee}.transformation-principles__intro{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;align-items:start}.transformation-principles__intro h2{max-width:800px}.transformation-principles__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;margin-top:105px}.transformation-principles__aside{max-width:360px;color:#70767a;font-size:15px;line-height:1.55}.transformation-accordion{border-top:1px solid #c7c9c8}.transformation-accordion details{border-bottom:1px solid #c7c9c8}.transformation-accordion summary{position:relative;display:grid;grid-template-columns:45px 1fr 30px;gap:16px;align-items:start;padding:27px 0;cursor:pointer;list-style:none}.transformation-accordion summary::-webkit-details-marker{display:none}.transformation-accordion summary span{padding-top:5px;color:#969b9d;font:500 12px/1 var(--mono)}.transformation-accordion h3{font-size:27px;font-weight:400;line-height:1.13;letter-spacing:-.035em}.transformation-accordion summary i{position:relative;width:22px;height:22px;margin-top:4px}.transformation-accordion summary i::before,.transformation-accordion summary i::after{content:"";position:absolute;top:10px;left:3px;width:16px;height:1px;background:#333;transition:transform .35s var(--ease)}.transformation-accordion summary i::after{transform:rotate(90deg)}.transformation-accordion details[open] summary i::after{transform:rotate(0)}.transformation-accordion details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.transformation-accordion details[open]>div{grid-template-rows:1fr}.transformation-accordion details>div p{min-height:0;overflow:hidden;margin:0 46px 29px 61px;color:#60676b;font-size:16px;line-height:1.55}
.transformation-paths{padding:145px 0 160px;background:#fff}.transformation-paths__head{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw;align-items:start}.transformation-paths__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:92px}.transformation-path{position:relative;min-height:650px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .5s var(--ease)}.transformation-path:hover{transform:translateY(-5px)}.transformation-path--platform{background:#071018;color:#fff}.transformation-path--platform::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 16%,rgba(65,144,174,.3),transparent 34%),radial-gradient(circle at 82% 84%,rgba(130,83,255,.18),transparent 37%)}.transformation-path--deployment{background:#e7e8e5;color:#111}.transformation-path--deployment::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 14%,rgba(255,255,255,.85),transparent 35%),linear-gradient(145deg,transparent 45%,rgba(96,127,142,.16))}.transformation-path>*{position:relative;z-index:1}.transformation-path>div{max-width:580px}.transformation-path h3{font-size:clamp(38px,3.5vw,56px);font-weight:400;line-height:1.02;letter-spacing:-.055em}.transformation-path p{max-width:520px;margin-top:24px;color:rgba(255,255,255,.6);font-size:16px;line-height:1.5}.transformation-path--deployment p{color:#5f6567}.transformation-path b{display:inline-block;margin-top:30px;font-size:14px;font-weight:500}
.transformation-close{background:#071018;color:#fff}.transformation-close__body{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.transformation-close h2{max-width:870px;margin-top:24px;font-size:clamp(50px,5vw,75px);font-weight:400;line-height:1;letter-spacing:-.06em}.transformation-close p{max-width:620px;margin-top:26px;color:rgba(255,255,255,.63);font-size:18px;line-height:1.5}.transformation-close .btn{margin-top:32px}
@media(max-width:900px){.transformation-hero{min-height:700px}.transformation-hero h1{font-size:clamp(50px,10vw,72px)}.transformation-essay__grid,.transformation-relationship__head,.transformation-relationship__statement,.transformation-principles__intro,.transformation-principles__grid,.transformation-paths__head{grid-template-columns:1fr;gap:45px}.transformation-relationship__statement{margin-top:80px}.transformation-relationship__sequence article{grid-template-columns:40px 1fr;gap:20px}.transformation-relationship__sequence article p{grid-column:2}.transformation-principles__grid{margin-top:70px}.transformation-principles__aside{max-width:620px}.transformation-path{min-height:570px}.transformation-paths__grid{grid-template-columns:1fr}.transformation-close__body{min-height:600px}}
@media(max-width:560px){.transformation-page{padding-top:100px}.transformation-hero{min-height:690px;place-items:end center}.transformation-hero__body{padding-bottom:56px;text-align:left}.transformation-hero h1{font-size:47px;line-height:.98;margin-top:17px}.transformation-hero p{font-size:16px;margin-top:24px}.transformation-hero__media::after{background:linear-gradient(0deg,rgba(3,9,14,.92) 0%,rgba(3,9,14,.52) 76%,rgba(3,9,14,.4))}.transformation-essay,.transformation-relationship,.transformation-principles,.transformation-paths{padding:96px 0}.transformation-essay h2,.transformation-principles h2,.transformation-paths h2{font-size:44px}.transformation-essay__copy{font-size:17px}.transformation-relationship__head h2{font-size:46px}.transformation-relationship__statement{margin-top:65px;padding:32px 0 52px}.transformation-relationship__statement p{font-size:16px}.transformation-relationship__sequence article{grid-template-columns:28px 1fr;gap:10px;padding:28px 0}.transformation-relationship__sequence h3{font-size:25px}.transformation-relationship__sequence p{grid-column:2;font-size:15px}.transformation-relationship__close{padding-top:55px;text-align:left}.transformation-relationship__close p{font-size:32px}.transformation-principles__grid{margin-top:55px}.transformation-accordion summary{grid-template-columns:30px 1fr 24px;gap:8px;padding:22px 0}.transformation-accordion h3{font-size:22px}.transformation-accordion details>div p{margin:0 29px 24px 38px;font-size:15px}.transformation-paths__grid{margin-top:55px}.transformation-path{min-height:520px;padding:25px}.transformation-path h3{font-size:40px}.transformation-close__body{min-height:580px;align-items:flex-start;text-align:left}.transformation-close h2{font-size:47px}.transformation-close p{font-size:16px}.transformation-close .btn{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.transformation-hero__media img,.transformation-path{transition:none!important;transform:none!important}.transformation-accordion details>div{transition:none!important}}

/* Escenas visuales de transformación: conservan el banco abstracto aprobado de SOVRAS. */
.transformation-relationship__visual{position:relative;height:660px;margin-bottom:105px;overflow:hidden;background:#10181d}.transformation-relationship__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03);transform:scale(1.035);transition:transform 1.6s var(--ease)}.transformation-relationship__visual.is-visible img{transform:scale(1)}.transformation-relationship__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,9,13,.72))}.transformation-relationship__visual figcaption{position:absolute;z-index:1;left:34px;right:34px;bottom:31px;display:flex;justify-content:space-between;align-items:end;gap:40px;color:#fff}.transformation-relationship__visual figcaption span:first-child{font-size:32px;letter-spacing:-.04em}.transformation-relationship__visual figcaption span:last-child{max-width:430px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.45}
.transformation-path{background:#071018;color:#fff}.transformation-path::before,.transformation-path--platform::before,.transformation-path--deployment::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,8,12,.2) 0%,rgba(4,8,12,.38) 36%,rgba(4,8,12,.94) 100%)}.transformation-path__image{position:absolute!important;z-index:0!important;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform 1.1s var(--ease)}.transformation-path:hover .transformation-path__image{transform:scale(1.035)}.transformation-path--deployment .transformation-path__image{object-position:68% center}.transformation-path>*:not(.transformation-path__image){position:relative;z-index:2}.transformation-path p,.transformation-path--deployment p{color:rgba(255,255,255,.68)}
.transformation-close{position:relative;overflow:hidden}.transformation-close__media{position:absolute;inset:0}.transformation-close__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.025)}.transformation-close__media::after{content:"";position:absolute;inset:0;background:rgba(3,9,14,.76)}.transformation-close__body{position:relative;z-index:1}.transformation-close p{color:rgba(255,255,255,.68)}
@media(max-width:900px){.transformation-relationship__visual{height:560px}}
@media(max-width:560px){.transformation-relationship__visual{width:100%;height:470px;margin-bottom:70px}.transformation-relationship__visual figcaption{left:20px;right:20px;bottom:20px;display:block}.transformation-relationship__visual figcaption span{display:block}.transformation-relationship__visual figcaption span:first-child{font-size:27px}.transformation-relationship__visual figcaption span:last-child{margin-top:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.transformation-relationship__visual img,.transformation-path__image{transition:none!important;transform:none!important}}