:root{--ink:#111719;--paper:#f3f1eb;--cream:#e6e0d4;--gold:#c7a35b;--muted:#657072;--line:#d5d2ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 6vw;color:#fff}.brand img{width:86px;height:50px;object-fit:contain;mix-blend-mode:screen}.nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav a{opacity:.85}.nav-cta{border:1px solid #ffffff80;padding:12px 18px;border-radius:30px;opacity:1!important}.nav-cta span,.button span,.arrow-link span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:730px;position:relative;display:flex;align-items:center;padding:130px 10vw;color:#fff;background:linear-gradient(90deg,#101c20ed 0%,#101c2098 55%,#101c2055),url('logos/7d519d60-e226-44a3-85e4-3e851f166b16.jpeg') center/cover}.hero-content{max-width:720px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-weight:700}.eyebrow span{display:inline-block;width:28px;border-top:1px solid currentColor;vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',serif;font-weight:500;line-height:1.04}h1{font-size:clamp(48px,7vw,92px);margin:24px 0}h2{font-size:clamp(38px,5vw,68px);margin-bottom:24px}em{color:var(--gold);font-style:normal}.hero-copy{max-width:500px;color:#dce1de;font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-block;border:0;border-radius:2px;padding:16px 22px;font:600 13px inherit;cursor:pointer}.button-gold{background:var(--gold);color:#151817}.text-link{font-size:13px}.hero-stamp{position:absolute;right:9vw;bottom:70px;border:1px solid #ffffff70;border-radius:50%;width:130px;height:130px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-10deg)}.hero-stamp strong{font:50px 'Playfair Display'}.hero-stamp span{font-size:10px;line-height:1.2}.section{padding:110px 10vw}.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:55px}.intro-grid,.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw}.intro-grid p,.section-heading p{color:var(--muted);font-size:16px;line-height:1.7}.lead{font-size:20px!important;color:var(--ink)!important}.arrow-link{display:inline-block;margin-top:25px;border-bottom:1px solid var(--gold);padding-bottom:10px;font-size:13px;font-weight:700}.services{background:var(--ink);color:#fff}.services .section-label{color:var(--gold)}.section-heading{margin-bottom:55px}.section-heading p{color:#aab4b2;max-width:300px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#1b2527;padding:30px;min-height:410px;position:relative;border:1px solid #ffffff0d}.service-card.featured{background:#d8cdb7;color:var(--ink)}.card-number{position:absolute;right:25px;top:25px;color:var(--gold);font-size:11px}.icon{font-size:33px;color:var(--gold);margin:25px 0 35px}.service-card h3{font:500 29px 'Playfair Display';line-height:1.05}.service-card p{color:#aab4b2;line-height:1.55;font-size:14px}.featured p{color:#52605d}.service-card ul{padding:15px 0 20px 17px;border-top:1px solid #ffffff1c;color:#aab4b2;font-size:12px;line-height:2}.featured ul{color:#52605d;border-color:#11171930}.service-card a{position:absolute;bottom:28px;font-size:12px;color:var(--gold);font-weight:700}.featured a{color:var(--ink)}.process{background:var(--cream)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.timeline>div{border-top:1px solid var(--ink);padding:24px 30px 0 0}.timeline b{color:var(--gold);font-size:13px}.timeline h3{font-size:20px;margin:35px 0 10px}.timeline p{color:var(--muted);line-height:1.6;max-width:240px;font-size:14px}.proof{padding:105px 10vw;background:#1c3031;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.proof h2{margin-top:25px}.proof>p{align-self:end;line-height:1.8;color:#b9c6c1}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy p{color:var(--muted);max-width:390px;line-height:1.7}.contact-form{display:grid;gap:18px}.contact-form label{font-size:12px;color:var(--muted);display:grid;gap:7px}.contact-form input,.contact-form select{font:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink);outline:none}.contact-form .button{justify-self:start;margin-top:14px}.form-note{color:var(--muted);font-size:11px}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{font-size:13px;min-height:18px;margin:0}.form-status.ok{color:#2e7d32}.form-status.err{color:#b3261e}.contact-form .button:disabled{opacity:.6;cursor:not-allowed}footer{background:var(--ink);color:#fff;padding:45px 10vw;display:flex;align-items:end;gap:20px}footer p{font-size:11px;color:#9aa9a5;line-height:1.5;margin:0}.brand-text{font:26px 'Playfair Display'}.brand-text span{font-size:12px;color:var(--gold);margin-left:5px}.footer-right{margin-left:auto;color:#9aa9a5;font-size:11px}.footer-right a{color:var(--gold)}
@media(max-width:760px){.site-header{padding:18px 6vw}.nav{display:none;position:absolute;top:70px;left:6vw;right:6vw;background:var(--ink);padding:25px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:760px;align-items:flex-start;padding:118px 7vw 38px}.hero h1{font-size:clamp(46px,14vw,66px);margin:18px 0 22px}.hero-copy{font-size:15px;line-height:1.55}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.hero-stamp{position:relative;right:auto;bottom:auto;margin-top:40px;width:86px;height:86px}.hero-stamp strong{font-size:34px}.hero-stamp span{font-size:8px}.section{padding:75px 7vw}.section-label{margin-bottom:35px}.intro-grid,.section-heading,.proof,.contact{display:block}.intro-grid>div{margin-top:35px}.section-heading p{margin-top:25px}.cards,.timeline{grid-template-columns:1fr;gap:15px}.service-card{min-height:370px}.timeline>div{padding-bottom:28px}.proof>p{margin-top:35px}.contact-form{margin-top:45px}footer{display:block;padding:40px 7vw}footer p{margin-top:15px}.footer-right{margin-top:30px}}

/* La imagen funciona como portada independiente; el mensaje continúa debajo. */
.hero{min-height:920px;display:block;padding:0;background:var(--paper);color:var(--ink)}
.site-header .brand{position:absolute;right:4vw;top:30px;width:340px;text-align:right}.site-header .brand img{display:inline-block;width:150px;height:70px;object-fit:contain;mix-blend-mode:screen}.site-header .brand::after{content:"Información Digital Estructurada\\A para Procesos de Negocio México";white-space:pre;display:block;color:#fff;font:500 15px/1.4 'Playfair Display',serif;text-shadow:0 1px 8px #000}
.hero::before{content:"";display:block;height:560px;background-color:#111719;background-image:url('hero-ide-v3.png');background-repeat:no-repeat;background-position:center top;background-size:cover}
.hero-content{max-width:760px;padding:70px 10vw 0}.hero h1{margin:18px 0;color:var(--ink)}.hero-copy{color:var(--muted)}.text-link{color:var(--ink)}.hero-stamp{right:10vw;bottom:auto;top:610px;color:var(--ink);border-color:#11171955}
@media(max-width:760px){.hero{min-height:900px;padding:0}.hero::before{height:390px;background-position:center top;background-size:cover}.hero-content{padding:52px 7vw 0}.hero h1{font-size:clamp(44px,13vw,64px)}.hero-stamp{top:770px;right:7vw;position:absolute}.hero-actions{margin-bottom:20px}}

/* La portada vuelve a funcionar como fondo de la sección de continuidad. */
.hero{min-height:730px;display:flex;align-items:center;padding:130px 10vw;color:#fff;background:linear-gradient(90deg,#101c20d9 0%,#101c2080 55%,#101c2030),url('hero-ide-clean.png') center/100% 100%}
.hero::before{display:none}.hero-content{max-width:720px;padding:0}.hero h1{color:#fff}.hero-copy{color:#dce1de}.text-link{color:#fff}.hero-stamp{position:absolute;right:9vw;bottom:70px;top:auto;color:#fff;border-color:#ffffff70}
@media(max-width:760px){.site-header .brand{right:5vw;top:14px;width:230px}.site-header .brand img{width:110px;height:50px}.site-header .brand::after{font-size:10px;line-height:1.35}.hero{min-height:700px;display:flex;align-items:flex-start;padding:118px 7vw 90px;background:linear-gradient(90deg,#101c20d9 0%,#101c2080 65%,#101c2030),url('hero-ide-clean.png') center/100% 100%}.hero-content{padding:0}.hero h1{font-size:clamp(46px,14vw,66px);margin:18px 0 22px}.hero-copy{font-size:15px;line-height:1.55}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.hero-stamp{position:absolute;right:7vw;bottom:30px;top:auto;width:86px;height:86px;color:#fff;border-color:#ffffff70}}
/* Ajustes finales de marca y sello de continuidad */
.site-header .brand{width:440px;right:3vw;top:28px}.site-header .brand::after{content:"Información Digital Estructurada para Procesos de Negocio México";white-space:normal;font-size:14px;line-height:1.3;max-width:440px;margin-left:auto}.site-header .brand img{width:150px;height:70px}
.hero-stamp{width:158px;height:158px;right:9vw;bottom:58px;background:#11171955;border-color:#ffffffaa;box-shadow:0 0 0 8px #ffffff10,0 12px 35px #0008}.hero-stamp strong{font-size:64px}.hero-stamp span{font-size:12px;font-weight:600}
@media(max-width:760px){.site-header .brand{width:250px;right:4vw;top:12px}.site-header .brand img{width:108px;height:48px}.site-header .brand::after{font-size:10px;max-width:250px}.hero-stamp{width:112px;height:112px;right:7vw;bottom:24px}.hero-stamp strong{font-size:46px}.hero-stamp span{font-size:9px}}
.site-header .brand{width:315px}.site-header .brand img{width:185px;height:78px}.site-header .brand::after{max-width:315px;margin-left:auto}
@media(max-width:760px){.site-header .brand{width:220px}.site-header .brand img{width:128px;height:55px}.site-header .brand::after{max-width:220px}}
.menu-toggle{position:relative;padding-right:92px}.menu-toggle::after{content:'Hablemos ↗';position:absolute;right:0;top:5px;border:1px solid #ffffff80;border-radius:24px;padding:10px 14px;font:500 12px 'DM Sans',sans-serif;white-space:nowrap}.menu-toggle::after{display:none}
@media (max-width:980px){.nav{display:none}.menu-toggle{display:block}.menu-toggle::after{display:block}}
@media (min-width:981px){.menu-toggle{display:none}}
.site-header .brand::after{content:"Información Digital Estructurada\A para Procesos de Negocio México";white-space:pre;max-width:none;width:315px}
.menu-toggle{width:36px;padding:0;margin-left:auto;z-index:2}.menu-toggle::after{right:52px;top:0}
@media(max-width:760px){.site-header .brand::after{font-size:10px;width:220px}.menu-toggle::after{right:48px}}
.hero-stamp{color:var(--gold)}
.menu-toggle{display:block;flex:0 0 36px}.menu-toggle::after{display:none}
@media (min-width:981px){.menu-toggle{display:block}.site-header{gap:24px}.nav{display:flex}}
@media (max-width:980px){.nav{display:none}.menu-toggle::after{display:block}}
@media (min-width:981px){.menu-toggle{position:absolute;left:6vw;top:30px;width:42px;height:38px;line-height:1}.nav{margin-left:180px;margin-right:54px;gap:28px}.nav-cta{margin-left:4px}}
.site-header .brand img{width:220px;height:88px}.site-header .brand{width:350px}
@media(max-width:760px){.site-header .brand img{width:158px;height:64px}.site-header .brand{width:250px}}
@media (max-width:980px){.menu-toggle{position:absolute;left:6vw;top:20px;margin:0}.menu-toggle::after{left:48px;right:auto}}

/* ===== Servicios: cards enriquecidas (4 niveles digitales) ===== */
.services .cards{grid-template-columns:repeat(2,1fr)}
.services-intro{color:#aab4b2;max-width:640px;line-height:1.7;font-size:16px;margin:-20px 0 45px}
.service-card{display:flex;flex-direction:column;min-height:0}
.card-tag{color:var(--gold)!important;font-size:12px!important;font-weight:600;margin:14px 0 0}
.card-standards{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.card-standards span{border:1px solid #ffffff2e;border-radius:20px;padding:4px 10px;font-size:10px;letter-spacing:.5px;color:#c9d2cf}
.card-desc{margin-top:14px}
.service-card ul{padding:15px 0 0 17px;border-top:1px solid #ffffff1c;color:#aab4b2;font-size:12px;line-height:2}
.card-block{margin-top:14px;border-top:1px solid #ffffff1c;padding-top:12px}
.card-block h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin:0 0 8px}
.card-block ol{padding-left:17px;color:#aab4b2;font-size:12px;line-height:1.9;margin:0}
.card-footer{margin-top:14px;border-top:1px solid #ffffff1c;padding-top:12px;font-size:12px!important;line-height:1.7!important}
.service-card a{margin-top:auto;padding-top:22px;position:static}
.featured .card-tag{color:#8a6d2f!important}
.featured .card-standards span{border-color:#11171930;color:#52605d}
.featured .card-block h4{color:#8a6d2f}
.featured .card-block ol,.featured .card-footer{color:#52605d}
.featured .card-block,.featured .card-footer{border-color:#11171930}
.featured ul{border-color:#11171930}

/* ===== 05 / Más allá de lo digital ===== */
.beyond{background:#1c3031;color:#fff}
.beyond .section-label{color:var(--gold)}
.beyond-intro{font-size:20px;line-height:1.6;color:#fff;max-width:640px;margin-bottom:18px}
.beyond-body{color:#b9c6c1;line-height:1.7;max-width:640px;margin-bottom:45px}
.beyond .cards{grid-template-columns:repeat(2,1fr)}
.beyond .service-card{background:#243d3e;border:1px solid #ffffff14}
.beyond .service-card p{color:#b9c6c1}
.beyond .service-card ul{color:#b9c6c1;border-color:#ffffff1c}
.beyond .service-card a{color:var(--gold)}
.beyond-closing{margin-top:45px;color:#b9c6c1;line-height:1.7;max-width:640px;border-top:1px solid #ffffff1c;padding-top:25px}

/* ===== Textos de sección y cards más legibles ===== */
.section-label{font-size:14px;letter-spacing:1.5px}
.card-tag{font-size:14px!important}
.card-desc{font-size:16px}
.service-card ul{font-size:15px}
.card-block ol{font-size:15px}
.card-footer{font-size:14px!important;line-height:1.7!important}
.service-card a{font-size:14px}
.services-intro{font-size:17px}
.beyond-body{font-size:17px}
.card-standards span{font-size:12px}
.card-block h4{font-size:12px}
.service-card p{font-size:16px}