:root{
      --bg:#06131d;
      --bg2:#081c28;
      --ink:#0c2330;
      --paper:#ffffff;
      --mist:#f1f6f7;
      --line:#d9e5e8;
      --muted:#5b707b;
      --cyan:#81f0ef;
      --cyan2:#58d9e7;
      --teal:#0f7e7b;
      --navy:#071722;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:88px}
    body{margin:0;font:400 17px/1.58 'Source Sans 3', Arial, sans-serif;color:var(--ink);background:var(--paper)}
    a{color:inherit}
    .wrap{width:min(1220px,calc(100% - 56px));margin:0 auto}
    .micro{font:600 10px/1.4 'IBM Plex Mono', monospace;letter-spacing:.16em;text-transform:uppercase}
    h1,h2,h3{font-family:'Source Serif 4', Georgia, serif;letter-spacing:-.035em;margin:0 0 14px}
    h2{font-size:clamp(34px,4vw,54px);line-height:1.08}
    h3{font-size:28px;line-height:1.12}
    p{margin:0 0 14px}
    .lead{font-size:20px;line-height:1.55;color:#d8e5ea}
    .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
    .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:800;gap:12px;border:1px solid transparent;transition:.2s transform,.2s background,.2s border-color}
    .btn:hover{transform:translateY(-2px)}
    .btn.primary{background:var(--cyan);color:#082532}
    .btn.secondary{border-color:#b6cad088;background:rgba(9,24,33,.35);color:#fff}
    .section{padding:88px 0}
    .section.dark{background:var(--navy);color:#fff}
    .section.soft{background:var(--mist)}
    .head{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:end;margin-bottom:34px}
    .head p{font-size:18px;line-height:1.6;color:var(--muted)}
    .dark .head p{color:#b8cad1}


/* V5.3 | Hero: referencia visual aprobada, capas independientes */
.hero{position:relative;isolation:isolate;min-height:900px;min-height:100svh;overflow:hidden;background:#05131f;color:#fff}
.hero-scene{position:absolute;inset:0;overflow:hidden;z-index:-2;background:radial-gradient(ellipse at 56% 47%,#124153 0%,#061824 60%,#05131f 100%)}
.hero-photo{position:absolute;inset:0;background-image:url("../images/o2b_a2840173feda.jpg");background-position:center;background-size:cover;filter:brightness(.82) saturate(.81) contrast(1.08);animation:photoAppear 1.05s ease-out both;transform:scale(1.015)}
/* Hide text baked into concept image, but preserve the central territory and mountains. */
.hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061723 0%,rgba(6,23,35,.98) 22%,rgba(6,23,35,.75) 34%,rgba(6,23,35,.10) 45%,transparent 51%,transparent 68%,rgba(5,18,28,.84) 73%,#061723 79%,#061723 100%),linear-gradient(180deg,rgba(5,18,28,.64),transparent 18%,transparent 76%,rgba(5,18,28,.92) 98%)}
.hero-lightmask{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 13% 70% at 58% 48%,rgba(3,20,33,.24),transparent 85%)}
.hero-grid{min-height:100svh;max-width:1600px;margin:auto;padding:148px 5.3% 102px;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(250px,.80fr) minmax(290px,.74fr);align-items:center;gap:18px;position:relative}
.hero-copy{z-index:4;align-self:center;max-width:700px;animation:copyIn .75s .4s both}
.hero-copy .micro{letter-spacing:.31em;color:#9feaf0;margin-bottom:23px;display:block;font-size:11px}
.hero-copy h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(46px,4.5vw,77px);line-height:1.015;letter-spacing:-.044em;font-weight:600;max-width:700px;margin:0 0 22px;text-wrap:balance;text-shadow:0 2px 26px rgba(0,0,0,.25)}
.hero-copy h1 .accent{display:block;color:#88eff1}
.hero-copy .lead{max-width:525px;font-size:clamp(16px,1.18vw,20px);line-height:1.42;color:#e0e8ed}
.hero-copy .btns{margin-top:26px;gap:12px;align-items:center}
.hero-copy .btn{border-radius:100px;min-height:53px;padding:13px 27px}
.hero-copy .btn.ghost{border:0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:7px;padding:12px 9px}
.hero-copy .play{width:40px;height:40px;border:1px solid rgba(232,253,255,.7);color:#fff;border-radius:50%;background:rgba(7,30,42,.42);font-size:15px;display:grid;place-items:center;text-decoration:none;transition:background .2s}
.hero-copy .play:hover{background:#17485b}
.hero-center{position:relative;height:min(76vh,720px);min-height:540px;z-index:2;pointer-events:none}
.network-overlay{position:absolute;inset:-4% -10%;height:108%;width:120%;filter:drop-shadow(0 0 6px rgba(84,222,245,.24));opacity:.82;animation:networkIn 1.1s .45s both}
.network-overlay .route{fill:none;stroke:#79dfed;stroke-width:.6;opacity:.45;stroke-dasharray:3 8;animation:routeTravel 12s linear infinite}
.network-overlay .route.r2{animation-duration:16s;animation-direction:reverse;opacity:.35}
.network-overlay .route.r3{animation-duration:20s;opacity:.24}
.network-overlay .pulse{fill:none;stroke:#8de9f6;stroke-width:1.3;opacity:0;transform-box:fill-box;transform-origin:center;animation:pulse 5.6s ease-out infinite}
.network-overlay .p2{animation-delay:1.35s}.network-overlay .p3{animation-delay:2.7s}.network-overlay .p4{animation-delay:4.05s}
.network-overlay .core{fill:#baffff;filter:drop-shadow(0 0 4px #8df3ff)}
.network-overlay .moving{fill:#bffcff;filter:drop-shadow(0 0 4px #80f1ff);opacity:.9}
.hero-panels{position:relative;z-index:5;display:grid;gap:14px;align-self:center;padding:0;margin:0 0 15px;max-width:380px;justify-self:end;width:100%}
.data-panel{background:linear-gradient(130deg,rgba(17,43,56,.97),rgba(6,19,29,.98));border:1px solid rgba(139,200,217,.56);border-radius:10px;min-height:137px;padding:18px 19px 12px;box-shadow:0 18px 28px rgba(0,0,0,.22);animation:panelIn .7s both;backdrop-filter:blur(8px)}
.data-panel:nth-child(1){animation-delay:.75s}.data-panel:nth-child(2){animation-delay:.95s}.data-panel:nth-child(3){animation-delay:1.15s}
.data-panel .inside{display:grid;grid-template-columns:45px 1fr 54px;gap:9px;align-items:center}
.data-panel .ico{font:300 30px 'Source Sans 3';color:#8cf0f5;align-self:start;line-height:1.1}
.data-panel .metric-label{font-size:15px;line-height:1.16;color:#eff8fa}
.data-panel .metric{font-weight:800;font-size:clamp(28px,2.4vw,42px);line-height:1.02;letter-spacing:.01em;color:#8feaf1;margin-top:6px;font-variant-numeric:tabular-nums}
.data-panel .metric.long{font-size:clamp(17px,1.63vw,25px);line-height:1.15;letter-spacing:-.02em}
.data-panel .unit{font-size:15px;color:#8feaf1;display:block;font-weight:700}
.data-panel .spark{height:54px;display:flex;align-items:flex-end;gap:4px;align-self:end;opacity:.8}
.data-panel .spark i{width:2px;background:#75d9e7;display:block;height:var(--h);border-radius:2px;transform-origin:bottom;animation:barGrow .8s 1.3s both}
.data-panel .footnote{margin-top:12px;padding-top:7px;border-top:1px solid rgba(170,220,234,.23);text-align:right;font-size:11px;color:#cbdbe0}
.hero-bottomline{position:absolute;left:5.3%;bottom:30px;right:5.3%;display:flex;justify-content:space-between;gap:18px;align-items:end;z-index:5;pointer-events:none;color:#b5c9d3;animation:copyIn .8s 1.25s both}
.hero-bottomline .micro{font-size:9px;letter-spacing:.21em;line-height:2}
.hero-bottomline .dash{width:29px;height:2px;background:#7ee7ef;margin-bottom:11px}
.hero-bottomline .note{font-size:10px;max-width:325px;text-align:right;line-height:1.45}
.vnote{font-size:11px!important;color:#b0ccd4!important;margin-top:7px!important}
.nav-alt{position:fixed;left:0;top:0;right:0;z-index:50;background:linear-gradient(#05131ee9,#05131e70);color:#fff;backdrop-filter:blur(5px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.nav-alt.scrolled{background:rgba(5,19,30,.97);border-color:rgba(137,232,242,.22)}
.nav-alt .topnav{max-width:1600px;margin:auto;min-height:95px;padding:0 5.3%;display:flex;align-items:center;gap:32px}
.nav-alt .brand{color:#fff;text-decoration:none;font:800 25px 'Source Sans 3';min-width:180px;line-height:1}
.nav-alt .brand .brand-glyph{font:600 31px 'Source Serif 4';letter-spacing:-.09em;position:relative}
.nav-alt .brand .brand-glyph::before{content:"";position:absolute;left:23px;top:-9px;height:2px;width:52px;background:#d8f8ff;transform:rotate(-23deg)}
.nav-alt .brand small{display:block;font:500 9px 'Source Sans 3';letter-spacing:.02em;color:#d9e7ec;margin-top:3px}
.nav-alt .menu{flex:1;display:flex;justify-content:center;align-items:center;gap:clamp(12px,2vw,31px)}
.nav-alt .menu a{font-size:14px;color:#f1f7fa;text-decoration:none;white-space:nowrap;font-weight:600}
.nav-alt .menu a:hover{color:#8defef}
.nav-alt .partner-id{display:grid;border-left:1px solid rgba(180,220,230,.45);padding-left:21px;line-height:1.05;white-space:nowrap}
.nav-alt .partner-id small{font-size:11px;color:#c7d7df}.nav-alt .partner-id strong{font-weight:600;letter-spacing:.13em;font-size:17px;margin-top:5px}
.nav-alt .partner-id strong::before{content:"◢";color:#88eff1;margin-right:7px}
.nav-alt .mobile-toggle{display:none;color:#fff;border:1px solid rgba(144,222,234,.5);border-radius:8px;background:transparent;font-size:23px;width:44px;height:44px}
@keyframes photoAppear{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1.015)}}
@keyframes copyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes panelIn{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes networkIn{from{opacity:0}to{opacity:.82}}
@keyframes routeTravel{to{stroke-dashoffset:-440}}
@keyframes pulse{0%{opacity:.8;transform:scale(.45)}70%{opacity:0;transform:scale(3.2)}100%{opacity:0;transform:scale(3.2)}}
@keyframes barGrow{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(150px,.53fr) minmax(245px,.65fr);padding-left:3%;padding-right:3%}.hero-copy h1{font-size:clamp(42px,5vw,65px)}.nav-alt .topnav{padding:0 3%}.nav-alt .menu{gap:12px}.hero-bottomline{left:3%;right:3%}}
@media(max-width:850px){.nav-alt .menu{display:none}.nav-alt .mobile-toggle{display:block;margin-left:auto}.nav-alt .partner-id{display:none}.nav-alt.open .menu{position:absolute;display:flex;flex-direction:column;top:76px;left:0;right:0;background:rgba(5,19,30,.98);padding:20px;align-items:flex-start}.nav-alt .topnav{min-height:76px}.hero{min-height:900px}.hero-grid{min-height:900px;grid-template-columns:1fr 1fr;padding:115px 5% 110px}.hero-copy{grid-column:1/-1;max-width:600px;align-self:end}.hero-copy h1{font-size:clamp(45px,7vw,61px)}.hero-center{grid-column:1;grid-row:2;min-height:300px;height:300px}.hero-panels{grid-row:2;grid-column:2;max-width:320px}.data-panel{min-height:90px;padding:9px 12px}.data-panel .inside{grid-template-columns:25px 1fr 26px;gap:6px}.data-panel .ico{font-size:19px}.data-panel .metric-label{font-size:11px}.data-panel .metric{font-size:25px}.data-panel .metric.long{font-size:17px}.data-panel .spark{gap:2px;height:34px}.data-panel .footnote{font-size:9px;margin-top:5px}}
@media(max-width:560px){.hero{min-height:900px}.hero-photo{background-position:57% center}.hero-scene::after{background:linear-gradient(180deg,#061723 0%,rgba(6,23,35,.98) 19%,rgba(6,23,35,.2) 41%,rgba(6,23,35,.08) 64%,#061723 88%),linear-gradient(90deg,rgba(5,18,28,.45),transparent 25%,transparent 70%,rgba(5,18,28,.7))}.hero-grid{grid-template-columns:1fr;padding:100px 5% 92px;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:900px}.hero-copy{align-self:stretch;max-width:100%}.hero-copy h1{font-size:clamp(39px,10.8vw,53px)}.hero-copy .lead{font-size:16px}.hero-copy .btn{min-height:45px;padding:9px 17px;font-size:13px}.hero-copy .play{width:33px;height:33px}.hero-center{height:220px;min-height:220px;width:100%}.hero-panels{grid-column:auto;width:100%;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.data-panel{min-height:112px;padding:9px 7px}.data-panel .inside{display:block}.data-panel .ico,.data-panel .spark{display:none}.data-panel .metric-label{font-size:10px;min-height:29px}.data-panel .metric{font-size:23px}.data-panel .metric.long{font-size:13px}.data-panel .unit{font-size:10px}.data-panel .footnote{font-size:9px;text-align:left}.hero-bottomline{bottom:13px}.hero-bottomline .note{font-size:8px;max-width:150px}.hero-bottomline .micro{font-size:8px}.nav-alt .brand{font-size:22px;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo,.hero-copy,.hero-bottomline,.data-panel,.network-overlay,.network-overlay .route,.network-overlay .pulse,.data-panel .spark i{animation:none!important;opacity:1!important;transform:none!important}.network-overlay .pulse{opacity:0!important}}
    .topbar{position:sticky;top:0;z-index:30;background:rgba(6,19,29,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(129,240,239,.14)}
    .topnav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{text-decoration:none;color:#fff;font-weight:800;font-size:23px;letter-spacing:-.03em}
    .brand small{display:block;font:600 9px 'IBM Plex Mono';letter-spacing:.13em;color:#a8c3cb}
    .menu{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
    .menu a{text-decoration:none;color:#d9e8ec;font-size:14px;font-weight:700}
    .menu a:hover{color:var(--cyan)}

    
    .chapter2{position:relative;background:linear-gradient(180deg,#102633 0%,#22343f 22%,#b6ada0 22%,#d7cfbf 100%);color:#fff;overflow:hidden}
    .chapter2-visual{position:relative;min-height:82svh;border-top:1px solid rgba(255,255,255,.06);background-image:linear-gradient(180deg,rgba(10,17,25,.12) 0%,rgba(10,17,25,.34) 62%,rgba(10,17,25,.58) 100%),url('../images/o2b_bfee52a09e91.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
    .chapter2-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 16%),linear-gradient(90deg,rgba(8,14,22,.36) 0%,rgba(8,14,22,.18) 26%,rgba(8,14,22,.08) 46%,rgba(8,14,22,.18) 73%,rgba(8,14,22,.34) 100%),linear-gradient(180deg,rgba(7,15,22,.10),rgba(7,15,22,.22) 58%,rgba(7,15,22,.44) 100%)}
    .chapter2-scene{display:none}
    .chapter2-overlay{position:relative;z-index:2;padding:clamp(72px,9vw,118px) 0 84px;min-height:82svh;display:flex;align-items:flex-start}
    .chapter2-text{max-width:760px;padding-right:28px}
    .chapter2 .kicker{display:block;margin-bottom:18px;color:#e7d6bf;font:600 11px/1.5 'IBM Plex Mono', monospace;letter-spacing:.16em;text-transform:uppercase}
    .chapter2 h2{margin:0;font:600 clamp(40px,5vw,76px)/1.02 'Source Serif 4', serif;letter-spacing:-.03em;max-width:13ch;text-wrap:balance;text-shadow:0 10px 26px rgba(0,0,0,.26)}
    .chapter2 h2 .line{display:block}
    .chapter2 h2 .accent{color:#f2d0a2}
    .chapter2-intro{position:relative;z-index:2;background:linear-gradient(180deg,#d7cfbf 0%,#f3eee6 100%);color:#20343e;padding:48px 0 70px;border-top:1px solid rgba(28,43,52,.10)}
    .chapter2-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}
    .chapter2-lead{font:600 clamp(22px,2.4vw,34px)/1.16 'Source Serif 4', serif;letter-spacing:-.02em;margin:0;color:#213640;text-wrap:balance}
    .chapter2-copy p{margin:0 0 18px;color:#425761;font-size:17px;line-height:1.72;max-width:60ch}
    .chapter2-copy p:last-child{margin-bottom:0}
    .chapter2-note{margin-top:12px;display:inline-flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid rgba(32,52,62,.16);color:#6a5c4a;font:700 13px/1.45 'Source Sans 3',sans-serif;letter-spacing:.02em}
    .chapter2-note::before{content:"";width:34px;height:1px;background:#9d7f57}
    .chapter2-meta{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .chapter2-chip{border:1px solid rgba(32,52,62,.14);border-radius:16px;padding:16px 16px 15px;background:rgba(255,255,255,.46);backdrop-filter:blur(6px)}
    .chapter2-chip b{display:block;margin-bottom:6px;color:#20343e;font:700 12px/1.2 'IBM Plex Mono', monospace;letter-spacing:.10em;text-transform:uppercase}
    .chapter2-chip span{display:block;color:#425761;font-size:14px;line-height:1.45}
    @media (max-width: 1100px){.chapter2-grid{grid-template-columns:1fr;gap:26px}.chapter2-meta{grid-template-columns:1fr 1fr 1fr}.chapter2 h2{max-width:12ch}}
    @media (max-width: 900px){.chapter2-visual,.chapter2-overlay{min-height:68svh}.chapter2-visual{background-position:62% center}.chapter2 h2{font-size:clamp(38px,7.2vw,62px)}.chapter2-intro{padding:40px 0 58px}}
    @media (max-width: 640px){.chapter2-overlay{padding:72px 0 48px;align-items:flex-start}.chapter2-visual{background-position:66% center}.chapter2 h2{max-width:11ch;font-size:clamp(34px,10vw,48px)}.chapter2 .kicker{margin-bottom:14px}.chapter2-copy p{font-size:16px;line-height:1.65}.chapter2-meta{grid-template-columns:1fr;gap:10px}.chapter2-chip{padding:14px 14px 13px}.chapter2-note{display:flex}}


    .statement{background:#0b2432;color:#fff;padding:66px 0;border-top:1px solid rgba(129,240,239,.12)}
    .statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
    .statement h2{font-size:clamp(28px,3vw,42px)}
    .statement p{color:#bbd0d8;font-size:16px;line-height:1.65}

    .needs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .need{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;text-decoration:none;display:grid;grid-template-columns:44px 1fr 20px;gap:14px;transition:.2s transform,.2s box-shadow,.2s border-color}
    .need:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(7,23,34,.08);border-color:#6dbac1}
    .need .n{font:600 11px 'IBM Plex Mono';color:var(--teal)}
    .need h3{font:700 22px/1.23 'Source Sans 3';margin:0 0 6px;letter-spacing:0}
    .need p{font-size:14px;color:var(--muted);margin:0}
    .need .arrow{font-size:22px;color:var(--teal)}

    .layers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
    .layer{padding:30px 28px;border-right:1px solid var(--line)}
    .layer:last-child{border-right:0}
    .layer .micro{color:var(--teal);display:block;margin-bottom:18px}
    .layer p{color:var(--muted);font-size:15px}
    .layer ul{list-style:none;padding:0;margin:18px 0 0}
    .layer li{padding:9px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:#425b67}

    .platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
    .proof{background:linear-gradient(145deg,#0e3442,#0a2430);border-radius:22px;color:#fff;padding:30px;border:1px solid rgba(129,240,239,.18)}
    .proof .big{font:600 clamp(58px,6vw,90px)/1 'Source Serif 4';color:var(--cyan);margin-bottom:8px}
    .proof p{color:#c8d8de}
    .proof .micro{color:#9ae6e4;display:block;margin-bottom:16px}
    .demo{background:#0d2331;border-radius:22px;padding:18px;border:1px solid rgba(129,240,239,.12)}
    .demo-bar{display:flex;justify-content:space-between;color:#bfd6dc;font:600 10px 'IBM Plex Mono';padding:4px 6px 16px}
    .demo-window{background:#fff;border-radius:13px;padding:16px}
    .search{display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:7px}
    .field,.go{border-radius:8px;padding:10px 11px;font-size:12px}
    .field{border:1px solid var(--line);color:#6b7e88}
    .go{border:0;background:#071722;color:#fff;font-weight:800}
    .result{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
    .result b{font-size:13px;display:block;margin-bottom:4px}
    .result small{color:#6d7e89}
    .chips{display:flex;flex-wrap:wrap;gap:5px}
    .chip{font:600 8px 'IBM Plex Mono';background:#e9f5f4;color:#146868;border-radius:999px;padding:5px 6px}
    .fine{font-size:12px;color:#9bb7bf;margin:12px 4px 0}

    .chain{display:grid;grid-template-columns:repeat(7,1fr);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
    .node{background:#0d2636;padding:20px 15px;border-right:1px solid rgba(255,255,255,.08)}
    .node:nth-child(odd){background:#0f3340}
    .node:last-child{border-right:0}
    .node .micro{color:#94ecea;display:block;margin-bottom:12px}
    .node b{display:block;font-size:18px;margin-bottom:8px}
    .node p{font-size:13px;line-height:1.5;color:#a7bcc5}

    .partner{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}
    .pbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
    .pbox p{color:var(--muted)}
    .pbox ul{list-style:none;padding:0;margin:16px 0 0}
    .pbox li{padding:8px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}
    .times{display:flex;align-items:center;justify-content:center;font:600 28px 'IBM Plex Mono';color:var(--teal)}
    .caption{margin-top:16px;background:#0b2432;color:#d9e7eb;border-radius:12px;padding:14px 16px;font-size:14px}

    .team{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px}
    .people{display:grid;gap:14px}
    .person{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
    .person-top{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}
    .person-top h3{font:700 22px 'Source Sans 3';margin:0;letter-spacing:0}
    .person-top span{font:600 9px 'IBM Plex Mono';color:var(--teal);background:#eaf7f5;padding:6px 8px;border-radius:999px}
    .person p{padding:18px 20px;color:var(--muted);font-size:14px;line-height:1.6;margin:0}

    .intel{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
    .report{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
    .report.alt{background:#ebf4f6}
    .report .micro{color:var(--teal);display:block;margin-bottom:14px}
    .report p{color:var(--muted);font-size:14px}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
    .stat{border:1px solid var(--line);border-radius:10px;padding:10px}
    .stat b{display:block;font-size:20px}
    .stat span{display:block;font-size:10px;color:var(--muted)}
    .report a{text-decoration:none;color:#0f6d8d;font-weight:800}

    .final{background:linear-gradient(120deg,#071722,#10394b);color:#fff}
    .final-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
    .final p{color:#c6d4da}
    .board{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}
    .board-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}
    .board-row:first-child{border-top:0}
    .board-row b{font:600 9px 'IBM Plex Mono';color:#98ecec}

    .foot{padding:36px 0 44px;background:#fff}
    .foot-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}
    .foot p,.foot a{font-size:13px;line-height:1.6;color:#677983;text-decoration:none}
    .disc{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:10px;color:#7a8b94}

    @media (max-width: 1100px){
      .wrap{width:min(1220px,calc(100% - 36px))}
      .head,.statement-grid,.platform-grid,.team,.intel,.final-grid{grid-template-columns:1fr}
      .partner{grid-template-columns:1fr}
      .times{min-height:36px}
      .chain{grid-template-columns:repeat(2,1fr)}
      .hero-note{display:block}
      .hero-note .meta{text-align:left;margin-top:14px}
    }
    @media (max-width: 860px){
      .menu{display:none}
      .needs,.layers,.foot-grid{grid-template-columns:1fr}
      .layer{border-right:0;border-bottom:1px solid var(--line)}
      .layer:last-child{border-bottom:0}
      .search{grid-template-columns:1fr}
      .result{grid-template-columns:1fr}
      .stats{grid-template-columns:1fr}
      .hero-art{background-position:64% top}
    }
    @media (max-width: 640px){
      .section{padding:62px 0}
      .hero{min-height:auto}
      .hero-art{min-height:720px;background-position:68% top;background-size:cover}
      .hero-access{position:relative;background:#06131d;padding-top:20px}
      .hero-note p{font-size:14px}
      .topnav{min-height:64px}
      .brand{font-size:20px}
      .statement{padding:52px 0}
      .chain{grid-template-columns:1fr}
      .foot-grid{grid-template-columns:1fr}
      .btns{flex-direction:column;align-items:flex-start}
    }
  

/* V5.4: CLEAN COMPOSITE, NO BAKED TYPOGRAPHY OR UI */
:root{--navy:#071722;--cyan:#91eff0;--ink:#0c2330}
.hero54{position:relative;isolation:isolate;min-height:940px;height:100svh;max-height:1120px;overflow:hidden;background:#061723;color:#fff}
.hero54 .backdrop{position:absolute;inset:0;z-index:-2;background:url('../images/o2b_2b5c69f23ccf.png') center / cover no-repeat;animation:backIn 1.2s ease-out both}
.hero54 .backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,27,.84) 0%,rgba(4,16,27,.80) 18%,rgba(4,16,27,.66) 30%,rgba(4,16,27,.32) 39%,rgba(4,16,27,.08) 46%,rgba(4,16,27,0) 50%,rgba(4,16,27,0) 66%,rgba(4,16,27,.10) 72%,rgba(4,16,27,.28) 80%,rgba(4,16,27,.50) 89%,rgba(4,16,27,.66) 100%),linear-gradient(180deg,rgba(2,13,24,.42),transparent 18%,transparent 74%,rgba(2,13,24,.58) 100%)}
.hero54 .cleanmask54{position:absolute;pointer-events:none;z-index:0}
.hero54 .cleanmask54.left{left:0;top:8%;bottom:9%;width:42%;background:linear-gradient(90deg,rgba(6,23,35,.84) 0%,rgba(6,23,35,.80) 38%,rgba(6,23,35,.60) 58%,rgba(6,23,35,.20) 78%,rgba(6,23,35,0) 100%)}
.hero54 .cleanmask54.right-lower{right:10.5%;bottom:8%;width:22%;height:24%;background:linear-gradient(90deg,rgba(6,23,35,0) 0%,rgba(6,23,35,.20) 18%,rgba(6,23,35,.48) 40%,rgba(6,23,35,.72) 62%,rgba(6,23,35,.84) 100%),linear-gradient(180deg,rgba(6,23,35,.10) 0%,rgba(6,23,35,.44) 34%,rgba(6,23,35,.76) 100%);border-radius:22px;filter:blur(8px);opacity:.92}.hero54 .artifactmask54{position:absolute;pointer-events:none;z-index:0;background:rgba(5,22,34,.88);filter:blur(16px)}.hero54 .artifactmask54.north-fix{left:44.1%;top:10.8%;width:10.4%;height:11.6%;border-radius:20px;opacity:.96}.hero54 .artifactmask54.center-fix{left:42.9%;top:32.2%;width:12.8%;height:13.6%;border-radius:24px;opacity:.94}.hero54 .artifactmask54.austral-fix{left:59.6%;top:67.8%;width:16.5%;height:15.8%;border-radius:28px;opacity:.97}
.hero54 .network54{position:absolute;top:6%;left:45.8%;height:88%;width:21%;z-index:1;pointer-events:none;opacity:.85;animation:networkIn54 1.2s .5s both;overflow:visible}
.network54 .track{fill:none;stroke:#68dbe8;stroke-width:1;opacity:.46;stroke-dasharray:2 11;animation:drift54 16s linear infinite}
.network54 .track.t2{animation-duration:20s;opacity:.32}.network54 .track.t3{animation-duration:24s;opacity:.24}
.network54 .node{fill:#dcffff;filter:drop-shadow(0 0 5px #6ceef5)}.network54 .ring{fill:none;stroke:#8ff6fa;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:pulse54 6.5s ease-out infinite}
.network54 .r2{animation-delay:1.6s}.network54 .r3{animation-delay:3.2s}.network54 .r4{animation-delay:4.8s}
.network54 .signal{fill:#d4ffff;filter:drop-shadow(0 0 4px #80f1ff)}
.nav54{position:absolute;z-index:15;top:0;left:0;right:0;height:125px;display:flex;align-items:center;padding:19px clamp(28px,5.35vw,100px) 0;gap:36px;background:linear-gradient(180deg,rgba(4,16,27,.57),transparent)}
.nav54 .o2b-brand{display:flex;flex-direction:column;text-decoration:none;color:white;min-width:195px;transform:translateY(7px)}.nav54 .logotype{font:600 32px/1 'Source Serif 4',Georgia,serif;letter-spacing:-.095em;position:relative;width:max-content}.nav54 .logotype:before{content:'';position:absolute;width:63px;height:2px;background:#e7f7fa;transform:rotate(-26deg);top:-11px;left:13px}.nav54 .logotype span{color:#8bf0f0}.nav54 .brand-caption{font:500 10px 'Source Sans 3';letter-spacing:.015em;margin-top:3px;color:#e7f0f5}
.nav54 nav{display:flex;justify-content:center;align-items:center;gap:clamp(13px,2.05vw,33px);flex:1;white-space:nowrap}.nav54 nav a{text-decoration:none;color:#f2f7f9;font-size:15px;font-weight:600}.nav54 nav a:hover{color:#8ff2f2}
.nav54 .ada-brand{border-left:1px solid #a9d6df7a;padding-left:27px;display:grid;align-content:center;min-width:177px;transform:translateY(7px)}.ada-brand small{font:400 11px 'Source Sans 3';color:#dce9ed}.ada-brand strong{font:600 18px 'Source Sans 3';letter-spacing:.135em;white-space:nowrap}.ada-brand strong:before{content:'◢';margin-right:10px;color:#91f2f4}
.nav54 .menu-button{display:none;border:1px solid #96ccd388;background:#062533;color:#fff;border-radius:8px;font-size:22px;width:44px;height:44px;cursor:pointer}
.nav54.is-open{background:#061824}.nav54.is-open nav{display:flex}
.hero54 .copy54{position:absolute;z-index:4;left:5.35%;top:21%;width:40%;max-width:660px;animation:rise54 .85s .3s both}
.copy54 .eyebrow54{display:block;color:#a2eef1;font:600 11px 'IBM Plex Mono';letter-spacing:.32em;margin-bottom:22px}.copy54 h1{font:600 clamp(46px,4.35vw,76px)/1.02 'Source Serif 4',Georgia,serif;letter-spacing:-.043em;text-wrap:balance;margin:0 0 26px;text-shadow:0 2px 12px rgba(0,0,0,.2)}.copy54 h1 em{display:block;font-style:normal;color:#92eff1}.copy54 p{font-size:clamp(16px,1.15vw,19px);line-height:1.48;color:#dae8eb;max-width:565px;margin:0}.copy54 .hero-actions{display:flex;align-items:center;gap:19px;margin-top:24px;flex-wrap:wrap}.copy54 .action-primary{display:inline-flex;align-items:center;justify-content:space-between;min-width:266px;gap:24px;background:#91f2f4;color:#07232f;border-radius:40px;text-decoration:none;padding:15px 25px;font-weight:800;font-size:15px}.copy54 .action-link{color:#fff;text-underline-offset:7px;font-weight:600;font-size:15px}.copy54 .play-link{display:grid;place-items:center;border:1px solid #d5eff1b0;width:40px;height:40px;border-radius:50%;color:#fff;text-decoration:none;font-size:13px}
.region54{position:absolute;z-index:3;left:44%;color:#e9f9fc;border-left:1px solid #7bedf4a1;padding-left:14px;line-height:1.25;white-space:nowrap;text-shadow:0 2px 9px #01131e;animation:rise54 .8s both}.region54:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#86edf3;left:-4px;top:-2px;box-shadow:0 0 10px #88ecf2}.region54 strong{display:block;font-size:13px;letter-spacing:.12em}.region54 span{font-size:11px;letter-spacing:.08em;display:block;margin-top:3px}.region54.north{top:15%;left:46%;animation-delay:.7s}.region54.center{top:35%;left:44.7%;animation-delay:.9s}.region54.south{top:53.6%;left:44%;animation-delay:1.1s}.region54.austral{top:73%;left:43.4%;animation-delay:1.3s}
.panels54{position:absolute;z-index:5;right:4.6%;top:19%;width:min(370px,23%);display:grid;gap:14px}.panel54{border:1px solid #9bd1db88;background:linear-gradient(120deg,rgba(14,40,53,.92),rgba(4,18,29,.96));border-radius:11px;padding:17px 19px 11px;min-height:143px;box-shadow:0 10px 28px #0003;animation:rise54 .75s both;backdrop-filter:blur(6px)}.panel54:nth-child(1){animation-delay:.95s}.panel54:nth-child(2){animation-delay:1.15s}.panel54:nth-child(3){animation-delay:1.35s}.panel54 .panel-main{display:grid;grid-template-columns:38px 1fr 45px;gap:12px;align-items:center}.panel54 .icon54{color:#91f2f4;font-size:28px;font-weight:300;align-self:start}.panel54 .label54{font-size:14px;line-height:1.2;color:#eef8fa}.panel54 .value54{font-size:clamp(27px,2.3vw,40px);font-weight:800;line-height:1.08;color:#98eef1;font-variant-numeric:tabular-nums;margin-top:6px;white-space:nowrap}.panel54 .value54.long{font-size:clamp(16px,1.45vw,24px)}.panel54 .unit54{display:block;color:#98eef1;font-size:16px;font-weight:700}.panel54 .spark54{height:54px;display:flex;align-items:end;gap:4px}.spark54 i{display:block;flex:1;max-width:3px;background:#89e4ea;height:var(--h)}.panel54 .footer54{border-top:1px solid #a3d4e43c;padding-top:9px;margin-top:10px;font-size:10.5px;text-align:right;color:#c9dce2}
.hero54 .bottom54{position:absolute;z-index:3;left:5.35%;bottom:3.5%;display:flex;gap:35px;color:#c2d6dd;align-items:end;animation:rise54 .7s 1.2s both}.bottom54 .trail54{border-left:1px solid #a3e9e8;padding-left:16px;font:600 10px/2.15 'IBM Plex Mono';letter-spacing:.11em;text-transform:uppercase}.bottom54 .statement54{border-left:1px solid #a3e9e850;padding-left:28px;font:500 11px/1.95 'IBM Plex Mono';letter-spacing:.16em;text-transform:uppercase}.bottom54 .statement54:before{content:'';display:block;width:35px;height:2px;background:#80e7e9;margin-bottom:13px}
.hero54 .live54{position:absolute;z-index:3;bottom:4%;right:13.5%;width:18%;max-width:310px;height:110px;background:#051925bb;border:1px solid #78aab944;border-radius:9px;padding:12px;animation:rise54 .7s 1.45s both}.live54 .title54{font:600 10px 'IBM Plex Mono';letter-spacing:.16em;color:#c4d5db}.live54 svg{width:100%;height:70px}.hero54 .footnote54{position:absolute;right:4.6%;bottom:2%;font-size:9px;color:#bdd2d8;opacity:.8;z-index:4}
@keyframes backIn{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes rise54{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes networkIn54{from{opacity:0}to{opacity:.85}}@keyframes drift54{to{stroke-dashoffset:-310}}@keyframes pulse54{0%{opacity:.8;transform:scale(.45)}70%,100%{opacity:0;transform:scale(2.8)}}
@media(max-width:1200px){.nav54 nav{gap:14px}.nav54 nav a{font-size:12px}.nav54 .o2b-brand{min-width:150px}.nav54 .ada-brand{min-width:135px}.panels54{width:25%;right:3%}.copy54{width:42%}.copy54 h1{font-size:clamp(43px,4.5vw,60px)}.hero54 .cleanmask54.left{width:45%}.hero54 .cleanmask54.right-lower{right:9%;width:24%;height:23%}.hero54 .artifactmask54.north-fix{left:43.8%;top:12%;width:11.6%;height:11.2%}.hero54 .artifactmask54.center-fix{left:42.4%;top:34.5%;width:14.5%;height:12.5%}.hero54 .artifactmask54.austral-fix{left:58.8%;top:69.2%;width:18.2%;height:14.8%}}
@media(max-width:900px){.hero54{height:auto;min-height:1040px;max-height:none}.nav54{height:92px;padding:17px 5% 0;gap:10px}.nav54 .menu-button{display:block;margin-left:auto}.nav54 nav{display:none;position:absolute;left:0;right:0;top:92px;background:#061824;flex-direction:column;padding:20px;align-items:flex-start;gap:14px}.nav54 .ada-brand{display:none}.hero54 .copy54{top:125px;left:6%;width:87%;max-width:690px}.copy54 h1{font-size:clamp(43px,6vw,65px)}.hero54 .network54{left:39%;top:42%;height:43%;width:35%}.hero54 .cleanmask54.left{top:8%;bottom:auto;height:45%;width:100%;background:linear-gradient(180deg,rgba(6,23,35,.42) 0%,rgba(6,23,35,.14) 60%,rgba(6,23,35,0) 100%)}.hero54 .cleanmask54.right-lower{display:none}.hero54 .artifactmask54.north-fix{left:41%;top:24%;width:20%;height:8%;opacity:.75}.hero54 .artifactmask54.center-fix{left:39%;top:42%;width:22%;height:7.5%;opacity:.68}.hero54 .artifactmask54.austral-fix{display:none}.region54{display:none}.panels54{top:58%;right:5%;width:42%;max-width:340px}.panel54{min-height:106px;padding:11px}.panel54 .panel-main{grid-template-columns:25px 1fr 22px;gap:5px}.panel54 .icon54{font-size:18px}.panel54 .label54{font-size:11px}.panel54 .value54{font-size:25px}.panel54 .value54.long{font-size:15px}.panel54 .unit54{font-size:11px}.panel54 .spark54{gap:2px;height:34px}.hero54 .bottom54{bottom:3%;left:6%}.hero54 .live54{display:none}}
@media(max-width:600px){.hero54{min-height:1150px}.hero54 .backdrop{background-position:55% center}.nav54 .o2b-brand{min-width:0}.hero54 .copy54{top:116px;left:5%;width:90%}.copy54 h1{font-size:clamp(39px,10vw,53px)}.copy54 p{font-size:16px}.copy54 .action-primary{min-width:0;padding:12px 16px}.copy54 .hero-actions{gap:12px}.hero54 .network54{left:30%;top:49%;width:52%;height:26%}.panels54{top:76%;left:5%;right:5%;width:90%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.panel54{min-height:119px;padding:9px 7px}.panel54 .panel-main{display:block}.panel54 .icon54,.panel54 .spark54{display:none}.panel54 .label54{font-size:10px;min-height:29px}.panel54 .value54{font-size:22px}.panel54 .value54.long{font-size:12px;white-space:normal}.panel54 .unit54{font-size:10px}.panel54 .footer54{font-size:8px;text-align:left}.hero54 .bottom54{display:none}.hero54 .footnote54{bottom:1%;left:5%;right:5%;text-align:left}}
@media(prefers-reduced-motion:reduce){.hero54 *, .hero54 *:before,.hero54 *:after{animation:none!important;scroll-behavior:auto!important}.network54 .ring{opacity:0!important}}

.panels54.solo{right:4.8%;top:22%;width:min(430px,27%)}
.panels54.solo .panel54{min-height:320px;padding:24px 24px 18px;border-radius:14px;background:linear-gradient(140deg,rgba(13,39,52,.95),rgba(4,17,28,.98));border:1px solid rgba(151,213,226,.62);box-shadow:0 16px 36px rgba(0,0,0,.26)}
.panels54.solo .panel54:nth-child(1){animation-delay:1.02s}
.panel54 .eyebrow54{font:600 11px/1.5 'IBM Plex Mono';letter-spacing:.16em;text-transform:uppercase;color:#b8d7dd;margin-bottom:16px;display:block}
.panel54 .thesis54{font:600 24px/1.22 'Source Serif 4',Georgia,serif;color:#f3fbfd;margin:0 0 14px;letter-spacing:-.02em}
.panel54 .solo-main54{display:grid;grid-template-columns:46px 1fr 56px;gap:14px;align-items:start}
.panel54 .solo-main54 .icon54{margin-top:4px}
.panel54 .leadvalue54{font-weight:800;font-size:clamp(34px,2.7vw,50px);line-height:1.02;letter-spacing:-.03em;color:#92edf1;font-variant-numeric:tabular-nums}
.panel54 .leadunit54{display:block;margin-top:4px;color:#92edf1;font-size:17px;font-weight:700}
.panel54 .support54{margin-top:16px;color:#e4f0f3;font-size:16px;line-height:1.36}
.panel54 .support54 strong{color:#fff}
.panel54 .panel-sub54{margin-top:18px;padding-top:14px;border-top:1px solid rgba(170,220,234,.22);font-size:13px;line-height:1.45;color:#cadddf}
.panel54 .footer54.solo-footer54{margin-top:16px;padding-top:12px;font-size:10.5px;text-align:left;color:#b8d0d6}
@media(max-width:1200px){.panels54.solo{width:min(390px,30%);right:3.2%;top:23%}.panels54.solo .panel54{min-height:300px}}
@media(max-width:900px){.panels54.solo{top:60%;right:5%;width:44%;max-width:360px}.panels54.solo .panel54{min-height:260px;padding:18px}.panel54 .thesis54{font-size:20px}.panel54 .leadvalue54{font-size:32px}.panel54 .support54{font-size:14px}}
@media(max-width:600px){.panels54.solo{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:none;padding:0 5%;margin-top:18px}.panels54.solo .panel54{min-height:auto}.panel54 .solo-main54{grid-template-columns:34px 1fr 36px;gap:10px}.panel54 .thesis54{font-size:19px}.panel54 .leadvalue54{font-size:29px}.panel54 .leadunit54{font-size:15px}.panel54 .support54,.panel54 .panel-sub54{font-size:13px}}

/* V5.6 — sistema de arte: maqueta visual aprobada, panel único y gráfico dual */
.hero54{min-height:940px;height:100svh;max-height:1150px;background:#06141f}
.hero54 .backdrop{filter:saturate(1.22) contrast(1.16) brightness(1.12)}
.hero54 .backdrop::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061722 0%,rgba(6,23,34,.99) 9%,rgba(6,23,34,.90) 29%,rgba(6,23,34,.15) 42%,transparent 49%,transparent 69%,rgba(6,20,30,.82) 75%,#06141f 85%,#06141f 100%),linear-gradient(180deg,rgba(4,14,24,.25) 0%,transparent 21%,transparent 63%,rgba(4,15,24,.3) 100%)}
.hero54:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 33% 48% at 57% 45%,rgba(22,101,124,.09),transparent 95%),radial-gradient(ellipse 40% 35% at 54% 78%,rgba(9,78,97,.08),transparent 95%)}
.nav54{height:116px;padding-top:22px;align-items:center;background:linear-gradient(180deg,rgba(3,15,25,.58),transparent)}
.nav54 .o2b-brand{transform:translateY(5px)}.nav54 .ada-brand{transform:translateY(5px)}
.hero54 .copy54{top:20.5%;width:39.5%}.copy54 h1{font-size:clamp(46px,4.32vw,73px);letter-spacing:-.046em}.copy54 h1 em{color:#8cf0ee}.copy54 p{max-width:525px}
.region54{color:#f1fbfd}.region54.austral{top:72%;left:42.8%}
.panels54.solo{top:17.6%;right:3.3%;width:min(495px,29.7%);max-width:none;display:block;margin:0;padding:0}
.economic56{background:linear-gradient(135deg,rgba(9,34,47,.96),rgba(4,19,30,.98));border:1px solid rgba(138,211,226,.61);border-radius:15px;padding:25px 27px 19px;box-shadow:0 14px 36px rgba(0,0,0,.26);animation:rise54 .8s .85s both}
.eco-kicker{font:600 10px/1.45 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#A4EFF0;display:flex;align-items:center;gap:18px;white-space:nowrap}.eco-icon{font:300 32px/1 'Source Sans 3';letter-spacing:0;color:#92eff1}
.eco-number{font:800 clamp(32px,2.8vw,48px)/1.05 'Source Sans 3',sans-serif;letter-spacing:-.027em;color:#f8fcfd;white-space:nowrap;margin:22px 0 2px 48px;font-variant-numeric:tabular-nums}
.eco-number span{display:block;font-size:clamp(23px,1.7vw,30px);line-height:1.1;color:#96eef0;letter-spacing:-.025em;margin-top:3px}
.eco-subline{font-size:clamp(17px,1.35vw,23px);line-height:1.1;font-weight:700;color:#9ceff0;margin:0 0 4px 48px}
.eco-time{font-size:14px;color:#eff9fa;margin:8px 0 20px 48px}
.eco-rule{height:1px;background:rgba(165,218,229,.5);margin:0 0 16px}
.eco-message{font-size:16px;line-height:1.4;color:#ecf8fb;margin:0 0 14px}.eco-disclaimer{font-size:10px;color:#a9c5cf;line-height:1.35;margin:0}
.hero54 .live54{top:54%;bottom:auto;right:3.3%;width:min(495px,29.7%);max-width:none;height:auto;padding:15px 18px 14px;border:1px solid rgba(133,201,216,.58);border-radius:14px;background:linear-gradient(130deg,rgba(7,31,43,.96),rgba(3,17,28,.98));box-shadow:0 14px 35px rgba(0,0,0,.2);animation:rise54 .8s 1.18s both}
.chart-top{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.chart-heading{display:flex;gap:13px;align-items:flex-start}.chart-mark{font-size:33px;line-height:1;color:#99f5f4}.chart-title{font:600 12px 'IBM Plex Mono';letter-spacing:.17em;color:#94eeee}.chart-heading p{font-size:12px;line-height:1.35;margin:7px 0 0;color:#d5e7ec}.chart-period{font:600 10px 'IBM Plex Mono';white-space:nowrap;padding:5px 9px;border:1px solid #5ccad4;border-radius:24px;color:#a7f1f2}
.chart-body{margin-top:12px}.axis-labels{display:flex;justify-content:space-between;color:#c1d4dd;font-size:10px;line-height:1.1;margin:0 5px 0}.chart-body svg{display:block;width:100%;height:auto;max-height:180px;overflow:visible;margin-top:1px}
.chart-legend{display:flex;flex-wrap:wrap;gap:17px;margin-top:1px}.chart-legend span{font-size:11px;color:#dbe9ee;display:flex;gap:7px;align-items:center}.chart-legend i{width:15px;height:2px;display:inline-block}.key-invest{background:#90f1f1}.key-proj{background:#e6b978}.chart-note{font-size:9px;line-height:1.4;color:#aac4cd;margin:9px 0 0}
.hero54 .bottom54{bottom:4%;}.hero54 .footnote54{bottom:1.2%;right:3.3%}
@media(min-width:1201px) and (max-height:990px){.hero54{min-height:940px}.panels54.solo{top:16.5%}.hero54 .live54{top:52%}.economic56{padding:19px 23px 13px}.eco-number{margin-top:15px}.eco-time{margin-bottom:12px}.chart-body svg{max-height:162px}.hero54 .bottom54{bottom:3%}}
@media(max-width:1200px){.panels54.solo{right:3%;width:30%}.hero54 .live54{right:3%;width:30%;top:53%}.economic56{padding:17px}.eco-kicker{font-size:9px;gap:9px}.eco-number{font-size:clamp(25px,2.9vw,37px);margin-left:0}.eco-number span{font-size:21px}.eco-subline,.eco-time{margin-left:0}.eco-subline{font-size:18px}.eco-message{font-size:14px}.chart-period{font-size:9px}.chart-heading p{font-size:11px}.chart-body svg{max-height:160px}}
@media(max-width:900px){.hero54{height:auto;max-height:none;min-height:1230px}.nav54{height:96px;padding-top:16px}.hero54 .copy54{top:126px;width:86%}.panels54.solo{top:58%;right:5%;width:43%;max-width:370px}.hero54 .live54{top:77%;right:5%;width:43%;max-width:370px;padding:12px}.economic56{padding:14px}.eco-number{font-size:27px}.eco-kicker{white-space:normal}.eco-message{font-size:13px}.eco-time{font-size:12px}.chart-note{font-size:8px}.hero54 .bottom54{bottom:3%}}
@media(max-width:600px){.hero54{min-height:0;padding-bottom:25px;display:flex;flex-direction:column}.hero54 .backdrop{background-position:55% center;filter:saturate(1.12) contrast(1.1) brightness(.9)}.hero54 .backdrop::after{background:linear-gradient(180deg,#061722 0%,rgba(6,23,34,.92) 15%,rgba(6,23,34,.38) 36%,rgba(6,23,34,.20) 57%,#061722 83%)}.hero54 .copy54{position:relative;top:auto;left:auto;width:auto;max-width:none;margin:122px 5% 265px}.copy54 h1{font-size:clamp(38px,10vw,49px)}.hero54 .network54{top:34%;height:23%;left:38%;width:42%}.region54{display:none}.panels54.solo{position:relative;top:auto;right:auto;left:auto;width:90%;max-width:none;margin:0 auto 14px}.economic56{padding:18px}.eco-number{font-size:34px}.eco-number span{font-size:25px}.eco-message{font-size:15px}.hero54 .live54{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:90%;max-width:none;margin:0 auto 138px;padding:15px}.chart-body svg{max-height:none}.hero54 .bottom54{bottom:28px;left:5%}.hero54 .footnote54{bottom:8px;right:5%;font-size:8px;max-width:45%;text-align:right}}
@media(prefers-reduced-motion:reduce){.economic56,.hero54 .live54,.investment-line,.projects-line{animation:none!important;opacity:1!important;transform:none!important}}

/* Separación visual del arte original: mostrar únicamente la banda territorial; no arrastrar tarjetas, textos ni gráfico de la referencia rasterizada. */
.hero54 .backdrop{filter:saturate(1.28) contrast(1.14) brightness(1.12);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 39%,rgba(0,0,0,.14) 43%,rgba(0,0,0,.93) 51%,#000 56%,rgba(0,0,0,.92) 61%,transparent 67%);mask-image:linear-gradient(90deg,transparent 0%,transparent 39%,rgba(0,0,0,.14) 43%,rgba(0,0,0,.93) 51%,#000 56%,rgba(0,0,0,.92) 61%,transparent 67%)}
.hero54 .backdrop::after{display:none}
.hero54{background:radial-gradient(ellipse 36% 53% at 54% 48%,#0a2c3b 0%,#071c2a 58%,#06141f 98%)}
.hero54:before{z-index:-1;background:radial-gradient(ellipse 34% 44% at 59% 42%,rgba(58,141,163,.12),transparent 90%),radial-gradient(ellipse 40% 26% at 42% 86%,rgba(18,81,104,.15),transparent 95%)}
.hero54 .copy54{top:19%;width:41%}
.copy54 h1{font-size:clamp(43px,4vw,70px)}
.hero54 .bottom54{z-index:5;bottom:3.5%}
.hero54 .live54,.panels54.solo{z-index:6}
@media(max-width:900px){.hero54 .backdrop{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 23%,#000 45%,#000 64%,transparent 80%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 23%,#000 45%,#000 64%,transparent 80%)}}
@media(max-width:600px){.hero54 .backdrop{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 62%,transparent 78%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 62%,transparent 78%)}.hero54 .copy54{top:auto;width:auto}}

/* Mobile graphic treatment and restore analytic panel hidden by V5.4 media rule. */
@media(max-width:900px){.hero54 .live54{display:block}}
@media(max-width:600px){.hero54 .backdrop{-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 28%,rgba(0,0,0,.2) 34%,#000 45%,#000 60%,transparent 80%);mask-image:linear-gradient(180deg,transparent 0%,transparent 28%,rgba(0,0,0,.2) 34%,#000 45%,#000 60%,transparent 80%)}.hero54 .live54{display:block}.hero54 .copy54{margin-bottom:290px}.chart-body svg{max-height:none}}

/* V5.11 — Paneles analíticos secundarios: conservan su contenido, reducen su masa visual. */
@media(min-width:1201px){
 .hero54 .panels54.solo{top:20%;right:4.2%;width:min(405px,25.5%)}
 .hero54 .economic56{padding:17px 20px 14px;background:linear-gradient(135deg,rgba(8,33,46,.79),rgba(4,20,31,.87));border-color:rgba(140,210,224,.32);box-shadow:0 9px 22px rgba(0,0,0,.13);border-radius:13px}
 .hero54 .eco-kicker{font-size:9px;gap:10px;color:#a0dfe4;letter-spacing:.10em}
 .hero54 .eco-icon{font-size:24px}
 .hero54 .eco-number{font-size:clamp(30px,2.42vw,39px);margin:13px 0 2px 34px}
 .hero54 .eco-number span{font-size:23px;margin-top:1px}
 .hero54 .eco-subline{font-size:17px;margin-left:34px}
 .hero54 .eco-time{font-size:12px;margin:6px 0 11px 34px}
 .hero54 .eco-rule{margin-bottom:10px;background:rgba(165,218,229,.28)}
 .hero54 .eco-message{font-size:13px;line-height:1.38;margin:0}
 .hero54 .live54{top:49%;right:4.2%;width:min(405px,25.5%);padding:12px 14px 11px;background:linear-gradient(135deg,rgba(7,31,43,.78),rgba(3,18,30,.88));border-color:rgba(140,210,224,.29);box-shadow:0 9px 22px rgba(0,0,0,.12);border-radius:12px}
 .hero54 .chart-mark{font-size:26px}.hero54 .chart-heading{gap:9px}.hero54 .chart-title{font-size:10px}
 .hero54 .chart-heading p{font-size:10px;margin-top:4px}.hero54 .chart-period{font-size:9px;padding:3px 7px;border-color:rgba(92,202,212,.45)}
 .hero54 .chart-body{margin-top:8px}.hero54 .axis-labels{font-size:9px}.hero54 .chart-body svg{max-height:145px}
 .hero54 .chart-legend{gap:12px}.hero54 .chart-legend span{font-size:10px}
}
@media(min-width:901px) and (max-width:1200px){
 .hero54 .panels54.solo{top:20%;right:3%;width:28%}
 .hero54 .live54{top:52%;right:3%;width:28%;padding:11px}
 .hero54 .economic56{padding:13px;background:rgba(5,25,38,.85);border-color:rgba(140,210,224,.30);box-shadow:0 8px 20px rgba(0,0,0,.12)}
 .hero54 .live54{background:rgba(5,25,38,.84);border-color:rgba(140,210,224,.28);box-shadow:0 8px 20px rgba(0,0,0,.12)}
 .hero54 .eco-number{font-size:clamp(24px,2.6vw,32px);margin-top:12px}
 .hero54 .eco-number span{font-size:19px}.hero54 .eco-subline{font-size:16px}
 .hero54 .eco-message{font-size:12px}.hero54 .chart-body svg{max-height:145px}
}
@media(max-width:900px){
 .hero54 .economic56,.hero54 .live54{background:rgba(5,25,38,.86);border-color:rgba(140,210,224,.33);box-shadow:0 9px 23px rgba(0,0,0,.13)}
}


/* V5.12 — Fondo continuo: elimina manchas radiales y suaviza la unión del arte territorial.
   Se conserva la banda territorial recortada para impedir que reaparezcan elementos rasterizados duplicados. */
.hero54{background:linear-gradient(90deg,#061722 0%,#071b28 37%,#092331 54%,#071b28 72%,#061722 100%)}
.hero54::before{content:none!important;background:none!important;box-shadow:none!important}
.hero54::after{content:none!important;background:none!important;box-shadow:none!important}
.hero54 .backdrop{
  filter:saturate(1.14) contrast(1.09) brightness(1.06);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 37%,rgba(0,0,0,.08) 41%,rgba(0,0,0,.34) 45%,rgba(0,0,0,.79) 49%,#000 53%,#000 59%,rgba(0,0,0,.80) 63%,rgba(0,0,0,.34) 67%,rgba(0,0,0,.08) 71%,transparent 75%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 37%,rgba(0,0,0,.08) 41%,rgba(0,0,0,.34) 45%,rgba(0,0,0,.79) 49%,#000 53%,#000 59%,rgba(0,0,0,.80) 63%,rgba(0,0,0,.34) 67%,rgba(0,0,0,.08) 71%,transparent 75%);
}
.hero54 .backdrop::after{display:none!important}
@media(max-width:900px){
 .hero54{background:linear-gradient(90deg,#061722,#08212e 51%,#061722)}
 .hero54 .backdrop{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 17%,rgba(0,0,0,.75) 37%,#000 47%,#000 58%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.1) 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 17%,rgba(0,0,0,.75) 37%,#000 47%,#000 58%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.1) 84%,transparent 100%);
 }
}
@media(max-width:600px){
 .hero54{background:linear-gradient(180deg,#061722 0%,#071c2a 35%,#08212d 54%,#061722 88%)}
 .hero54 .backdrop{
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 25%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.78) 44%,#000 50%,#000 58%,rgba(0,0,0,.78) 65%,rgba(0,0,0,.12) 74%,transparent 82%);
  mask-image:linear-gradient(180deg,transparent 0%,transparent 25%,rgba(0,0,0,.12) 33%,rgba(0,0,0,.78) 44%,#000 50%,#000 58%,rgba(0,0,0,.78) 65%,rgba(0,0,0,.12) 74%,transparent 82%);
 }
}

/* V5.21 - Capítulo 02 editorial: composición de una pantalla en escritorio */
.chapter2{background:#172732}
.chapter2 .chapter2-visual{min-height:100svh;background-position:center center;background-size:cover}
.chapter2 .chapter2-visual::before{background:linear-gradient(90deg,rgba(7,17,25,.78) 0%,rgba(7,17,25,.57) 33%,rgba(7,17,25,.14) 64%,rgba(7,17,25,.02) 100%),linear-gradient(180deg,rgba(7,17,25,.25) 0%,transparent 35%,rgba(7,17,25,.48) 100%)}
.chapter2 .chapter2-overlay{box-sizing:border-box;min-height:100svh;padding:clamp(66px,9vh,110px) 0 clamp(26px,5vh,60px);display:flex;flex-direction:column;justify-content:space-between;gap:36px}
.chapter2 .chapter2-text{max-width:740px;padding-right:0}
.chapter2 .kicker{margin-bottom:clamp(14px,2vh,24px);color:#e7d6bf}
.chapter2 h2{max-width:none;margin:0;font-size:clamp(38px,4.1vw,65px);line-height:1.04;text-wrap:balance;letter-spacing:-.035em}
.chapter2 h2 .accent{color:#f3d7ae}
.chapter2 .chapter2-summary{margin-top:clamp(20px,3.3vh,40px);max-width:610px;border-left:2px solid #e1be92;padding-left:22px}
.chapter2 .chapter2-summary p{font-size:clamp(15px,1.15vw,18px);line-height:1.54;color:#f4f1ed;margin:0 0 13px;text-shadow:0 2px 15px rgba(0,0,0,.45)}
.chapter2 .chapter2-summary p:last-child{margin-bottom:0}
.chapter2 .chapter2-bottom{display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:#f5e2c8;font:600 clamp(10px,.9vw,13px)/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;border-top:1px solid rgba(247,231,210,.48);padding-top:17px;max-width:850px;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.chapter2 .chapter2-bottom i{font-style:normal;color:#d9b98f;font-size:15px}
@media(max-width:900px){.chapter2 .chapter2-visual{background-position:59% center}.chapter2 .chapter2-overlay{padding:68px 0 38px;gap:32px}.chapter2 h2{font-size:clamp(37px,5.5vw,56px)}.chapter2 .chapter2-summary{max-width:560px}}
@media(max-width:640px){.chapter2 .chapter2-visual{min-height:100svh;background-position:65% center}.chapter2 .chapter2-visual::before{background:linear-gradient(90deg,rgba(7,17,25,.80),rgba(7,17,25,.36) 76%,rgba(7,17,25,.20)),linear-gradient(180deg,rgba(7,17,25,.30),rgba(7,17,25,.10) 35%,rgba(7,17,25,.65))}.chapter2 .chapter2-overlay{min-height:100svh;padding:66px 0 32px}.chapter2 h2{font-size:clamp(34px,8.5vw,46px);line-height:1.08}.chapter2 .chapter2-summary{padding-left:15px;margin-top:24px}.chapter2 .chapter2-summary p{font-size:15px;line-height:1.52}.chapter2 .chapter2-bottom{gap:8px 10px;font-size:10px;max-width:360px;padding-top:13px}}
@media(max-height:690px) and (min-width:641px){.chapter2 .chapter2-overlay{padding-top:44px;padding-bottom:25px;gap:15px}.chapter2 h2{font-size:clamp(34px,3.7vw,53px)}.chapter2 .chapter2-summary{margin-top:18px}.chapter2 .chapter2-summary p{font-size:15px;line-height:1.43;margin-bottom:9px}.chapter2 .chapter2-bottom{padding-top:10px}}

/* V5.22 — Capítulo 03: claridad después del ascenso. Sin alterar los capítulos 01/02. */
.chapter3{position:relative;isolation:isolate;background:#f4f0e7;color:#18343d;min-height:100svh;overflow:hidden;border-top:1px solid #d4cabc}
.chapter3::before{content:"";position:absolute;inset:0 0 auto;height:13px;background:linear-gradient(90deg,#afa18c,#eee6d8 55%,#fffdf7)}
.chapter3 .c3-wrap{width:min(1440px,89.3%);margin:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,0.91fr) minmax(0,1.09fr);gap:clamp(46px,5vw,100px);align-items:center;padding:clamp(74px,8vh,104px) 0}
.chapter3 .c3-kicker{font:600 11px/1.5 'IBM Plex Mono',monos;letter-spacing:.17em;color:#67817f;text-transform:uppercase;display:block;margin-bottom:27px}
.chapter3 h2{font:600 clamp(46px,4.4vw,73px)/1.04 'Source Serif 4',Georgia,serif;letter-spacing:-.043em;margin:0 0 28px;max-width:650px;text-wrap:balance;color:#1b353d}
.chapter3 h2 em{font-style:normal;color:#5c918c}
.chapter3 .c3-lead{max-width:570px;color:#455d63;font-size:clamp(17px,1.2vw,20px);line-height:1.57;margin:0 0 24px}
.chapter3 .c3-close{border-left:2px solid #6e9d98;padding-left:18px;max-width:480px;color:#31565c;font:700 15px/1.5 'Source Sans 3',sans-serif;margin:0}
.chapter3 .c3-stage{position:relative;padding:22px;border:1px solid #cbd6d0;border-radius:25px;background:linear-gradient(136deg,rgba(255,255,255,.74),rgba(219,231,224,.66));box-shadow:0 24px 74px rgba(39,62,59,.095);overflow:hidden}
.chapter3 .c3-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.9%,rgba(78,119,116,.09) 50%,transparent 50.1%)}
.chapter3 .c3-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#637b7b;font:600 10px/1.35 'IBM Plex Mono',monos;letter-spacing:.10em;margin:0 2px 17px;text-transform:uppercase}
.chapter3 .c3-heading i{height:1px;flex:1;background:#c6d4cd;margin:0 10px}
.chapter3 .c3-canvas{display:grid;grid-template-columns: minmax(0,.81fr) 42px minmax(0,1.19fr);gap:10px;align-items:center;min-height:380px}
.chapter3 .c3-document{background:#fdfbf6;border:1px solid #d8d7cc;border-radius:9px;padding:21px 19px;min-height:312px;box-shadow:0 14px 22px rgba(42,65,61,.07);transform:rotate(-2deg);position:relative}
.chapter3 .c3-document .c3-file{font:700 11px 'IBM Plex Mono',monos;color:#567775;letter-spacing:.1em;margin-bottom:21px}.chapter3 .c3-document .c3-title{font:600 22px/1.1 'Source Serif 4',Georgia,serif;color:#273d42;margin-bottom:20px}
.chapter3 .c3-document .c3-line{display:block;height:5px;margin-bottom:10px;border-radius:4px;background:#cbd2c8;opacity:.78}.chapter3 .c3-document .c3-line:nth-child(even){width:84%}.chapter3 .c3-document .c3-line:nth-child(odd){width:96%}.chapter3 .c3-document .c3-line.short{width:54%}
.chapter3 .c3-document .c3-stamp{position:absolute;bottom:20px;right:17px;border:1px solid #afbbb2;border-radius:4px;color:#869a91;font:700 9px 'IBM Plex Mono',monos;letter-spacing:.08em;padding:5px;transform:rotate(-9deg)}
.chapter3 .c3-arrow{color:#538f88;font-size:27px;text-align:center;font-weight:300}
.chapter3 .c3-system{display:grid;gap:8px;position:relative}.chapter3 .c3-systemhead{border-radius:11px;background:#173e45;color:#f6f7ef;padding:14px 16px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 12px 'Source Sans 3',sans-serif}.chapter3 .c3-systemhead span{font:600 10px 'IBM Plex Mono',monos;letter-spacing:.08em;color:#a8d7cc}
.chapter3 .c3-row{display:grid;grid-template-columns:23px minmax(0,1fr) 14px;gap:10px;align-items:center;padding:11px 12px;background:#fffdf8;border:1px solid #d9e0d8;border-radius:10px;box-shadow:0 3px 6px rgba(27,55,56,.025);font-size:12px;font-weight:700;color:#314e50}.chapter3 .c3-index{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#dbeae4;color:#427872;font:700 10px 'IBM Plex Mono',monos}.chapter3 .c3-check{font-size:13px;color:#4b9388;text-align:center}
.chapter3 .c3-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px 2px;font:700 10px 'IBM Plex Mono',monos;color:#407c75;letter-spacing:.06em;text-transform:uppercase}.chapter3 .c3-result b{color:#234c50}
.chapter3 .c3-foot{margin:19px 2px 2px;padding-top:13px;border-top:1px solid #cbd9d2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#627a78;font:600 10px/1.5 'IBM Plex Mono',monos;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:980px){.chapter3 .c3-wrap{grid-template-columns:1fr;gap:36px;min-height:0;padding:74px 0}.chapter3 h2{max-width:750px}.chapter3 .c3-stage{width:100%;max-width:790px}.chapter3 .c3-canvas{min-height:345px}}
@media(max-width:600px){.chapter3 .c3-wrap{width:90%;padding:64px 0}.chapter3 h2{font-size:clamp(39px,10.1vw,51px);margin-bottom:20px}.chapter3 .c3-kicker{margin-bottom:19px}.chapter3 .c3-lead{font-size:16px}.chapter3 .c3-stage{padding:14px;border-radius:16px}.chapter3 .c3-canvas{grid-template-columns:minmax(0,.8fr) 21px minmax(0,1.2fr);gap:5px;min-height:290px}.chapter3 .c3-document{padding:12px 10px;min-height:265px}.chapter3 .c3-document .c3-title{font-size:16px}.chapter3 .c3-document .c3-file{font-size:8px}.chapter3 .c3-document .c3-stamp{font-size:6px;right:8px;bottom:10px}.chapter3 .c3-arrow{font-size:18px}.chapter3 .c3-systemhead{padding:10px 8px;font-size:10px}.chapter3 .c3-systemhead span{font-size:7px}.chapter3 .c3-row{grid-template-columns:18px 1fr 10px;gap:5px;font-size:10px;padding:8px 6px}.chapter3 .c3-index{width:18px;height:18px;font-size:8px}.chapter3 .c3-result{font-size:8px}.chapter3 .c3-foot,.chapter3 .c3-heading{font-size:8px}}
@media(prefers-reduced-motion:reduce){.chapter3 *{animation:none!important;transition:none!important}}



.chapter3real{position:relative;background:linear-gradient(180deg,#f7f4ec 0%,#fbfaf6 100%);color:#17353d;padding:88px 0 108px;border-top:1px solid rgba(18,49,58,.08)}
.chapter3real::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,87,96,.16),transparent)}
.chapter3real .c3r-wrap{width:min(1440px,89.3%);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:start}
.chapter3real .c3r-copy{padding-top:8px}
.chapter3real .c3r-kicker{display:block;margin-bottom:18px;color:#2b7a77;font:700 11px/1.5 'IBM Plex Mono', monospace;letter-spacing:.16em;text-transform:uppercase}
.chapter3real h2{margin:0 0 22px;max-width:10.8ch;font:600 clamp(42px,4.5vw,68px)/1.02 'Source Serif 4', Georgia, serif;letter-spacing:-.038em;color:#1c353d;text-wrap:balance}
.chapter3real h2 em{display:block;font-style:normal;color:#2b7a77}
.chapter3real .c3r-lead{margin:0 0 18px;max-width:47ch;color:#455e65;font-size:18px;line-height:1.72}
.chapter3real .c3r-seq{display:flex;flex-wrap:wrap;gap:9px 8px;margin:26px 0 18px;padding:0;list-style:none}
.chapter3real .c3r-seq li{padding:10px 14px;border-radius:999px;border:1px solid rgba(43,122,119,.16);background:rgba(43,122,119,.07);color:#24444d;font:700 13px/1.2 'Source Sans 3',sans-serif;letter-spacing:.02em}
.chapter3real .c3r-note{margin:0;max-width:49ch;color:#6b7c82;font-size:15px;line-height:1.68}
.chapter3real .c3r-stage{position:relative;padding:18px;border:1px solid rgba(24,52,63,.10);border-radius:28px;background:linear-gradient(180deg,#ffffff 0%,#f2f7f4 100%);box-shadow:0 28px 84px rgba(22,45,55,.10)}
.chapter3real .c3r-stage::before{content:"";position:absolute;left:18px;top:18px;width:92px;height:8px;border-radius:999px;background:linear-gradient(90deg,#2f837f,#a6ded0);opacity:.55}
.chapter3real .c3r-viewer{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(24,52,63,.08);background:#ebf1ef;aspect-ratio:16/10}
.chapter3real .c3r-track{position:relative;width:100%;height:100%}
.chapter3real .c3r-slide,.chapter3real .c3r-end{position:absolute;inset:0;opacity:0;transform:translateX(4%);transition:opacity .8s ease,transform .8s ease;z-index:1}
.chapter3real .c3r-slide.active,.chapter3real .c3r-end.active{opacity:1;transform:translateX(0);z-index:2}
.chapter3real .c3r-slide img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.chapter3real .c3r-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:16px;background:rgba(9,22,30,.72);backdrop-filter:blur(10px);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.chapter3real .c3r-caption b{display:block;margin-bottom:4px;font:700 14px/1.2 'Source Sans 3',sans-serif;letter-spacing:.02em}
.chapter3real .c3r-caption span{display:block;color:rgba(255,255,255,.86);font-size:13px;line-height:1.45}
.chapter3real .c3r-end{display:flex;align-items:center;justify-content:center;padding:42px;text-align:center;background:radial-gradient(circle at 50% 26%,rgba(148,219,204,.34),rgba(148,219,204,0) 30%),linear-gradient(180deg,#163542 0%,#112933 100%);color:#fff}
.chapter3real .c3r-end small{display:block;margin-bottom:18px;color:#9cdccc;font:700 11px/1.5 'IBM Plex Mono', monospace;letter-spacing:.16em;text-transform:uppercase}
.chapter3real .c3r-end h3{margin:0 0 10px;max-width:10ch;font:600 clamp(30px,3.4vw,50px)/1.04 'Source Serif 4',Georgia,serif;letter-spacing:-.03em;text-wrap:balance}
.chapter3real .c3r-end p{margin:0;max-width:30ch;color:rgba(255,255,255,.82);font-size:15px;line-height:1.65}
.chapter3real .c3r-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.chapter3real .c3r-dots{display:flex;align-items:center;gap:8px}
.chapter3real .c3r-dots button{width:10px;height:10px;padding:0;border:none;border-radius:999px;background:#c5d4d1;cursor:pointer;transition:all .25s ease}
.chapter3real .c3r-dots button.active{width:28px;background:#2f837f}
.chapter3real .c3r-hint{font:700 12px/1.2 'Source Sans 3',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#748891}
.chapter3real .c3r-arrows{display:flex;gap:8px}
.chapter3real .c3r-arrows button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(24,52,63,.12);background:#fff;color:#21444f;font-size:17px;cursor:pointer;transition:all .25s ease}
.chapter3real .c3r-arrows button:hover{background:#f1f6f4;border-color:rgba(47,131,127,.28);color:#2f837f}
@media (max-width:1180px){.chapter3real .c3r-wrap{grid-template-columns:1fr;gap:30px}.chapter3real h2{max-width:12ch}.chapter3real .c3r-stage{max-width:900px}}
@media (max-width:900px){.chapter3real{padding:72px 0 86px}.chapter3real .c3r-lead{font-size:17px}.chapter3real .c3r-stage{padding:14px;border-radius:22px}.chapter3real .c3r-caption{left:14px;right:14px;bottom:14px;padding:12px 14px}}
@media (max-width:640px){.chapter3real h2{font-size:clamp(34px,8.8vw,52px)}.chapter3real .c3r-seq li{padding:9px 12px;font-size:12px}.chapter3real .c3r-viewer{aspect-ratio:4/3}.chapter3real .c3r-controls{flex-direction:column;align-items:flex-start}.chapter3real .c3r-hint{order:-1}.chapter3real .c3r-end{padding:28px}}

/* V5.24 | Capítulo 04 · Revelación cálida y acceso por necesidades */
.c4-sunrise{position:relative;isolation:isolate;overflow:hidden;color:#223943;background:linear-gradient(180deg,#e9dfc8 0%,#f7f3e9 16%,#fffdf7 47%,#f5f6f1 100%);padding:clamp(75px,8vw,118px) 0 95px}
.c4-sunrise .c4-sun{pointer-events:none;position:absolute;z-index:-1;top:-280px;right:-80px;width:min(83vw,1100px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,243,185,.98) 0%,rgba(255,220,136,.68) 17%,rgba(250,208,133,.32) 31%,rgba(255,236,188,.12) 49%,transparent 68%);filter:blur(6px)}
.c4-sunrise::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.6) 0%,transparent 43%),repeating-linear-gradient(0deg,transparent 0 117px,rgba(49,78,72,.027) 118px 119px)}
.c4-content{position:relative;z-index:1}
.c4-overline{display:flex;align-items:center;gap:13px;max-width:100%;margin:0;color:#234a63;font:700 clamp(13px,1.06vw,16px)/1.35 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 10px rgba(3,21,32,.08)}
.c4-overline::before{content:"";display:block;flex:0 0 5px;width:5px;height:44px;border-radius:4px;background:#234a63;box-shadow:0 0 10px rgba(35,74,99,.18)}
.c4-overline span{display:block}
.c4-header{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(285px,.7fr);gap:clamp(35px,6vw,95px);align-items:end;margin:38px 0 54px}
.c4-header h2{margin:0;max-width:14ch;font:600 clamp(42px,5.1vw,78px)/1.045 'Source Serif 4',Georgia,serif;letter-spacing:-.045em;color:#223942;text-wrap:balance}
.c4-header h2 em{display:block;margin-top:12px;font-style:normal;color:#b47c41}
.c4-header-side{padding-bottom:10px}
.c4-header-side p{font-size:clamp(16px,1.25vw,19px);line-height:1.62;color:#465d5f;margin:0 0 25px}
.c4-sunline{display:flex;align-items:center;gap:12px;font:700 11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:#98784b}
.c4-sunline span{display:block;width:35px;height:1px;background:#ad8c5b}
.c4-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c4-question{background:rgba(255,255,255,.82);border:1px solid rgba(66,89,81,.16);border-radius:14px;box-shadow:0 8px 28px rgba(39,57,53,.035);overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}
.c4-question[open]{background:#fff;border-color:#a5beb4;box-shadow:0 13px 35px rgba(37,78,70,.075)}
.c4-question summary{cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) 28px;align-items:start;gap:16px;padding:22px 22px 23px;list-style:none;min-height:138px}
.c4-question summary::-webkit-details-marker{display:none}
.c4-n{font:700 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#b18b59;padding-top:5px}
.c4-q{font:700 clamp(19px,1.43vw,24px)/1.25 'Source Sans 3',sans-serif;letter-spacing:-.017em;color:#213e44}
.c4-plus{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b6c9c0;border-radius:50%;color:#28726b;font-size:20px;line-height:1;transition:transform .25s,background .25s}
.c4-question[open] .c4-plus{transform:rotate(45deg);background:#e9f6ee}
.c4-question summary:hover .c4-q{color:#207367}
.c4-question summary:focus-visible{outline:3px solid #83bcb1;outline-offset:-4px}
.c4-answer{padding:0 25px 23px 78px;border-top:1px solid rgba(60,101,91,.12)}
.c4-service{display:block;margin-top:20px;font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.125em;color:#a87941}
.c4-answer p{color:#4a6062;font-size:15px;line-height:1.62;margin:10px 0 14px}
.c4-answer a{color:#126f68;font-weight:700;font-size:13px;text-decoration:none;border-bottom:1px solid #74a99f;padding-bottom:3px}
.c4-answer a:hover{color:#0c514a}
.c4-integrity{margin-top:23px;padding:31px 36px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#e9efea;border:1px solid #c6dbd0;border-radius:16px}
.c4-security-kicker{font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#277a70}
.c4-integrity h3{font:600 clamp(25px,2.3vw,35px)/1.1 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;color:#203b41;margin:8px 0 8px}
.c4-integrity p{font-size:15px;color:#4b6163;line-height:1.6;max-width:760px;margin:0}
.c4-integrity-symbol{color:#4e9a8c;font:300 77px/1 'Source Sans 3',sans-serif}
.c4-outro{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:48px 0 0}
.c4-result-overline{display:block;font:700 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#94734d;margin-bottom:13px}
.c4-outro strong{font:600 clamp(33px,3.2vw,49px)/1.1 'Source Serif 4',Georgia,serif;letter-spacing:-.028em;color:#213d43}
.c4-outro strong em{font-style:normal;color:#a97842}
.c4-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;white-space:nowrap;padding:16px 22px;border-radius:99px;background:#246b65;color:#fff!important;text-decoration:none;font-weight:800;font-size:14px;transition:background .2s,transform .2s}
.c4-contact:hover{background:#194f4a;transform:translateY(-2px)}
@media(max-width:1050px){.c4-header{grid-template-columns:1fr;gap:24px}.c4-header h2{max-width:18ch}.c4-header-side{max-width:650px}}
@media(max-width:760px){.c4-sunrise{padding:72px 0 80px}.c4-questions{grid-template-columns:1fr}.c4-question summary{min-height:auto}.c4-header{margin:27px 0 34px}.c4-overline{gap:10px;font-size:13px}.c4-overline::before{height:34px;flex-basis:4px;width:4px}.c4-integrity{padding:24px}.c4-integrity-symbol{display:none}.c4-outro{align-items:start;flex-direction:column;gap:27px}}
@media(max-width:480px){.c4-question summary{grid-template-columns:27px minmax(0,1fr) 24px;gap:10px;padding:18px 14px}.c4-q{font-size:19px}.c4-answer{padding:0 19px 20px 51px}.c4-contact{white-space:normal;width:100%}}
@media(max-width:600px){.c4-overline{font-size:12px;letter-spacing:.10em}.c4-overline::before{height:28px}}
@media(prefers-reduced-motion:reduce){.c4-question,.c4-plus,.c4-contact{transition:none!important}}

/* V5.25 · Chapter 05 */
.chapter5{position:relative;isolation:isolate;overflow:hidden;background:#f1eee5;color:#213b41;border-top:1px solid #ded8c8;min-height:100svh;display:flex;align-items:center}
.chapter5::before{content:"";position:absolute;inset:0 0 auto;height:13px;background:linear-gradient(90deg,#d8d3c4,#fff7e4 60%,#e9ddc0)}
.c5-shell{width:min(1380px,89%);margin:auto;padding:clamp(46px,5.2vh,64px) 0 clamp(38px,4.2vh,54px);display:grid;gap:clamp(24px,3.2vh,34px)}
.c5-overline{display:flex;align-items:center;gap:16px;color:#285d7b;font:700 clamp(12px,0.88vw,14px)/1.35 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.c5-overline::before{content:"";display:block;flex:0 0 4px;width:4px;height:46px;border-radius:6px;background:linear-gradient(180deg,#143b54,#2d6388);box-shadow:0 0 10px rgba(43,88,119,.12)}
.c5-opening{display:grid;gap:22px}
.c5-headline{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:end;gap:clamp(36px,5.2vw,96px)}
.c5-opening h2{font:600 clamp(46px,4.7vw,76px)/1.02 'Source Serif 4',Georgia,serif;letter-spacing:-.045em;color:#203840;max-width:11.5ch;margin:0;text-wrap:balance}
.c5-opening h2 em{display:block;font-style:normal;color:#467f76}
.c5-opening p{font:400 clamp(18px,1.3vw,22px)/1.62 'Source Sans 3',sans-serif;color:#4b6267;max-width:31ch;margin:0 0 6px}
.c5-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:clamp(18px,1.8vw,26px);margin:4px 0 0}
.c5-rail{position:absolute;left:0;right:0;top:19px;height:1px;background:linear-gradient(90deg,#488c81,#8caaa3,#d1ccc0);z-index:0}
.c5-step{position:relative;padding-top:52px;min-width:0}
.c5-node{position:absolute;top:0;left:0;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #71a49b;background:#e3eee6;color:#2d726a;font:700 11px 'IBM Plex Mono',monos;z-index:1;box-shadow:0 0 0 7px #f1eee5}
.c5-step:last-child .c5-node{background:#2c746d;color:white;border-color:#2c746d}
.c5-step>span{color:#668279;font:700 10px/1.5 'IBM Plex Mono',monos;letter-spacing:.14em}
.c5-step h3{margin:10px 0 10px;color:#203b40;font:600 clamp(22px,1.8vw,30px)/1.12 'Source Serif 4',Georgia,serif;letter-spacing:-.02em;max-width:13ch}
.c5-step p{font:400 clamp(15px,1.02vw,17px)/1.55 'Source Sans 3',sans-serif;color:#51666a;max-width:25ch;margin:0}
.c5-conclusion{display:flex;align-items:center;gap:28px;margin:0;padding:20px 24px;background:#e2e9df;border-left:3px solid #438277;border-radius:0 14px 14px 0}
.c5-conclusion span{font:700 10px/1.45 'IBM Plex Mono',monos;letter-spacing:.14em;color:#477a72;min-width:170px}
.c5-conclusion p{margin:0;color:#25464b;font:600 clamp(24px,2vw,32px)/1.15 'Source Serif 4',Georgia,serif;text-wrap:balance}
@media(max-width:1120px){.chapter5{min-height:auto;display:block}.c5-shell{padding:74px 0 72px}.c5-headline{grid-template-columns:1fr;gap:20px}.c5-opening h2{max-width:12ch}.c5-opening p{max-width:42ch}.c5-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.c5-rail{display:none}}
@media(max-width:640px){.c5-shell{width:90%;padding:64px 0 64px}.c5-overline{font-size:12px;gap:13px}.c5-overline::before{height:34px}.c5-opening h2{font-size:clamp(40px,11vw,56px)}.c5-opening p{font-size:17px;line-height:1.58}.c5-timeline{grid-template-columns:1fr;gap:12px}.c5-step{padding:6px 0 22px 57px;border-left:1px solid #9db6ac;margin-left:18px}.c5-node{left:-20px;top:0}.c5-step p{max-width:none}.c5-conclusion{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}.c5-conclusion p{font-size:23px}}


/* V5.63 — Hoja 5B restaurada como página independiente */
.chapter5b{position:relative;isolation:isolate;overflow:hidden;background:#f1eee5;color:#213b41;border-top:1px solid #d9d4c7;min-height:100svh;display:flex;align-items:center}
.chapter5b::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(90deg,#d8d3c4,#fff7e4 60%,#e9ddc0)}
.c5b-shell{width:min(1380px,89%);margin:auto;padding:clamp(58px,6.5vh,84px) 0 clamp(54px,6vh,76px)}
.c5b-overline{display:flex;align-items:center;gap:16px;color:#285d7b;font:700 clamp(12px,.88vw,14px)/1.35 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}
.c5b-overline::before{content:"";display:block;flex:0 0 4px;width:4px;height:44px;border-radius:6px;background:linear-gradient(180deg,#143b54,#2d6388);box-shadow:0 0 10px rgba(43,88,119,.12)}
.c5b-human{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(34px,5vw,82px);align-items:start}
.c5b-human-intro h3{margin:0 0 18px;color:#203840;max-width:13ch;font:600 clamp(38px,3.5vw,54px)/1.06 'Source Serif 4',Georgia,serif;letter-spacing:-.035em}
.c5b-human-intro p{margin:0;max-width:37ch;color:#586c6c;font:400 17px/1.62 'Source Sans 3',sans-serif}
.c5b-persons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c5b-person{padding:clamp(24px,2.4vw,34px);border:1px solid #d5ded4;border-radius:18px;background:#faf9f3;box-shadow:0 16px 38px rgba(37,62,57,.035)}
.c5b-person>span{font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#739288}
.c5b-person h4{margin:18px 0 13px;color:#1c3a41;font:600 29px/1.15 'Source Serif 4',Georgia,serif}
.c5b-person p{margin:0;color:#53666b;font:400 15px/1.58 'Source Sans 3',sans-serif}
.c5b-partner{margin-top:34px;padding:clamp(26px,3vw,42px);border-radius:22px;background:#193a40;color:#eff6ed;box-shadow:0 24px 65px rgba(14,45,49,.15)}
.c5b-partner-top{display:grid;grid-template-columns:.92fr 1.08fr;column-gap:50px;align-items:end}
.c5b-partner-top .c5b-label{grid-column:1/-1;margin-bottom:14px;color:#9dccbd;font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.c5b-partner h3{margin:0;font:600 clamp(32px,3.4vw,50px)/1.05 'Source Serif 4',Georgia,serif;letter-spacing:-.035em}
.c5b-partner h3 em{font-style:normal;color:#9ad4bd}
.c5b-partner-top p{margin:0;color:#c4d8d5;font:400 16px/1.58 'Source Sans 3',sans-serif;max-width:490px}
.c5b-partner-columns{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);padding:22px 0;margin-top:26px}
.c5b-partner-columns>div{display:flex;flex-direction:column;gap:8px}.c5b-partner-columns strong{font:700 clamp(25px,3vw,40px)/1 'Source Sans 3',sans-serif;letter-spacing:-.045em}.c5b-partner-columns span{color:#afc9c5;font-size:13px;line-height:1.45}.c5b-partner-columns b{font:300 33px 'Source Serif 4',serif;color:#93caba;text-align:center}
.c5b-partner-note{margin:17px 0 0;color:#bdd4d0;font-size:14px;line-height:1.5}
@media(max-width:1020px){.chapter5b{min-height:auto;display:block}.c5b-shell{padding:70px 0}.c5b-human,.c5b-partner-top{grid-template-columns:1fr;gap:24px}.c5b-human-intro h3{max-width:none}.c5b-persons{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.c5b-shell{width:90%;padding:62px 0}.c5b-persons{grid-template-columns:1fr}.c5b-partner-columns{grid-template-columns:1fr 28px 1fr;gap:8px}.c5b-person h4{font-size:27px}.c5b-overline{font-size:12px}.c5b-overline::before{height:34px}}

/* V5.26 — evidence and conversion */
.chapter6{position:relative;background:#e9eee9;color:#173740;padding:clamp(92px,9vw,150px) 0 clamp(100px,10vw,160px);overflow:hidden}
.chapter6:before{content:"";position:absolute;inset:0 0 auto;height:15px;background:linear-gradient(90deg,#d2dacf,#faf9f2 45%,#c5ded5)}
.chapter6 .c6-wrap,.chapter7 .c7-wrap{width:min(1390px,89.3%);margin:auto;position:relative;z-index:1}
.chapter6 .c6-label,.chapter7 .c7-label{display:block;font:700 11px/1.5 'IBM Plex Mono',monos;letter-spacing:.16em;text-transform:uppercase;color:#347971;margin-bottom:21px}
.chapter6 .c6-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:44px}
.chapter6 h2{font:600 clamp(42px,4.5vw,70px)/1.04 'Source Serif 4',Georgia,serif;letter-spacing:-.043em;margin:0;max-width:14ch;color:#183841;text-wrap:balance}
.chapter6 .c6-head p{font-size:clamp(17px,1.3vw,20px);line-height:1.66;color:#49646a;margin:0 0 5px;max-width:47ch}
.chapter6 .c6-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}
.chapter6 .c6-feature{grid-row:span 2;background:#153942;color:#fff;border-radius:23px;padding:clamp(26px,3.1vw,47px);display:flex;flex-direction:column;min-height:540px;box-shadow:0 22px 55px rgba(26,57,55,.13);position:relative;overflow:hidden}
.chapter6 .c6-feature:before{content:"";position:absolute;right:-80px;top:-80px;width:400px;height:400px;border:1px solid rgba(154,218,202,.2);border-radius:50%;box-shadow:0 0 0 75px rgba(154,218,202,.035),0 0 0 150px rgba(154,218,202,.025);pointer-events:none}
.chapter6 .c6-index{color:#a9d9cb;font:700 11px/1.5 'IBM Plex Mono',monos;letter-spacing:.13em;text-transform:uppercase;position:relative}
.chapter6 .c6-feature h3{font:600 clamp(31px,3.3vw,49px)/1.07 'Source Serif 4',Georgia,serif;letter-spacing:-.03em;max-width:13ch;margin:45px 0 18px;position:relative}
.chapter6 .c6-feature p{max-width:48ch;font-size:17px;line-height:1.63;color:#ccdedb;position:relative}
.chapter6 .c6-figures{display:flex;gap:28px;flex-wrap:wrap;margin:auto 0 31px;padding-top:35px;position:relative}
.chapter6 .c6-figures div{display:flex;flex-direction:column;gap:5px}
.chapter6 .c6-figures b{font:600 clamp(30px,3.2vw,46px)/1 'Source Serif 4',Georgia,serif;color:#d4ebdf}
.chapter6 .c6-figures span{font:600 12px/1.4 'Source Sans 3',sans-serif;color:#bed4cd;max-width:120px}
.chapter6 .c6-link{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;font:700 13px/1.4 'Source Sans 3',sans-serif;letter-spacing:.03em;text-decoration:none;color:#11353a;background:#b8dfcf;padding:13px 18px;border-radius:999px;transition:transform .2s ease,background .2s ease;position:relative}
.chapter6 .c6-link:hover{background:#d7f0e3;transform:translateY(-2px)}
.chapter6 .c6-tile{background:#fffefa;color:#25454d;border:1px solid #cfddd7;border-radius:23px;padding:clamp(25px,2.5vw,34px);display:flex;flex-direction:column;min-height:260px}
.chapter6 .c6-tile:nth-child(3){background:#f6f5ed}
.chapter6 .c6-tile .c6-index{color:#59847b}
.chapter6 .c6-tile h3{font:600 clamp(25px,2.4vw,35px)/1.13 'Source Serif 4',Georgia,serif;letter-spacing:-.024em;margin:19px 0 13px;max-width:18ch}
.chapter6 .c6-tile p{font-size:15px;color:#597077;line-height:1.6;margin:0 0 20px;max-width:55ch}
.chapter6 .c6-tile a{margin-top:auto;width:max-content;max-width:100%;color:#206e68;text-decoration:none;font:700 13px/1.4 'Source Sans 3',sans-serif;border-bottom:1px solid #a7c7b8;padding-bottom:4px}
.chapter6 .c6-foot{display:flex;align-items:center;gap:18px;margin-top:28px;color:#54716e;font:600 13px/1.5 'Source Sans 3',sans-serif;letter-spacing:.03em}
.chapter6 .c6-foot:before{content:"";width:46px;height:1px;background:#77a096}
.chapter7{position:relative;background:radial-gradient(circle at 78% 39%,rgba(148,216,194,.15),transparent 27%),linear-gradient(136deg,#163b42 0%,#0b2832 72%);color:#fff;min-height:86svh;display:flex;align-items:center;overflow:hidden;padding:clamp(108px,11vw,170px) 0 clamp(95px,10vw,155px)}
.chapter7:before{content:"";position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(110deg,transparent 0 119px,rgba(162,224,202,.065) 120px,transparent 121px);pointer-events:none}
.chapter7:after{content:"";position:absolute;width:55vw;height:55vw;max-width:900px;max-height:900px;right:-16vw;top:-25vw;border:1px solid rgba(162,224,202,.13);border-radius:50%;box-shadow:0 0 0 95px rgba(162,224,202,.018),0 0 0 200px rgba(162,224,202,.012);pointer-events:none}
.chapter7 .c7-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.53fr);gap:70px;align-items:end}
.chapter7 .c7-label{color:#9bd5c4}
.chapter7 h2{max-width:15ch;font:600 clamp(49px,5.6vw,86px)/1.025 'Source Serif 4',Georgia,serif;letter-spacing:-.045em;margin:0 0 29px;text-wrap:balance;color:#fff}
.chapter7 h2 em{font-style:normal;color:#a8dcca}
.chapter7 .c7-intro{font-size:clamp(17px,1.35vw,21px);line-height:1.68;color:#d0e0df;max-width:57ch;margin:0 0 32px}
.chapter7 .c7-actions{display:flex;gap:12px;flex-wrap:wrap}
.chapter7 .c7-primary,.chapter7 .c7-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;padding:13px 21px;font:700 13px/1.2 'Source Sans 3',sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,background .2s ease}
.chapter7 .c7-primary{background:#b4e6d3;color:#12383d}
.chapter7 .c7-secondary{border:1px solid rgba(219,247,237,.46);color:#e0f1ea;background:rgba(255,255,255,.04)}
.chapter7 .c7-primary:hover,.chapter7 .c7-secondary:hover{transform:translateY(-2px)}
.chapter7 .c7-primary:hover{background:#dcf2e4}
.chapter7 .c7-secondary:hover{background:rgba(255,255,255,.11)}
.chapter7 .c7-aside{border-left:1px solid rgba(181,220,209,.29);padding:5px 0 5px 30px;align-self:center}
.chapter7 .c7-aside span{color:#a3d9c9;font:700 11px/1.5 'IBM Plex Mono',monos;letter-spacing:.12em;text-transform:uppercase}
.chapter7 .c7-aside p{font:500 clamp(23px,2.25vw,32px)/1.24 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;color:#eef8f2;margin:17px 0}
.chapter7 .c7-aside small{font-size:13px;line-height:1.6;color:#b7cbc7;display:block}
@media(max-width:1100px){.chapter6 .c6-head{grid-template-columns:1fr;gap:20px}.chapter7 .c7-wrap{grid-template-columns:1fr;gap:50px}.chapter7 .c7-aside{max-width:500px}}
@media(max-width:800px){.chapter6 .c6-grid{grid-template-columns:1fr}.chapter6 .c6-feature{grid-row:auto;min-height:490px}.chapter6 .c6-tile{min-height:240px}.chapter7{min-height:auto}}
@media(max-width:560px){.chapter6 .c6-wrap,.chapter7 .c7-wrap{width:88%}.chapter6 .c6-figures{gap:19px}.chapter6 .c6-feature{min-height:490px}.chapter6 .c6-feature h3{margin-top:36px}.chapter7 h2{font-size:clamp(40px,11vw,59px)}.chapter7 .c7-aside{padding-left:19px}.chapter7 .c7-actions a{width:100%}}
@media(max-width:980px){.c6-proof-content{grid-template-columns:1fr;gap:22px}.c6-project-counter{align-items:flex-start;text-align:left;padding:4px 0 0}.c6-counter-value{font-size:clamp(70px,14vw,112px)}}
@media(prefers-reduced-motion:reduce){.chapter6 .c6-link,.chapter7 .c7-primary,.chapter7 .c7-secondary{transition:none}}


/* V5.27 — revisión focalizada de UX del capítulo 01 */
.hero54 .copy54 .eyebrow54{display:flex;align-items:center;gap:13px;font:700 clamp(13px,1.06vw,16px)/1.35 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#adf7f1;margin-bottom:24px;text-shadow:0 1px 10px rgba(3,21,32,.36)}
.hero54 .copy54 .eyebrow54::before{content:"";display:block;flex:0 0 3px;width:3px;height:23px;border-radius:4px;background:#a7f3ee;box-shadow:0 0 12px rgba(147,239,237,.35)}
.nav54{position:fixed;top:0;left:0;right:0;height:112px;padding-top:13px;z-index:9998;background:linear-gradient(180deg,rgba(5,22,33,.985),rgba(6,24,36,.96));border-bottom:1px solid rgba(164,215,221,.13);transition:height .28s ease,padding .28s ease,box-shadow .28s ease,background .28s ease;isolation:isolate}
.nav54.is-scrolled{height:78px;padding-top:0;background:rgba(6,24,36,.97);box-shadow:0 9px 30px rgba(2,15,23,.17);backdrop-filter:blur(12px)}
.nav54 .o2b-brand,.nav54 .ada-brand{transform:none;transition:transform .28s ease}
.nav54 nav{gap:clamp(16px,2.08vw,33px)}
.nav54 nav a{font-size:15px;font-weight:650;letter-spacing:.005em;line-height:1.45;text-shadow:0 1px 5px rgba(0,0,0,.2);transition:color .2s ease}
.nav54 nav a:last-child{color:#b1f4ee}
.nav54 nav a:hover,.nav54 nav a:focus-visible{color:#92eff1;outline-offset:5px}
.hero54 .chart-body svg g[font-size="8.2"]{font-size:9.2px}
.hero54 .chart-body svg g[font-size="8"]{font-size:9px}
.hero54 .chart-period{letter-spacing:.01em}
html{scroll-padding-top:86px}
section[id]{scroll-margin-top:85px}
@media(max-width:1200px){.nav54 nav{gap:clamp(10px,1.1vw,17px)}.nav54 nav a{font-size:13px}.nav54 .o2b-brand{min-width:150px}.nav54 .ada-brand{min-width:135px}}
@media(max-width:900px){.nav54{height:96px;padding-top:10px}.nav54.is-scrolled{height:76px}.nav54 nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(6,24,36,.985);padding:20px 6%;gap:16px;align-items:flex-start;flex-direction:column;border-bottom:1px solid rgba(164,215,221,.17)}.nav54.is-open nav{display:flex}.nav54 nav a{font-size:16px}.nav54 .copy54 .eyebrow54{font-size:13px}}
@media(max-width:600px){.nav54{height:91px;padding-top:9px}.nav54.is-scrolled{height:72px}.hero54 .copy54 .eyebrow54{font-size:12px;letter-spacing:.115em;gap:10px}.hero54 .copy54 .eyebrow54::before{height:20px}}
@media(prefers-reduced-motion:reduce){.nav54,.nav54 .o2b-brand,.nav54 .ada-brand{transition:none}}


/* V5.29: encabezado con geometría invariable durante el scroll. */
.nav54,.nav54.is-scrolled{
  height:112px;
  padding-top:13px;
  box-sizing:border-box;
  align-items:center;
  transform:none;
  transition:background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.nav54.is-scrolled{background:rgba(6,24,36,.97);box-shadow:0 9px 30px rgba(2,15,23,.17)}
.nav54 .o2b-brand,.nav54 .ada-brand{transform:none!important;transition:none}
.nav54 .ada-brand{color:#fff}
.nav54 .ada-brand small{color:#dce9ed}
.nav54 .ada-brand strong{color:#fff}
.nav54 .ada-brand strong::before{color:#91f2f4}
@media(max-width:900px){.nav54,.nav54.is-scrolled{height:96px;padding-top:10px}}
@media(max-width:600px){.nav54,.nav54.is-scrolled{height:91px;padding-top:9px}}

/* V5.30 — despeje del extremo norte del mapa sin alterar la geometría del menú.
   El ajuste se limita a las capas cartográficas del hero en escritorio. */
@keyframes backInMap30 {
  from {opacity:0;transform:translateY(30px) scale(.985)}
  to   {opacity:1;transform:translateY(30px) scale(.965)}
}
@media (min-width:901px) {
  .hero54 .backdrop {
    animation:backInMap30 1.2s ease-out both;
    transform:translateY(30px) scale(.965);
    transform-origin:50% 50%;
  }
  .hero54 .network54 {
    top:calc(6% + 30px);
    height:84%;
  }
  .hero54 .region54.north   {top:calc(15% + 30px)}
  .hero54 .region54.center  {top:calc(35% + 30px)}
  .hero54 .region54.south   {top:calc(53.6% + 30px)}
  .hero54 .region54.austral {top:calc(72% + 30px)}
  .hero54 .artifactmask54.north-fix   {top:calc(10.8% + 30px)}
  .hero54 .artifactmask54.center-fix  {top:calc(32.2% + 30px)}
  .hero54 .artifactmask54.austral-fix {top:calc(67.8% + 30px)}
}


/* V5.31 — Capítulo 02: distribución vertical adaptada a la altura del escritorio.
   No modifica la fotografía, textos, encabezado global ni capítulos restantes. */
@media (min-width:901px) {
  .chapter2 .chapter2-visual {
    height:100svh;
    min-height:0;
    background-position:center center;
  }
  .chapter2 .chapter2-overlay {
    height:100svh;
    min-height:0;
    box-sizing:border-box;
    padding-top:clamp(112px,13.2svh,142px);
    padding-bottom:clamp(22px,3svh,38px);
    gap:clamp(12px,2svh,26px);
    justify-content:space-between;
  }
  .chapter2 .chapter2-text { max-width:780px; }
  .chapter2 .kicker {margin-bottom:clamp(8px,1.35svh,16px)}
  .chapter2 h2 {
    font-size:clamp(37px,3.7vw,61px);
    line-height:1.035;
  }
  .chapter2 .chapter2-summary {
    margin-top:clamp(12px,2svh,25px);
    max-width:660px;
    padding-left:18px;
  }
  .chapter2 .chapter2-summary p {
    font-size:clamp(15px,1.04vw,17px);
    line-height:1.43;
    margin-bottom:9px;
  }
  .chapter2 .chapter2-bottom {
    flex-shrink:0;
    gap:12px;
    padding-top:clamp(8px,1.4svh,14px);
  }
}
/* Portátiles de menor altura: evitar que la franja superior y el cierre se corten. */
@media (min-width:901px) and (max-height:800px) {
  .chapter2 .chapter2-overlay {
    padding-top:104px;
    padding-bottom:22px;
    gap:12px;
  }
  .chapter2 h2 {font-size:clamp(35px,3.35vw,53px);line-height:1.015}
  .chapter2 .chapter2-summary {margin-top:12px}
  .chapter2 .chapter2-summary p {font-size:15px;line-height:1.38;margin-bottom:7px}
  .chapter2 .chapter2-bottom {padding-top:9px;font-size:11px}
}
/* Resoluciones pequeñas en ancho: altura natural para no ocultar contenido. */
@media (max-width:900px) {
  .chapter2 .chapter2-visual,
  .chapter2 .chapter2-overlay {height:auto;min-height:100svh}
}


/* V5.32: Chapter 02 uses explicit grid rows, keeping the closing sequence inside the viewport. */
@media (min-width:901px) {
  #narrativa .chapter2-visual {height:100svh; min-height:0; box-sizing:border-box;}
  #narrativa .chapter2-overlay {
    height:100svh; min-height:0; box-sizing:border-box;
    display:grid; grid-template-rows:minmax(0,1fr) auto;
    align-items:stretch; align-content:stretch; justify-content:normal;
    row-gap:12px;
    padding-top:clamp(106px,12svh,126px);
    padding-bottom:clamp(24px,3.5svh,36px);
  }
  #narrativa .chapter2-text {align-self:center;min-height:0;max-width:740px;}
  #narrativa .kicker {margin-bottom:clamp(8px,1.2svh,13px);}
  #narrativa h2 {font-size:clamp(35px,min(3.55vw,6.4svh),57px);line-height:1.025;}
  #narrativa .chapter2-summary {margin-top:clamp(13px,2svh,22px);max-width:630px;}
  #narrativa .chapter2-summary p {font-size:clamp(14px,1.05vw,17px);line-height:1.43;margin-bottom:9px;}
  #narrativa .chapter2-bottom {align-self:end;max-width:none;min-height:28px;flex-shrink:0;padding-top:11px;gap:11px;font-size:clamp(10px,.84vw,12px);}
}
@media (min-width:901px) and (max-height:740px) {
  #narrativa .chapter2-overlay {padding-top:92px;padding-bottom:20px;row-gap:8px;}
  #narrativa h2 {font-size:clamp(34px,3.05vw,46px);line-height:1;}
  #narrativa .chapter2-summary {margin-top:10px;}
  #narrativa .chapter2-summary p {font-size:14px;line-height:1.34;margin-bottom:5px;}
  #narrativa .chapter2-bottom {padding-top:8px;}
}


/* V5.33 | Capítulo 02: texto arriba, fotografía recortada a la altura visible. */
@media (min-width:901px) and (min-height:621px) {
  #narrativa {height:100svh;min-height:0;overflow:hidden;position:relative}
  #narrativa .chapter2-visual {
    height:100%;min-height:0;max-height:100%;overflow:hidden;
    background-size:cover;background-position:center 43%;box-sizing:border-box;
  }
  #narrativa .chapter2-overlay {
    height:100%;min-height:0;max-height:100%;box-sizing:border-box;
    display:block;position:relative;
    padding-top:clamp(116px,15svh,135px);padding-bottom:0;
  }
  #narrativa .chapter2-text {
    margin:0;max-width:740px;min-height:0;
    position:relative;top:0;align-self:auto;
  }
  #narrativa .chapter2-bottom {
    position:absolute;left:0;right:0;bottom:clamp(24px,4.2svh,40px);
    width:100%;max-width:none;box-sizing:border-box;margin:0;
    align-self:auto;min-height:0;gap:11px;padding-top:10px;
  }
  #narrativa .kicker {margin-bottom:clamp(9px,1.4svh,14px)}
  #narrativa h2 {font-size:clamp(36px,min(3.5vw,6svh),56px);line-height:1.025}
  #narrativa .chapter2-summary {margin-top:clamp(12px,1.85svh,19px)}
  #narrativa .chapter2-summary p {font-size:clamp(14px,1.03vw,17px);line-height:1.4;margin-bottom:8px}
}
@media (min-width:901px) and (min-height:621px) and (max-height:800px) {
  #narrativa .chapter2-overlay {padding-top:112px}
  #narrativa h2 {font-size:clamp(35px,3.2vw,49px);line-height:1.01}
  #narrativa .chapter2-summary {margin-top:11px}
  #narrativa .chapter2-summary p {font-size:14px;line-height:1.34;margin-bottom:6px}
  #narrativa .chapter2-bottom {bottom:23px;padding-top:8px}
}
/* Alturas extraordinariamente reducidas: no esconder párrafos ni secuencia. */
@media (min-width:901px) and (max-height:620px) {
  #narrativa,#narrativa .chapter2-visual,#narrativa .chapter2-overlay {
    height:auto;max-height:none;min-height:620px;overflow:visible;
  }
  #narrativa .chapter2-overlay {display:flex;flex-direction:column;justify-content:space-between;padding:100px 0 22px;gap:20px}
  #narrativa .chapter2-text {align-self:flex-start}
  #narrativa .chapter2-bottom {position:static;align-self:flex-start}
}


/* V5.34 — ÚNICO AJUSTE: subir la secuencia inferior del capítulo 02. */
@media (min-width:901px) and (min-height:621px) {
  #narrativa .chapter2-bottom { bottom:clamp(100px,11svh + 14px,126px); }
}
@media (min-width:901px) and (min-height:621px) and (max-height:800px) {
  #narrativa .chapter2-bottom { bottom:90px; }
}

/* V5.36 — Solo recorte inferior de la imagen del capítulo 02.
   Sin cambios de posición en textos ni en otros capítulos. */
@media (min-width:901px){
  .chapter2 .chapter2-visual{
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    overflow:hidden;
    background-position:center top;
  }
}


/* V5.37 — recortar el capítulo justo 18px debajo del cierre, sin mover textos.
   La capa interior mantiene su altura de ventana para conservar posiciones. */
@media (min-width:901px) and (min-height:621px) {
  #narrativa {
    height:var(--c2-exact-crop, calc(100svh - 50px));
    min-height:0;
    max-height:none;
    overflow:hidden;
  }
  #narrativa .chapter2-visual,
  #narrativa .chapter2-overlay {
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    box-sizing:border-box;
  }
}


/* V5.39 — Ajuste UX del capítulo 03: visor más claro, más protagónico y manual. */
.chapter3real .c3r-wrap{width:min(1480px,91.5%);grid-template-columns:minmax(320px,.82fr) minmax(620px,1.18fr);gap:52px}
.chapter3real .c3r-stage{padding:14px 14px 16px;border-radius:30px;box-shadow:0 34px 96px rgba(22,45,55,.11)}
.chapter3real .c3r-stage::before{left:14px;top:14px;width:108px;height:9px;opacity:.62}
.chapter3real .c3r-viewer{aspect-ratio:16/10.2;min-height:560px;background:linear-gradient(180deg,#eff5f3 0%,#dfe9e5 100%);border-radius:24px}
.chapter3real .c3r-track{background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.9),rgba(255,255,255,0) 40%),linear-gradient(180deg,#edf3f1 0%,#dbe5e1 100%)}
.chapter3real .c3r-slide img{object-fit:contain;object-position:center top;background:linear-gradient(180deg,#eef4f2 0%,#dde7e3 100%);padding:22px 20px 82px}
.chapter3real .c3r-caption{left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:14px;background:rgba(15,34,42,.78)}
.chapter3real .c3r-caption b{font-size:14px}
.chapter3real .c3r-caption span{font-size:12.5px;line-height:1.42}
.chapter3real .c3r-end{padding:40px}
.chapter3real .c3r-controls{display:grid;grid-template-columns:1fr auto;grid-template-areas:'tabs arrows' 'hint arrows';align-items:center;gap:12px 16px;margin-top:18px}
.chapter3real .c3r-dots{grid-area:tabs;display:flex;flex-wrap:wrap;gap:8px}
.chapter3real .c3r-dots button{width:auto;height:auto;padding:9px 14px;border:1px solid rgba(24,52,63,.11);border-radius:999px;background:#eef4f2;color:#375761;font:700 12px/1.2 'Source Sans 3',sans-serif;letter-spacing:.03em;text-transform:none}
.chapter3real .c3r-dots button.active{background:#2f837f;color:#fff;border-color:#2f837f}
.chapter3real .c3r-hint{grid-area:hint;font-size:11px;letter-spacing:.08em}
.chapter3real .c3r-arrows{grid-area:arrows;align-self:start}
.chapter3real .c3r-arrows button{width:44px;height:44px}
@media (max-width:1180px){.chapter3real .c3r-wrap{grid-template-columns:1fr;gap:30px}.chapter3real .c3r-viewer{min-height:520px}}
@media (max-width:900px){.chapter3real .c3r-viewer{min-height:0;aspect-ratio:4/3}.chapter3real .c3r-slide img{padding:14px 14px 78px}.chapter3real .c3r-controls{grid-template-columns:1fr;grid-template-areas:'tabs' 'hint' 'arrows';justify-items:start}}


/* V5.41 — Capítulo 03 con transición horizontal tipo diapositivas iPhone */
.chapter3real .c3r-viewer{overflow:hidden}
.chapter3real .c3r-track{display:flex;width:100%;height:100%;transition:transform .78s cubic-bezier(.22,.61,.36,1);will-change:transform;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.9),rgba(255,255,255,0) 40%),linear-gradient(180deg,#edf3f1 0%,#dbe5e1 100%)}
.chapter3real .c3r-slide,.chapter3real .c3r-end{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;opacity:1;transform:none;transition:none;z-index:auto}
.chapter3real .c3r-slide img{height:100%;width:100%;object-fit:contain;object-position:center top;background:linear-gradient(180deg,#eef4f2 0%,#dde7e3 100%);padding:22px 20px 82px}
.chapter3real .c3r-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.chapter3real .c3r-dots{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.chapter3real .c3r-dots button{width:34px;height:4px;padding:0;border:none;border-radius:999px;background:#c8d6d2;color:transparent;font-size:0;line-height:0;cursor:pointer;transition:all .25s ease}
.chapter3real .c3r-dots button.active{width:52px;background:#2f837f}
.chapter3real .c3r-hint{font:700 11px/1.2 'Source Sans 3',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#7b8f96}
.chapter3real .c3r-arrows{display:flex;gap:8px}
.chapter3real .c3r-arrows button{width:40px;height:40px;border-radius:999px;border:1px solid rgba(24,52,63,.12);background:#fff;color:#21444f;font-size:16px;cursor:pointer;transition:all .25s ease}
.chapter3real .c3r-arrows button:hover{background:#f1f6f4;border-color:rgba(47,131,127,.28);color:#2f837f}
@media (max-width:900px){
  .chapter3real .c3r-slide img{padding:14px 14px 78px}
  .chapter3real .c3r-controls{flex-wrap:wrap;justify-content:flex-start}
  .chapter3real .c3r-hint{width:100%}
}


/* V5.43 — Eliminar banda inferior oscura con texto blanco en capítulo 03 */
.chapter3real .c3r-caption{display:none !important}



/* V5.44 — Integración de la animación del capítulo 03 */
.chapter3real .c3r-stage{padding:18px;border-radius:30px;box-shadow:0 30px 88px rgba(22,45,55,.11)}
.chapter3real .c3r-stage::before{display:none}
.chapter3real .c3r-film{position:relative;overflow:hidden;min-height:630px;height:min(76vh,720px);isolation:isolate;border-radius:24px;background:radial-gradient(circle at 53% 42%,#fff 0%,#f9f7f0 38%,#e6eeea 100%);box-shadow:0 26px 70px rgba(23,52,62,.12);border:1px solid #d7e1db}
.chapter3real .c3r-film::before{content:"";position:absolute;inset:0;opacity:.36;z-index:0;background-image:linear-gradient(rgba(46,116,106,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(46,116,106,.05) 1px,transparent 1px);background-size:35px 35px}
.chapter3real .c3r-film > *{position:relative;z-index:1}
.chapter3real .c3r-film-heading{position:absolute;top:29px;left:34px;z-index:12;color:#56716d;font:800 11px/1.35 'IBM Plex Mono', monospace;letter-spacing:.16em;text-transform:uppercase}
.chapter3real .c3r-film-heading::before{content:"";display:inline-block;width:24px;height:2px;background:#2c8b80;vertical-align:middle;margin-right:11px}
.chapter3real .c3r-film-viewport{position:absolute;inset:72px 22px 56px;display:grid;place-items:center;overflow:hidden;perspective:1000px}
.chapter3real .c3r-paper{position:absolute;width:clamp(195px,29%,340px);height:clamp(240px,57%,345px);background:#fff;border:1px solid #c6d4d1;border-radius:11px;box-shadow:0 19px 40px rgba(37,78,83,.13);padding:21px 22px;transform-origin:center;transition:transform 1.8s cubic-bezier(.2,.76,.18,1),opacity 1.35s ease,filter 1.35s ease}
.chapter3real .c3r-paper h3{font-size:14px;color:#2b5f62;text-transform:uppercase;letter-spacing:.08em;margin:0 0 13px;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-paper p{font-size:11px;color:#53676b;line-height:1.5;margin:0 0 10px;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-paper::before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:5px;border-radius:11px 11px 0 0;background:#69bcae}
.chapter3real .c3r-paper.one{transform:translate(-105%,-17%) rotate(-12deg)}
.chapter3real .c3r-paper.two{transform:translate(2%,-3%) rotate(3deg)}
.chapter3real .c3r-paper.three{transform:translate(98%,14%) rotate(12deg)}
.chapter3real .c3r-fauxrow{height:17px;border:1px solid #dce6e5;margin-top:6px;border-radius:3px;background:linear-gradient(90deg,#dfece9 0 26%,transparent 26% 28%,#eaf0ee 28% 65%,transparent 65% 67%,#e3f0ed 67%)}
.chapter3real .c3r-fauxrow.short{width:72%}
.chapter3real .c3r-lines{height:6px;background:#e6edeb;border-radius:20px;margin-top:8px}
.chapter3real .c3r-lines:nth-of-type(odd){width:75%}
.chapter3real .c3r-stamp{display:inline-block;border:1px solid #adcbc4;border-radius:5px;padding:7px 9px;margin-top:14px;font-size:9px;letter-spacing:.07em;color:#4d8b80;font-weight:800;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-flow{position:absolute;width:min(72%,650px);height:340px;opacity:0;transform:scale(.92);transition:transform 1.05s ease,opacity .8s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19px;z-index:3}
.chapter3real .c3r-flowtitle{font-size:12px;font-weight:800;letter-spacing:.18em;color:#368075;text-transform:uppercase;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-flowchips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.chapter3real .c3r-flowchips span{border-radius:100px;background:#eef8f4;border:1px solid #97d4c8;padding:11px 14px;color:#2a6c67;font-weight:750;font-size:13px;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-flowline{width:2px;height:40px;background:linear-gradient(#91ccbf,#266e68)}
.chapter3real .c3r-device{position:absolute;width:min(95%,880px);opacity:0;transform:translateY(45px) scale(.90);transition:transform 1.25s cubic-bezier(.2,.76,.18,1),opacity .9s ease;z-index:5}
.chapter3real .c3r-device-head{height:34px;border-radius:17px 17px 0 0;background:#173743;display:flex;align-items:center;gap:7px;padding:0 16px;box-shadow:0 18px 55px rgba(20,52,59,.19)}
.chapter3real .c3r-device-head i{width:8px;height:8px;border-radius:50%;background:#a7ccc7;display:inline-block}
.chapter3real .c3r-device-head i:first-child{background:#e4a69e}
.chapter3real .c3r-device-head i:nth-child(2){background:#e8cd8d}
.chapter3real .c3r-device-head span{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.12em;color:#9fcbc4;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-device img{display:block;width:100%;height:auto;border:1px solid #d6e0e1;border-top:0;border-radius:0 0 15px 15px;box-shadow:0 22px 45px rgba(24,62,71,.15)}
.chapter3real .c3r-endpanel{position:absolute;inset:0;z-index:10;background:radial-gradient(circle at 50% 34%,#30655e,#173943 52%,#102a34 100%);color:#fff;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity 1s ease,transform 1s ease,visibility 1s;display:grid;place-items:center;text-align:center;padding:24px}
.chapter3real .c3r-end-inner{transform:translateY(16px);transition:transform 1s ease}
.chapter3real .c3r-endpanel small{font-weight:800;letter-spacing:.24em;color:#9fded0;font-size:12px;font-family:'IBM Plex Mono', monospace;text-transform:uppercase}
.chapter3real .c3r-endpanel h3{font-family:'Source Serif 4', Georgia, serif;font-weight:500;font-size:clamp(39px,5vw,74px);line-height:1.05;letter-spacing:-.045em;max-width:660px;margin:20px auto 19px;color:#fff}
.chapter3real .c3r-endpanel p{max-width:480px;margin:auto;color:#d4e5df;line-height:1.6;font-size:16px;font-family:'Source Sans 3',sans-serif}
.chapter3real .c3r-endpanel .rule{width:58px;height:2px;background:#8ce1cf;margin:30px auto 0}
.chapter3real .c3r-film-foot{position:absolute;left:26px;right:26px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#607972;font:700 10px/1.3 'IBM Plex Mono', monospace;letter-spacing:.12em;text-transform:uppercase}
.chapter3real .c3r-progress{display:flex;align-items:center;gap:5px}
.chapter3real .c3r-progress span{display:block;width:31px;height:4px;border-radius:999px;background:#c9d6d3;transition:all .28s ease}
.chapter3real .c3r-progress span.on{width:42px;background:#2f837f}
.chapter3real .c3r-replay{border:1px solid #2c8177;background:#ebfaf5;color:#1b665d;border-radius:100px;font-weight:800;font-size:12px;padding:10px 16px;font-family:'Source Sans 3',sans-serif;cursor:pointer}
.chapter3real .c3r-replay:hover{background:#d8f4e9}
.chapter3real .c3r-access{font-size:12px;color:#68817d;margin:12px 0 0;font-family:'Source Sans 3',sans-serif;line-height:1.45}
.chapter3real .c3r-film.phase-1 .c3r-paper{transform:translate(0,0) scale(.68) rotate(0);opacity:0;filter:blur(2px)}
.chapter3real .c3r-film.phase-1 .c3r-flow{opacity:1;transform:scale(1)}
.chapter3real .c3r-film.phase-2 .c3r-paper{transform:translate(0,0) scale(.54) rotate(0);opacity:0;filter:blur(4px)}
.chapter3real .c3r-film.phase-2 .c3r-flow{opacity:0;transform:scale(.94)}
.chapter3real .c3r-film.phase-2 .c3r-device{opacity:1;transform:translateY(0) scale(1)}
.chapter3real .c3r-film.phase-3 .c3r-paper,.chapter3real .c3r-film.phase-3 .c3r-flow,.chapter3real .c3r-film.phase-3 .c3r-device{opacity:0;transform:translateY(-16px) scale(.96);filter:blur(3px)}
.chapter3real .c3r-film.phase-3 .c3r-endpanel{opacity:1;visibility:visible;transform:translateY(0)}
.chapter3real .c3r-film.phase-3 .c3r-end-inner{transform:translateY(0)}
@media (max-width:1180px){.chapter3real .c3r-stage{padding:14px}.chapter3real .c3r-film{min-height:600px;height:min(72vh,680px)}}
@media (max-width:900px){.chapter3real .c3r-film{min-height:510px;height:68vh;border-radius:18px}.chapter3real .c3r-film-heading{top:22px;left:20px}.chapter3real .c3r-film-viewport{inset:66px 11px 45px}.chapter3real .c3r-paper{width:48%;height:230px;padding:15px}.chapter3real .c3r-paper.one{transform:translate(-66%,-16%) rotate(-12deg)}.chapter3real .c3r-paper.two{transform:translate(0,0) rotate(3deg)}.chapter3real .c3r-paper.three{transform:translate(64%,16%) rotate(12deg)}.chapter3real .c3r-paper h3{font-size:11px}.chapter3real .c3r-paper p{font-size:9px}.chapter3real .c3r-flow{width:95%}.chapter3real .c3r-flowchips span{padding:8px 10px;font-size:10px}.chapter3real .c3r-device-head{height:25px}.chapter3real .c3r-device{width:98%}.chapter3real .c3r-film-foot{left:18px;right:18px;bottom:12px;font-size:9px}.chapter3real .c3r-endpanel h3{font-size:clamp(35px,8vw,53px)}.chapter3real .c3r-endpanel p{font-size:14px}}
@media (prefers-reduced-motion:reduce){.chapter3real .c3r-film *, .chapter3real .c3r-film *::before, .chapter3real .c3r-film *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* V5.48 — ajustes de encaje capítulo 03 */
.chapter3real .c3r-kicker{
  display:block;
  margin-bottom:22px;
  color:#2b7a77;
  font:600 11px 'IBM Plex Mono', monospace;
  letter-spacing:.32em;
  text-transform:uppercase;
}
.chapter3real .c3r-stage-proto13-v546{
  min-height:0 !important;
  padding:8px !important;
  overflow:hidden !important;
}
.chapter3real .c3r-proto13-frame-v546{
  height:620px !important;
  overflow:hidden !important;
}
.chapter3real .c3r-proto13-iframe-v546{
  overflow:hidden !important;
}
@media(max-width:1180px){
  .chapter3real .c3r-proto13-frame-v546{height:600px !important}
}


/* V5.49 — kicker capítulo 03 con mismo estilo del hero */
.chapter3real .c3r-kicker{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:0 0 24px 0 !important;
  color:#adf7f1 !important;
  font:700 clamp(13px,1.06vw,16px)/1.35 'IBM Plex Mono', monospace !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 10px rgba(3,21,32,.18) !important;
}
.chapter3real .c3r-kicker::before{
  content:"";
  display:block;
  flex:0 0 5px;
  width:5px;
  height:44px;
  border-radius:4px;
  background:#a7f3ee;
  box-shadow:0 0 12px rgba(147,239,237,.35);
}
@media(max-width:900px){
  .chapter3real .c3r-kicker{font-size:13px !important; gap:10px !important; letter-spacing:.12em !important;}
  .chapter3real .c3r-kicker::before{height:34px; width:4px; flex-basis:4px;}
}
@media(max-width:600px){
  .chapter3real .c3r-kicker{font-size:12px !important; letter-spacing:.10em !important;}
  .chapter3real .c3r-kicker::before{height:28px;}
}


/* V5.50 — ajuste color kicker + compactar textos bajo el título */
.chapter3real .c3r-wrap{
  grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr) !important;
  gap:34px !important;
  align-items:center !important;
}
.chapter3real .c3r-copy{
  padding-top:0 !important;
  max-width:660px;
}
.chapter3real .c3r-kicker{
  color:#234a63 !important;
  margin:0 0 20px 0 !important;
}
.chapter3real .c3r-kicker::before{
  background:#234a63 !important;
  box-shadow:0 0 10px rgba(35,74,99,.18) !important;
}
.chapter3real .c3r-lead{
  max-width:58ch !important;
  margin:0 0 16px !important;
  font-size:17px !important;
  line-height:1.58 !important;
}
.chapter3real .c3r-note{
  max-width:60ch !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
.chapter3real .c3r-seq{
  margin:22px 0 14px !important;
  gap:8px 7px !important;
}
@media (max-width:1180px){
  .chapter3real .c3r-wrap{grid-template-columns:1fr !important;gap:28px !important;align-items:start !important;}
  .chapter3real .c3r-copy{max-width:none;}
  .chapter3real .c3r-lead,.chapter3real .c3r-note{max-width:none !important;}
}
@media (max-width:900px){
  .chapter3real .c3r-kicker{margin-bottom:18px !important;}
  .chapter3real .c3r-lead{font-size:16px !important;line-height:1.56 !important;}
  .chapter3real .c3r-note{font-size:14px !important;}
}


/* V5.51 — solo título capítulo 03: mismo tamaño, menos líneas */
.chapter3real h2{
  max-width:20ch !important;
}
.chapter3real h2 em{
  display:block !important;
  white-space:nowrap !important;
}


/* V5.53 — Hoja 4: mismo ancho horizontal que Hoja 3 */
.c4-sunrise .c4-content{
  width:min(1440px,89.3%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* V5.56 — Hoja 4: reducir altura de tarjetas para ganar espacio vertical */
.c4-question summary{
  padding:18px 20px !important;
}
.c4-q{
  font-size:20px !important;
}
.c4-title{
  font-size:20px !important;
  line-height:1.22 !important;
}
.c4-answer{
  padding:0 24px 18px 64px !important;
}
.c4-answer p{
  margin:0 0 12px !important;
}
.c4-list{
  gap:8px !important;
}
.c4-list li{
  padding:9px 12px !important;
}
.c4-contact{
  margin-top:12px !important;
}
@media(max-width:900px){
  .c4-question summary{padding:16px 18px !important;}
  .c4-answer{padding:0 20px 16px 58px !important;}
}


/* V5.57 — Hoja 4: reducción efectiva de la altura de las tarjetas */
.c4-question summary{
  min-height:96px !important;
  padding:15px 18px 16px !important;
  align-items:center !important;
}
.c4-q{
  font-size:19px !important;
  line-height:1.18 !important;
}
.c4-n{
  padding-top:0 !important;
}
.c4-plus{
  width:24px !important;
  height:24px !important;
  font-size:18px !important;
}
.c4-answer{
  padding:0 20px 14px 58px !important;
}
.c4-service{
  margin-top:14px !important;
}
.c4-answer p{
  margin:7px 0 10px !important;
  line-height:1.48 !important;
}
.c4-answer a{
  font-size:12.5px !important;
}
.c4-questions{
  gap:10px !important;
}
@media(max-width:760px){
  .c4-question summary{
    min-height:82px !important;
    padding:13px 15px !important;
  }
}



/* V5.58 — Hoja 4: menos espacio inicial y tarjetas un poco más compactas */
.c4-sunrise{
  padding:clamp(56px,6.2vw,92px) 0 88px !important;
}
.c4-header{
  margin:26px 0 42px !important;
}
.c4-header-side{
  padding-bottom:4px !important;
}
.c4-header-side p{
  margin:0 0 18px !important;
  line-height:1.56 !important;
}
.c4-question summary{
  min-height:88px !important;
  padding:13px 16px 14px !important;
  gap:14px !important;
}
.c4-q{
  font-size:18px !important;
  line-height:1.14 !important;
}
.c4-plus{
  width:22px !important;
  height:22px !important;
  font-size:17px !important;
}
.c4-answer{
  padding:0 18px 12px 54px !important;
}
.c4-service{
  margin-top:12px !important;
}
.c4-answer p{
  margin:6px 0 9px !important;
  line-height:1.44 !important;
}
.c4-questions{
  gap:8px !important;
}
@media(max-width:760px){
  .c4-sunrise{padding:62px 0 76px !important;}
  .c4-header{margin:22px 0 30px !important;}
  .c4-question summary{
    min-height:76px !important;
    padding:12px 14px !important;
  }
  .c4-answer{padding:0 16px 12px 48px !important;}
}



/* V5.64 — Hoja 5B: tres trayectorias + rol tecnológico de Sebastián Bravo */
.chapter5b{
  min-height:100svh !important;
  display:flex !important;
  align-items:center !important;
}
.c5b-shell{
  width:min(1440px,89.3%) !important;
  padding:clamp(44px,5vh,62px) 0 clamp(40px,4.5vh,58px) !important;
}
.c5b-overline{
  margin-bottom:20px !important;
}
.c5b-human{
  display:block !important;
}
.c5b-human-intro{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(340px,.72fr);
  gap:clamp(34px,5vw,86px);
  align-items:end;
  margin-bottom:24px;
}
.c5b-human-intro h3{
  margin:0 !important;
  max-width:15ch !important;
  font-size:clamp(36px,3.2vw,50px) !important;
}
.c5b-human-intro p{
  margin:0 !important;
  max-width:42ch !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.c5b-persons{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.c5b-person{
  padding:22px 23px !important;
  min-height:0 !important;
}
.c5b-person>span{
  display:block;
  min-height:14px;
}
.c5b-person h4{
  margin:13px 0 10px !important;
  font-size:27px !important;
}
.c5b-person p{
  font-size:14px !important;
  line-height:1.5 !important;
}
.c5b-person.c5b-tech{
  background:#eef4f0;
  border-color:#bfd3c9;
}
.c5b-person.c5b-tech>span{
  color:#397a70;
}
.c5b-partner{
  margin-top:20px !important;
  padding:22px 28px !important;
}
.c5b-partner-top{
  grid-template-columns:.82fr 1.18fr !important;
  column-gap:42px !important;
}
.c5b-partner-top .c5b-label{
  margin-bottom:10px !important;
}
.c5b-partner h3{
  font-size:clamp(29px,2.7vw,42px) !important;
}
.c5b-partner-top p{
  font-size:15px !important;
  line-height:1.5 !important;
}
.c5b-partner-columns{
  padding:15px 0 !important;
  margin-top:18px !important;
}
.c5b-partner-columns strong{
  font-size:clamp(23px,2.5vw,34px) !important;
}
.c5b-partner-note{
  margin:12px 0 0 !important;
  font-size:13px !important;
}
@media(max-width:1100px){
  .chapter5b{min-height:auto !important;display:block !important;}
  .c5b-human-intro{grid-template-columns:1fr;gap:16px;}
  .c5b-persons{grid-template-columns:1fr 1fr !important;}
  .c5b-person.c5b-tech{grid-column:1/-1;}
}
@media(max-width:700px){
  .c5b-persons{grid-template-columns:1fr !important;}
  .c5b-person.c5b-tech{grid-column:auto;}
  .c5b-partner-top{grid-template-columns:1fr !important;gap:14px;}
}



/* V5.65 — Hoja 5B: compactación vertical para caber en una sola pantalla */
.chapter5b{
  min-height:100svh !important;
  height:100svh !important;
  display:flex !important;
  align-items:center !important;
}
.c5b-shell{
  width:min(1440px,89.3%) !important;
  padding:clamp(24px,2.7vh,34px) 0 clamp(22px,2.5vh,32px) !important;
}
.c5b-overline{
  margin-bottom:12px !important;
  font-size:12px !important;
}
.c5b-overline::before{
  height:34px !important;
}
.c5b-human-intro{
  grid-template-columns:minmax(0,.88fr) minmax(360px,.72fr) !important;
  gap:clamp(28px,4vw,64px) !important;
  margin-bottom:14px !important;
  align-items:center !important;
}
.c5b-human-intro h3{
  max-width:17ch !important;
  font-size:clamp(31px,2.55vw,42px) !important;
  line-height:1.02 !important;
}
.c5b-human-intro p{
  max-width:46ch !important;
  font-size:14px !important;
  line-height:1.42 !important;
}
.c5b-persons{
  gap:10px !important;
}
.c5b-person{
  padding:15px 17px 16px !important;
  border-radius:14px !important;
}
.c5b-person>span{
  min-height:0 !important;
  font-size:9px !important;
  line-height:1.25 !important;
}
.c5b-person h4{
  margin:8px 0 7px !important;
  font-size:23px !important;
  line-height:1.08 !important;
}
.c5b-person p{
  font-size:12.5px !important;
  line-height:1.38 !important;
}
.c5b-partner{
  margin-top:12px !important;
  padding:14px 20px !important;
  border-radius:16px !important;
}
.c5b-partner-top{
  grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr) !important;
  column-gap:28px !important;
  align-items:center !important;
}
.c5b-partner-top .c5b-label{
  margin-bottom:6px !important;
  font-size:9px !important;
}
.c5b-partner h3{
  font-size:clamp(24px,2vw,32px) !important;
  line-height:1 !important;
}
.c5b-partner-top p{
  font-size:13px !important;
  line-height:1.38 !important;
  max-width:none !important;
}
.c5b-partner-columns{
  padding:8px 0 !important;
  margin-top:10px !important;
  grid-template-columns:1fr 30px 1fr !important;
}
.c5b-partner-columns>div{
  gap:3px !important;
}
.c5b-partner-columns strong{
  font-size:22px !important;
}
.c5b-partner-columns span{
  font-size:11px !important;
  line-height:1.25 !important;
}
.c5b-partner-columns b{
  font-size:24px !important;
}
.c5b-partner-note{
  margin:7px 0 0 !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
}
@media(max-height:800px) and (min-width:1101px){
  .c5b-shell{padding:18px 0 !important;}
  .c5b-overline{margin-bottom:8px !important;}
  .c5b-overline::before{height:28px !important;}
  .c5b-human-intro{margin-bottom:10px !important;}
  .c5b-human-intro h3{font-size:30px !important;}
  .c5b-human-intro p{font-size:13px !important;line-height:1.34 !important;}
  .c5b-person{padding:12px 14px 13px !important;}
  .c5b-person h4{font-size:21px !important;margin:6px 0 !important;}
  .c5b-person p{font-size:11.8px !important;line-height:1.32 !important;}
  .c5b-partner{margin-top:9px !important;padding:11px 17px !important;}
  .c5b-partner h3{font-size:23px !important;}
  .c5b-partner-top p{font-size:12px !important;line-height:1.3 !important;}
  .c5b-partner-columns{padding:6px 0 !important;margin-top:7px !important;}
  .c5b-partner-note{margin-top:5px !important;font-size:10.5px !important;}
}


/* V5.66 — Hoja 6: ocupar mejor el alto disponible sin agregar contenido */
.c5b-section{
  min-height:100svh !important;
  display:flex !important;
  align-items:center !important;
}
.c5b-shell{
  padding:clamp(54px,6.8vh,78px) 0 clamp(52px,6.5vh,74px) !important;
  gap:clamp(28px,4vh,44px) !important;
}
.c5b-head{
  margin-bottom:clamp(24px,3.2vh,34px) !important;
}
.c5b-title{
  font-size:clamp(42px,4vw,62px) !important;
  line-height:1.04 !important;
}
.c5b-intro{
  font-size:clamp(17px,1.18vw,20px) !important;
  line-height:1.6 !important;
  max-width:42ch !important;
}
.c5b-persons{
  gap:16px !important;
}
.c5b-person{
  min-height:210px !important;
  padding:24px 22px 22px !important;
  display:flex !important;
  flex-direction:column !important;
}
.c5b-person h4{
  font-size:27px !important;
  margin:10px 0 12px !important;
}
.c5b-person p{
  font-size:14.5px !important;
  line-height:1.57 !important;
}
.c5b-partner{
  margin-top:8px !important;
  padding:24px 28px 22px !important;
  border-radius:18px !important;
}
.c5b-partner-top{
  grid-template-columns:.82fr 1.18fr !important;
  align-items:center !important;
  gap:34px !important;
}
.c5b-partner h3{
  font-size:clamp(31px,2.7vw,43px) !important;
  line-height:1.04 !important;
}
.c5b-partner-top p{
  font-size:15px !important;
  line-height:1.55 !important;
  max-width:60ch !important;
}
.c5b-partner-columns{
  margin-top:18px !important;
  padding:16px 0 !important;
}
.c5b-partner-note{
  margin-top:12px !important;
  font-size:13px !important;
}
@media(max-height:850px) and (min-width:1000px){
  .c5b-shell{
    padding:44px 0 42px !important;
    gap:24px !important;
  }
  .c5b-person{
    min-height:188px !important;
    padding:20px !important;
  }
  .c5b-partner{
    padding:20px 24px 18px !important;
  }
}


/* V5.69 — Hoja 7: caja más limpia, texto más abierto y CTA a plataforma */
.c6-proof-main--counter{
  min-height:300px !important;
  padding:clamp(28px,2.5vw,38px) clamp(30px,3vw,44px) !important;
}
.c6-proof-content{
  grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr) !important;
  gap:clamp(34px,4.5vw,76px) !important;
}
.c6-proof-copy h3{
  max-width:14.5ch !important;
  margin:0 0 14px !important;
  font-size:clamp(34px,3.15vw,49px) !important;
  line-height:1.03 !important;
}
.c6-proof-copy p{
  max-width:64ch !important;
  font-size:15.5px !important;
  line-height:1.5 !important;
}
.c6-project-counter{
  padding:0 !important;
}
.c6-counter-label{
  margin-bottom:15px !important;
  font-size:12px !important;
}
.c6-counter-value{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:clamp(76px,8.5vw,132px) !important;
}
.c6-counter-approx{
  font-size:.56em;
  line-height:1.15;
  margin-top:.12em;
  opacity:.9;
}
.c6-platform-cta{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 22px;
  border:1px solid #c8d8d1;
  border-radius:14px;
  background:rgba(255,255,255,.76);
}
.c6-platform-cta>span{
  color:#58716f;
  font:600 13px/1.45 'Source Sans 3',sans-serif;
}
.c6-platform-cta a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  padding:13px 18px;
  border-radius:999px;
  background:#246b65;
  color:white;
  text-decoration:none;
  font:700 13px/1.2 'Source Sans 3',sans-serif;
}
.c6-platform-cta a:hover{background:#194f4a}
@media(max-width:980px){
  .c6-proof-content{grid-template-columns:1fr !important}
  .c6-project-counter{align-items:flex-start !important;text-align:left !important}
  .c6-counter-value{justify-content:flex-start !important}
}
@media(max-width:680px){
  .c6-platform-cta{align-items:flex-start;flex-direction:column}
  .c6-platform-cta a{width:100%;justify-content:center}
}




/* V5.46 · Integración real del Prototipo 13, solo para visualización */
.chapter3real .c3r-stage-proto13-v546{
  padding:10px!important;
  overflow:hidden!important;
  min-height:660px;
  background:linear-gradient(180deg,rgba(244,248,249,.98),rgba(234,241,243,.98));
}
.chapter3real .c3r-stage-proto13-v546::before{display:none!important}
.chapter3real .c3r-proto13-frame-v546{
  width:100%;
  height:700px;
  border-radius:20px;
  overflow:hidden;
  background:#edf1f3;
  border:1px solid rgba(24,52,63,.09);
  box-shadow:0 18px 48px rgba(22,45,55,.10);
}
.chapter3real .c3r-proto13-iframe-v546{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#edf1f3;
}
@media(max-width:1180px){
 .chapter3real .c3r-stage-proto13-v546{min-height:680px}
 .chapter3real .c3r-proto13-frame-v546{height:660px}
}
@media(max-width:900px){
 .chapter3real .c3r-stage-proto13-v546{min-height:650px}
 .chapter3real .c3r-proto13-frame-v546{height:630px}
}



/* V5.67 · Dos hojas finales */
.closing-evidence{
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  padding:clamp(86px,9vh,112px) 0 clamp(52px,6vh,76px)!important;
  background:linear-gradient(180deg,#edf1ec 0%,#f7f6ef 100%)!important;
}
.closing-evidence:before{height:10px!important;background:linear-gradient(90deg,#d5ded3,#fff8e7 48%,#bdd9cf)!important}
.closing-evidence .c6-wrap{width:min(1440px,89.3%)!important}
.c6-overline,.c7-overline{display:flex;align-items:center;gap:13px;color:#234a63;font:700 clamp(12px,.92vw,14px)/1.35 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.c6-overline:before,.c7-overline:before{content:"";display:block;flex:0 0 4px;width:4px;height:40px;border-radius:5px;background:#234a63;box-shadow:0 0 10px rgba(35,74,99,.16)}
.closing-evidence .c6-head{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important;gap:clamp(40px,6vw,96px)!important;align-items:end!important;margin:26px 0 34px!important}
.closing-evidence h2{max-width:15ch!important;font-size:clamp(46px,4.5vw,70px)!important;line-height:1.02!important}
.closing-evidence h2 em{font-style:normal;color:#4d877d}
.closing-evidence .c6-head>p{font-size:clamp(16px,1.15vw,19px)!important;line-height:1.58!important;max-width:46ch!important;margin:0 0 4px!important}
.c6-proofgrid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:16px;align-items:stretch}
.c6-proof-main{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(138deg,#123842 0%,#173f47 70%,#1f514e 100%);color:white;padding:clamp(28px,2.8vw,42px);box-shadow:0 22px 55px rgba(31,60,57,.14);min-height:360px;display:flex;flex-direction:column}
.c6-proof-main:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(178,227,210,.17);border-radius:50%;right:-180px;top:-190px;box-shadow:0 0 0 70px rgba(178,227,210,.025),0 0 0 140px rgba(178,227,210,.018)}
.c6-proof-top{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:1;color:#a8d8cb;font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.c6-proof-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(181,229,215,.38);border-radius:50%;font-size:10px}
.c6-proof-main h3{position:relative;z-index:1;font:600 clamp(31px,3vw,46px)/1.05 'Source Serif 4',Georgia,serif;letter-spacing:-.032em;max-width:14ch;margin:22px 0 14px}
.c6-proof-main>p{position:relative;z-index:1;color:#c9dcda;font-size:16px;line-height:1.56;max-width:54ch;margin:0}
.c6-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:auto 0 22px;padding-top:26px}
.c6-metrics div{border-top:1px solid rgba(190,226,216,.22);padding-top:13px}
.c6-metrics b{display:block;font:600 clamp(28px,2.8vw,43px)/1 'Source Serif 4',Georgia,serif;color:#d9eee5}
.c6-metrics span{display:block;margin-top:6px;color:#b9cfca;font:600 11px/1.35 'Source Sans 3',sans-serif}
.c6-proofgrid--single{display:block}
.c6-proof-main--counter{min-height:430px;padding:clamp(34px,3vw,46px)}
.c6-proof-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:clamp(30px,4vw,70px);align-items:center;flex:1}
.c6-proof-copy{display:flex;flex-direction:column;justify-content:center}
.c6-proof-main--counter h3{max-width:10.8ch;margin:24px 0 16px}
.c6-proof-main--counter>p{max-width:56ch}
.c6-project-counter{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100%;padding:16px 10px 10px}
.c6-counter-label{display:block;color:#c9dfd8;font:700 13px/1.2 'Source Sans 3',sans-serif;letter-spacing:.22em;margin-bottom:18px}
.c6-counter-value{display:block;font:600 clamp(82px,10vw,150px)/.9 'Source Serif 4',Georgia,serif;letter-spacing:-.04em;color:#eef8f4;text-shadow:0 8px 28px rgba(0,0,0,.12)}

.c6-proof-link{position:relative;z-index:1;display:inline-flex;width:max-content;align-items:center;gap:8px;text-decoration:none;background:#b8dfcf;color:#11353a;border-radius:999px;padding:12px 17px;font:700 12px/1.2 'Source Sans 3',sans-serif}
.c6-proof-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.c6-proof-card{border:1px solid #cfddd7;border-radius:20px;background:#fffefa;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;min-height:172px;box-shadow:0 12px 28px rgba(37,62,57,.04)}
.c6-proof-card.c6-proof-platform{background:linear-gradient(135deg,#e5eee8,#f5f4ec)}
.c6-proof-index{color:#568179;font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase}
.c6-proof-card h3{font:600 clamp(24px,2.1vw,32px)/1.08 'Source Serif 4',Georgia,serif;color:#213f45;letter-spacing:-.025em;margin:10px 0 8px}
.c6-proof-card p{font-size:14px;line-height:1.5;color:#5a6f72;margin:0;max-width:52ch}
.c6-proof-card a{width:max-content;margin-top:14px;color:#176c65;text-decoration:none;border-bottom:1px solid #91b7ac;padding-bottom:3px;font:700 12px/1.2 'Source Sans 3',sans-serif}
.c6-closing-line{display:flex;align-items:center;gap:16px;margin-top:24px;color:#56716d;font:600 13px/1.4 'Source Sans 3',sans-serif;letter-spacing:.02em}
.c6-closing-line span{width:44px;height:1px;background:#769c93}
.c6-closing-line p{margin:0}

.closing-cta{min-height:100svh!important;display:flex!important;align-items:center!important;padding:clamp(98px,10vh,132px) 0 clamp(66px,7vh,90px)!important;background:radial-gradient(circle at 76% 37%,rgba(139,213,192,.17),transparent 26%),linear-gradient(137deg,#143942 0%,#0a2631 75%)!important;position:relative;overflow:hidden}
.closing-cta:before{background:repeating-linear-gradient(110deg,transparent 0 119px,rgba(162,224,202,.055) 120px,transparent 121px)!important;opacity:.45!important}
.closing-cta:after{display:none!important}
.closing-cta .c7-wrap{width:min(1440px,89.3%)!important;display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)!important;gap:clamp(50px,7vw,110px)!important;align-items:center!important}
.closing-cta .c7-overline{color:#9dd7c9;margin-bottom:28px}
.closing-cta .c7-overline:before{background:#9dd7c9;box-shadow:0 0 12px rgba(157,215,201,.28)}
.closing-cta h2{font-size:clamp(58px,6vw,92px)!important;line-height:1.01!important;max-width:12.8ch!important;margin:0 0 28px!important}
.closing-cta h2 em{display:block;color:#a9dccb!important;margin-top:8px}
.closing-cta .c7-intro{font-size:clamp(17px,1.25vw,20px)!important;line-height:1.62!important;max-width:56ch!important;margin-bottom:32px!important}
.closing-cta .c7-actions{gap:12px!important}
.closing-cta .c7-primary,.closing-cta .c7-secondary{min-height:58px!important;padding:15px 24px!important;font-size:13px!important;letter-spacing:.045em!important}
.closing-cta .c7-primary{background:#b7e3d2!important}
.c7-start{position:relative;border:1px solid rgba(184,224,211,.24);border-radius:22px;background:rgba(255,255,255,.045);padding:30px 30px 26px;backdrop-filter:blur(4px);box-shadow:0 18px 50px rgba(3,20,28,.16)}
.c7-start>span{display:block;color:#9ed5c6;font:700 10px/1.45 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.c7-start>strong{display:block;font:600 clamp(28px,2.5vw,38px)/1.12 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;color:#f0f8f4;margin:15px 0 25px}
.c7-start-grid{display:grid;gap:0;border-top:1px solid rgba(192,225,216,.18);border-bottom:1px solid rgba(192,225,216,.18)}
.c7-start-grid div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(192,225,216,.12)}
.c7-start-grid div:last-child{border-bottom:none}
.c7-start-grid b{color:#99d3c3;font:700 10px 'IBM Plex Mono',monospace}
.c7-start-grid p{margin:0;color:#d9e8e3;font-size:14px;line-height:1.4}
.c7-start small{display:block;margin-top:20px;color:#9fb8b4;font-size:11.5px;line-height:1.5}
.c7-orbit{position:absolute;border:1px solid rgba(169,220,205,.09);border-radius:50%;pointer-events:none}
.c7-orbit-a{width:50vw;height:50vw;right:-24vw;top:-12vw;box-shadow:0 0 0 90px rgba(169,220,205,.014),0 0 0 180px rgba(169,220,205,.01)}
.c7-orbit-b{width:26vw;height:26vw;left:-14vw;bottom:-14vw}
@media(max-height:820px) and (min-width:1000px){
  .closing-evidence{padding:72px 0 44px!important}.closing-evidence .c6-head{margin:20px 0 26px!important}.c6-proof-main{min-height:330px;padding:26px 30px}.c6-proof-card{padding:20px 22px}.c6-closing-line{margin-top:18px}
  .closing-cta{padding:82px 0 54px!important}.closing-cta h2{font-size:clamp(52px,5.5vw,78px)!important}.c7-start{padding:25px 26px 22px}
}
@media(max-width:1000px){
  .closing-evidence,.closing-cta{min-height:auto!important}.closing-evidence .c6-head,.c6-proofgrid,.closing-cta .c7-wrap{grid-template-columns:1fr!important}.c6-proof-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.closing-cta .c7-wrap{gap:42px!important}.c7-start{max-width:620px}
}
@media(max-width:680px){
  .closing-evidence,.closing-cta{padding:72px 0 64px!important}.closing-evidence .c6-wrap,.closing-cta .c7-wrap{width:90%!important}.c6-proof-side{grid-template-columns:1fr}.c6-metrics{grid-template-columns:1fr 1fr}.closing-cta h2{font-size:clamp(44px,12vw,62px)!important}.closing-cta .c7-actions a{width:100%}
}



/* V5.70 — Hoja 7: texto principal más horizontal para ganar altura */
.c6-proof-main--counter{
  min-height:270px !important;
  padding:26px 34px !important;
}
.c6-proof-content{
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr) !important;
  gap:40px !important;
}
.c6-proof-copy h3,
.c6-proof-main--counter h3{
  max-width:17.5ch !important;
  margin:0 0 12px !important;
  font-size:clamp(32px,2.75vw,44px) !important;
  line-height:1.01 !important;
}
.c6-proof-copy p{
  max-width:74ch !important;
  font-size:15px !important;
  line-height:1.42 !important;
  margin:0 !important;
}
.c6-counter-value{
  font-size:clamp(72px,8vw,120px) !important;
}
@media(max-width:980px){
  .c6-proof-content{grid-template-columns:1fr !important}
  .c6-proof-copy h3,.c6-proof-main--counter h3{max-width:18ch !important}
}



/* V5.71 — Hoja 7: titular superior en 4 líneas y caja oscura en 2 */
.closing-evidence .c6-head{
  grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr) !important;
  gap:clamp(34px,4.5vw,72px) !important;
}
.closing-evidence h2{
  max-width:18.5ch !important;
}

.c6-proof-content{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr) !important;
  gap:34px !important;
}
.c6-proof-copy h3,
.c6-proof-main--counter h3{
  max-width:none !important;
  width:100% !important;
  font-size:clamp(30px,2.35vw,39px) !important;
  line-height:1.03 !important;
}
.c6-proof-copy p{
  max-width:82ch !important;
}

@media(max-width:1100px){
  .closing-evidence .c6-head{grid-template-columns:1fr !important}
  .closing-evidence h2{max-width:18ch !important}
}



/* V5.72 — Hoja 7: frase secundaria más grande y caja con menos aire vertical */
.c6-proof-main--counter{
  min-height: 238px !important;
  padding: 18px 34px !important;
}
.c6-proof-content{
  align-items: center !important;
}
.c6-proof-copy p{
  max-width: 92ch !important;
  font-size: 16.5px !important;
  line-height: 1.34 !important;
  margin: 2px 0 0 !important;
}
@media(max-width:1100px){
  .c6-proof-main--counter{padding: 18px 24px !important;}
  .c6-proof-copy p{font-size: 15.5px !important; max-width: 100% !important;}
}



/* V5.73 — Hoja 7: mayor jerarquía en CTA inferior sin aumentar altura */
.c6-platform-cta>span{
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}
.c6-platform-cta a{
  font-size:15px !important;
  line-height:1.15 !important;
  padding:13px 24px !important;
}



/* V5.74 — Última hoja: un solo CTA y cierre visual más contundente */
.closing-cta .c7-wrap{
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr) !important;
  gap:clamp(56px,7vw,110px) !important;
}
.closing-cta .c7-main{
  max-width:900px;
}
.closing-cta h2{
  max-width:13.6ch !important;
}
.closing-cta .c7-intro{
  font-size:clamp(18px,1.35vw,21px) !important;
  line-height:1.62 !important;
  max-width:58ch !important;
  margin-bottom:36px !important;
}
.closing-cta .c7-actions{
  margin-top:4px !important;
}
.closing-cta .c7-primary{
  min-height:64px !important;
  padding:17px 30px !important;
  font-size:14px !important;
}
.c7-start{
  padding:38px 38px 32px !important;
  border-radius:24px !important;
}
.c7-start>span{
  font-size:11px !important;
}
.c7-start>strong{
  font-size:clamp(31px,2.7vw,42px) !important;
  line-height:1.1 !important;
  margin:17px 0 30px !important;
}
.c7-start-grid div{
  grid-template-columns:42px 1fr !important;
  padding:18px 0 !important;
}
.c7-start-grid b{
  font-size:11px !important;
}
.c7-start-grid p{
  font-size:16px !important;
  line-height:1.4 !important;
}
.c7-start small{
  margin-top:24px !important;
  font-size:12px !important;
}
.c7-contact-mail{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  color:#b7e3d2;
  text-decoration:none;
  font:700 13px/1.3 'Source Sans 3',sans-serif;
  border-bottom:1px solid rgba(183,227,210,.42);
  padding-bottom:3px;
}
.c7-contact-mail:hover{color:#e4f6ef}
@media(max-width:1100px){
  .closing-cta .c7-wrap{grid-template-columns:1fr !important}
  .c7-start{max-width:720px}
}



/* V5.75 — Cierre final minimalista: una idea, un CTA, una línea de cierre */
.closing-cta-minimal{
  min-height:100svh !important;
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
}
.closing-cta-minimal .c7-wrap-minimal{
  width:min(1440px,89.3%) !important;
  min-height:calc(100svh - 112px);
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:0 !important;
  padding:94px 0 46px !important;
}
.closing-cta-minimal .c7-main-minimal{
  max-width:980px;
}
.closing-cta-minimal .c7-overline{
  margin-bottom:26px !important;
}
.closing-cta-minimal h2{
  max-width:12.7ch !important;
  margin:0 0 30px !important;
  font-size:clamp(62px,6.1vw,94px) !important;
  line-height:.99 !important;
}
.closing-cta-minimal h2 em{
  display:block !important;
  margin-top:8px !important;
}
.closing-cta-minimal .c7-intro{
  max-width:54ch !important;
  margin:0 0 38px !important;
  font-size:clamp(19px,1.35vw,22px) !important;
  line-height:1.6 !important;
}
.c7-actions-minimal{
  margin:0 !important;
}
.c7-primary-large{
  min-width:330px !important;
  min-height:70px !important;
  justify-content:center !important;
  text-align:center !important;
  padding:19px 28px !important;
  font-size:15px !important;
}
.c7-bottom-strip{
  margin-top:auto;
  padding-top:26px;
  border-top:1px solid rgba(181,220,209,.26);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.c7-bottom-capabilities{
  color:#9bc9bd;
  font:700 11px/1.4 'IBM Plex Mono',monospace;
  letter-spacing:.12em;
}
.c7-bottom-capabilities span{
  color:#5d958b;
  padding:0 8px;
}
.c7-bottom-strip a{
  color:#d8ebe5;
  text-decoration:none;
  font:700 13px/1.3 'Source Sans 3',sans-serif;
  border-bottom:1px solid rgba(216,235,229,.36);
  padding-bottom:3px;
}
@media(max-width:900px){
  .closing-cta-minimal .c7-wrap-minimal{
    min-height:auto;
    padding:86px 0 40px !important;
  }
  .closing-cta-minimal h2{
    font-size:clamp(48px,10vw,68px) !important;
  }
  .c7-bottom-strip{
    align-items:flex-start;
    flex-direction:column;
  }
}



/* V5.77 — Ajuste transversal de contraste y legibilidad UX.
   Solo microtextos/etiquetas; no modifica narrativa ni estructura. */

/* HOJA 1 · Hero: microinformación */
.hero54 .eco-disclaimer{
  color:#c3d9df !important;
  font-size:11px !important;
  line-height:1.42 !important;
}
.hero54 .axis-labels{
  color:#d0e1e6 !important;
  font-size:11px !important;
}
.hero54 .chart-title,
.hero54 .chart-heading p,
.hero54 .chart-legend span{
  font-size:11px !important;
}
.hero54 .chart-period{
  font-size:10px !important;
  color:#d9eef1 !important;
}

/* HOJA 3 · Animación: textos funcionales pequeños */
.chapter3real .c3r-film-foot{
  color:#415f5a !important;
  font-size:11px !important;
  letter-spacing:.10em !important;
}
.chapter3real .c3r-device-head span{
  font-size:11px !important;
  color:#c2e2db !important;
}

/* HOJA 4 · números, subtítulos de servicio y línea de apoyo */
.c4-n{
  color:#7b5a32 !important;
}
.c4-service{
  color:#7b542d !important;
  font-size:11px !important;
  letter-spacing:.11em !important;
}
.c4-sunline{
  color:#765a34 !important;
  font-size:11.5px !important;
}

/* HOJA 5A · etiquetas de la evolución */
.c5-step>span{
  color:#48675f !important;
  font-size:11px !important;
  letter-spacing:.13em !important;
}

/* HOJA 5B / Personas · etiquetas de rol */
.c5b-person>span{
  color:#4a6b62 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
.c5b-person.c5b-tech>span{
  color:#356b62 !important;
}
.c5b-partner-top .c5b-label{
  font-size:11px !important;
}

/* En pantallas pequeñas evitar volver a microtamaños demasiado bajos */
@media(max-width:900px){
  .hero54 .eco-disclaimer,
  .hero54 .axis-labels,
  .hero54 .chart-title,
  .hero54 .chart-heading p,
  .hero54 .chart-legend span{
    font-size:10.5px !important;
  }
  .chapter3real .c3r-film-foot{
    font-size:10px !important;
  }
  .c4-service,
  .c5-step>span,
  .c5b-person>span{
    font-size:10.5px !important;
  }
}


.chapter3real .note{display:none!important;}


/* V5.79 — Hoja 4: eliminar numeración de tarjetas */
.c4-question summary{
  grid-template-columns:minmax(0,1fr) 28px !important;
  gap:18px !important;
}
.c4-answer{
  padding-left:22px !important;
}
@media(max-width:480px){
  .c4-question summary{grid-template-columns:minmax(0,1fr) 24px !important;gap:12px !important;}
  .c4-answer{padding-left:16px !important;}
}



/* V5.80 — Hoja 4: chevron destacado y más legible en cada tarjeta */
.c4-plus{
  position:relative !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:999px !important;
  border:1px solid #78b7aa !important;
  background:#1d5564 !important;
  color:transparent !important;
  box-shadow:0 6px 14px rgba(26,69,72,.16) !important;
}
.c4-plus::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  width:8px !important;
  height:8px !important;
  margin:auto !important;
  border-right:2.25px solid #f4fbf8 !important;
  border-bottom:2.25px solid #f4fbf8 !important;
  transform:rotate(45deg) translate(-1px,-1px) !important;
  transition:transform .22s ease !important;
}
.c4-question summary:hover .c4-plus{
  background:#236273 !important;
  border-color:#88cabb !important;
}
.c4-question[open] .c4-plus{
  background:#e3f4ee !important;
  border-color:#86bdb1 !important;
  box-shadow:0 4px 12px rgba(36,91,82,.12) !important;
}
.c4-question[open] .c4-plus::before{
  border-right-color:#1e615e !important;
  border-bottom-color:#1e615e !important;
  transform:rotate(225deg) translate(-1px,-1px) !important;
}
@media(max-width:480px){
  .c4-plus{width:28px !important;height:28px !important;min-width:28px !important;}
}

/* =====================================================================
   STAGING QA V2 · navegación + responsive
   - No modifica la composición desktop (>900px).
   - Reflujo móvil para evitar superposiciones.
   ===================================================================== */

html{scroll-behavior:smooth;scroll-padding-top:92px;}
body{overflow-x:hidden;}
#inicio,#narrativa,#enfoque,#necesidades,#equipo,#trayectorias,#inteligencia,#contacto{
  scroll-margin-top:92px;
}

@media (max-width:900px){
  html{scroll-padding-top:104px;}
  #inicio,#narrativa,#enfoque,#necesidades,#equipo,#trayectorias,#inteligencia,#contacto{
    scroll-margin-top:104px;
  }

  /* Hero: pasar de composición absoluta de escritorio a flujo vertical. */
  .hero54{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:96px 0 44px !important;
    overflow:hidden !important;
  }
  .hero54 .copy54{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;
    width:90% !important;max-width:760px !important;
    margin:0 auto !important;
    padding:36px 0 26px !important;
  }
  .hero54 .copy54 h1{font-size:clamp(42px,9vw,62px) !important;line-height:1.02 !important;}
  .hero54 .copy54 p{max-width:44ch !important;}
  .hero54 .network54,.hero54 .region54,
  .hero54 .cleanmask54.right-lower,
  .hero54 .artifactmask54{display:none !important;}
  .hero54 .panels54.solo{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:90% !important;max-width:760px !important;
    margin:0 auto 18px !important;
    display:block !important;
  }
  .hero54 .economic56{min-height:0 !important;}
  .hero54 .live54{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:90% !important;max-width:760px !important;
    height:auto !important;min-height:210px !important;
    margin:0 auto !important;
    padding:16px !important;
  }
  .hero54 .live54 svg{height:auto !important;max-height:190px !important;}
  .hero54 .bottom54,.hero54 .footnote54{display:none !important;}

  /* Todas las hojas vuelven a altura natural en móvil. */
  .chapter2,.chapter2 .chapter2-visual,.chapter2 .chapter2-overlay,
  .chapter3real,.c4-sunrise,.chapter5,.chapter5b,.c5b-section,
  .closing-evidence,.chapter6,.closing-cta,.closing-cta-minimal{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  /* Hoja 2 */
  #narrativa{height:auto !important;min-height:0 !important;overflow:hidden !important;}
  #narrativa .chapter2-visual{height:auto !important;min-height:720px !important;}
  #narrativa .chapter2-overlay{
    height:auto !important;min-height:720px !important;
    padding:112px 0 44px !important;
    justify-content:space-between !important;
  }

  /* Hoja 3: mantener la animación aprobada, solo asegurar ancho/flujo. */
  .chapter3real{padding:104px 0 74px !important;}
  .chapter3real .c3r-wrap{width:90% !important;grid-template-columns:1fr !important;gap:28px !important;}
  .chapter3real .c3r-stage-proto13-v546{width:100% !important;min-width:0 !important;}
  .chapter3real .c3r-proto13-frame-v546{width:100% !important;max-width:100% !important;}

  /* Servicios */
  .c4-sunrise{padding:104px 0 72px !important;}
  .c4-sunrise .c4-content{width:90% !important;}
  .c4-header{grid-template-columns:1fr !important;gap:20px !important;}
  .c4-questions{grid-template-columns:1fr !important;gap:10px !important;}
  .c4-question summary{min-height:0 !important;}

  /* Evolución */
  .chapter5{display:block !important;padding:0 !important;}
  .chapter5 .c5-shell{width:90% !important;padding:104px 0 74px !important;}
  .c5-headline{grid-template-columns:1fr !important;}
  .c5-timeline{grid-template-columns:1fr !important;}

  /* Personas: anular alturas forzadas heredadas de escritorio. */
  .chapter5b,.c5b-section{display:block !important;align-items:initial !important;}
  .c5b-shell{width:90% !important;padding:104px 0 74px !important;}
  .c5b-human-intro{grid-template-columns:1fr !important;gap:18px !important;}
  .c5b-persons{grid-template-columns:1fr !important;gap:14px !important;}
  .c5b-person,.c5b-person.c5b-tech{grid-column:auto !important;min-height:0 !important;}
  .c5b-partner-top{grid-template-columns:1fr !important;gap:16px !important;}

  /* Evidencia */
  .closing-evidence,.chapter6{display:block !important;padding:104px 0 72px !important;}
  .closing-evidence .c6-wrap,.chapter6 .c6-wrap{width:90% !important;}
  .chapter6 .c6-head{grid-template-columns:1fr !important;gap:20px !important;}
  .c6-proof-content{grid-template-columns:1fr !important;gap:24px !important;}
  .c6-proof-main--counter{min-height:0 !important;padding:28px 24px !important;}
  .c6-project-counter{min-height:0 !important;align-items:flex-start !important;text-align:left !important;}
  .c6-counter-value{justify-content:flex-start !important;}

  /* Cierre/contacto */
  .closing-cta-minimal{display:block !important;align-items:initial !important;padding:0 !important;}
  .closing-cta-minimal .c7-wrap-minimal{
    width:90% !important;min-height:0 !important;
    padding:112px 0 48px !important;
  }
  .closing-cta-minimal h2{font-size:clamp(46px,11vw,68px) !important;}
  .c7-primary-large{min-width:0 !important;width:100% !important;}
  .c7-bottom-strip{margin-top:64px !important;align-items:flex-start !important;flex-direction:column !important;gap:18px !important;}

  /* Evitar desbordes horizontales de cualquier recurso. */
  img,svg,iframe{max-width:100%;}
}

@media (max-width:600px){
  html{scroll-padding-top:96px;}
  #inicio,#narrativa,#enfoque,#necesidades,#equipo,#trayectorias,#inteligencia,#contacto{scroll-margin-top:96px;}
  .hero54{padding-top:91px !important;}
  .hero54 .copy54{width:90% !important;padding-top:30px !important;}
  .hero54 .copy54 h1{font-size:clamp(38px,11vw,52px) !important;}
  .hero54 .live54,.hero54 .panels54.solo{width:90% !important;}
  #narrativa .chapter2-visual{min-height:760px !important;background-position:62% center !important;}
  #narrativa .chapter2-overlay{min-height:760px !important;padding-top:104px !important;}
  .chapter2 .chapter2-bottom{flex-wrap:wrap !important;}
  .chapter3real,.c4-sunrise,.chapter5 .c5-shell,.c5b-shell,.closing-evidence,.chapter6{padding-top:98px !important;}
  .c4-q{font-size:18px !important;line-height:1.22 !important;}
  .c4-question summary{grid-template-columns:minmax(0,1fr) 30px !important;gap:12px !important;padding:16px !important;}
  .c4-answer{padding:0 16px 16px !important;}
  .c5b-person{padding:20px !important;}
  .c6-platform-cta{flex-direction:column !important;align-items:stretch !important;}
  .c6-platform-cta a{width:100% !important;justify-content:center !important;}
  .closing-cta-minimal .c7-wrap-minimal{padding-top:104px !important;}
  .c7-bottom-capabilities{line-height:1.8 !important;}
}


/* STAGING QA V4 · Capítulo 3, altura móvil */
@media(max-width:560px){
  .chapter3real .c3r-proto13-frame-v546{height:570px !important;}
  .chapter3real .c3r-stage-proto13-v546{min-height:590px !important;}
}


/* STAGING QA V6 · Hoja 5A en tablet (641–900 px)
   Recupera una composición tablet real sin alterar móvil pequeño ni escritorio. */
@media (min-width:641px) and (max-width:900px){
  .chapter5 .c5-shell{
    width:88% !important;
    padding:88px 0 68px !important;
    gap:28px !important;
  }
  .chapter5 .c5-headline{
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr) !important;
    gap:34px !important;
    align-items:end !important;
  }
  .chapter5 .c5-opening h2{
    font-size:clamp(46px,6.6vw,60px) !important;
    max-width:10.5ch !important;
  }
  .chapter5 .c5-opening p{
    font-size:18px !important;
    line-height:1.58 !important;
    max-width:31ch !important;
  }
  .chapter5 .c5-timeline{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px 34px !important;
  }
  .chapter5 .c5-step{
    padding-top:50px !important;
    margin-left:0 !important;
    border-left:0 !important;
  }
  .chapter5 .c5-step p{max-width:28ch !important;}
  .chapter5 .c5-rail{display:none !important;}
}


/* QA V7 — Formulario corporativo O2B: modal, sin alterar páginas existentes */
html.o2b-modal-open, body.o2b-modal-open{overflow:hidden!important}
.o2b-contact-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(4,20,29,.18)}
.o2b-contact-modal.is-open{display:flex}
.o2b-contact-backdrop{position:absolute;inset:0;background:rgba(3,15,23,.76);backdrop-filter:blur(8px)}
.o2b-contact-dialog{position:relative;z-index:1;width:min(1180px,94vw);max-height:92vh;overflow:auto;border:1px solid rgba(129,212,198,.25);border-radius:30px;padding:30px 34px 34px;background:radial-gradient(circle at 92% 9%,rgba(23,113,112,.30),transparent 30%),linear-gradient(145deg,#102f3e 0%,#0a2634 72%);box-shadow:0 32px 90px rgba(0,0,0,.34);color:#eef7f4}
.o2b-contact-close{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(151,215,204,.36);background:rgba(255,255,255,.06);color:#eaf8f4;font:300 29px/1 Arial,sans-serif;cursor:pointer}
.o2b-contact-close:hover{background:rgba(255,255,255,.12)}
.o2b-contact-brandline{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:0 38px 22px 0;border-bottom:1px solid rgba(157,205,198,.18)}
.o2b-contact-brandline>div:first-child,.o2b-contact-ada{display:flex;flex-direction:column;gap:2px}
.o2b-contact-brandline strong{font:700 27px/1 'Source Serif 4',Georgia,serif;letter-spacing:.035em;color:#fff}
.o2b-contact-brandline span{font:700 9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#3cc5b5}
.o2b-contact-brandline-center{font:700 13px/1.4 'IBM Plex Mono',monospace;letter-spacing:.20em;color:#dfece9;padding-top:7px}
.o2b-contact-ada{text-align:right;align-items:flex-end}
.o2b-contact-head{text-align:center;max-width:850px;margin:24px auto 26px}
.o2b-contact-head>span{font:700 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.18em;color:#72d9ca}
.o2b-contact-head h2{margin:9px 0 8px;font:600 clamp(34px,3.5vw,52px)/1.05 'Source Serif 4',Georgia,serif;letter-spacing:-.03em;color:#fff}
.o2b-contact-head p{margin:0 auto;max-width:74ch;font-size:16px;line-height:1.55;color:#c5d8d5}
.o2b-contact-form{border:1px solid rgba(74,175,163,.22);border-radius:23px;padding:24px;background:rgba(4,28,41,.24)}
.o2b-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.o2b-field{display:block;border:1px solid rgba(159,190,190,.25);border-radius:17px;padding:13px 14px 14px;background:rgba(255,255,255,.055)}
.o2b-field>span{display:block;margin:0 0 9px 4px;font:700 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#d9e5e3}
.o2b-field>span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#18aa9c;box-shadow:0 0 0 4px rgba(24,170,156,.15);vertical-align:-1px}
.o2b-field small{font:700 8px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#90aaa7}
.o2b-field input,.o2b-field select,.o2b-field textarea{box-sizing:border-box;width:100%;border:1px solid rgba(180,207,207,.35);border-radius:12px;background:#365166;color:#f6fbf9;padding:13px 14px;font:600 15px/1.35 'Source Sans 3',Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.o2b-field select{appearance:auto}
.o2b-field textarea{resize:vertical;min-height:118px;font-weight:500}
.o2b-field textarea::placeholder{color:#9badb0}
.o2b-field input:focus,.o2b-field select:focus,.o2b-field textarea:focus{border-color:#69d4c4;box-shadow:0 0 0 3px rgba(105,212,196,.12);background:#3a596f}
.o2b-field-full{grid-column:1/-1}
.o2b-contact-actions{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:18px;min-height:58px}
.o2b-contact-actions button{border:0;border-radius:999px;min-width:230px;padding:14px 25px;background:linear-gradient(90deg,#13a49a,#1a8f86);color:#fff;font:700 15px/1.25 'Source Sans 3',Arial,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 30px rgba(20,155,145,.20)}
.o2b-contact-actions button:hover{transform:translateY(-1px)}
.o2b-form-status{display:none;margin:0;color:#a9ddd3;font-size:13px;line-height:1.45}
.o2b-form-status.is-visible{display:block}
.o2b-field.has-error{border-color:#d99d89}
.o2b-field.has-error input,.o2b-field.has-error textarea{border-color:#e0a18d}
@media(max-width:760px){
  .o2b-contact-modal{padding:12px}
  .o2b-contact-dialog{width:100%;max-height:96vh;border-radius:22px;padding:24px 16px 20px}
  .o2b-contact-close{right:13px;top:12px;width:40px;height:40px}
  .o2b-contact-brandline{grid-template-columns:1fr 1fr;padding:0 46px 17px 0}
  .o2b-contact-brandline-center{display:none}
  .o2b-contact-brandline strong{font-size:22px}
  .o2b-contact-head{margin:20px auto 20px;text-align:left}
  .o2b-contact-head h2{font-size:34px}
  .o2b-contact-head p{font-size:14.5px}
  .o2b-contact-form{padding:14px;border-radius:18px}
  .o2b-contact-grid{grid-template-columns:1fr;gap:10px}
  .o2b-field-full{grid-column:auto}
  .o2b-field{padding:11px 11px 12px}
  .o2b-field textarea{min-height:108px}
  .o2b-contact-actions{flex-direction:column;align-items:stretch;padding-top:14px}
  .o2b-contact-actions button{width:100%;min-width:0}
}

/* V13 — Contacto robusto: fallback por :target además de JavaScript */
.o2b-contact-modal:target{display:flex}
.o2b-contact-close{text-decoration:none}


/* QA V16 — confirmación profesional tras envío: retorno al inicio + banner temporal */
.o2b-success-banner{
  position:fixed;
  top:92px;
  left:50%;
  z-index:12000;
  display:flex;
  align-items:center;
  gap:13px;
  width:min(560px,calc(100vw - 36px));
  padding:15px 20px;
  border:1px solid rgba(139,220,201,.38);
  border-radius:16px;
  background:rgba(10,38,49,.96);
  color:#eef8f5;
  box-shadow:0 18px 52px rgba(3,20,29,.28);
  backdrop-filter:blur(10px);
  transform:translate(-50%,-18px);
  opacity:0;
  pointer-events:none;
  transition:opacity .32s ease,transform .32s ease;
}
.o2b-success-banner.is-visible{opacity:1;transform:translate(-50%,0)}
.o2b-success-banner-icon{
  flex:0 0 32px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#78d8c6;
  color:#0a2b35;
  font:800 18px/1 'Source Sans 3',Arial,sans-serif;
}
.o2b-success-banner strong{
  display:block;
  font:700 15px/1.25 'Source Sans 3',Arial,sans-serif;
  letter-spacing:.01em;
}
.o2b-success-banner small{
  display:block;
  margin-top:2px;
  color:#bcd8d2;
  font:500 13px/1.35 'Source Sans 3',Arial,sans-serif;
}
@media(max-width:640px){
  .o2b-success-banner{top:76px;padding:13px 15px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  .o2b-success-banner{transition:none}
}