@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#112b45;--blue:#2879b1;--ink:#132d44;--muted:#607282;--paper:#f5f7f8;--line:#dde5e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #38a0e2;outline-offset:5px}[hidden]{display:none!important}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,247,248,.95)}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.brand b{font-weight:500}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.platform{background:var(--navy);color:white;padding:13px 19px;border:0;border-radius:9px}.platform span{margin-left:18px}.hero{max-width:1500px;margin:auto;padding:78px 6% 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;line-height:1.6}.hero .eyebrow{display:flex;gap:9px;align-items:center}.eyebrow span{width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,4.1vw,62px);line-height:1.12;letter-spacing:-2.6px;margin:26px 0}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:18px;color:var(--muted);line-height:1.65;max-width:490px;margin-bottom:30px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;background:var(--navy);color:white;border:0;padding:16px 22px;border-radius:9px;font-weight:600;font-size:14px}.development{font-size:11px;color:var(--muted);margin:18px 0 0}.hero-visual{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 24px 70px #102c4510;transform:rotate(1deg)}.visual-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.visual-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px}.demo-tag{font-size:10px;background:#f1f4f6;border-radius:20px;padding:5px 9px;color:var(--muted)}.hero-photo{height:225px;position:relative;border-radius:13px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#071f3c99)}.photo-caption{position:absolute;z-index:1;left:20px;bottom:18px;color:white;font-size:20px;letter-spacing:-.5px;font-weight:600}.record{display:flex;align-items:center;gap:12px;padding:22px 0 16px}.record-icon{background:#e8f3fa;color:var(--blue);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:20px}.record small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:5px}.record strong{font-size:14px}.status{margin-left:auto;background:#eaf3ec;color:#3e6d4b;padding:6px 10px;border-radius:20px;font-size:10px}.evidence{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:10px;padding-bottom:20px}.visual-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:center;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.visual-foot i{height:1px;width:24px;background:var(--line)}.section{padding:72px 6%;max-width:1500px;margin:auto}.areas{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}h2{font-family:Manrope,Arial,sans-serif;font-size:42px;letter-spacing:-1.6px;line-height:1.16;margin-bottom:0}.section-head>p{max-width:330px;font-size:16px;color:var(--muted);line-height:1.65;margin:0 0 4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.area-card{display:block;border:0;text-align:left;position:relative;border-radius:16px;overflow:hidden;min-height:310px;color:white;background:var(--navy);padding:0}.area-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s}.area-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#091e3130 0%,#091e3110 20%,#061a30e6 100%)}.area-card:hover>img{transform:scale(1.045)}.area-number{position:absolute;left:24px;top:22px;z-index:1;font-size:11px;letter-spacing:1px}.area-pill{position:absolute;right:22px;top:19px;z-index:1;font-size:10px;padding:6px 9px;border-radius:20px;border:1px solid #ffffff50;background:#102d3b30;backdrop-filter:blur(5px)}.card-content{position:absolute;z-index:1;bottom:23px;left:24px;right:24px}.card-content h3{font-family:Manrope,Arial,sans-serif;font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:0 34px 10px 0}.card-content p{font-size:13px;line-height:1.5;color:#e1e8ed;max-width:90%;margin:0}.card-arrow{position:absolute;right:0;top:0;font-size:25px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:90px;padding-bottom:100px}.approach h2{font-size:35px}.approach-title>p:last-child{margin-top:23px;max-width:400px;color:var(--muted);line-height:1.75;font-size:15px}.principles article{position:relative;border-top:1px solid var(--line);padding:22px 0 20px 48px}.principles article>span{position:absolute;left:0;top:25px;font-size:11px;color:var(--blue)}.principles h3{font-size:18px;margin-bottom:8px}.principles p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.closing{background:var(--navy);color:white;padding:62px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.closing .eyebrow{color:#7fbde5}.closing h2{font-size:34px}.closing>a{font-size:14px;border-bottom:1px solid #ffffff55;padding:14px 0;display:flex;gap:50px}footer{padding:34px 6%;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}footer .brand{font-size:19px}footer p{font-size:12px;color:var(--muted);margin:0}footer small{font-size:10px;margin-left:auto;color:var(--muted)}footer>button{border:0;background:transparent;font-size:10px;color:var(--muted);text-decoration:underline}dialog{max-width:520px;width:calc(100% - 40px);padding:42px;border:0;border-radius:18px;box-shadow:0 30px 120px #0004;color:var(--ink)}dialog::backdrop{background:#08233bc0;backdrop-filter:blur(3px)}dialog h2{font-size:28px;margin-bottom:20px}dialog p{color:var(--muted);line-height:1.7;font-size:15px}.close-dialog{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:30px;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.detail-intro{padding:56px 10% 55px 12%}.back{display:inline-block;font-size:12px;margin-bottom:38px;color:var(--muted)}.detail-intro h1{font-size:45px}.detail-intro>p:last-child{font-size:16px;color:var(--muted);line-height:1.75}.detail-photo{min-height:400px;width:100%;height:100%;object-fit:cover}.detail-body{padding:55px 6% 75px;max-width:1500px;margin:auto}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid var(--line);padding-bottom:42px;margin-bottom:60px}.benefits span{font-size:11px;color:var(--blue)}.benefits h3{font-size:20px;margin:12px 0}.benefits p{font-size:14px;color:var(--muted);line-height:1.7}.journey{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;margin:25px 0}.journey-head{display:flex;justify-content:space-between;align-items:center}.journey h3{font-size:20px;margin:0}.journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:28px 0 0;margin:0}.journey li{border-top:2px solid #91bdd8;padding-top:20px}.journey li b{display:block;margin:10px 0;font-size:17px}.journey li p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:0}.journey li small{color:var(--blue);font-size:10px}.problem-line{font-size:16px;line-height:1.7;color:var(--muted);max-width:770px;margin:25px 0}.other-areas{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}.other-areas button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 16px;font-size:12px}.other-areas button:hover{background:var(--navy);color:white}@media(min-width:1500px){header,footer{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:1000px){.hero{gap:4%;padding-top:55px}h1{font-size:43px}.grid{grid-template-columns:repeat(2,1fr)}nav{gap:20px}.hero-photo{height:180px}.detail-intro h1{font-size:37px}}@media(max-width:700px){header{height:80px;padding:0 6%}.brand{font-size:21px}.brand img{width:36px;height:36px}nav>a{display:none}.platform{font-size:12px;padding:10px 12px}.platform span{margin-left:7px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:45px;gap:36px}h1{font-size:43px;letter-spacing:-1.8px}.intro{font-size:16px}.hero-visual{transform:none}.hero-photo{height:200px}.section{padding-top:45px;padding-bottom:45px}.section-head{display:block;margin-bottom:26px}.section-head>p{margin-top:20px;font-size:14px}h2{font-size:34px}.grid{grid-template-columns:1fr;gap:18px}.area-card{min-height:290px}.approach{grid-template-columns:1fr;gap:26px}.approach h2{font-size:31px}.closing{display:block;padding:44px 6%}.closing h2{font-size:29px}.closing>a{max-width:260px;margin-top:25px}footer{flex-wrap:wrap;gap:18px}footer p{width:100%;order:3}footer small{margin-left:auto;max-width:100px;text-align:right}.detail-hero{grid-template-columns:1fr}.detail-intro{padding:30px 6%}.detail-intro h1{font-size:38px}.back{margin-bottom:20px}.detail-photo{min-height:0;height:220px}.benefits{grid-template-columns:1fr;gap:10px;margin-bottom:35px;padding-bottom:20px}.journey{padding:22px}.journey ol{grid-template-columns:1fr;gap:20px}.journey-head{gap:10px}.journey h3{font-size:18px}dialog{padding:34px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Actualización de posicionamiento M3 */
.hero-industries{display:grid;grid-template-columns:repeat(3,1fr);height:100%;gap:4px}.hero-industries img{width:100%;height:100%;object-fit:cover}.photo-caption{font-size:18px}.approach{display:block;padding-top:60px;padding-bottom:65px;border-top:1px solid var(--line)}.approach-title>p:last-child{max-width:630px}.five-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:38px}.five-flow article{border-top:2px solid #a8c9df;padding-top:20px}.five-flow article>span{color:var(--blue);font-size:11px}.five-flow h3{font-size:19px;margin:12px 0}.five-flow p{font-size:13px;line-height:1.65;color:var(--muted)}.capabilities{border-top:1px solid var(--line);padding-bottom:70px}.core-strip{display:flex;align-items:center;gap:18px;background:var(--navy);color:white;padding:24px;border-radius:14px;margin:30px 0}.core-strip h3{font-size:18px;margin:0 0 8px}.core-strip p{font-size:12px;color:#bbd0df;margin:0;line-height:1.7}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cap-grid article{border-bottom:1px solid var(--line);padding:20px 0}.cap-grid article>span{font-size:24px;color:var(--blue)}.cap-grid h3{font-size:17px;margin:15px 0 10px}.cap-grid p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.cap-note{font-size:11px;color:var(--muted);margin:24px 0 0;line-height:1.7}.sector-shared{padding:26px 0 32px;margin:20px 0 35px;border-bottom:1px solid var(--line)}.sector-shared>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7;max-width:740px}.sector-shared a{font-size:13px;color:var(--blue);font-weight:600}.area-pill{max-width:65%;text-align:right}.detail-body>.benefits{margin-top:25px}nav{gap:24px}@media(max-width:1000px){.five-flow{grid-template-columns:repeat(3,1fr)}.cap-grid{grid-template-columns:repeat(2,1fr)}nav{gap:16px;font-size:12px}.platform{font-size:12px}}@media(max-width:700px){.five-flow{grid-template-columns:repeat(2,1fr);gap:18px}.five-flow article:last-child{grid-column:1/-1}.core-strip{align-items:flex-start;padding:20px}.core-strip img{width:36px;height:36px}.core-strip h3{font-size:16px}.cap-grid{gap:16px}.cap-grid h3{font-size:15px}.photo-caption{font-size:16px}.hero h1{font-size:46px}.platform{max-width:170px}.approach{padding-top:45px;padding-bottom:45px}}

/* Propuesta comercial: resultados sin exponer el método */
.hero-visual{transform:none}.hero-photo{height:280px}.brand-statement{display:flex;align-items:center;gap:15px;padding:25px 0}.brand-statement p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}.brand-statement strong{color:var(--ink);font-weight:600}.approach{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:8%}.value-line{display:flex;flex-direction:column;gap:0}.value-line span{padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:500}.value-line span:before{content:'↗';color:var(--blue);margin-right:16px}.cap-grid{grid-template-columns:repeat(3,1fr);gap:35px}.cap-grid article>span{font-size:12px;letter-spacing:1px}.detail-body>.benefits{margin-top:40px}.detail-body>h2{font-size:34px}@media(max-width:700px){.approach,.cap-grid{grid-template-columns:1fr}.hero-photo{height:240px}.value-line span{font-size:16px}.cap-grid{gap:12px}.brand-statement p{font-size:15px}}

/* Identidad elegida: Unidad — M³ */
:root{--navy:#0b2b46;--blue:#238bd0;--ink:#0b2b46;--paper:#f7f9fb;--line:#dce5ed}
header{height:104px;background:#fff}
.brand{gap:13px;font-size:30px;font-weight:500;letter-spacing:-1.2px}
.brand img{width:54px;height:54px;flex:none}
nav>a{color:#465e72}nav>a:hover{color:var(--blue)}
.platform,.primary{border-radius:10px;transition:background .2s}
.platform:hover,.primary:hover{background:#164368}
.hero{padding-top:88px;padding-bottom:88px;gap:6%;grid-template-columns:1.05fr 1fr}
.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.08;letter-spacing:-3px}
.hero .intro{max-width:440px;font-size:19px}
.hero-visual{border-radius:24px;padding:22px;box-shadow:0 22px 60px #0b2b460b}
.hero-photo{height:300px}.brand-statement img{width:52px;height:52px}
.section{padding-top:76px;padding-bottom:76px}
.approach h2{font-size:39px}.approach-title>p:last-child{max-width:470px;margin-bottom:0}
.value-line span{font-size:17px;padding:22px 0}
.area-card{min-height:340px;border-radius:18px}.area-card:focus-visible{outline-offset:5px}
.card-content{bottom:28px;left:27px;right:27px}.card-content h3{font-size:24px}
.area-pill{background:#0b2b4677;color:white}
.capabilities{background:#fff;max-width:none}.capabilities>.section-head,.capabilities>.cap-grid,.capabilities>.cap-note{max-width:1320px;margin-left:auto;margin-right:auto}
.cap-grid article{padding:26px 0}.cap-grid h3{font-size:21px}.cap-grid p{font-size:15px}
.closing{padding-top:68px;padding-bottom:68px}.closing h2{font-size:38px}
footer{background:#fff}footer .brand{font-size:24px}footer .brand img{width:42px;height:42px}
.detail-intro h1{font-size:clamp(35px,3.3vw,48px);line-height:1.15;letter-spacing:-1.7px}
@media(max-width:1000px){nav{gap:16px}.brand{font-size:26px}.brand img{width:48px;height:48px}.hero h1{font-size:56px}.hero-photo{height:270px}.hero .intro{font-size:17px}.area-card{min-height:315px}}
@media(max-width:700px){header{height:88px}.brand{font-size:26px;gap:10px}.brand img{width:45px;height:45px}.platform{max-width:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:32px}.hero h1{font-size:clamp(42px,11vw,58px);letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-photo{height:240px}.hero-visual{padding:16px}.section{padding-top:48px;padding-bottom:48px}.approach h2{font-size:33px}.value-line span{padding:17px 0}.area-card{min-height:310px}.card-content h3{font-size:24px}.closing h2{font-size:32px}.closing{padding-top:48px;padding-bottom:48px}footer .brand{font-size:24px}footer small{max-width:145px}.detail-intro h1{font-size:36px}.detail-body>h2{font-size:30px}}
