</noscript><div id="fusion-app"><div class="right-rail"><header class="right-rail__header"></header><section class="right-rail__top"><div id="fusion-static-enter:html-block-f0f1sRU1uEgY1ef" style="display:none" data-fusion-component="html-block-f0f1sRU1uEgY1ef"></div><div><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Instrument+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Bebas+Neue&display=swap" rel="stylesheet"> <style> :root { --ink:#111010;--ink2:#2a2825;--paper:#f6f2eb;--paper2:#ede8de; --paper3:#e3ddd2;--cream:#faf7f2;--green:#1a5c35;--green2:#2d8a52; --green3:#74c69d;--gold:#b8861b;--gold2:#e8b84b;--red:#b83232; --muted:#6b6560;--border:#d5cfc4;--white:#ffffff; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{font-family:'Instrument Sans',sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden;} a{color:inherit;text-decoration:none;} #prog{position:fixed;top:0;left:0;height:3px;background:var(--green2);z-index:9999;width:0%;transition:width .1s linear;pointer-events:none;} #topbar{position:fixed;top:0;left:0;right:0;z-index:500;height:54px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:2px solid var(--green);} .tb-brand{display:flex;align-items:center;gap:12px;cursor:pointer;} .tb-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--white);} .tb-logo em{font-style:normal;color:var(--green3);} .tb-pipe{width:1px;height:18px;background:rgba(255,255,255,.15);} .tb-tag{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4);} .tb-nav{display:flex;gap:4px;list-style:none;} .tb-nav a{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:6px 11px;border-radius:2px;cursor:pointer;transition:color .2s,background .2s;} .tb-nav a:hover{color:var(--white);background:rgba(255,255,255,.07);} .tb-nav a.on{color:var(--green3);} .tb-date{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:6px;} .tb-dot{width:5px;height:5px;border-radius:50%;background:var(--green3);animation:blink 2.5s infinite;} @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}} .page{display:none;} .page.active{display:block;} /* HERO */ .hero{min-height:100vh;background:var(--ink);position:relative;overflow:hidden;padding-top:54px;display:flex;flex-direction:column;} .hero-pat{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(116,198,157,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(116,198,157,.03) 1px,transparent 1px);background-size:80px 80px;} .glow{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none;} .g1{width:700px;height:700px;background:rgba(26,92,53,.35);top:-200px;right:-150px;} .g2{width:400px;height:400px;background:rgba(116,198,157,.08);bottom:0;left:5%;} .hero-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;max-width:1280px;margin:0 auto;width:100%;padding:60px 48px 80px;} .hero-eye{display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:28px;} .eye-dot{width:6px;height:6px;border-radius:50%;background:var(--green3);animation:blink 2.5s infinite;} .hero-hed{font-family:'Playfair Display',serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:.93;letter-spacing:-.03em;color:var(--white);max-width:920px;} .hero-hed em{font-style:italic;color:var(--green3);font-weight:400;} .hero-deck{max-width:560px;margin-top:28px;font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.55);font-weight:300;font-style:italic;} .hero-stats{display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(255,255,255,.09);padding-top:32px;} .hs{flex:1;padding-right:32px;border-right:1px solid rgba(255,255,255,.09);margin-right:32px;} .hs:last-child{border-right:none;margin-right:0;padding-right:0;} .hs-n{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:900;color:var(--green3);display:block;line-height:1;} .hs-l{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:6px;display:block;line-height:1.5;} .hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.25);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;animation:bob 3s ease-in-out infinite;z-index:2;} @keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}} @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}} .hero-eye{animation:fadeUp .8s .3s ease both;} .hero-hed{animation:fadeUp .8s .5s ease both;} .hero-deck{animation:fadeUp .8s .65s ease both;} .hero-stats{animation:fadeUp .8s .8s ease both;} /* INTRO */ .intro-wrap{background:var(--ink);padding:0 48px 80px;} .intro-box{max-width:780px;margin:0 auto;border-top:2px solid var(--green);padding-top:52px;} .intro-kick{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;} .intro-txt{font-family:'Playfair Display',serif;font-size:1.2rem;line-height:1.88;font-weight:400;color:rgba(255,255,255,.72);} .intro-txt strong{color:var(--white);font-weight:700;} /* SECTION WRAPPERS */ .sw{padding:88px 48px;} .sw--dk{background:var(--ink2);} .sw--p{background:var(--paper);} .sw--p2{background:var(--paper2);} .sw--p3{background:var(--paper3);} .sw--cr{background:var(--cream);} .sw--gn{background:var(--green);} .s-head{max-width:1200px;margin:0 auto 52px;display:flex;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:2px solid var(--ink);} .sw--dk .s-head{border-color:rgba(255,255,255,.1);} .s-num{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--green2);} .sw--dk .s-num{color:var(--green3);} .s-ttl{font-family:'Playfair Display',serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);} .sw--dk .s-ttl{color:var(--white);} /* VIZ GRID */ .viz-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border:1px solid var(--border);} .viz-card{background:var(--white);padding:36px 28px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;} .viz-card.vis{opacity:1;transform:translateY(0);} .viz-n{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;line-height:1;display:block;} .viz-n--gn{color:var(--green2);} .viz-n--gd{color:var(--gold);} .viz-n--rd{color:var(--red);} .viz-l{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;line-height:1.5;} .viz-desc{font-size:.82rem;line-height:1.7;color:var(--muted);margin-top:10px;} /* PULL QUOTE */ .pq-wrap{background:var(--green);padding:80px 48px;} .pq-inn{max-width:900px;margin:0 auto;text-align:center;} .pq-mk{font-family:'Playfair Display',serif;font-size:7rem;line-height:.6;color:rgba(255,255,255,.12);margin-bottom:-12px;} .pq-txt{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.8vw,2.2rem);font-style:italic;font-weight:400;line-height:1.55;color:var(--white);} .pq-src{margin-top:24px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);} .pq-src span{color:var(--green3);} /* CARDS */ .grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);} .grid--dk{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05);} .card{background:var(--cream);padding:36px 32px;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s,background .2s;} .card.vis{opacity:1;transform:translateY(0);} .card:hover{background:var(--paper2);} .card--dk{background:#1a1a1a;} .card--dk:hover{background:#212121;} .card--span2{grid-column:span 2;flex-direction:row;gap:36px;align-items:flex-start;} .card--span3{grid-column:span 3;} .card-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;margin-bottom:18px;} .card-tag{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--green2);margin-bottom:10px;display:block;} .card--dk .card-tag{color:var(--green3);} .card-hed{font-family:'Playfair Display',serif;font-size:1.06rem;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:12px;} .card--span2 .card-hed{font-size:1.4rem;} .card--dk .card-hed{color:var(--white);} .card-bod{font-size:.87rem;line-height:1.78;color:var(--muted);flex:1;} .card--dk .card-bod{color:rgba(255,255,255,.5);} .cq{margin-top:16px;padding:14px 16px;background:rgba(45,138,82,.08);border-left:3px solid var(--green2);} .card--dk .cq{background:rgba(116,198,157,.06);border-color:var(--green3);} .cq p{font-family:'Playfair Display',serif;font-size:.87rem;font-style:italic;line-height:1.65;color:var(--ink2);} .card--dk .cq p{color:rgba(255,255,255,.7);} .cq cite{display:block;margin-top:8px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal;} .card--dk .cq cite{color:rgba(255,255,255,.3);} .kpis{display:flex;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap;} .card--dk .kpis{border-color:rgba(255,255,255,.08);} .kpi-n{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:900;color:var(--green2);display:block;line-height:1;} .card--dk .kpi-n{color:var(--green3);} .kpi-l{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;display:block;line-height:1.4;} .card--dk .kpi-l{color:rgba(255,255,255,.3);} /* READ MORE */ .rm{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--green2);transition:gap .2s,color .2s;} .card--dk .rm{color:var(--green3);border-color:rgba(255,255,255,.08);} .rm:hover{gap:14px;color:var(--green);} .card--dk .rm:hover{color:var(--white);} .rm svg{flex-shrink:0;transition:transform .2s;} .rm:hover svg{transform:translateX(3px);} /* RANKING */ .rank-wrap{max-width:1200px;margin:0 auto;} .rank-row{display:flex;align-items:center;gap:18px;background:var(--cream);padding:18px 26px;margin-bottom:2px;opacity:0;transform:translateX(-20px);transition:opacity .5s,transform .5s,background .2s;} .rank-row.vis{opacity:1;transform:translateX(0);} .rank-row:hover{background:var(--paper2);} .rk-pos{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;width:42px;text-align:center;flex-shrink:0;color:var(--paper3);} .r1 .rk-pos{color:var(--gold);} .r2 .rk-pos{color:var(--muted);} .r3 .rk-pos{color:#a97c50;} .rk-ico{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;} .rk-info{flex:1;} .rk-name{font-size:.9rem;font-weight:600;} .rk-sec{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px;} .rk-bar-wrap{width:200px;flex-shrink:0;} .rk-bar-bg{height:5px;background:var(--paper3);border-radius:3px;overflow:hidden;} .rk-bar{height:100%;background:var(--green2);border-radius:3px;width:0;transition:width 1.2s ease;} .rk-score{font-size:.6rem;letter-spacing:.08em;color:var(--muted);margin-top:5px;text-align:right;} /* TIMELINE */ .tl{max-width:820px;margin:0 auto;position:relative;padding-left:40px;} .tl::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--green2),var(--paper3));} .tl-item{position:relative;margin-bottom:44px;opacity:0;transform:translateX(-16px);transition:opacity .5s,transform .5s;} .tl-item.vis{opacity:1;transform:translateX(0);} .tl-dot{position:absolute;left:-35px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--green2);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--green2);} .tl-year{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--green2);font-weight:600;margin-bottom:5px;} .tl-item h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:7px;} .tl-item p{font-size:.85rem;line-height:1.75;color:var(--muted);} /* FOOTER */ footer{background:var(--ink);border-top:3px solid var(--green2);padding:60px 48px 36px;} .f-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07);} .f-brand{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px;margin-bottom:12px;} .f-brand em{font-style:normal;color:var(--green3);} .f-desc{font-size:.8rem;line-height:1.75;color:rgba(255,255,255,.38);font-style:italic;} .f-col-ttl{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;font-weight:600;} .f-links{list-style:none;display:flex;flex-direction:column;gap:8px;} .f-links li a{font-size:.82rem;color:rgba(255,255,255,.45);transition:color .2s;} .f-links li a:hover{color:var(--green3);} .f-bot{max-width:1200px;margin:24px auto 0;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);} @media(max-width:1024px){ .grid{grid-template-columns:1fr 1fr;} .card--span2{grid-column:span 2;flex-direction:column;} .card--span3{grid-column:span 2;} .viz-grid{grid-template-columns:1fr 1fr;} .f-inner{grid-template-columns:1fr 1fr;} } @media(max-width:768px){ #topbar{padding:0 16px;} .tb-nav,.tb-date{display:none;} .hero-body,.intro-wrap,.sw,footer{padding-left:20px;padding-right:20px;} .grid{grid-template-columns:1fr;} .card--span2,.card--span3{grid-column:span 1;flex-direction:column;} .viz-grid{grid-template-columns:1fr 1fr;} .hero-stats{flex-wrap:wrap;} .hs{border-right:none;margin-right:0;padding-right:0;flex-basis:45%;} .rk-bar-wrap{display:none;} .f-inner{grid-template-columns:1fr;} .f-bot{flex-direction:column;gap:8px;text-align:center;} } .right-rail__main, .right-rail__footer, #embedded-messaging{display:none}} </style> <div> <div id="prog"></div> <!-- TOPBAR --> <nav id="topbar"> <div class="tb-brand" onclick="go('home')"> <div class="tb-logo">El <em>Cronista</em></div> <div class="tb-pipe"></div> <div class="tb-tag">Especial Sostenibilidad 2026</div> </div> <ul class="tb-nav"> <li><a id="n-home" class="on" onclick="go('home')">Inicio</a></li> <li><a id="n-manufactura" onclick="go('manufactura')">Manufactura</a></li> <li><a id="n-consumo" onclick="go('consumo')">Consumo & Circular</a></li> <li><a id="n-finanzas" onclick="go('finanzas')">Finanzas</a></li> <li><a id="n-agua" onclick="go('agua')">Agua & Clima</a></li> <li><a id="n-ranking" onclick="go('ranking')">Ranking ESG</a></li> </ul> <div class="tb-date"><div class="tb-dot"></div>Edición especial · Abril 2026</div> </nav> <!-- ══════════════════════════════ HOME ══════════════════════════════ --> <div id="p-home" class="page active"> <section class="hero"> <div class="hero-pat"></div> <div class="glow g1"></div><div class="glow g2"></div> <div class="hero-body"> <div class="hero-eye"><div class="eye-dot"></div>Especial inversión & sostenibilidad · México 2026</div> <h1 class="hero-hed">El nuevo tablero<br>donde México<br>se juega la<br><em>inversión global</em></h1> <p class="hero-deck">De la descarbonización en Jalisco al blindaje financiero del campo, las grandes corporaciones en México trascienden el discurso "verde" para integrar los criterios ASG como motor de rentabilidad y resiliencia.</p> <div class="hero-stats"> <div class="hs"><span class="hs-n">39</span><span class="hs-l">Países donde Bimbo opera con estándares de sostenibilidad</span></div> <div class="hs"><span class="hs-n">83%</span><span class="hs-l">Electricidad renovable de Grupo Modelo en 2025</span></div> <div class="hs"><span class="hs-n">$1.6 B</span><span class="hs-l">MXN portafolio Afore XXI evaluado bajo criterios ASG</span></div> <div class="hs"><span class="hs-n">48,500M</span><span class="hs-l">Litros de agua tratada y reutilizada por Rotoplas</span></div> </div> </div> <div class="hero-scroll"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 8l5 5 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>Explorar</div> </section> <div class="intro-wrap"> <div class="intro-box"> <div class="intro-kick">Presentación editorial</div> <p class="intro-txt">En 2026, la sostenibilidad en México ha dejado de ser una casilla de verificación en los informes anuales para convertirse en el <strong>núcleo de la estrategia de negocio</strong>. En un entorno marcado por la renegociación del T-MEC y el auge del nearshoring, la capacidad de una empresa para gestionar sus recursos hídricos, descarbonizar su cadena de suministro y emitir deuda etiquetada determina su <strong>acceso a mercados de capital y viabilidad operativa</strong>. Este especial analiza los hitos de las industrias que están liderando el cambio de paradigma en el país.</p> </div> </div> <!-- CIFRAS --> <div class="sw sw--p"> <div class="s-head"><span class="s-num">El especial en números</span><h2 class="s-ttl">2026: el año que cambió el tablero</h2></div> <div class="viz-grid"> <div class="viz-card"><span class="viz-n viz-n--gn">98%</span><span class="viz-l">Portafolio Bimbo con nutrición positiva en panes y bollería</span><p class="viz-desc">En 2025, la panificadora más grande del mundo reportó que el 98% de sus productos principales cumplen estándares de nutrición positiva y el 48% proviene de alimentos con 3.5+ estrellas HSR.</p></div> <div class="viz-card"><span class="viz-n viz-n--gd">$2,940M</span><span class="viz-l">MXN en bono verde FIRA para el campo mexicano</span><p class="viz-desc">La emisión registró una sobredemanda de 1.75 veces el monto objetivo y obtuvo calificación HR AAA y mx AAA de S&P Global Ratings.</p></div> <div class="viz-card"><span class="viz-n viz-n--gn">70%</span><span class="viz-l">Avance de FEMSA en su plan de sostenibilidad hacia 2030</span><p class="viz-desc">La controladora de OXXO destinó 791 millones de pesos a iniciativas ASG y desvió el 80.6% de sus residuos operativos de rellenos sanitarios.</p></div> <div class="viz-card"><span class="viz-n viz-n--rd">–25%</span><span class="viz-l">Reducción de emisiones totales de Grupo Modelo desde 2017</span><p class="viz-desc">La cervecera apunta a Net Zero en 2040, eliminando el 95% de sus emisiones en los tres alcances y compensando el resto para alcanzar la neutralidad.</p></div> </div> </div> <!-- PULL QUOTE --> <div class="pq-wrap"><div class="pq-inn"><div class="pq-mk">"</div><p class="pq-txt">México no solo está adoptando la sostenibilidad; la está reinventando para que haga sentido de negocio. La sostenibilidad tiene que hacer sentido de negocio.</p><div class="pq-src">Abraham Garza · Gerente de Sostenibilidad · <span>FEMSA</span></div></div></div> <!-- TODOS LOS ARTÍCULOS --> <div class="sw sw--p2"> <div class="s-head"><span class="s-num">10 historias</span><h2 class="s-ttl">Las empresas que transforman México</h2></div> <div class="grid"> <!-- PMI — FEATURED --> <div class="card card--span2"> <div> <div class="card-ico" style="background:#fff3e0;">🏭</div> <span class="card-tag">Manufactura · Jalisco</span> <h3 class="card-hed">De Zapopan al mundo: La oportunidad de PMI para convertir su planta en hub tecnológico 'sin humo'</h3> <p class="card-bod">La planta de Philip Morris en Zapopan cuenta con certificación de carbono neutralidad y se perfila como el centro lógico para una transformación hacia un futuro "sin humo" en México. El directivo apuesta por convertir a Jalisco en un hub tecnológico de exportación de innovación.</p> <div class="cq"><p>"Yo apuesto que en el futuro la fábrica de Jalisco va a producir productos agregados de nueva generación y no cigarrillos."</p><cite>Marco Hannappel · Director de PMI para América Latina y Canadá · Technovation 2026, Washington D.C.</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:16px;"> <div style="background:var(--paper3);padding:22px;border-left:3px solid var(--green2);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--green2);display:block;line-height:1;">✓ Carbono Neutral</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;">Certificación lograda en la planta Zapopan</span> </div> <div style="background:var(--paper3);padding:22px;border-left:3px solid var(--gold);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--gold);display:block;line-height:1;">Hub Export</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;">Objetivo: exportar innovación sin humo desde Jalisco</span> </div> <p style="font-size:.82rem;line-height:1.75;color:var(--muted);padding:18px;background:var(--paper3);">La infraestructura de manufactura representa la oportunidad de liderar la exportación siempre que el entorno regulatorio se alinee con la velocidad de la transformación industrial.</p> </div> </div> <!-- NESTLÉ --> <div class="card"> <div class="card-ico" style="background:#e8f5e9;">♻️</div> <span class="card-tag">Economía circular · Chiapas</span> <h3 class="card-hed">Del residuo al recurso: Nestlé transforma comunidades hacia el 'zero waste'</h3> <p class="card-bod">Nestlé actúa en estados prioritarios: Edomex, Veracruz, Chiapas, Jalisco y Puebla. Actualmente están limpiando el Cañón del Sumidero, ecosistema protegido afectado por fallas en la cadena de recolección local de residuos.</p> <div class="cq"><p>"El Cañón del Sumidero, que es un parque nacional protegido, tiene una 'isla' de basura porque la gente no tiene otro lugar donde poner sus residuos."</p><cite>Carlos Becerra · Nestlé México</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- MODELO --> <div class="card"> <div class="card-ico" style="background:#e3f2fd;">🍺</div> <span class="card-tag">Energía renovable · Net Zero 2040</span> <h3 class="card-hed">De 0 a 83%: El salto en energía renovable que marca la estrategia net zero de Grupo Modelo</h3> <p class="card-bod">Tras reducir un 25% de sus emisiones totales desde 2017 y alcanzar un 83% de electricidad renovable, la dueña de Corona y Victoria apuesta por la transformación de su cadena de valor y la preservación de acuíferos nacionales.</p> <div class="kpis"><div><span class="kpi-n">83%</span><span class="kpi-l">Electricidad renovable</span></div><div><span class="kpi-n">2040</span><span class="kpi-l">Meta Net Zero</span></div><div><span class="kpi-n">–25%</span><span class="kpi-l">Emisiones vs. 2017</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- BIMBO --> <div class="card"> <div class="card-ico" style="background:#fff8e1;">🍞</div> <span class="card-tag">Operaciones globales · 39 países</span> <h3 class="card-hed">La sostenibilidad impulsa la estrategia empresarial global de Grupo Bimbo</h3> <p class="card-bod">Con 8,065 vehículos sustentables (4,546 eléctricos) y 99% de empaques reciclables, Bimbo demuestra que la sostenibilidad es un ejercicio de rigor operativo y trazabilidad a escala global en 39 países.</p> <div class="kpis"><div><span class="kpi-n">8,065</span><span class="kpi-l">Vehículos sustentables</span></div><div><span class="kpi-n">99%</span><span class="kpi-l">Empaques reciclables</span></div><div><span class="kpi-n">98%</span><span class="kpi-l">Nutrición positiva</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- BANORTE --> <div class="card"> <div class="card-ico" style="background:#fce4ec;">🏦</div> <span class="card-tag">Finanzas verdes · Diseño local</span> <h3 class="card-hed">Sostenibilidad a la mexicana: Cómo Banorte transforma el crédito verde sin seguir recetas del extranjero</h3> <p class="card-bod">A diferencia de bancos que operan como subsidiarias extranjeras, Banorte diseña su estrategia ASG íntegramente desde México, adaptada al mercado local sin replicar modelos de otras regiones.</p> <div class="cq"><p>"Nuestra estrategia no está dictada por la casa matriz; diseñamos una estrategia de sustentabilidad adaptada a México y al tipo de clientes que tenemos."</p><cite>José Luis Muñoz Domínguez · Dir. Ejecutivo de Sustentabilidad, Banorte</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- FIRA --> <div class="card"> <div class="card-ico" style="background:#e8f5e9;">🌾</div> <span class="card-tag">Bono verde · Sector agropecuario</span> <h3 class="card-hed">Blindaje financiero al campo: El bono verde de FIRA para frenar el impacto climático</h3> <p class="card-bod">FIRA colocó certificados bursátiles por MXN$ 7,017 millones, incluyendo un bono verde de MXN$ 2,940 millones para financiar la resiliencia del campo mexicano frente al cambio climático.</p> <div class="kpis"><div><span class="kpi-n">$2,940M</span><span class="kpi-l">MXN bono verde</span></div><div><span class="kpi-n">1.75x</span><span class="kpi-l">Sobredemanda</span></div><div><span class="kpi-n">AAA</span><span class="kpi-l">Calif. S&P y HR</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- AFORE --> <div class="card"> <div class="card-ico" style="background:#ede7f6;">📊</div> <span class="card-tag">Pensiones · Riesgo ASG</span> <h3 class="card-hed">Inversiones 'sucias': El riesgo invisible que amenaza los fondos de retiro</h3> <p class="card-bod">Afore XXI Banorte evalúa MXN$ 1.6 billones bajo criterios ASG. Invertir en proyectos contaminantes puede erosionar rendimientos por conflictos comunitarios, fallas regulatorias o malas prácticas de gobernanza.</p> <div class="cq"><p>"Si te metes en proyectos sucios o disruptivos comunitariamente, lo más probable es que esos proyectos no te den los rendimientos que están ofreciendo."</p><cite>David Razú Aznar · Director General, Afore XXI Banorte</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- OCESA --> <div class="card"> <div class="card-ico" style="background:#f3e5f5;">🎵</div> <span class="card-tag">Entretenimiento · Huella ambiental</span> <h3 class="card-hed">¿Cuánta basura genera un festival? OCESA mide su huella con el Vive Latino</h3> <p class="card-bod">OCESA planea medir la huella de carbono del Vive Latino a partir de 2026, recopilando datos de producción, artistas, logística y movilidad de asistentes como parte de sus compromisos ESG tras integrarse a Live Nation Entertainment.</p> <div class="cq"><p>"Estamos empezando a medir justo con los festivales; están trabajando ahorita porque lo estamos generando, entonces recopilan todo."</p><cite>Armando Calvillo · Director de Marketing, OCESA</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- PLACEHOLDER VISUAL — AGUA INDUSTRIAL --> <div class="card" style="padding:0;overflow:hidden;min-height:320px;position:relative;background:var(--ink);"> <svg viewBox="0 0 400 520" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;position:absolute;inset:0;"> <defs> <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0a1f14"/> <stop offset="100%" stop-color="#0f2d1e"/> </linearGradient> <linearGradient id="waterGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#1a4d6e"/> <stop offset="100%" stop-color="#0d2d40"/> </linearGradient> <linearGradient id="towerGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#1e3a2a"/> <stop offset="100%" stop-color="#2d5c3e"/> </linearGradient> <radialGradient id="glowGrad" cx="50%" cy="40%" r="50%"> <stop offset="0%" stop-color="#2d8a52" stop-opacity="0.18"/> <stop offset="100%" stop-color="#0a1f14" stop-opacity="0"/> </radialGradient> <filter id="blur2"> <feGaussianBlur stdDeviation="2"/> </filter> <filter id="blur6"> <feGaussianBlur stdDeviation="6"/> </filter> <!-- Ripple clip --> <clipPath id="waterClip"> <rect x="0" y="360" width="400" height="160"/> </clipPath> </defs> <!-- Fondo cielo --> <rect width="400" height="520" fill="url(#skyGrad)"/> <rect width="400" height="520" fill="url(#glowGrad)"/> <!-- Estrellas / puntos de luz --> <circle cx="40" cy="30" r="1" fill="white" opacity="0.3"/> <circle cx="120" cy="18" r="1.2" fill="white" opacity="0.25"/> <circle cx="200" cy="40" r="0.8" fill="white" opacity="0.2"/> <circle cx="310" cy="22" r="1" fill="white" opacity="0.3"/> <circle cx="370" cy="55" r="0.8" fill="white" opacity="0.2"/> <circle cx="75" cy="70" r="0.6" fill="white" opacity="0.15"/> <circle cx="340" cy="80" r="1" fill="white" opacity="0.2"/> <!-- Niebla / vapor de fondo --> <ellipse cx="200" cy="200" rx="180" ry="60" fill="#2d8a52" opacity="0.04" filter="url(#blur6)"/> <ellipse cx="120" cy="160" rx="80" ry="30" fill="#74c69d" opacity="0.05" filter="url(#blur6)"/> <!-- TUBERÍAS horizontales fondo --> <rect x="0" y="290" width="160" height="8" rx="4" fill="#1e3a2a"/> <rect x="0" y="290" width="160" height="8" rx="4" fill="none" stroke="#2d5c3e" stroke-width="1"/> <rect x="240" y="290" width="160" height="8" rx="4" fill="#1e3a2a"/> <rect x="240" y="290" width="160" height="8" rx="4" fill="none" stroke="#2d5c3e" stroke-width="1"/> <!-- TORRE PRINCIPAL izquierda --> <rect x="30" y="120" width="70" height="180" rx="2" fill="url(#towerGrad)"/> <rect x="30" y="120" width="70" height="180" rx="2" fill="none" stroke="#3a6e4a" stroke-width="1"/> <!-- Ventanas torre izq --> <rect x="42" y="138" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="64" y="138" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="42" y="158" width="14" height="10" rx="1" fill="#74c69d" opacity="0.15"/> <rect x="64" y="158" width="14" height="10" rx="1" fill="#74c69d" opacity="0.15"/> <rect x="42" y="178" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="64" y="178" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="42" y="198" width="14" height="10" rx="1" fill="#74c69d" opacity="0.2"/> <rect x="64" y="198" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <!-- Indicador luz torre izq --> <circle cx="95" cy="128" r="4" fill="#2d8a52"/> <circle cx="95" cy="128" r="7" fill="#2d8a52" opacity="0.2" filter="url(#blur2)"/> <!-- TORRE PRINCIPAL derecha --> <rect x="300" y="100" width="70" height="200" rx="2" fill="url(#towerGrad)"/> <rect x="300" y="100" width="70" height="200" rx="2" fill="none" stroke="#3a6e4a" stroke-width="1"/> <!-- Ventanas torre der --> <rect x="312" y="118" width="14" height="10" rx="1" fill="#74c69d" opacity="0.2"/> <rect x="334" y="118" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="312" y="138" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="334" y="138" width="14" height="10" rx="1" fill="#74c69d" opacity="0.15"/> <rect x="312" y="158" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="334" y="158" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <rect x="312" y="178" width="14" height="10" rx="1" fill="#74c69d" opacity="0.2"/> <rect x="334" y="178" width="14" height="10" rx="1" fill="#0d2d40" opacity="0.8"/> <!-- Indicador luz torre der --> <circle cx="305" cy="108" r="4" fill="#b8861b"/> <circle cx="305" cy="108" r="7" fill="#b8861b" opacity="0.2" filter="url(#blur2)"/> <!-- TANQUE CILÍNDRICO central grande --> <ellipse cx="200" cy="148" rx="52" ry="14" fill="#162e20"/> <rect x="148" y="148" width="104" height="120" fill="#1a3826"/> <rect x="148" y="148" width="104" height="120" fill="none" stroke="#2d5c3e" stroke-width="1.5"/> <ellipse cx="200" cy="268" rx="52" ry="14" fill="#1e4030"/> <ellipse cx="200" cy="148" rx="52" ry="14" fill="#223d2c"/> <!-- Líneas del tanque --> <line x1="148" y1="188" x2="252" y2="188" stroke="#2d5c3e" stroke-width="0.8" opacity="0.6"/> <line x1="148" y1="218" x2="252" y2="218" stroke="#2d5c3e" stroke-width="0.8" opacity="0.6"/> <line x1="148" y1="248" x2="252" y2="248" stroke="#2d5c3e" stroke-width="0.8" opacity="0.6"/> <!-- Nivel de agua en el tanque --> <rect x="150" y="230" width="100" height="36" fill="#1a4d6e" opacity="0.4"/> <ellipse cx="200" cy="230" rx="50" ry="8" fill="#1a6080" opacity="0.5"/> <!-- Indicador nivel --> <rect x="254" y="168" width="6" height="90" rx="3" fill="#162e20" stroke="#2d5c3e" stroke-width="1"/> <rect x="255" y="228" width="4" height="30" rx="2" fill="#2d8a52"/> <circle cx="257" cy="228" r="4" fill="#74c69d"/> <circle cx="257" cy="228" r="7" fill="#74c69d" opacity="0.15" filter="url(#blur2)"/> <!-- TUBERÍA vertical central bajando del tanque --> <rect x="190" y="268" width="20" height="40" fill="#1e3a2a" stroke="#2d5c3e" stroke-width="1"/> <!-- Válvula --> <rect x="184" y="296" width="32" height="10" rx="3" fill="#2d5c3e"/> <circle cx="200" cy="301" r="5" fill="#1e3a2a" stroke="#3a6e4a" stroke-width="1.5"/> <!-- TUBERÍAS conectoras --> <path d="M100 294 Q100 308 110 308 L148 308 Q162 308 162 294" fill="none" stroke="#2d5c3e" stroke-width="7" stroke-linecap="round"/> <path d="M100 294 Q100 308 110 308 L148 308 Q162 308 162 294" fill="none" stroke="#1e3a2a" stroke-width="5" stroke-linecap="round"/> <path d="M238 294 Q238 308 252 308 L290 308 Q300 308 300 294" fill="none" stroke="#2d5c3e" stroke-width="7" stroke-linecap="round"/> <path d="M238 294 Q238 308 252 308 L290 308 Q300 308 300 294" fill="none" stroke="#1e3a2a" stroke-width="5" stroke-linecap="round"/> <!-- CHIMENEAS / VAPOR --> <rect x="55" y="90" width="12" height="32" rx="2" fill="#253d2e"/> <rect x="74" y="100" width="10" height="22" rx="2" fill="#253d2e"/> <!-- Vapor animado chimeneas --> <ellipse cx="61" cy="82" rx="7" ry="12" fill="white" opacity="0.04" filter="url(#blur6)"/> <ellipse cx="79" cy="92" rx="5" ry="9" fill="white" opacity="0.03" filter="url(#blur6)"/> <ellipse cx="61" cy="68" rx="10" ry="16" fill="white" opacity="0.02" filter="url(#blur6)"/> <rect x="320" y="70" width="12" height="32" rx="2" fill="#253d2e"/> <rect x="338" y="80" width="10" height="22" rx="2" fill="#253d2e"/> <ellipse cx="326" cy="62" rx="7" ry="12" fill="white" opacity="0.04" filter="url(#blur6)"/> <ellipse cx="343" cy="72" rx="5" ry="9" fill="white" opacity="0.03" filter="url(#blur6)"/> <!-- AGUA / LAGUNA inferior --> <rect x="0" y="360" width="400" height="160" fill="url(#waterGrad)"/> <!-- Ondas de agua --> <path d="M0 375 Q50 368 100 375 Q150 382 200 375 Q250 368 300 375 Q350 382 400 375" fill="none" stroke="#1a6080" stroke-width="1.5" opacity="0.6"/> <path d="M0 390 Q60 383 120 390 Q180 397 240 390 Q300 383 360 390 Q380 392 400 390" fill="none" stroke="#1a6080" stroke-width="1" opacity="0.4"/> <path d="M0 408 Q40 401 80 408 Q160 415 240 408 Q320 401 400 408" fill="none" stroke="#1a6080" stroke-width="1" opacity="0.3"/> <!-- Reflejo torre en agua --> <rect x="155" y="370" width="90" height="60" fill="#1a3826" opacity="0.25" filter="url(#blur2)"/> <ellipse cx="200" cy="370" rx="45" ry="8" fill="#1a4d6e" opacity="0.3"/> <!-- Reflejo luz en agua --> <ellipse cx="257" cy="378" rx="15" ry="4" fill="#74c69d" opacity="0.12" filter="url(#blur2)"/> <!-- Plataforma / piso --> <rect x="0" y="335" width="400" height="28" fill="#122019"/> <rect x="0" y="335" width="400" height="2" fill="#2d5c3e" opacity="0.5"/> <!-- Detalles plataforma --> <line x1="0" y1="348" x2="400" y2="348" stroke="#1e3a2a" stroke-width="1" stroke-dasharray="8,8"/> <!-- PANEL DE CONTROL --> <rect x="168" y="310" width="64" height="28" rx="2" fill="#0f1e15" stroke="#2d5c3e" stroke-width="1"/> <circle cx="180" cy="324" r="4" fill="#2d8a52"/> <circle cx="180" cy="324" r="6" fill="#2d8a52" opacity="0.2"/> <rect x="188" y="318" width="20" height="5" rx="1" fill="#1a4d6e"/> <rect x="188" y="325" width="14" height="4" rx="1" fill="#2d5c3e"/> <circle cx="218" cy="324" r="4" fill="#b8861b" opacity="0.8"/> <!-- TEXTO OVERLAY --> <rect x="0" y="440" width="400" height="80" fill="url(#skyGrad)" opacity="0.92"/> <text x="20" y="464" font-family="'Instrument Sans', sans-serif" font-size="9" fill="#74c69d" letter-spacing="2" font-weight="600" text-transform="uppercase">GESTIÓN INDUSTRIAL DEL AGUA</text> <text x="20" y="482" font-family="'Playfair Display', serif" font-size="13" fill="white" font-style="italic">Tratamiento y reutilización en planta</text> <text x="20" y="500" font-family="'Instrument Sans', sans-serif" font-size="8.5" fill="rgba(255,255,255,0.35)" letter-spacing="1">Imagen referencial · Especial Sostenibilidad 2026</text> <!-- Borde verde sutil --> <rect x="1" y="1" width="398" height="518" fill="none" stroke="#2d5c3e" stroke-width="1" opacity="0.3"/> </svg> </div> <!-- FEMSA --> <div class="card card--span2" style="align-items:stretch;"> <div style="flex:1;"> <div class="card-ico" style="background:#fff3e0;">🏪</div> <span class="card-tag">Retail · Plan verde 2030</span> <h3 class="card-hed">FEMSA revela su plan verde: cómo impacta en costos, inversión y crecimiento</h3> <p class="card-bod">La controladora de OXXO avanza al 70% en su plan 2030. Metas: 85% de electricidad renovable, cero residuos a rellenos, balance hídrico neutro y beneficiar a 20 millones de personas. Ya invirtió $791M MXN en iniciativas ASG.</p> <div class="kpis"><div><span class="kpi-n">65.2%</span><span class="kpi-l">Energía renovable actual</span></div><div><span class="kpi-n">80.6%</span><span class="kpi-l">Residuos desviados de rellenos</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <!-- GRÁFICO PLAN 2030 --> <div style="flex:1;background:var(--ink2);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px;"> <div style="font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:4px;">Plan Verde 2030 — Avance</div> <!-- Progreso general --> <div> <div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;"> <span style="font-size:.75rem;color:rgba(255,255,255,.6);">Progreso general</span> <span style="font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--green3);line-height:1;">70%</span> </div> <div style="height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;"> <div style="height:100%;width:70%;background:linear-gradient(90deg,var(--green),var(--green3));border-radius:4px;transition:width 1.2s ease;" class="femsa-bar"></div> </div> </div> <!-- Energía renovable --> <div> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"> <span style="font-size:.72rem;color:rgba(255,255,255,.5);">⚡ Energía renovable</span> <span style="font-size:.72rem;color:var(--gold);font-weight:600;">65.2% → meta 85%</span> </div> <div style="height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;"> <div style="height:100%;width:85%;background:rgba(255,255,255,.1);border-radius:3px;"></div> <div style="height:100%;width:65.2%;background:var(--gold);border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .1s;" class="femsa-bar"></div> </div> </div> <!-- Residuos --> <div> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"> <span style="font-size:.72rem;color:rgba(255,255,255,.5);">♻️ Residuos desviados</span> <span style="font-size:.72rem;color:var(--green3);font-weight:600;">80.6% → meta 100%</span> </div> <div style="height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;"> <div style="height:100%;width:100%;background:rgba(255,255,255,.1);border-radius:3px;"></div> <div style="height:100%;width:80.6%;background:var(--green2);border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .2s;" class="femsa-bar"></div> </div> </div> <!-- Balance hídrico --> <div> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"> <span style="font-size:.72rem;color:rgba(255,255,255,.5);">💧 Balance hídrico neutro</span> <span style="font-size:.72rem;color:rgba(255,255,255,.35);font-weight:600;">En proceso</span> </div> <div style="height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;"> <div style="height:100%;width:55%;background:#4a9eff;border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .3s;" class="femsa-bar"></div> </div> </div> <!-- Impacto social --> <div> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;"> <span style="font-size:.72rem;color:rgba(255,255,255,.5);">🤝 Impacto social</span> <span style="font-size:.72rem;color:rgba(255,255,255,.35);font-weight:600;">20M personas → meta 2030</span> </div> <div style="height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;"> <div style="height:100%;width:62%;background:#e8b84b;border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .4s;" class="femsa-bar"></div> </div> </div> <div style="margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:rgba(255,255,255,.25);font-style:italic;">Fuente: Informe Anual Integrado FEMSA 2025</div> </div> </div> <!-- ROTOPLAS — WIDE --> <div class="card card--span3"> <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;align-items:start;"> <div style="grid-column:span 2;"> <div class="card-ico" style="background:#e1f5fe;">💧</div> <span class="card-tag">Agua · KPI estratégico · Water-Carbon Nexus</span> <h3 class="card-hed" style="font-size:1.5rem;">Rotoplas consolida el agua como KPI estratégico: De la meta ESG a la rentabilidad financiera</h3> <p class="card-bod">Para muchas empresas en México, el agua ya no es un tema ambiental: es lo que determina si pueden operar o no. Rotoplas ha tratado y reutilizado 48,500 millones de litros al Q1 2026. Sus Bonos Vinculados a la Sostenibilidad vinculan el desempeño ambiental con los costos financieros bajo evaluación de S&P Global Ratings.</p> <div class="cq"><p>"El agua dejó de ser solo un tema ambiental; hoy es un factor que define la sostenibilidad económica y social de largo plazo."</p><cite>Andrea Muhech · Directora de Asuntos Públicos, Grupo Rotoplas · Women in Carbon 2026</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:14px;"> <div style="background:var(--paper3);padding:22px;border-left:3px solid var(--green2);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--green2);display:block;line-height:1;">48,500M</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;">Litros tratados y reutilizados · Q1 2026</span> </div> <div style="background:var(--paper3);padding:22px;border-left:3px solid var(--gold);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--gold);display:block;line-height:1;">SLB 2025</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;">Bonos Vinculados a Sostenibilidad · Calificados por S&P Global</span> </div> <div style="background:var(--ink2);padding:22px;"> <span style="font-size:.75rem;font-weight:600;color:var(--green3);display:block;margin-bottom:8px;">Water-Carbon Nexus</span> <span style="font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.5);display:block;">Es imposible alcanzar metas de descarbonización sin gestionar eficientemente el agua. Ambas variables deben coordinarse entre gobiernos, sector privado e inversionistas.</span> </div> </div> </div> </div> </div> </div> <!-- TIMELINE --> <div class="sw sw--cr"> <div class="s-head"><span class="s-num">Agenda 2026–2050</span><h2 class="s-ttl">Los compromisos que marcan el futuro</h2></div> <div class="tl"> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2025 — Grupo Bimbo</div><h3>99% empaques reciclables · 4,546 vehículos eléctricos</h3><p>La panificadora cierra 2025 con un 98% del portafolio bajo nutrición positiva y la flota eléctrica más grande de América Latina. Meta inmediata: 100% empaques reciclables.</p></div> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2025 — Rotoplas</div><h3>Emisión de Bonos Vinculados a Sostenibilidad (SLB)</h3><p>Rotoplas emite deuda etiquetada evaluada por S&P Global Ratings, comprometiendo KPIs ambientales bajo riesgo de ajuste en tasas de interés si no se cumplen los indicadores.</p></div> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2026 — OCESA</div><h3>Primera medición de huella de carbono del Vive Latino</h3><p>La promotora de espectáculos más grande de México cuantificará por primera vez las emisiones de su festival emblema, incluyendo producción, logística y movilidad de asistentes.</p></div> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2030 — FEMSA</div><h3>85% electricidad renovable · Balance hídrico neutro</h3><p>La controladora de OXXO busca beneficiar a 20 millones de personas, elevar al 90% las compras a proveedores locales y eliminar por completo el envío de residuos a rellenos sanitarios.</p></div> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2040 — Grupo Modelo</div><h3>Net Zero: eliminar el 95% de emisiones en los tres alcances</h3><p>La dueña de Corona y Victoria apunta a la neutralidad de carbono con compensación total, preservando los acuíferos nacionales como eje central de su estrategia hídrica.</p></div> <div class="tl-item"><div class="tl-dot"></div><div class="tl-year">2050 — Grupo Bimbo</div><h3>Cero emisiones netas en 39 países</h3><p>La meta de largo plazo incluye el 100% de ingredientes clave provenientes de agricultura regenerativa y operaciones con energía 100% renovable a escala global.</p></div> </div> </div> <!-- FOOTER --> <footer> <div class="f-inner"> <div> <div class="f-brand">El <em>Cronista</em></div> <p class="f-desc">Especial de Sostenibilidad 2026. Periodismo de negocios sobre los hitos ambientales, sociales y de gobernanza de las grandes corporaciones en México. Todas las cifras provienen de informes corporativos, declaraciones en entrevista y fuentes oficiales.</p> </div> <div> <div class="f-col-ttl">Artículos del especial</div> <ul class="f-links"> <li><a href="https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/" target="_blank">PMI · Hub sin humo en Jalisco</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/" target="_blank">Nestlé · Zero waste communities</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/" target="_blank">Grupo Modelo · Net Zero 2040</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/" target="_blank">Bimbo · Estrategia global</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/" target="_blank">Banorte · Crédito verde mexicano</a></li> </ul> </div> <div> <div class="f-col-ttl">Más del especial</div> <ul class="f-links"> <li><a href="https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/" target="_blank">FIRA · Bono verde al campo</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/" target="_blank">Afore XXI · Riesgo en pensiones</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/" target="_blank">OCESA · Huella del Vive Latino</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/" target="_blank">FEMSA · Plan verde 2030</a></li> <li><a href="https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/" target="_blank">Rotoplas · Agua como KPI</a></li> </ul> </div> </div> <div class="f-bot"> <span>© 2026 El Cronista — Todos los derechos reservados</span> <span>Especial Sostenibilidad · México · Abril 2026</span> </div> </footer> </div><!-- /home --> <!-- ══════════════════════════════ MANUFACTURA ══════════════════════════════ --> <div id="p-manufactura" class="page"> <div style="padding-top:54px;min-height:100vh;"> <div style="background:var(--ink);padding:80px 48px;"> <div style="max-width:900px;margin:0 auto;"> <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;"><span style="width:24px;height:2px;background:var(--green3);display:inline-block;"></span>Manufactura · Jalisco</div> <h1 style="font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:24px;">De Zapopan al mundo: La oportunidad de PMI para convertir su planta en hub tecnológico 'sin humo'</h1> <p style="font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.55);font-style:italic;max-width:640px;">La planta de PMI en Zapopan, Jalisco, es uno de los casos de éxito de producción limpia, con una certificación en carbono neutralidad.</p> </div> </div> <div style="background:var(--cream);padding:64px 48px;"> <div style="max-width:900px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:48px;"> <div> <p style="font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;">La planta de PMI en Zapopan, Jalisco, es uno de los casos de éxito de producción limpia en México, con una certificación de carbono neutralidad que va más allá del cumplimiento ambiental: se perfila como el centro lógico para un cambio de modelo en la estrategia hacia un futuro "sin humo" de la empresa.</p> <p style="font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;">"Yo apuesto que en el futuro la fábrica de Jalisco va a producir productos agregados de nueva generación y no cigarrillos", afirma Marco Hannappel, director de PMI para América Latina y Canadá, en declaraciones en el marco de Technovation 2026, en Washington D.C.</p> <p style="font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;">El directivo dice que la infraestructura de manufactura de tabaco en México representa la oportunidad de convertir a Jalisco en un hub tecnológico "sin humo" capaz de liderar la exportación de innovación, siempre que el entorno regulatorio logre alinearse con la velocidad de la transformación industrial.</p> <p style="font-size:.95rem;line-height:1.88;color:var(--muted);">Por ahora, el distintivo de carbono neutralidad se basa en eficiencia energética, uso de renovables y compensación de emisiones. En el papel, la empresa lo describe como un caso de éxito de transición industrial. En la práctica, la planta todavía produce cigarrillos —la tensión que define la transformación en curso.</p> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/" target="_blank" style="margin-top:32px;">Mira el artículo completo en El Cronista <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:16px;"> <div style="background:var(--white);padding:24px;border-top:3px solid var(--green2);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--green2);display:block;line-height:1;">✓ Carbono Neutral</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;">Certificación planta Zapopan, Jalisco</span> </div> <div style="background:var(--white);padding:24px;border-top:3px solid var(--gold);"> <span style="font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);display:block;line-height:1;">Hub Tech</span> <span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;">Objetivo estratégico exportación sin humo desde México</span> </div> <div style="background:var(--ink2);padding:24px;"> <span style="font-size:.7rem;font-weight:600;color:var(--green3);display:block;margin-bottom:10px;letter-spacing:.1em;text-transform:uppercase;">Sobre Marco Hannappel</span> <span style="font-size:.83rem;line-height:1.7;color:rgba(255,255,255,.5);display:block;">Director de PMI para América Latina y Canadá. Declaraciones en Technovation 2026, Washington D.C.</span> </div> </div> </div> </div> </div> <footer style="background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;"> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;"> <span style="font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);">El <span style="color:var(--green3);">Cronista</span></span> <button onclick="go('home')" style="background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;">← Volver al especial</button> </div> </footer> </div> <!-- ══════════════════════════════ CONSUMO ══════════════════════════════ --> <div id="p-consumo" class="page"> <div style="padding-top:54px;min-height:100vh;"> <div style="background:var(--green);padding:80px 48px;"> <div style="max-width:900px;margin:0 auto;"> <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;"><span style="width:24px;height:2px;background:var(--green3);display:inline-block;"></span>Consumo & Economía Circular</div> <h1 style="font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;">El reto de los residuos:<br>Nestlé, Modelo y Bimbo</h1> <p style="font-size:1rem;line-height:1.8;color:rgba(255,255,255,.6);font-style:italic;max-width:600px;">Gigantes del consumo llevan sus metas de sostenibilidad a la escala territorial con acciones que van del cañón de Chiapas al vehículo eléctrico de reparto.</p> </div> </div> <div class="sw sw--p2" style="padding-top:64px;"> <div style="max-width:1200px;margin:0 auto;"> <div class="grid"> <div class="card card--span2"> <div> <div class="card-ico" style="background:#e8f5e9;">♻️</div> <span class="card-tag">Zero Waste · Chiapas · Jalisco · Veracruz</span> <h3 class="card-hed" style="font-size:1.3rem;">Del residuo al recurso: Nestlé transforma comunidades mexicanas hacia el 'zero waste'</h3> <p class="card-bod">Nestlé enfoca sus acciones sustentables en estados prioritarios: Estado de México, Veracruz, Chiapas, Jalisco y Puebla. La compañía también tiene proyectos para limpiar cuerpos de agua, siendo el Cañón del Sumidero en Chiapas su caso emblemático.</p> <p class="card-bod" style="margin-top:12px;">Carlos Becerra menciona al Cañón del Sumidero como un ejemplo crítico de los desafíos que enfrenta la gestión de residuos en México: los desechos terminan en ecosistemas protegidos debido a fallas en la cadena de recolección local.</p> <div class="cq"><p>"Hoy el Cañón del Sumidero, que es un parque nacional protegido, tiene una 'isla' de basura que se genera porque la gente no tiene otro lugar donde poner sus residuos, llueve, los arrastra el río y terminan en el Cañón del Sumidero."</p><cite>Carlos Becerra · Nestlé México</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:14px;"> <div style="background:var(--paper3);padding:20px;border-left:3px solid var(--green2);"><span style="font-size:.7rem;font-weight:600;color:var(--green2);display:block;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;">Estados prioritarios</span><p style="font-size:.83rem;line-height:1.7;color:var(--muted);">Edomex · Veracruz · Chiapas · Jalisco · Puebla</p></div> <div style="background:var(--paper3);padding:20px;border-left:3px solid var(--red);"><span style="font-size:.7rem;font-weight:600;color:var(--red);display:block;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;">El problema</span><p style="font-size:.83rem;line-height:1.7;color:var(--muted);">Ecosistemas protegidos afectados por fallas en la cadena de recolección de residuos local.</p></div> </div> </div> <div class="card"> <div class="card-ico" style="background:#e3f2fd;">🍺</div> <span class="card-tag">Net Zero · Acuíferos · Energía renovable</span> <h3 class="card-hed">De 0 a 83%: El salto en energía renovable de Grupo Modelo</h3> <p class="card-bod">La estrategia de Soqui Calderón, directora regional de Sostenibilidad, ha logrado todas las metas de reducción desde 2017. La meta es llegar a Net Zero en 2040 eliminando el 95% de emisiones en los tres alcances.</p> <div class="kpis"><div><span class="kpi-n">83%</span><span class="kpi-l">Electricidad renovable</span></div><div><span class="kpi-n">–25%</span><span class="kpi-l">Emisiones totales vs. 2017</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div class="card card--span3"> <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start;"> <div style="grid-column:span 2;"> <div class="card-ico" style="background:#fff8e1;">🍞</div> <span class="card-tag">Bimbo · 39 países · Rigor operativo global</span> <h3 class="card-hed" style="font-size:1.3rem;">La sostenibilidad impulsa la estrategia empresarial global de Grupo Bimbo</h3> <p class="card-bod">Alejandra Vázquez Langle, directora global de sustentabilidad, lo resume: "cuando se opera en múltiples países y con cadenas de valor complejas, la sustentabilidad no se logra solo fijando metas; implica transformar procesos, invertir en innovación, desarrollar proveedores y asegurar trazabilidad."</p> <p class="card-bod" style="margin-top:12px;">En 2025, Bimbo alcanzó un 98% de nutrición positiva en panes y bollería, y el 48% de sus ventas provino de productos con 3.5 estrellas o más en Health Star Rating. Con 4,546 vehículos eléctricos y 8,065 sustentables totales, opera la flota de reparto eléctrica más grande de América Latina.</p> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:12px;"> <div style="background:var(--paper3);padding:18px;border-top:3px solid var(--green2);"><span style="font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--green2);display:block;">8,065</span><span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);">Vehículos sustentables en operación</span></div> <div style="background:var(--paper3);padding:18px;border-top:3px solid var(--gold);"><span style="font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);display:block;">4,546</span><span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);">Vehículos 100% eléctricos</span></div> <div style="background:var(--paper3);padding:18px;border-top:3px solid var(--ink2);"><span style="font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--ink2);display:block;">99%</span><span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);">Empaques reciclables</span></div> </div> </div> </div> </div> </div> </div> </div> <footer style="background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;"> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;"> <span style="font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);">El <span style="color:var(--green3);">Cronista</span></span> <button onclick="go('home')" style="background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;">← Volver al especial</button> </div> </footer> </div> <!-- ══════════════════════════════ FINANZAS ══════════════════════════════ --> <div id="p-finanzas" class="page"> <div style="padding-top:54px;min-height:100vh;"> <div style="background:var(--ink2);padding:80px 48px;"> <div style="max-width:900px;margin:0 auto;"> <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;">── Finanzas & Sector Financiero</div> <h1 style="font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;">El sector financiero:<br>Diseño local y riesgo ASG</h1> <p style="font-size:1rem;line-height:1.8;color:rgba(255,255,255,.55);font-style:italic;max-width:600px;">Banorte, Afore XXI y FIRA muestran que la sostenibilidad ya es una variable financiera, no solo ambiental.</p> </div> </div> <div class="sw sw--p"> <div style="max-width:1200px;margin:0 auto;"> <div class="grid grid--dk" style="background:var(--border);border-color:var(--border);"> <div class="card"> <div class="card-ico" style="background:#fce4ec;">🏦</div> <span class="card-tag">Crédito verde · Estrategia local</span> <h3 class="card-hed">Sostenibilidad a la mexicana: Banorte transforma el crédito verde</h3> <p class="card-bod">El desarrollo de créditos verdes y productos financieros con impacto social adaptados al mercado mexicano forma parte de la estrategia de sostenibilidad de Grupo Financiero Banorte, diseñada sin replicar modelos de otras regiones.</p> <div class="cq"><p>"Nuestra estrategia no está dictada por la casa matriz ni estamos replicando prácticas de otros países, sino que realmente diseñamos una estrategia de sustentabilidad que está adaptada a México y al tipo de clientes que tenemos."</p><cite>José Luis Muñoz Domínguez · Dir. Ejecutivo de Sustentabilidad, Banorte</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div class="card"> <div class="card-ico" style="background:#ede7f6;">📊</div> <span class="card-tag">Pensiones · ASG · Riesgo financiero</span> <h3 class="card-hed">Inversiones 'sucias': El riesgo invisible que amenaza los fondos de retiro</h3> <p class="card-bod">Afore XXI Banorte evalúa prácticamente todo su portafolio de MXN$ 1.6 billones bajo criterios ASG. Invertir en proyectos contaminantes o con malas prácticas puede erosionar el ahorro para el retiro de los trabajadores.</p> <div class="cq"><p>"Si tú te metes en proyectos sucios o disruptivos comunitariamente, o que tienen una mala gobernanza, lo más probable es que esos proyectos no te den los rendimientos que están ofreciendo."</p><cite>David Razú Aznar · Director General, Afore XXI Banorte</cite></div> <div class="kpis"><div><span class="kpi-n">$1.6B</span><span class="kpi-l">MXN portafolio evaluado bajo ASG</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div class="card"> <div class="card-ico" style="background:#e8f5e9;">🌾</div> <span class="card-tag">Bono verde · Agricultura · Campo mexicano</span> <h3 class="card-hed">Blindaje financiero al campo: El bono verde de FIRA</h3> <p class="card-bod">FEFA colocó certificados bursátiles por MXN$ 7,017 millones en el mercado local. La operación incluye un bono verde por MXN$ 2,940 millones para financiar la resiliencia del campo mexicano frente al cambio climático, con BBVA México como intermediario colocador.</p> <div class="kpis"><div><span class="kpi-n">$2,940M</span><span class="kpi-l">MXN bono verde</span></div><div><span class="kpi-n">1.75x</span><span class="kpi-l">Sobredemanda</span></div><div><span class="kpi-n">AAA</span><span class="kpi-l">S&P y HR Ratings</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> </div> </div> </div> </div> <footer style="background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;"> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;"> <span style="font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);">El <span style="color:var(--green3);">Cronista</span></span> <button onclick="go('home')" style="background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;">← Volver al especial</button> </div> </footer> </div> <!-- ══════════════════════════════ AGUA ══════════════════════════════ --> <div id="p-agua" class="page"> <div style="padding-top:54px;min-height:100vh;"> <div style="background:var(--ink);padding:80px 48px;position:relative;overflow:hidden;"> <div style="position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(26,92,53,.2);filter:blur(120px);top:-200px;right:-100px;pointer-events:none;"></div> <div style="max-width:900px;margin:0 auto;position:relative;z-index:1;"> <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;">── Agua & Clima · Nexo Agua-Carbono</div> <h1 style="font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;color:var(--white);line-height:1.02;letter-spacing:-.02em;margin-bottom:16px;">El agua como KPI:<br>Rotoplas y FEMSA<br>lideran el cambio</h1> <p style="font-size:1rem;line-height:1.8;color:rgba(255,255,255,.55);font-style:italic;max-width:580px;">Hoy, para muchas empresas en México, el agua ya no es un tema ambiental: es lo que determina si pueden operar o no.</p> </div> </div> <div class="sw sw--p2"> <div style="max-width:1200px;margin:0 auto;"> <div class="grid"> <div class="card card--span2"> <div> <div class="card-ico" style="background:#e1f5fe;">💧</div> <span class="card-tag">Water-Carbon Nexus · SLB · Nearshoring</span> <h3 class="card-hed" style="font-size:1.35rem;">Rotoplas consolida el agua como KPI estratégico: De la meta ESG a la rentabilidad financiera</h3> <p class="card-bod">En medio del boom del nearshoring, firmas como Rotoplas ven de primera mano cómo la disponibilidad del recurso define decisiones de inversión, expansión y empleo. La conversación se volvió concreta: sin agua, no hay crecimiento.</p> <p class="card-bod" style="margin-top:12px;">Foros internacionales de alto nivel, como el reciente Women in Carbon 2026, han reflejado este giro de paradigma: el agua se posiciona bajo el concepto estratégico del "Water-Carbon Nexus", que reconoce que es imposible alcanzar metas de descarbonización sin una gestión eficiente del recurso hídrico.</p> <p class="card-bod" style="margin-top:12px;">Al cierre del Q1 2026, los sistemas de Rotoplas han permitido el tratamiento y reutilización de aproximadamente 48,500 millones de litros de agua, superando significativamente sus metas previas. Este desempeño llevó a la empresa a ser pionera en el mercado de deuda etiquetada del sector water management, emitiendo Bonos Vinculados a la Sostenibilidad (SLB) en 2025.</p> <div class="cq"><p>"El agua dejó de ser solo un tema ambiental; hoy es un factor que define la sostenibilidad económica y social de largo plazo."</p><cite>Andrea Muhech · Directora de Asuntos Públicos, Grupo Rotoplas · Women in Carbon 2026</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div style="display:flex;flex-direction:column;gap:14px;"> <div style="background:var(--paper3);padding:22px;border-top:3px solid var(--green2);"><span style="font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--green2);display:block;">48,500M</span><span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;">Litros tratados y reutilizados · Q1 2026</span></div> <div style="background:var(--paper3);padding:22px;border-top:3px solid var(--gold);"><span style="font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--gold);display:block;">SLB</span><span style="font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;">Bonos Vinculados a Sostenibilidad emitidos 2025 · Evaluados por S&P Global Ratings</span></div> </div> </div> <div class="card"> <div class="card-ico" style="background:#fff3e0;">🏪</div> <span class="card-tag">FEMSA · OXXO · Plan verde 2030</span> <h3 class="card-hed">FEMSA revela su plan verde: impacto en costos, inversión y crecimiento</h3> <p class="card-bod">La controladora de OXXO avanza al 70% en su plan 2030. Entre sus ocho objetivos corporativos destacan: 85% de consumo eléctrico renovable, eliminar residuos a rellenos sanitarios y lograr un balance hídrico neutro, especialmente en zonas con estrés de agua.</p> <div class="kpis"><div><span class="kpi-n">65.2%</span><span class="kpi-l">Energía renovable actual</span></div><div><span class="kpi-n">80.6%</span><span class="kpi-l">Residuos desviados de rellenos</span></div><div><span class="kpi-n">$791M</span><span class="kpi-l">MXN invertidos en ASG</span></div></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> <div class="card card--span2" style="padding:0;overflow:hidden;min-height:340px;position:relative;background:var(--ink);"> <svg viewBox="0 0 800 420" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%;position:absolute;inset:0;display:block;"> <defs> <linearGradient id="ag1" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#071a10"/> <stop offset="100%" stop-color="#0b2416"/> </linearGradient> <linearGradient id="ag2" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0d3d5c"/> <stop offset="60%" stop-color="#072840"/> <stop offset="100%" stop-color="#041520"/> </linearGradient> <linearGradient id="ag3" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#1a3826"/> <stop offset="100%" stop-color="#243f2e"/> </linearGradient> <radialGradient id="ag4" cx="50%" cy="35%" r="55%"> <stop offset="0%" stop-color="#2d8a52" stop-opacity="0.15"/> <stop offset="100%" stop-color="#071a10" stop-opacity="0"/> </radialGradient> <radialGradient id="ag5" cx="20%" cy="60%" r="35%"> <stop offset="0%" stop-color="#1a6080" stop-opacity="0.2"/> <stop offset="100%" stop-color="#071a10" stop-opacity="0"/> </radialGradient> <filter id="af1"><feGaussianBlur stdDeviation="3"/></filter> <filter id="af2"><feGaussianBlur stdDeviation="8"/></filter> <filter id="af3"><feGaussianBlur stdDeviation="1.5"/></filter> </defs> <!-- Fondo --> <rect width="800" height="420" fill="url(#ag1)"/> <rect width="800" height="420" fill="url(#ag4)"/> <rect width="800" height="420" fill="url(#ag5)"/> <!-- Estrellas --> <circle cx="60" cy="25" r="1" fill="white" opacity="0.25"/> <circle cx="180" cy="15" r="1.2" fill="white" opacity="0.2"/> <circle cx="320" cy="30" r="0.8" fill="white" opacity="0.18"/> <circle cx="500" cy="18" r="1" fill="white" opacity="0.22"/> <circle cx="640" cy="28" r="0.9" fill="white" opacity="0.2"/> <circle cx="740" cy="12" r="1.1" fill="white" opacity="0.18"/> <circle cx="100" cy="50" r="0.7" fill="white" opacity="0.15"/> <circle cx="420" cy="45" r="0.8" fill="white" opacity="0.15"/> <circle cx="700" cy="55" r="0.6" fill="white" opacity="0.12"/> <!-- Colinas / terreno fondo --> <path d="M0 200 Q100 160 200 175 Q300 190 400 165 Q500 140 600 160 Q700 180 800 155 L800 420 L0 420Z" fill="#0d2419" opacity="0.7"/> <path d="M0 230 Q150 190 300 210 Q450 230 600 200 Q700 185 800 195 L800 420 L0 420Z" fill="#0f2a1c" opacity="0.8"/> <!-- TUBERÍAS horizontales largas --> <rect x="0" y="255" width="280" height="10" rx="5" fill="#1a3826"/> <rect x="0" y="255" width="280" height="10" rx="5" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <rect x="520" y="255" width="280" height="10" rx="5" fill="#1a3826"/> <rect x="520" y="255" width="280" height="10" rx="5" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <!-- Tubería secundaria --> <rect x="0" y="272" width="200" height="6" rx="3" fill="#162e20" opacity="0.8"/> <rect x="600" y="272" width="200" height="6" rx="3" fill="#162e20" opacity="0.8"/> <!-- TORRE IZQUIERDA --> <rect x="40" y="90" width="90" height="170" rx="3" fill="url(#ag3)"/> <rect x="40" y="90" width="90" height="170" rx="3" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <rect x="52" y="108" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="78" y="108" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.12"/> <rect x="52" y="130" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.18"/> <rect x="78" y="130" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="52" y="152" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="78" y="152" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.12"/> <rect x="52" y="174" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.2"/> <rect x="78" y="174" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="52" y="196" width="44" height="8" rx="1" fill="#0d3d5c" opacity="0.6"/> <circle cx="120" cy="100" r="5" fill="#2d8a52"/> <circle cx="120" cy="100" r="9" fill="#2d8a52" opacity="0.15" filter="url(#af3)"/> <!-- CHIMENEAS izquierda --> <rect x="58" y="58" width="14" height="34" rx="2" fill="#1e3826"/> <rect x="80" y="68" width="12" height="24" rx="2" fill="#1e3826"/> <ellipse cx="65" cy="48" rx="9" ry="15" fill="white" opacity="0.03" filter="url(#af2)"/> <ellipse cx="86" cy="58" rx="7" ry="12" fill="white" opacity="0.025" filter="url(#af2)"/> <!-- TANQUE CENTRAL GRANDE --> <ellipse cx="400" cy="120" rx="80" ry="20" fill="#122018"/> <rect x="320" y="120" width="160" height="140" fill="#162e20"/> <rect x="320" y="120" width="160" height="140" fill="none" stroke="#2d5c3e" stroke-width="2"/> <ellipse cx="400" cy="260" rx="80" ry="20" fill="#1a3826"/> <ellipse cx="400" cy="120" rx="80" ry="20" fill="#1e3d28"/> <!-- Líneas horizontales tanque --> <line x1="322" y1="160" x2="478" y2="160" stroke="#2d5c3e" stroke-width="1" opacity="0.5"/> <line x1="322" y1="200" x2="478" y2="200" stroke="#2d5c3e" stroke-width="1" opacity="0.5"/> <line x1="322" y1="240" x2="478" y2="240" stroke="#2d5c3e" stroke-width="1" opacity="0.5"/> <!-- Nivel agua en tanque --> <rect x="322" y="210" width="156" height="48" fill="#0d3d5c" opacity="0.45"/> <ellipse cx="400" cy="210" rx="78" ry="12" fill="#1a6080" opacity="0.4"/> <!-- Indicador nivel --> <rect x="482" y="135" width="8" height="118" rx="4" fill="#122018" stroke="#2d5c3e" stroke-width="1"/> <rect x="483" y="205" width="6" height="48" rx="3" fill="#2d8a52"/> <circle cx="486" cy="205" r="6" fill="#74c69d"/> <circle cx="486" cy="205" r="10" fill="#74c69d" opacity="0.12" filter="url(#af3)"/> <!-- Tubería bajando del tanque central --> <rect x="388" y="260" width="24" height="42" fill="#1a3826" stroke="#2d5c3e" stroke-width="1"/> <!-- Válvula central --> <rect x="380" y="288" width="40" height="13" rx="4" fill="#2d5c3e"/> <circle cx="400" cy="295" r="7" fill="#1a3826" stroke="#3a6e4a" stroke-width="1.5"/> <line x1="400" y1="290" x2="400" y2="300" stroke="#3a6e4a" stroke-width="1.5"/> <!-- Conectores curvos al tanque --> <path d="M170 260 Q170 278 185 278 L310 278 Q330 278 330 260" fill="none" stroke="#2d5c3e" stroke-width="9" stroke-linecap="round"/> <path d="M170 260 Q170 278 185 278 L310 278 Q330 278 330 260" fill="none" stroke="#1a3826" stroke-width="7" stroke-linecap="round"/> <path d="M470 260 Q470 278 490 278 L615 278 Q630 278 630 260" fill="none" stroke="#2d5c3e" stroke-width="9" stroke-linecap="round"/> <path d="M470 260 Q470 278 490 278 L615 278 Q630 278 630 260" fill="none" stroke="#1a3826" stroke-width="7" stroke-linecap="round"/> <!-- TORRE DERECHA --> <rect x="670" y="75" width="90" height="185" rx="3" fill="url(#ag3)"/> <rect x="670" y="75" width="90" height="185" rx="3" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <rect x="682" y="93" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.18"/> <rect x="708" y="93" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="682" y="115" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="708" y="115" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.12"/> <rect x="682" y="137" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.2"/> <rect x="708" y="137" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="682" y="159" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <rect x="708" y="159" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.15"/> <rect x="682" y="181" width="18" height="13" rx="1.5" fill="#74c69d" opacity="0.1"/> <rect x="708" y="181" width="18" height="13" rx="1.5" fill="#0d3d5c" opacity="0.9"/> <circle cx="670" cy="84" r="5" fill="#b8861b"/> <circle cx="670" cy="84" r="9" fill="#b8861b" opacity="0.15" filter="url(#af3)"/> <!-- CHIMENEAS derecha --> <rect x="688" y="44" width="14" height="33" rx="2" fill="#1e3826"/> <rect x="710" y="54" width="12" height="23" rx="2" fill="#1e3826"/> <ellipse cx="695" cy="34" rx="9" ry="14" fill="white" opacity="0.03" filter="url(#af2)"/> <ellipse cx="716" cy="44" rx="7" ry="11" fill="white" opacity="0.025" filter="url(#af2)"/> <!-- TANQUE SECUNDARIO izquierda --> <ellipse cx="210" cy="155" rx="42" ry="11" fill="#122018"/> <rect x="168" y="155" width="84" height="85" fill="#162e20"/> <rect x="168" y="155" width="84" height="85" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <ellipse cx="210" cy="240" rx="42" ry="11" fill="#1a3826"/> <ellipse cx="210" cy="155" rx="42" ry="11" fill="#1e3d28"/> <rect x="170" y="200" width="80" height="38" fill="#0d3d5c" opacity="0.3"/> <ellipse cx="210" cy="200" rx="40" ry="9" fill="#1a6080" opacity="0.3"/> <!-- TANQUE SECUNDARIO derecha --> <ellipse cx="590" cy="145" rx="42" ry="11" fill="#122018"/> <rect x="548" y="145" width="84" height="95" fill="#162e20"/> <rect x="548" y="145" width="84" height="95" fill="none" stroke="#2d5c3e" stroke-width="1.2"/> <ellipse cx="590" cy="240" rx="42" ry="11" fill="#1a3826"/> <ellipse cx="590" cy="145" rx="42" ry="11" fill="#1e3d28"/> <rect x="550" y="195" width="80" height="43" fill="#0d3d5c" opacity="0.3"/> <ellipse cx="590" cy="195" rx="40" ry="9" fill="#1a6080" opacity="0.3"/> <!-- PLATAFORMA / SUELO --> <rect x="0" y="298" width="800" height="30" fill="#0d1f14"/> <rect x="0" y="298" width="800" height="2" fill="#2d5c3e" opacity="0.4"/> <line x1="0" y1="312" x2="800" y2="312" stroke="#1a3826" stroke-width="1" stroke-dasharray="12,10"/> <!-- PANEL DE CONTROL central --> <rect x="348" y="310" width="104" height="36" rx="3" fill="#071a10" stroke="#2d5c3e" stroke-width="1.2"/> <circle cx="364" cy="328" r="5" fill="#2d8a52"/> <circle cx="364" cy="328" r="8" fill="#2d8a52" opacity="0.18"/> <rect x="374" y="321" width="30" height="7" rx="1.5" fill="#0d3d5c"/> <rect x="374" y="331" width="22" height="5" rx="1" fill="#1a3826"/> <circle cx="416" cy="328" r="5" fill="#b8861b" opacity="0.85"/> <circle cx="432" cy="328" r="5" fill="#b83232" opacity="0.5"/> <!-- LAGUNA / AGUA inferior --> <rect x="0" y="328" width="800" height="92" fill="url(#ag2)"/> <path d="M0 345 Q80 337 160 345 Q240 353 320 345 Q400 337 480 345 Q560 353 640 345 Q720 337 800 345" fill="none" stroke="#1a6080" stroke-width="2" opacity="0.5"/> <path d="M0 362 Q100 354 200 362 Q300 370 400 362 Q500 354 600 362 Q700 370 800 362" fill="none" stroke="#1a6080" stroke-width="1.2" opacity="0.35"/> <path d="M0 380 Q120 372 240 380 Q360 388 480 380 Q600 372 720 380 L800 380" fill="none" stroke="#1a6080" stroke-width="1" opacity="0.25"/> <!-- Reflejos en agua --> <ellipse cx="400" cy="342" rx="70" ry="9" fill="#1a4d6e" opacity="0.25" filter="url(#af1)"/> <ellipse cx="210" cy="338" rx="35" ry="6" fill="#1a4d6e" opacity="0.18" filter="url(#af1)"/> <ellipse cx="590" cy="338" rx="35" ry="6" fill="#1a4d6e" opacity="0.18" filter="url(#af1)"/> <ellipse cx="486" cy="344" rx="12" ry="3" fill="#74c69d" opacity="0.1" filter="url(#af1)"/> <!-- OVERLAY TEXTO --> <rect x="0" y="360" width="800" height="60" fill="#071a10" opacity="0.88"/> <text x="32" y="383" font-family="'Instrument Sans',sans-serif" font-size="10" fill="#74c69d" letter-spacing="2.5" font-weight="600">GESTIÓN HÍDRICA INDUSTRIAL · WATER-CARBON NEXUS</text> <text x="32" y="400" font-family="'Playfair Display',serif" font-size="14" fill="white" font-style="italic">Infraestructura de tratamiento y reutilización de agua en México</text> <text x="32" y="414" font-family="'Instrument Sans',sans-serif" font-size="9" fill="rgba(255,255,255,0.3)" letter-spacing="1">Imagen referencial · Especial Sostenibilidad 2026 — El Cronista</text> <!-- Borde sutil --> <rect x="1" y="1" width="798" height="418" fill="none" stroke="#2d5c3e" stroke-width="1" opacity="0.25"/> </svg> </div> <div class="card"> <div class="card-ico" style="background:#f3e5f5;">🎵</div> <span class="card-tag">OCESA · Entretenimiento · Vive Latino</span> <h3 class="card-hed">¿Cuánta basura genera un festival? OCESA mide su huella ambiental</h3> <p class="card-bod">OCESA planea comenzar a medir la huella de carbono del Vive Latino a partir de su edición 2026. El cálculo implicará recopilar información de producción, artistas, logística, personal y movilidad de asistentes para estimar las emisiones totales del evento.</p> <div class="cq"><p>"Estamos empezando a medir justo con los festivales; ya tienen también esa información."</p><cite>Armando Calvillo · Director de Marketing, OCESA</cite></div> <a class="rm" href="https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/" target="_blank">Mira el artículo completo <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a> </div> </div> </div> </div> </div> <footer style="background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;"> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;"> <span style="font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);">El <span style="color:var(--green3);">Cronista</span></span> <button onclick="go('home')" style="background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;">← Volver al especial</button> </div> </footer> </div> <!-- ══════════════════════════════ RANKING ESG ══════════════════════════════ --> <div id="p-ranking" class="page"> <div style="padding-top:54px;min-height:100vh;"> <div style="background:var(--paper3);padding:80px 48px;border-bottom:1px solid var(--border);"> <div style="max-width:900px;margin:0 auto;"> <div style="font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green2);font-weight:600;margin-bottom:20px;">── Ranking · MERCO ESG México 2025</div> <h1 style="font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--ink);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;">Las empresas más<br>responsables de México</h1> <p style="font-size:.95rem;line-height:1.8;color:var(--muted);max-width:600px;">Monitor Empresarial de Reputación Corporativa (Merco) 2025. Metodología multipartita con 46,678 encuestas, auditada por KPMG. Evalúa criterios ambientales (E), sociales (S) y de gobernanza (G).</p> </div> </div> <div class="sw sw--p"> <div class="rank-wrap"> <div class="rank-row r1"><div class="rk-pos">01</div><div class="rk-ico" style="background:#fff8e1;">🍞</div><div class="rk-info"><div class="rk-name">Grupo Bimbo</div><div class="rk-sec">Alimentos · 12° año consecutivo en el #1</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="98%"></div></div><div class="rk-score">98.4 pts · Liderazgo ESG absoluto</div></div></div> <div class="rank-row r2"><div class="rk-pos">02</div><div class="rk-ico" style="background:#e3f2fd;">🍺</div><div class="rk-info"><div class="rk-name">Grupo Modelo</div><div class="rk-sec">Bebidas · Net Zero 2040</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="90%"></div></div><div class="rk-score">90.1 pts</div></div></div> <div class="rank-row r3"><div class="rk-pos">03</div><div class="rk-ico" style="background:#e8eaf6;">🏦</div><div class="rk-info"><div class="rk-name">BBVA México</div><div class="rk-sec">Servicios financieros</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="85%"></div></div><div class="rk-score">85.7 pts</div></div></div> <div class="rank-row"><div class="rk-pos">04</div><div class="rk-ico" style="background:#fbe9e7;">☕</div><div class="rk-info"><div class="rk-name">Nestlé México</div><div class="rk-sec">Alimentos y bebidas · Zero waste</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="82%"></div></div><div class="rk-score">82.3 pts</div></div></div> <div class="rank-row"><div class="rk-pos">05</div><div class="rk-ico" style="background:#e8f5e9;">🏗️</div><div class="rk-info"><div class="rk-name">Cemex</div><div class="rk-sec">Materiales de construcción · Descarbonización</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="79%"></div></div><div class="rk-score">79.8 pts</div></div></div> <div class="rank-row"><div class="rk-pos">06</div><div class="rk-ico" style="background:#fff3e0;">🏪</div><div class="rk-info"><div class="rk-name">FEMSA</div><div class="rk-sec">Comercio y logística · Plan verde 2030</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="76%"></div></div><div class="rk-score">76.2 pts</div></div></div> <div class="rank-row"><div class="rk-pos">07</div><div class="rk-ico" style="background:#f3e5f5;">🍺</div><div class="rk-info"><div class="rk-name">Grupo Herdez</div><div class="rk-sec">Alimentos</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="73%"></div></div><div class="rk-score">73.1 pts</div></div></div> <div class="rank-row"><div class="rk-pos">08</div><div class="rk-ico" style="background:#e8f5e9;">🥛</div><div class="rk-info"><div class="rk-name">Grupo Danone México</div><div class="rk-sec">Alimentos y bebidas</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="71%"></div></div><div class="rk-score">71.4 pts</div></div></div> <div class="rank-row"><div class="rk-pos">09</div><div class="rk-ico" style="background:#e3f2fd;">💻</div><div class="rk-info"><div class="rk-name">Google México</div><div class="rk-sec">Tecnología</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="69%"></div></div><div class="rk-score">69.8 pts</div></div></div> <div class="rank-row"><div class="rk-pos">10</div><div class="rk-ico" style="background:#fce4ec;">🍺</div><div class="rk-info"><div class="rk-name">Heineken México</div><div class="rk-sec">Bebidas · Reforestación · Green Challenge</div></div><div class="rk-bar-wrap"><div class="rk-bar-bg"><div class="rk-bar" data-w="67%"></div></div><div class="rk-score">67.5 pts</div></div></div> </div> <p style="max-width:1200px;margin:20px auto 0;font-size:.78rem;color:var(--muted);font-style:italic;">Fuente: Monitor Empresarial de Reputación Corporativa (Merco) 2025. Metodología multipartita con 46,678 encuestas. Auditado independientemente por KPMG bajo norma ISA. Los puntajes son referenciales.</p> </div> </div> <footer style="background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;"> <div style="max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;"> <span style="font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);">El <span style="color:var(--green3);">Cronista</span></span> <button onclick="go('home')" style="background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;">← Volver al especial</button> </div> </footer> </div> <script> /* ── PROGRESS ── */ window.addEventListener('scroll',()=>{ const d=document.documentElement; document.getElementById('prog').style.width=(d.scrollTop/(d.scrollHeight-d.clientHeight)*100)+'%'; }); /* ── NAVIGATION ── */ function go(id){ document.querySelectorAll('.page').forEach(p=>p.classList.remove('active')); document.querySelectorAll('.tb-nav a').forEach(a=>a.classList.remove('on')); const pg=document.getElementById('p-'+id); if(pg)pg.classList.add('active'); const nav=document.getElementById('n-'+id); if(nav)nav.classList.add('on'); window.scrollTo({top:0,behavior:'instant'}); setTimeout(observe,80); setTimeout(animBars,200); } /* ── SCROLL ANIMATIONS ── */ function observe(){ const io=new IntersectionObserver(entries=>{ entries.forEach((e,i)=>{ if(e.isIntersecting){ setTimeout(()=>e.target.classList.add('vis'),i*70); io.unobserve(e.target); } }); },{threshold:0.08}); document.querySelectorAll('.card:not(.vis),.viz-card:not(.vis),.rank-row:not(.vis),.tl-item:not(.vis)').forEach(el=>io.observe(el)); } /* ── RANKING BARS ── */ function animBars(){ document.querySelectorAll('.rk-bar').forEach(b=>{ const w=b.dataset.w; if(w){b.style.width='0';setTimeout(()=>b.style.width=w,300);} }); } document.addEventListener('DOMContentLoaded',()=>{observe();animBars();animFemsa();}); function animFemsa(){ const bars=document.querySelectorAll('.femsa-bar'); if(!bars.length)return; const io=new IntersectionObserver(entries=>{ entries.forEach(e=>{ if(e.isIntersecting){ bars.forEach(b=>{ const w=b.style.width; b.style.width='0'; setTimeout(()=>b.style.width=w,200); }); io.disconnect(); } }); },{threshold:0.3}); const parent=bars[0].closest('.card'); if(parent)io.observe(parent); } </script> </div></div><div id="fusion-static-exit:html-block-f0f1sRU1uEgY1ef" style="display:none" data-fusion-component="html-block-f0f1sRU1uEgY1ef"></div></section><section class="right-rail__main"><div class="right-rail__heading"></div><main class="right-rail__body"></main><aside class="right-rail__aside"></aside></section><section class="right-rail__bottom"></section><footer class="right-rail__footer"></footer></div></div><script id="fusion-metadata" type="application/javascript">window.Fusion=window.Fusion||{};Fusion.arcSite="el-cronista";Fusion.contextPath="/pf";Fusion.mxId="00000000";Fusion.deployment="503";Fusion.globalContent={};Fusion.globalContentConfig={};Fusion.lastModified=1777316164261;Fusion.contentCache={};Fusion.layout="right-rail";Fusion.metas={"chunk-style":{"value":"section","html":true},"page-type":{"value":"section","html":true},"title":{"value":"Cronista México","html":true},"title-sufix":{"value":"El Cronista","html":true}};Fusion.outputType="default";Fusion.template="page/pftxvbnrTl73FGDhv";Fusion.tree={"collection":"layouts","type":"right-rail","props":{"collection":"layouts","type":"right-rail","id":"right-rail","childProps":[{"collection":"sections","id":0},{"collection":"sections","id":1},{"collection":"sections","id":2},{"collection":"sections","id":3},{"collection":"sections","id":4},{"collection":"sections","id":5},{"collection":"sections","id":6}]},"children":[{"collection":"sections","props":{"collection":"sections","id":0},"children":[]},{"collection":"sections","props":{"collection":"sections","id":1},"children":[{"collection":"features","type":"el-cronista/html-raw","props":{"collection":"features","type":"el-cronista/html-raw","id":"f0f1sRU1uEgY1ef","name":"Bloque HTML","contentConfig":{"contentService":"","contentConfigValues":{},"inherit":true},"customFields":{"HTML":"<link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Instrument+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Bebas+Neue&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --ink:#111010;--ink2:#2a2825;--paper:#f6f2eb;--paper2:#ede8de;\n --paper3:#e3ddd2;--cream:#faf7f2;--green:#1a5c35;--green2:#2d8a52;\n --green3:#74c69d;--gold:#b8861b;--gold2:#e8b84b;--red:#b83232;\n --muted:#6b6560;--border:#d5cfc4;--white:#ffffff;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{font-family:'Instrument Sans',sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden;}\na{color:inherit;text-decoration:none;}\n\n#prog{position:fixed;top:0;left:0;height:3px;background:var(--green2);z-index:9999;width:0%;transition:width .1s linear;pointer-events:none;}\n\n#topbar{position:fixed;top:0;left:0;right:0;z-index:500;height:54px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:2px solid var(--green);}\n.tb-brand{display:flex;align-items:center;gap:12px;cursor:pointer;}\n.tb-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--white);}\n.tb-logo em{font-style:normal;color:var(--green3);}\n.tb-pipe{width:1px;height:18px;background:rgba(255,255,255,.15);}\n.tb-tag{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4);}\n.tb-nav{display:flex;gap:4px;list-style:none;}\n.tb-nav a{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:6px 11px;border-radius:2px;cursor:pointer;transition:color .2s,background .2s;}\n.tb-nav a:hover{color:var(--white);background:rgba(255,255,255,.07);}\n.tb-nav a.on{color:var(--green3);}\n.tb-date{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:6px;}\n.tb-dot{width:5px;height:5px;border-radius:50%;background:var(--green3);animation:blink 2.5s infinite;}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\n\n.page{display:none;}\n.page.active{display:block;}\n\n/* HERO */\n.hero{min-height:100vh;background:var(--ink);position:relative;overflow:hidden;padding-top:54px;display:flex;flex-direction:column;}\n.hero-pat{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(116,198,157,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(116,198,157,.03) 1px,transparent 1px);background-size:80px 80px;}\n.glow{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none;}\n.g1{width:700px;height:700px;background:rgba(26,92,53,.35);top:-200px;right:-150px;}\n.g2{width:400px;height:400px;background:rgba(116,198,157,.08);bottom:0;left:5%;}\n.hero-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;max-width:1280px;margin:0 auto;width:100%;padding:60px 48px 80px;}\n.hero-eye{display:flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:28px;}\n.eye-dot{width:6px;height:6px;border-radius:50%;background:var(--green3);animation:blink 2.5s infinite;}\n.hero-hed{font-family:'Playfair Display',serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:.93;letter-spacing:-.03em;color:var(--white);max-width:920px;}\n.hero-hed em{font-style:italic;color:var(--green3);font-weight:400;}\n.hero-deck{max-width:560px;margin-top:28px;font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.55);font-weight:300;font-style:italic;}\n.hero-stats{display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(255,255,255,.09);padding-top:32px;}\n.hs{flex:1;padding-right:32px;border-right:1px solid rgba(255,255,255,.09);margin-right:32px;}\n.hs:last-child{border-right:none;margin-right:0;padding-right:0;}\n.hs-n{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:900;color:var(--green3);display:block;line-height:1;}\n.hs-l{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:6px;display:block;line-height:1.5;}\n.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.25);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;animation:bob 3s ease-in-out infinite;z-index:2;}\n@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}\n@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}\n.hero-eye{animation:fadeUp .8s .3s ease both;}\n.hero-hed{animation:fadeUp .8s .5s ease both;}\n.hero-deck{animation:fadeUp .8s .65s ease both;}\n.hero-stats{animation:fadeUp .8s .8s ease both;}\n\n/* INTRO */\n.intro-wrap{background:var(--ink);padding:0 48px 80px;}\n.intro-box{max-width:780px;margin:0 auto;border-top:2px solid var(--green);padding-top:52px;}\n.intro-kick{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;}\n.intro-txt{font-family:'Playfair Display',serif;font-size:1.2rem;line-height:1.88;font-weight:400;color:rgba(255,255,255,.72);}\n.intro-txt strong{color:var(--white);font-weight:700;}\n\n/* SECTION WRAPPERS */\n.sw{padding:88px 48px;}\n.sw--dk{background:var(--ink2);}\n.sw--p{background:var(--paper);}\n.sw--p2{background:var(--paper2);}\n.sw--p3{background:var(--paper3);}\n.sw--cr{background:var(--cream);}\n.sw--gn{background:var(--green);}\n\n.s-head{max-width:1200px;margin:0 auto 52px;display:flex;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:2px solid var(--ink);}\n.sw--dk .s-head{border-color:rgba(255,255,255,.1);}\n.s-num{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--green2);}\n.sw--dk .s-num{color:var(--green3);}\n.s-ttl{font-family:'Playfair Display',serif;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);}\n.sw--dk .s-ttl{color:var(--white);}\n\n/* VIZ GRID */\n.viz-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border:1px solid var(--border);}\n.viz-card{background:var(--white);padding:36px 28px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;}\n.viz-card.vis{opacity:1;transform:translateY(0);}\n.viz-n{font-family:'Bebas Neue',sans-serif;font-size:3.2rem;line-height:1;display:block;}\n.viz-n--gn{color:var(--green2);}\n.viz-n--gd{color:var(--gold);}\n.viz-n--rd{color:var(--red);}\n.viz-l{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;line-height:1.5;}\n.viz-desc{font-size:.82rem;line-height:1.7;color:var(--muted);margin-top:10px;}\n\n/* PULL QUOTE */\n.pq-wrap{background:var(--green);padding:80px 48px;}\n.pq-inn{max-width:900px;margin:0 auto;text-align:center;}\n.pq-mk{font-family:'Playfair Display',serif;font-size:7rem;line-height:.6;color:rgba(255,255,255,.12);margin-bottom:-12px;}\n.pq-txt{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.8vw,2.2rem);font-style:italic;font-weight:400;line-height:1.55;color:var(--white);}\n.pq-src{margin-top:24px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);}\n.pq-src span{color:var(--green3);}\n\n/* CARDS */\n.grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);}\n.grid--dk{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05);}\n\n.card{background:var(--cream);padding:36px 32px;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s,background .2s;}\n.card.vis{opacity:1;transform:translateY(0);}\n.card:hover{background:var(--paper2);}\n.card--dk{background:#1a1a1a;}\n.card--dk:hover{background:#212121;}\n.card--span2{grid-column:span 2;flex-direction:row;gap:36px;align-items:flex-start;}\n.card--span3{grid-column:span 3;}\n\n.card-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;margin-bottom:18px;}\n.card-tag{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:var(--green2);margin-bottom:10px;display:block;}\n.card--dk .card-tag{color:var(--green3);}\n.card-hed{font-family:'Playfair Display',serif;font-size:1.06rem;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:12px;}\n.card--span2 .card-hed{font-size:1.4rem;}\n.card--dk .card-hed{color:var(--white);}\n.card-bod{font-size:.87rem;line-height:1.78;color:var(--muted);flex:1;}\n.card--dk .card-bod{color:rgba(255,255,255,.5);}\n\n.cq{margin-top:16px;padding:14px 16px;background:rgba(45,138,82,.08);border-left:3px solid var(--green2);}\n.card--dk .cq{background:rgba(116,198,157,.06);border-color:var(--green3);}\n.cq p{font-family:'Playfair Display',serif;font-size:.87rem;font-style:italic;line-height:1.65;color:var(--ink2);}\n.card--dk .cq p{color:rgba(255,255,255,.7);}\n.cq cite{display:block;margin-top:8px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal;}\n.card--dk .cq cite{color:rgba(255,255,255,.3);}\n\n.kpis{display:flex;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap;}\n.card--dk .kpis{border-color:rgba(255,255,255,.08);}\n.kpi-n{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:900;color:var(--green2);display:block;line-height:1;}\n.card--dk .kpi-n{color:var(--green3);}\n.kpi-l{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;display:block;line-height:1.4;}\n.card--dk .kpi-l{color:rgba(255,255,255,.3);}\n\n/* READ MORE */\n.rm{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--green2);transition:gap .2s,color .2s;}\n.card--dk .rm{color:var(--green3);border-color:rgba(255,255,255,.08);}\n.rm:hover{gap:14px;color:var(--green);}\n.card--dk .rm:hover{color:var(--white);}\n.rm svg{flex-shrink:0;transition:transform .2s;}\n.rm:hover svg{transform:translateX(3px);}\n\n/* RANKING */\n.rank-wrap{max-width:1200px;margin:0 auto;}\n.rank-row{display:flex;align-items:center;gap:18px;background:var(--cream);padding:18px 26px;margin-bottom:2px;opacity:0;transform:translateX(-20px);transition:opacity .5s,transform .5s,background .2s;}\n.rank-row.vis{opacity:1;transform:translateX(0);}\n.rank-row:hover{background:var(--paper2);}\n.rk-pos{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;width:42px;text-align:center;flex-shrink:0;color:var(--paper3);}\n.r1 .rk-pos{color:var(--gold);}\n.r2 .rk-pos{color:var(--muted);}\n.r3 .rk-pos{color:#a97c50;}\n.rk-ico{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}\n.rk-info{flex:1;}\n.rk-name{font-size:.9rem;font-weight:600;}\n.rk-sec{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px;}\n.rk-bar-wrap{width:200px;flex-shrink:0;}\n.rk-bar-bg{height:5px;background:var(--paper3);border-radius:3px;overflow:hidden;}\n.rk-bar{height:100%;background:var(--green2);border-radius:3px;width:0;transition:width 1.2s ease;}\n.rk-score{font-size:.6rem;letter-spacing:.08em;color:var(--muted);margin-top:5px;text-align:right;}\n\n/* TIMELINE */\n.tl{max-width:820px;margin:0 auto;position:relative;padding-left:40px;}\n.tl::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--green2),var(--paper3));}\n.tl-item{position:relative;margin-bottom:44px;opacity:0;transform:translateX(-16px);transition:opacity .5s,transform .5s;}\n.tl-item.vis{opacity:1;transform:translateX(0);}\n.tl-dot{position:absolute;left:-35px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--green2);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--green2);}\n.tl-year{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--green2);font-weight:600;margin-bottom:5px;}\n.tl-item h3{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:7px;}\n.tl-item p{font-size:.85rem;line-height:1.75;color:var(--muted);}\n\n/* FOOTER */\nfooter{background:var(--ink);border-top:3px solid var(--green2);padding:60px 48px 36px;}\n.f-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07);}\n.f-brand{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px;margin-bottom:12px;}\n.f-brand em{font-style:normal;color:var(--green3);}\n.f-desc{font-size:.8rem;line-height:1.75;color:rgba(255,255,255,.38);font-style:italic;}\n.f-col-ttl{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;font-weight:600;}\n.f-links{list-style:none;display:flex;flex-direction:column;gap:8px;}\n.f-links li a{font-size:.82rem;color:rgba(255,255,255,.45);transition:color .2s;}\n.f-links li a:hover{color:var(--green3);}\n.f-bot{max-width:1200px;margin:24px auto 0;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);}\n\n@media(max-width:1024px){\n .grid{grid-template-columns:1fr 1fr;}\n .card--span2{grid-column:span 2;flex-direction:column;}\n .card--span3{grid-column:span 2;}\n .viz-grid{grid-template-columns:1fr 1fr;}\n .f-inner{grid-template-columns:1fr 1fr;}\n}\n@media(max-width:768px){\n #topbar{padding:0 16px;}\n .tb-nav,.tb-date{display:none;}\n .hero-body,.intro-wrap,.sw,footer{padding-left:20px;padding-right:20px;}\n .grid{grid-template-columns:1fr;}\n .card--span2,.card--span3{grid-column:span 1;flex-direction:column;}\n .viz-grid{grid-template-columns:1fr 1fr;}\n .hero-stats{flex-wrap:wrap;}\n .hs{border-right:none;margin-right:0;padding-right:0;flex-basis:45%;}\n .rk-bar-wrap{display:none;}\n .f-inner{grid-template-columns:1fr;}\n .f-bot{flex-direction:column;gap:8px;text-align:center;}\n}\n.right-rail__main, .right-rail__footer, #embedded-messaging{display:none}}\n</style>\n<div>\n\n<div id=\"prog\"></div>\n\n<!-- TOPBAR -->\n<nav id=\"topbar\">\n <div class=\"tb-brand\" onclick=\"go('home')\">\n <div class=\"tb-logo\">El <em>Cronista</em></div>\n <div class=\"tb-pipe\"></div>\n <div class=\"tb-tag\">Especial Sostenibilidad 2026</div>\n </div>\n <ul class=\"tb-nav\">\n <li><a id=\"n-home\" class=\"on\" onclick=\"go('home')\">Inicio</a></li>\n <li><a id=\"n-manufactura\" onclick=\"go('manufactura')\">Manufactura</a></li>\n <li><a id=\"n-consumo\" onclick=\"go('consumo')\">Consumo & Circular</a></li>\n <li><a id=\"n-finanzas\" onclick=\"go('finanzas')\">Finanzas</a></li>\n <li><a id=\"n-agua\" onclick=\"go('agua')\">Agua & Clima</a></li>\n <li><a id=\"n-ranking\" onclick=\"go('ranking')\">Ranking ESG</a></li>\n </ul>\n <div class=\"tb-date\"><div class=\"tb-dot\"></div>Edición especial · Abril 2026</div>\n</nav>\n\n<!-- ══════════════════════════════\n HOME\n══════════════════════════════ -->\n<div id=\"p-home\" class=\"page active\">\n\n <section class=\"hero\">\n <div class=\"hero-pat\"></div>\n <div class=\"glow g1\"></div><div class=\"glow g2\"></div>\n <div class=\"hero-body\">\n <div class=\"hero-eye\"><div class=\"eye-dot\"></div>Especial inversión & sostenibilidad · México 2026</div>\n <h1 class=\"hero-hed\">El nuevo tablero<br>donde México<br>se juega la<br><em>inversión global</em></h1>\n <p class=\"hero-deck\">De la descarbonización en Jalisco al blindaje financiero del campo, las grandes corporaciones en México trascienden el discurso \"verde\" para integrar los criterios ASG como motor de rentabilidad y resiliencia.</p>\n <div class=\"hero-stats\">\n <div class=\"hs\"><span class=\"hs-n\">39</span><span class=\"hs-l\">Países donde Bimbo opera con estándares de sostenibilidad</span></div>\n <div class=\"hs\"><span class=\"hs-n\">83%</span><span class=\"hs-l\">Electricidad renovable de Grupo Modelo en 2025</span></div>\n <div class=\"hs\"><span class=\"hs-n\">$1.6 B</span><span class=\"hs-l\">MXN portafolio Afore XXI evaluado bajo criterios ASG</span></div>\n <div class=\"hs\"><span class=\"hs-n\">48,500M</span><span class=\"hs-l\">Litros de agua tratada y reutilizada por Rotoplas</span></div>\n </div>\n </div>\n <div class=\"hero-scroll\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M7 2v10M2 8l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>Explorar</div>\n </section>\n\n <div class=\"intro-wrap\">\n <div class=\"intro-box\">\n <div class=\"intro-kick\">Presentación editorial</div>\n <p class=\"intro-txt\">En 2026, la sostenibilidad en México ha dejado de ser una casilla de verificación en los informes anuales para convertirse en el <strong>núcleo de la estrategia de negocio</strong>. En un entorno marcado por la renegociación del T-MEC y el auge del nearshoring, la capacidad de una empresa para gestionar sus recursos hídricos, descarbonizar su cadena de suministro y emitir deuda etiquetada determina su <strong>acceso a mercados de capital y viabilidad operativa</strong>. Este especial analiza los hitos de las industrias que están liderando el cambio de paradigma en el país.</p>\n </div>\n </div>\n\n <!-- CIFRAS -->\n <div class=\"sw sw--p\">\n <div class=\"s-head\"><span class=\"s-num\">El especial en números</span><h2 class=\"s-ttl\">2026: el año que cambió el tablero</h2></div>\n <div class=\"viz-grid\">\n <div class=\"viz-card\"><span class=\"viz-n viz-n--gn\">98%</span><span class=\"viz-l\">Portafolio Bimbo con nutrición positiva en panes y bollería</span><p class=\"viz-desc\">En 2025, la panificadora más grande del mundo reportó que el 98% de sus productos principales cumplen estándares de nutrición positiva y el 48% proviene de alimentos con 3.5+ estrellas HSR.</p></div>\n <div class=\"viz-card\"><span class=\"viz-n viz-n--gd\">$2,940M</span><span class=\"viz-l\">MXN en bono verde FIRA para el campo mexicano</span><p class=\"viz-desc\">La emisión registró una sobredemanda de 1.75 veces el monto objetivo y obtuvo calificación HR AAA y mx AAA de S&P Global Ratings.</p></div>\n <div class=\"viz-card\"><span class=\"viz-n viz-n--gn\">70%</span><span class=\"viz-l\">Avance de FEMSA en su plan de sostenibilidad hacia 2030</span><p class=\"viz-desc\">La controladora de OXXO destinó 791 millones de pesos a iniciativas ASG y desvió el 80.6% de sus residuos operativos de rellenos sanitarios.</p></div>\n <div class=\"viz-card\"><span class=\"viz-n viz-n--rd\">–25%</span><span class=\"viz-l\">Reducción de emisiones totales de Grupo Modelo desde 2017</span><p class=\"viz-desc\">La cervecera apunta a Net Zero en 2040, eliminando el 95% de sus emisiones en los tres alcances y compensando el resto para alcanzar la neutralidad.</p></div>\n </div>\n </div>\n\n <!-- PULL QUOTE -->\n <div class=\"pq-wrap\"><div class=\"pq-inn\"><div class=\"pq-mk\">\"</div><p class=\"pq-txt\">México no solo está adoptando la sostenibilidad; la está reinventando para que haga sentido de negocio. La sostenibilidad tiene que hacer sentido de negocio.</p><div class=\"pq-src\">Abraham Garza · Gerente de Sostenibilidad · <span>FEMSA</span></div></div></div>\n\n <!-- TODOS LOS ARTÍCULOS -->\n <div class=\"sw sw--p2\">\n <div class=\"s-head\"><span class=\"s-num\">10 historias</span><h2 class=\"s-ttl\">Las empresas que transforman México</h2></div>\n <div class=\"grid\">\n\n <!-- PMI — FEATURED -->\n <div class=\"card card--span2\">\n <div>\n <div class=\"card-ico\" style=\"background:#fff3e0;\">🏭</div>\n <span class=\"card-tag\">Manufactura · Jalisco</span>\n <h3 class=\"card-hed\">De Zapopan al mundo: La oportunidad de PMI para convertir su planta en hub tecnológico 'sin humo'</h3>\n <p class=\"card-bod\">La planta de Philip Morris en Zapopan cuenta con certificación de carbono neutralidad y se perfila como el centro lógico para una transformación hacia un futuro \"sin humo\" en México. El directivo apuesta por convertir a Jalisco en un hub tecnológico de exportación de innovación.</p>\n <div class=\"cq\"><p>\"Yo apuesto que en el futuro la fábrica de Jalisco va a producir productos agregados de nueva generación y no cigarrillos.\"</p><cite>Marco Hannappel · Director de PMI para América Latina y Canadá · Technovation 2026, Washington D.C.</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:16px;\">\n <div style=\"background:var(--paper3);padding:22px;border-left:3px solid var(--green2);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--green2);display:block;line-height:1;\">✓ Carbono Neutral</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;\">Certificación lograda en la planta Zapopan</span>\n </div>\n <div style=\"background:var(--paper3);padding:22px;border-left:3px solid var(--gold);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--gold);display:block;line-height:1;\">Hub Export</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;\">Objetivo: exportar innovación sin humo desde Jalisco</span>\n </div>\n <p style=\"font-size:.82rem;line-height:1.75;color:var(--muted);padding:18px;background:var(--paper3);\">La infraestructura de manufactura representa la oportunidad de liderar la exportación siempre que el entorno regulatorio se alinee con la velocidad de la transformación industrial.</p>\n </div>\n </div>\n\n <!-- NESTLÉ -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#e8f5e9;\">♻️</div>\n <span class=\"card-tag\">Economía circular · Chiapas</span>\n <h3 class=\"card-hed\">Del residuo al recurso: Nestlé transforma comunidades hacia el 'zero waste'</h3>\n <p class=\"card-bod\">Nestlé actúa en estados prioritarios: Edomex, Veracruz, Chiapas, Jalisco y Puebla. Actualmente están limpiando el Cañón del Sumidero, ecosistema protegido afectado por fallas en la cadena de recolección local de residuos.</p>\n <div class=\"cq\"><p>\"El Cañón del Sumidero, que es un parque nacional protegido, tiene una 'isla' de basura porque la gente no tiene otro lugar donde poner sus residuos.\"</p><cite>Carlos Becerra · Nestlé México</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- MODELO -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#e3f2fd;\">🍺</div>\n <span class=\"card-tag\">Energía renovable · Net Zero 2040</span>\n <h3 class=\"card-hed\">De 0 a 83%: El salto en energía renovable que marca la estrategia net zero de Grupo Modelo</h3>\n <p class=\"card-bod\">Tras reducir un 25% de sus emisiones totales desde 2017 y alcanzar un 83% de electricidad renovable, la dueña de Corona y Victoria apuesta por la transformación de su cadena de valor y la preservación de acuíferos nacionales.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">83%</span><span class=\"kpi-l\">Electricidad renovable</span></div><div><span class=\"kpi-n\">2040</span><span class=\"kpi-l\">Meta Net Zero</span></div><div><span class=\"kpi-n\">–25%</span><span class=\"kpi-l\">Emisiones vs. 2017</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- BIMBO -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#fff8e1;\">🍞</div>\n <span class=\"card-tag\">Operaciones globales · 39 países</span>\n <h3 class=\"card-hed\">La sostenibilidad impulsa la estrategia empresarial global de Grupo Bimbo</h3>\n <p class=\"card-bod\">Con 8,065 vehículos sustentables (4,546 eléctricos) y 99% de empaques reciclables, Bimbo demuestra que la sostenibilidad es un ejercicio de rigor operativo y trazabilidad a escala global en 39 países.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">8,065</span><span class=\"kpi-l\">Vehículos sustentables</span></div><div><span class=\"kpi-n\">99%</span><span class=\"kpi-l\">Empaques reciclables</span></div><div><span class=\"kpi-n\">98%</span><span class=\"kpi-l\">Nutrición positiva</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- BANORTE -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#fce4ec;\">🏦</div>\n <span class=\"card-tag\">Finanzas verdes · Diseño local</span>\n <h3 class=\"card-hed\">Sostenibilidad a la mexicana: Cómo Banorte transforma el crédito verde sin seguir recetas del extranjero</h3>\n <p class=\"card-bod\">A diferencia de bancos que operan como subsidiarias extranjeras, Banorte diseña su estrategia ASG íntegramente desde México, adaptada al mercado local sin replicar modelos de otras regiones.</p>\n <div class=\"cq\"><p>\"Nuestra estrategia no está dictada por la casa matriz; diseñamos una estrategia de sustentabilidad adaptada a México y al tipo de clientes que tenemos.\"</p><cite>José Luis Muñoz Domínguez · Dir. Ejecutivo de Sustentabilidad, Banorte</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- FIRA -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#e8f5e9;\">🌾</div>\n <span class=\"card-tag\">Bono verde · Sector agropecuario</span>\n <h3 class=\"card-hed\">Blindaje financiero al campo: El bono verde de FIRA para frenar el impacto climático</h3>\n <p class=\"card-bod\">FIRA colocó certificados bursátiles por MXN$ 7,017 millones, incluyendo un bono verde de MXN$ 2,940 millones para financiar la resiliencia del campo mexicano frente al cambio climático.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">$2,940M</span><span class=\"kpi-l\">MXN bono verde</span></div><div><span class=\"kpi-n\">1.75x</span><span class=\"kpi-l\">Sobredemanda</span></div><div><span class=\"kpi-n\">AAA</span><span class=\"kpi-l\">Calif. S&P y HR</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- AFORE -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#ede7f6;\">📊</div>\n <span class=\"card-tag\">Pensiones · Riesgo ASG</span>\n <h3 class=\"card-hed\">Inversiones 'sucias': El riesgo invisible que amenaza los fondos de retiro</h3>\n <p class=\"card-bod\">Afore XXI Banorte evalúa MXN$ 1.6 billones bajo criterios ASG. Invertir en proyectos contaminantes puede erosionar rendimientos por conflictos comunitarios, fallas regulatorias o malas prácticas de gobernanza.</p>\n <div class=\"cq\"><p>\"Si te metes en proyectos sucios o disruptivos comunitariamente, lo más probable es que esos proyectos no te den los rendimientos que están ofreciendo.\"</p><cite>David Razú Aznar · Director General, Afore XXI Banorte</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- OCESA -->\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#f3e5f5;\">🎵</div>\n <span class=\"card-tag\">Entretenimiento · Huella ambiental</span>\n <h3 class=\"card-hed\">¿Cuánta basura genera un festival? OCESA mide su huella con el Vive Latino</h3>\n <p class=\"card-bod\">OCESA planea medir la huella de carbono del Vive Latino a partir de 2026, recopilando datos de producción, artistas, logística y movilidad de asistentes como parte de sus compromisos ESG tras integrarse a Live Nation Entertainment.</p>\n <div class=\"cq\"><p>\"Estamos empezando a medir justo con los festivales; están trabajando ahorita porque lo estamos generando, entonces recopilan todo.\"</p><cite>Armando Calvillo · Director de Marketing, OCESA</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n\n <!-- PLACEHOLDER VISUAL — AGUA INDUSTRIAL -->\n <div class=\"card\" style=\"padding:0;overflow:hidden;min-height:320px;position:relative;background:var(--ink);\">\n <svg viewBox=\"0 0 400 520\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;position:absolute;inset:0;\">\n <defs>\n <linearGradient id=\"skyGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0a1f14\"/>\n <stop offset=\"100%\" stop-color=\"#0f2d1e\"/>\n </linearGradient>\n <linearGradient id=\"waterGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#1a4d6e\"/>\n <stop offset=\"100%\" stop-color=\"#0d2d40\"/>\n </linearGradient>\n <linearGradient id=\"towerGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1e3a2a\"/>\n <stop offset=\"100%\" stop-color=\"#2d5c3e\"/>\n </linearGradient>\n <radialGradient id=\"glowGrad\" cx=\"50%\" cy=\"40%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#2d8a52\" stop-opacity=\"0.18\"/>\n <stop offset=\"100%\" stop-color=\"#0a1f14\" stop-opacity=\"0\"/>\n </radialGradient>\n <filter id=\"blur2\">\n <feGaussianBlur stdDeviation=\"2\"/>\n </filter>\n <filter id=\"blur6\">\n <feGaussianBlur stdDeviation=\"6\"/>\n </filter>\n <!-- Ripple clip -->\n <clipPath id=\"waterClip\">\n <rect x=\"0\" y=\"360\" width=\"400\" height=\"160\"/>\n </clipPath>\n </defs>\n\n <!-- Fondo cielo -->\n <rect width=\"400\" height=\"520\" fill=\"url(#skyGrad)\"/>\n <rect width=\"400\" height=\"520\" fill=\"url(#glowGrad)\"/>\n\n <!-- Estrellas / puntos de luz -->\n <circle cx=\"40\" cy=\"30\" r=\"1\" fill=\"white\" opacity=\"0.3\"/>\n <circle cx=\"120\" cy=\"18\" r=\"1.2\" fill=\"white\" opacity=\"0.25\"/>\n <circle cx=\"200\" cy=\"40\" r=\"0.8\" fill=\"white\" opacity=\"0.2\"/>\n <circle cx=\"310\" cy=\"22\" r=\"1\" fill=\"white\" opacity=\"0.3\"/>\n <circle cx=\"370\" cy=\"55\" r=\"0.8\" fill=\"white\" opacity=\"0.2\"/>\n <circle cx=\"75\" cy=\"70\" r=\"0.6\" fill=\"white\" opacity=\"0.15\"/>\n <circle cx=\"340\" cy=\"80\" r=\"1\" fill=\"white\" opacity=\"0.2\"/>\n\n <!-- Niebla / vapor de fondo -->\n <ellipse cx=\"200\" cy=\"200\" rx=\"180\" ry=\"60\" fill=\"#2d8a52\" opacity=\"0.04\" filter=\"url(#blur6)\"/>\n <ellipse cx=\"120\" cy=\"160\" rx=\"80\" ry=\"30\" fill=\"#74c69d\" opacity=\"0.05\" filter=\"url(#blur6)\"/>\n\n <!-- TUBERÍAS horizontales fondo -->\n <rect x=\"0\" y=\"290\" width=\"160\" height=\"8\" rx=\"4\" fill=\"#1e3a2a\"/>\n <rect x=\"0\" y=\"290\" width=\"160\" height=\"8\" rx=\"4\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <rect x=\"240\" y=\"290\" width=\"160\" height=\"8\" rx=\"4\" fill=\"#1e3a2a\"/>\n <rect x=\"240\" y=\"290\" width=\"160\" height=\"8\" rx=\"4\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n\n <!-- TORRE PRINCIPAL izquierda -->\n <rect x=\"30\" y=\"120\" width=\"70\" height=\"180\" rx=\"2\" fill=\"url(#towerGrad)\"/>\n <rect x=\"30\" y=\"120\" width=\"70\" height=\"180\" rx=\"2\" fill=\"none\" stroke=\"#3a6e4a\" stroke-width=\"1\"/>\n <!-- Ventanas torre izq -->\n <rect x=\"42\" y=\"138\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"64\" y=\"138\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"42\" y=\"158\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.15\"/>\n <rect x=\"64\" y=\"158\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.15\"/>\n <rect x=\"42\" y=\"178\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"64\" y=\"178\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"42\" y=\"198\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.2\"/>\n <rect x=\"64\" y=\"198\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <!-- Indicador luz torre izq -->\n <circle cx=\"95\" cy=\"128\" r=\"4\" fill=\"#2d8a52\"/>\n <circle cx=\"95\" cy=\"128\" r=\"7\" fill=\"#2d8a52\" opacity=\"0.2\" filter=\"url(#blur2)\"/>\n\n <!-- TORRE PRINCIPAL derecha -->\n <rect x=\"300\" y=\"100\" width=\"70\" height=\"200\" rx=\"2\" fill=\"url(#towerGrad)\"/>\n <rect x=\"300\" y=\"100\" width=\"70\" height=\"200\" rx=\"2\" fill=\"none\" stroke=\"#3a6e4a\" stroke-width=\"1\"/>\n <!-- Ventanas torre der -->\n <rect x=\"312\" y=\"118\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.2\"/>\n <rect x=\"334\" y=\"118\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"312\" y=\"138\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"334\" y=\"138\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.15\"/>\n <rect x=\"312\" y=\"158\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"334\" y=\"158\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <rect x=\"312\" y=\"178\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#74c69d\" opacity=\"0.2\"/>\n <rect x=\"334\" y=\"178\" width=\"14\" height=\"10\" rx=\"1\" fill=\"#0d2d40\" opacity=\"0.8\"/>\n <!-- Indicador luz torre der -->\n <circle cx=\"305\" cy=\"108\" r=\"4\" fill=\"#b8861b\"/>\n <circle cx=\"305\" cy=\"108\" r=\"7\" fill=\"#b8861b\" opacity=\"0.2\" filter=\"url(#blur2)\"/>\n\n <!-- TANQUE CILÍNDRICO central grande -->\n <ellipse cx=\"200\" cy=\"148\" rx=\"52\" ry=\"14\" fill=\"#162e20\"/>\n <rect x=\"148\" y=\"148\" width=\"104\" height=\"120\" fill=\"#1a3826\"/>\n <rect x=\"148\" y=\"148\" width=\"104\" height=\"120\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.5\"/>\n <ellipse cx=\"200\" cy=\"268\" rx=\"52\" ry=\"14\" fill=\"#1e4030\"/>\n <ellipse cx=\"200\" cy=\"148\" rx=\"52\" ry=\"14\" fill=\"#223d2c\"/>\n <!-- Líneas del tanque -->\n <line x1=\"148\" y1=\"188\" x2=\"252\" y2=\"188\" stroke=\"#2d5c3e\" stroke-width=\"0.8\" opacity=\"0.6\"/>\n <line x1=\"148\" y1=\"218\" x2=\"252\" y2=\"218\" stroke=\"#2d5c3e\" stroke-width=\"0.8\" opacity=\"0.6\"/>\n <line x1=\"148\" y1=\"248\" x2=\"252\" y2=\"248\" stroke=\"#2d5c3e\" stroke-width=\"0.8\" opacity=\"0.6\"/>\n <!-- Nivel de agua en el tanque -->\n <rect x=\"150\" y=\"230\" width=\"100\" height=\"36\" fill=\"#1a4d6e\" opacity=\"0.4\"/>\n <ellipse cx=\"200\" cy=\"230\" rx=\"50\" ry=\"8\" fill=\"#1a6080\" opacity=\"0.5\"/>\n <!-- Indicador nivel -->\n <rect x=\"254\" y=\"168\" width=\"6\" height=\"90\" rx=\"3\" fill=\"#162e20\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <rect x=\"255\" y=\"228\" width=\"4\" height=\"30\" rx=\"2\" fill=\"#2d8a52\"/>\n <circle cx=\"257\" cy=\"228\" r=\"4\" fill=\"#74c69d\"/>\n <circle cx=\"257\" cy=\"228\" r=\"7\" fill=\"#74c69d\" opacity=\"0.15\" filter=\"url(#blur2)\"/>\n\n <!-- TUBERÍA vertical central bajando del tanque -->\n <rect x=\"190\" y=\"268\" width=\"20\" height=\"40\" fill=\"#1e3a2a\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <!-- Válvula -->\n <rect x=\"184\" y=\"296\" width=\"32\" height=\"10\" rx=\"3\" fill=\"#2d5c3e\"/>\n <circle cx=\"200\" cy=\"301\" r=\"5\" fill=\"#1e3a2a\" stroke=\"#3a6e4a\" stroke-width=\"1.5\"/>\n\n <!-- TUBERÍAS conectoras -->\n <path d=\"M100 294 Q100 308 110 308 L148 308 Q162 308 162 294\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"7\" stroke-linecap=\"round\"/>\n <path d=\"M100 294 Q100 308 110 308 L148 308 Q162 308 162 294\" fill=\"none\" stroke=\"#1e3a2a\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n <path d=\"M238 294 Q238 308 252 308 L290 308 Q300 308 300 294\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"7\" stroke-linecap=\"round\"/>\n <path d=\"M238 294 Q238 308 252 308 L290 308 Q300 308 300 294\" fill=\"none\" stroke=\"#1e3a2a\" stroke-width=\"5\" stroke-linecap=\"round\"/>\n\n <!-- CHIMENEAS / VAPOR -->\n <rect x=\"55\" y=\"90\" width=\"12\" height=\"32\" rx=\"2\" fill=\"#253d2e\"/>\n <rect x=\"74\" y=\"100\" width=\"10\" height=\"22\" rx=\"2\" fill=\"#253d2e\"/>\n <!-- Vapor animado chimeneas -->\n <ellipse cx=\"61\" cy=\"82\" rx=\"7\" ry=\"12\" fill=\"white\" opacity=\"0.04\" filter=\"url(#blur6)\"/>\n <ellipse cx=\"79\" cy=\"92\" rx=\"5\" ry=\"9\" fill=\"white\" opacity=\"0.03\" filter=\"url(#blur6)\"/>\n <ellipse cx=\"61\" cy=\"68\" rx=\"10\" ry=\"16\" fill=\"white\" opacity=\"0.02\" filter=\"url(#blur6)\"/>\n\n <rect x=\"320\" y=\"70\" width=\"12\" height=\"32\" rx=\"2\" fill=\"#253d2e\"/>\n <rect x=\"338\" y=\"80\" width=\"10\" height=\"22\" rx=\"2\" fill=\"#253d2e\"/>\n <ellipse cx=\"326\" cy=\"62\" rx=\"7\" ry=\"12\" fill=\"white\" opacity=\"0.04\" filter=\"url(#blur6)\"/>\n <ellipse cx=\"343\" cy=\"72\" rx=\"5\" ry=\"9\" fill=\"white\" opacity=\"0.03\" filter=\"url(#blur6)\"/>\n\n <!-- AGUA / LAGUNA inferior -->\n <rect x=\"0\" y=\"360\" width=\"400\" height=\"160\" fill=\"url(#waterGrad)\"/>\n <!-- Ondas de agua -->\n <path d=\"M0 375 Q50 368 100 375 Q150 382 200 375 Q250 368 300 375 Q350 382 400 375\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"1.5\" opacity=\"0.6\"/>\n <path d=\"M0 390 Q60 383 120 390 Q180 397 240 390 Q300 383 360 390 Q380 392 400 390\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"1\" opacity=\"0.4\"/>\n <path d=\"M0 408 Q40 401 80 408 Q160 415 240 408 Q320 401 400 408\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"1\" opacity=\"0.3\"/>\n <!-- Reflejo torre en agua -->\n <rect x=\"155\" y=\"370\" width=\"90\" height=\"60\" fill=\"#1a3826\" opacity=\"0.25\" filter=\"url(#blur2)\"/>\n <ellipse cx=\"200\" cy=\"370\" rx=\"45\" ry=\"8\" fill=\"#1a4d6e\" opacity=\"0.3\"/>\n <!-- Reflejo luz en agua -->\n <ellipse cx=\"257\" cy=\"378\" rx=\"15\" ry=\"4\" fill=\"#74c69d\" opacity=\"0.12\" filter=\"url(#blur2)\"/>\n\n <!-- Plataforma / piso -->\n <rect x=\"0\" y=\"335\" width=\"400\" height=\"28\" fill=\"#122019\"/>\n <rect x=\"0\" y=\"335\" width=\"400\" height=\"2\" fill=\"#2d5c3e\" opacity=\"0.5\"/>\n <!-- Detalles plataforma -->\n <line x1=\"0\" y1=\"348\" x2=\"400\" y2=\"348\" stroke=\"#1e3a2a\" stroke-width=\"1\" stroke-dasharray=\"8,8\"/>\n\n <!-- PANEL DE CONTROL -->\n <rect x=\"168\" y=\"310\" width=\"64\" height=\"28\" rx=\"2\" fill=\"#0f1e15\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <circle cx=\"180\" cy=\"324\" r=\"4\" fill=\"#2d8a52\"/>\n <circle cx=\"180\" cy=\"324\" r=\"6\" fill=\"#2d8a52\" opacity=\"0.2\"/>\n <rect x=\"188\" y=\"318\" width=\"20\" height=\"5\" rx=\"1\" fill=\"#1a4d6e\"/>\n <rect x=\"188\" y=\"325\" width=\"14\" height=\"4\" rx=\"1\" fill=\"#2d5c3e\"/>\n <circle cx=\"218\" cy=\"324\" r=\"4\" fill=\"#b8861b\" opacity=\"0.8\"/>\n\n <!-- TEXTO OVERLAY -->\n <rect x=\"0\" y=\"440\" width=\"400\" height=\"80\" fill=\"url(#skyGrad)\" opacity=\"0.92\"/>\n <text x=\"20\" y=\"464\" font-family=\"'Instrument Sans', sans-serif\" font-size=\"9\" fill=\"#74c69d\" letter-spacing=\"2\" font-weight=\"600\" text-transform=\"uppercase\">GESTIÓN INDUSTRIAL DEL AGUA</text>\n <text x=\"20\" y=\"482\" font-family=\"'Playfair Display', serif\" font-size=\"13\" fill=\"white\" font-style=\"italic\">Tratamiento y reutilización en planta</text>\n <text x=\"20\" y=\"500\" font-family=\"'Instrument Sans', sans-serif\" font-size=\"8.5\" fill=\"rgba(255,255,255,0.35)\" letter-spacing=\"1\">Imagen referencial · Especial Sostenibilidad 2026</text>\n\n <!-- Borde verde sutil -->\n <rect x=\"1\" y=\"1\" width=\"398\" height=\"518\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1\" opacity=\"0.3\"/>\n </svg>\n </div>\n\n <!-- FEMSA -->\n <div class=\"card card--span2\" style=\"align-items:stretch;\">\n <div style=\"flex:1;\">\n <div class=\"card-ico\" style=\"background:#fff3e0;\">🏪</div>\n <span class=\"card-tag\">Retail · Plan verde 2030</span>\n <h3 class=\"card-hed\">FEMSA revela su plan verde: cómo impacta en costos, inversión y crecimiento</h3>\n <p class=\"card-bod\">La controladora de OXXO avanza al 70% en su plan 2030. Metas: 85% de electricidad renovable, cero residuos a rellenos, balance hídrico neutro y beneficiar a 20 millones de personas. Ya invirtió $791M MXN en iniciativas ASG.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">65.2%</span><span class=\"kpi-l\">Energía renovable actual</span></div><div><span class=\"kpi-n\">80.6%</span><span class=\"kpi-l\">Residuos desviados de rellenos</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <!-- GRÁFICO PLAN 2030 -->\n <div style=\"flex:1;background:var(--ink2);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px;\">\n <div style=\"font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:4px;\">Plan Verde 2030 — Avance</div>\n\n <!-- Progreso general -->\n <div>\n <div style=\"display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;\">\n <span style=\"font-size:.75rem;color:rgba(255,255,255,.6);\">Progreso general</span>\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:var(--green3);line-height:1;\">70%</span>\n </div>\n <div style=\"height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;\">\n <div style=\"height:100%;width:70%;background:linear-gradient(90deg,var(--green),var(--green3));border-radius:4px;transition:width 1.2s ease;\" class=\"femsa-bar\"></div>\n </div>\n </div>\n\n <!-- Energía renovable -->\n <div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.5);\">⚡ Energía renovable</span>\n <span style=\"font-size:.72rem;color:var(--gold);font-weight:600;\">65.2% → meta 85%</span>\n </div>\n <div style=\"height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;\">\n <div style=\"height:100%;width:85%;background:rgba(255,255,255,.1);border-radius:3px;\"></div>\n <div style=\"height:100%;width:65.2%;background:var(--gold);border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .1s;\" class=\"femsa-bar\"></div>\n </div>\n </div>\n\n <!-- Residuos -->\n <div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.5);\">♻️ Residuos desviados</span>\n <span style=\"font-size:.72rem;color:var(--green3);font-weight:600;\">80.6% → meta 100%</span>\n </div>\n <div style=\"height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;\">\n <div style=\"height:100%;width:100%;background:rgba(255,255,255,.1);border-radius:3px;\"></div>\n <div style=\"height:100%;width:80.6%;background:var(--green2);border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .2s;\" class=\"femsa-bar\"></div>\n </div>\n </div>\n\n <!-- Balance hídrico -->\n <div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.5);\">💧 Balance hídrico neutro</span>\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.35);font-weight:600;\">En proceso</span>\n </div>\n <div style=\"height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;\">\n <div style=\"height:100%;width:55%;background:#4a9eff;border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .3s;\" class=\"femsa-bar\"></div>\n </div>\n </div>\n\n <!-- Impacto social -->\n <div>\n <div style=\"display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;\">\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.5);\">🤝 Impacto social</span>\n <span style=\"font-size:.72rem;color:rgba(255,255,255,.35);font-weight:600;\">20M personas → meta 2030</span>\n </div>\n <div style=\"height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;\">\n <div style=\"height:100%;width:62%;background:#e8b84b;border-radius:3px;position:absolute;top:0;left:0;transition:width 1.2s ease .4s;\" class=\"femsa-bar\"></div>\n </div>\n </div>\n\n <div style=\"margin-top:4px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:rgba(255,255,255,.25);font-style:italic;\">Fuente: Informe Anual Integrado FEMSA 2025</div>\n </div>\n </div>\n\n <!-- ROTOPLAS — WIDE -->\n <div class=\"card card--span3\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;align-items:start;\">\n <div style=\"grid-column:span 2;\">\n <div class=\"card-ico\" style=\"background:#e1f5fe;\">💧</div>\n <span class=\"card-tag\">Agua · KPI estratégico · Water-Carbon Nexus</span>\n <h3 class=\"card-hed\" style=\"font-size:1.5rem;\">Rotoplas consolida el agua como KPI estratégico: De la meta ESG a la rentabilidad financiera</h3>\n <p class=\"card-bod\">Para muchas empresas en México, el agua ya no es un tema ambiental: es lo que determina si pueden operar o no. Rotoplas ha tratado y reutilizado 48,500 millones de litros al Q1 2026. Sus Bonos Vinculados a la Sostenibilidad vinculan el desempeño ambiental con los costos financieros bajo evaluación de S&P Global Ratings.</p>\n <div class=\"cq\"><p>\"El agua dejó de ser solo un tema ambiental; hoy es un factor que define la sostenibilidad económica y social de largo plazo.\"</p><cite>Andrea Muhech · Directora de Asuntos Públicos, Grupo Rotoplas · Women in Carbon 2026</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:14px;\">\n <div style=\"background:var(--paper3);padding:22px;border-left:3px solid var(--green2);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--green2);display:block;line-height:1;\">48,500M</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;\">Litros tratados y reutilizados · Q1 2026</span>\n </div>\n <div style=\"background:var(--paper3);padding:22px;border-left:3px solid var(--gold);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--gold);display:block;line-height:1;\">SLB 2025</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;\">Bonos Vinculados a Sostenibilidad · Calificados por S&P Global</span>\n </div>\n <div style=\"background:var(--ink2);padding:22px;\">\n <span style=\"font-size:.75rem;font-weight:600;color:var(--green3);display:block;margin-bottom:8px;\">Water-Carbon Nexus</span>\n <span style=\"font-size:.8rem;line-height:1.65;color:rgba(255,255,255,.5);display:block;\">Es imposible alcanzar metas de descarbonización sin gestionar eficientemente el agua. Ambas variables deben coordinarse entre gobiernos, sector privado e inversionistas.</span>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <!-- TIMELINE -->\n <div class=\"sw sw--cr\">\n <div class=\"s-head\"><span class=\"s-num\">Agenda 2026–2050</span><h2 class=\"s-ttl\">Los compromisos que marcan el futuro</h2></div>\n <div class=\"tl\">\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2025 — Grupo Bimbo</div><h3>99% empaques reciclables · 4,546 vehículos eléctricos</h3><p>La panificadora cierra 2025 con un 98% del portafolio bajo nutrición positiva y la flota eléctrica más grande de América Latina. Meta inmediata: 100% empaques reciclables.</p></div>\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2025 — Rotoplas</div><h3>Emisión de Bonos Vinculados a Sostenibilidad (SLB)</h3><p>Rotoplas emite deuda etiquetada evaluada por S&P Global Ratings, comprometiendo KPIs ambientales bajo riesgo de ajuste en tasas de interés si no se cumplen los indicadores.</p></div>\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2026 — OCESA</div><h3>Primera medición de huella de carbono del Vive Latino</h3><p>La promotora de espectáculos más grande de México cuantificará por primera vez las emisiones de su festival emblema, incluyendo producción, logística y movilidad de asistentes.</p></div>\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2030 — FEMSA</div><h3>85% electricidad renovable · Balance hídrico neutro</h3><p>La controladora de OXXO busca beneficiar a 20 millones de personas, elevar al 90% las compras a proveedores locales y eliminar por completo el envío de residuos a rellenos sanitarios.</p></div>\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2040 — Grupo Modelo</div><h3>Net Zero: eliminar el 95% de emisiones en los tres alcances</h3><p>La dueña de Corona y Victoria apunta a la neutralidad de carbono con compensación total, preservando los acuíferos nacionales como eje central de su estrategia hídrica.</p></div>\n <div class=\"tl-item\"><div class=\"tl-dot\"></div><div class=\"tl-year\">2050 — Grupo Bimbo</div><h3>Cero emisiones netas en 39 países</h3><p>La meta de largo plazo incluye el 100% de ingredientes clave provenientes de agricultura regenerativa y operaciones con energía 100% renovable a escala global.</p></div>\n </div>\n </div>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"f-inner\">\n <div>\n <div class=\"f-brand\">El <em>Cronista</em></div>\n <p class=\"f-desc\">Especial de Sostenibilidad 2026. Periodismo de negocios sobre los hitos ambientales, sociales y de gobernanza de las grandes corporaciones en México. Todas las cifras provienen de informes corporativos, declaraciones en entrevista y fuentes oficiales.</p>\n </div>\n <div>\n <div class=\"f-col-ttl\">Artículos del especial</div>\n <ul class=\"f-links\">\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/\" target=\"_blank\">PMI · Hub sin humo en Jalisco</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/\" target=\"_blank\">Nestlé · Zero waste communities</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/\" target=\"_blank\">Grupo Modelo · Net Zero 2040</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/\" target=\"_blank\">Bimbo · Estrategia global</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/\" target=\"_blank\">Banorte · Crédito verde mexicano</a></li>\n </ul>\n </div>\n <div>\n <div class=\"f-col-ttl\">Más del especial</div>\n <ul class=\"f-links\">\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/\" target=\"_blank\">FIRA · Bono verde al campo</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/\" target=\"_blank\">Afore XXI · Riesgo en pensiones</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/\" target=\"_blank\">OCESA · Huella del Vive Latino</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/\" target=\"_blank\">FEMSA · Plan verde 2030</a></li>\n <li><a href=\"https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/\" target=\"_blank\">Rotoplas · Agua como KPI</a></li>\n </ul>\n </div>\n </div>\n <div class=\"f-bot\">\n <span>© 2026 El Cronista — Todos los derechos reservados</span>\n <span>Especial Sostenibilidad · México · Abril 2026</span>\n </div>\n </footer>\n\n</div><!-- /home -->\n\n<!-- ══════════════════════════════\n MANUFACTURA\n══════════════════════════════ -->\n<div id=\"p-manufactura\" class=\"page\">\n <div style=\"padding-top:54px;min-height:100vh;\">\n <div style=\"background:var(--ink);padding:80px 48px;\">\n <div style=\"max-width:900px;margin:0 auto;\">\n <div style=\"font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;\"><span style=\"width:24px;height:2px;background:var(--green3);display:inline-block;\"></span>Manufactura · Jalisco</div>\n <h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:24px;\">De Zapopan al mundo: La oportunidad de PMI para convertir su planta en hub tecnológico 'sin humo'</h1>\n <p style=\"font-size:1.05rem;line-height:1.82;color:rgba(255,255,255,.55);font-style:italic;max-width:640px;\">La planta de PMI en Zapopan, Jalisco, es uno de los casos de éxito de producción limpia, con una certificación en carbono neutralidad.</p>\n </div>\n </div>\n <div style=\"background:var(--cream);padding:64px 48px;\">\n <div style=\"max-width:900px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:48px;\">\n <div>\n <p style=\"font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;\">La planta de PMI en Zapopan, Jalisco, es uno de los casos de éxito de producción limpia en México, con una certificación de carbono neutralidad que va más allá del cumplimiento ambiental: se perfila como el centro lógico para un cambio de modelo en la estrategia hacia un futuro \"sin humo\" de la empresa.</p>\n <p style=\"font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;\">\"Yo apuesto que en el futuro la fábrica de Jalisco va a producir productos agregados de nueva generación y no cigarrillos\", afirma Marco Hannappel, director de PMI para América Latina y Canadá, en declaraciones en el marco de Technovation 2026, en Washington D.C.</p>\n <p style=\"font-size:.95rem;line-height:1.88;color:var(--ink2);margin-bottom:18px;\">El directivo dice que la infraestructura de manufactura de tabaco en México representa la oportunidad de convertir a Jalisco en un hub tecnológico \"sin humo\" capaz de liderar la exportación de innovación, siempre que el entorno regulatorio logre alinearse con la velocidad de la transformación industrial.</p>\n <p style=\"font-size:.95rem;line-height:1.88;color:var(--muted);\">Por ahora, el distintivo de carbono neutralidad se basa en eficiencia energética, uso de renovables y compensación de emisiones. En el papel, la empresa lo describe como un caso de éxito de transición industrial. En la práctica, la planta todavía produce cigarrillos —la tensión que define la transformación en curso.</p>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/de-zapopan-al-mundo-la-oportunidad-de-pmi-para-convertir-su-planta-en-hub-tecnologico-sin-humo/\" target=\"_blank\" style=\"margin-top:32px;\">Mira el artículo completo en El Cronista <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:16px;\">\n <div style=\"background:var(--white);padding:24px;border-top:3px solid var(--green2);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--green2);display:block;line-height:1;\">✓ Carbono Neutral</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;\">Certificación planta Zapopan, Jalisco</span>\n </div>\n <div style=\"background:var(--white);padding:24px;border-top:3px solid var(--gold);\">\n <span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);display:block;line-height:1;\">Hub Tech</span>\n <span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block;\">Objetivo estratégico exportación sin humo desde México</span>\n </div>\n <div style=\"background:var(--ink2);padding:24px;\">\n <span style=\"font-size:.7rem;font-weight:600;color:var(--green3);display:block;margin-bottom:10px;letter-spacing:.1em;text-transform:uppercase;\">Sobre Marco Hannappel</span>\n <span style=\"font-size:.83rem;line-height:1.7;color:rgba(255,255,255,.5);display:block;\">Director de PMI para América Latina y Canadá. Declaraciones en Technovation 2026, Washington D.C.</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <footer style=\"background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;\">\n <div style=\"max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;\">\n <span style=\"font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);\">El <span style=\"color:var(--green3);\">Cronista</span></span>\n <button onclick=\"go('home')\" style=\"background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;\">← Volver al especial</button>\n </div>\n </footer>\n</div>\n\n<!-- ══════════════════════════════\n CONSUMO\n══════════════════════════════ -->\n<div id=\"p-consumo\" class=\"page\">\n <div style=\"padding-top:54px;min-height:100vh;\">\n <div style=\"background:var(--green);padding:80px 48px;\">\n <div style=\"max-width:900px;margin:0 auto;\">\n <div style=\"font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;\"><span style=\"width:24px;height:2px;background:var(--green3);display:inline-block;\"></span>Consumo & Economía Circular</div>\n <h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;\">El reto de los residuos:<br>Nestlé, Modelo y Bimbo</h1>\n <p style=\"font-size:1rem;line-height:1.8;color:rgba(255,255,255,.6);font-style:italic;max-width:600px;\">Gigantes del consumo llevan sus metas de sostenibilidad a la escala territorial con acciones que van del cañón de Chiapas al vehículo eléctrico de reparto.</p>\n </div>\n </div>\n <div class=\"sw sw--p2\" style=\"padding-top:64px;\">\n <div style=\"max-width:1200px;margin:0 auto;\">\n <div class=\"grid\">\n <div class=\"card card--span2\">\n <div>\n <div class=\"card-ico\" style=\"background:#e8f5e9;\">♻️</div>\n <span class=\"card-tag\">Zero Waste · Chiapas · Jalisco · Veracruz</span>\n <h3 class=\"card-hed\" style=\"font-size:1.3rem;\">Del residuo al recurso: Nestlé transforma comunidades mexicanas hacia el 'zero waste'</h3>\n <p class=\"card-bod\">Nestlé enfoca sus acciones sustentables en estados prioritarios: Estado de México, Veracruz, Chiapas, Jalisco y Puebla. La compañía también tiene proyectos para limpiar cuerpos de agua, siendo el Cañón del Sumidero en Chiapas su caso emblemático.</p>\n <p class=\"card-bod\" style=\"margin-top:12px;\">Carlos Becerra menciona al Cañón del Sumidero como un ejemplo crítico de los desafíos que enfrenta la gestión de residuos en México: los desechos terminan en ecosistemas protegidos debido a fallas en la cadena de recolección local.</p>\n <div class=\"cq\"><p>\"Hoy el Cañón del Sumidero, que es un parque nacional protegido, tiene una 'isla' de basura que se genera porque la gente no tiene otro lugar donde poner sus residuos, llueve, los arrastra el río y terminan en el Cañón del Sumidero.\"</p><cite>Carlos Becerra · Nestlé México</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/del-residuo-al-recurso-asi-transforma-nestle-a-las-comunidades-mexicanas-hacia-el-zero-waste/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:14px;\">\n <div style=\"background:var(--paper3);padding:20px;border-left:3px solid var(--green2);\"><span style=\"font-size:.7rem;font-weight:600;color:var(--green2);display:block;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;\">Estados prioritarios</span><p style=\"font-size:.83rem;line-height:1.7;color:var(--muted);\">Edomex · Veracruz · Chiapas · Jalisco · Puebla</p></div>\n <div style=\"background:var(--paper3);padding:20px;border-left:3px solid var(--red);\"><span style=\"font-size:.7rem;font-weight:600;color:var(--red);display:block;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase;\">El problema</span><p style=\"font-size:.83rem;line-height:1.7;color:var(--muted);\">Ecosistemas protegidos afectados por fallas en la cadena de recolección de residuos local.</p></div>\n </div>\n </div>\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#e3f2fd;\">🍺</div>\n <span class=\"card-tag\">Net Zero · Acuíferos · Energía renovable</span>\n <h3 class=\"card-hed\">De 0 a 83%: El salto en energía renovable de Grupo Modelo</h3>\n <p class=\"card-bod\">La estrategia de Soqui Calderón, directora regional de Sostenibilidad, ha logrado todas las metas de reducción desde 2017. La meta es llegar a Net Zero en 2040 eliminando el 95% de emisiones en los tres alcances.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">83%</span><span class=\"kpi-l\">Electricidad renovable</span></div><div><span class=\"kpi-n\">–25%</span><span class=\"kpi-l\">Emisiones totales vs. 2017</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/de-0-a-83-el-salto-en-energia-renovable-que-marca-la-estrategia-net-zero-de-grupo-modelo/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div class=\"card card--span3\">\n <div style=\"display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start;\">\n <div style=\"grid-column:span 2;\">\n <div class=\"card-ico\" style=\"background:#fff8e1;\">🍞</div>\n <span class=\"card-tag\">Bimbo · 39 países · Rigor operativo global</span>\n <h3 class=\"card-hed\" style=\"font-size:1.3rem;\">La sostenibilidad impulsa la estrategia empresarial global de Grupo Bimbo</h3>\n <p class=\"card-bod\">Alejandra Vázquez Langle, directora global de sustentabilidad, lo resume: \"cuando se opera en múltiples países y con cadenas de valor complejas, la sustentabilidad no se logra solo fijando metas; implica transformar procesos, invertir en innovación, desarrollar proveedores y asegurar trazabilidad.\"</p>\n <p class=\"card-bod\" style=\"margin-top:12px;\">En 2025, Bimbo alcanzó un 98% de nutrición positiva en panes y bollería, y el 48% de sus ventas provino de productos con 3.5 estrellas o más en Health Star Rating. Con 4,546 vehículos eléctricos y 8,065 sustentables totales, opera la flota de reparto eléctrica más grande de América Latina.</p>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/la-sostenibilidad-impulsa-la-estrategia-empresarial-global-de-grupo-bimbo/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:12px;\">\n <div style=\"background:var(--paper3);padding:18px;border-top:3px solid var(--green2);\"><span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--green2);display:block;\">8,065</span><span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);\">Vehículos sustentables en operación</span></div>\n <div style=\"background:var(--paper3);padding:18px;border-top:3px solid var(--gold);\"><span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--gold);display:block;\">4,546</span><span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);\">Vehículos 100% eléctricos</span></div>\n <div style=\"background:var(--paper3);padding:18px;border-top:3px solid var(--ink2);\"><span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--ink2);display:block;\">99%</span><span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);\">Empaques reciclables</span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <footer style=\"background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;\">\n <div style=\"max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;\">\n <span style=\"font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);\">El <span style=\"color:var(--green3);\">Cronista</span></span>\n <button onclick=\"go('home')\" style=\"background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;\">← Volver al especial</button>\n </div>\n </footer>\n</div>\n\n<!-- ══════════════════════════════\n FINANZAS\n══════════════════════════════ -->\n<div id=\"p-finanzas\" class=\"page\">\n <div style=\"padding-top:54px;min-height:100vh;\">\n <div style=\"background:var(--ink2);padding:80px 48px;\">\n <div style=\"max-width:900px;margin:0 auto;\">\n <div style=\"font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;\">── Finanzas & Sector Financiero</div>\n <h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;\">El sector financiero:<br>Diseño local y riesgo ASG</h1>\n <p style=\"font-size:1rem;line-height:1.8;color:rgba(255,255,255,.55);font-style:italic;max-width:600px;\">Banorte, Afore XXI y FIRA muestran que la sostenibilidad ya es una variable financiera, no solo ambiental.</p>\n </div>\n </div>\n <div class=\"sw sw--p\">\n <div style=\"max-width:1200px;margin:0 auto;\">\n <div class=\"grid grid--dk\" style=\"background:var(--border);border-color:var(--border);\">\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#fce4ec;\">🏦</div>\n <span class=\"card-tag\">Crédito verde · Estrategia local</span>\n <h3 class=\"card-hed\">Sostenibilidad a la mexicana: Banorte transforma el crédito verde</h3>\n <p class=\"card-bod\">El desarrollo de créditos verdes y productos financieros con impacto social adaptados al mercado mexicano forma parte de la estrategia de sostenibilidad de Grupo Financiero Banorte, diseñada sin replicar modelos de otras regiones.</p>\n <div class=\"cq\"><p>\"Nuestra estrategia no está dictada por la casa matriz ni estamos replicando prácticas de otros países, sino que realmente diseñamos una estrategia de sustentabilidad que está adaptada a México y al tipo de clientes que tenemos.\"</p><cite>José Luis Muñoz Domínguez · Dir. Ejecutivo de Sustentabilidad, Banorte</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/sostenibilidad-a-la-mexicana-como-banorte-esta-transformando-el-credito-verde-sin-seguir-recetas-del-extranjero/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#ede7f6;\">📊</div>\n <span class=\"card-tag\">Pensiones · ASG · Riesgo financiero</span>\n <h3 class=\"card-hed\">Inversiones 'sucias': El riesgo invisible que amenaza los fondos de retiro</h3>\n <p class=\"card-bod\">Afore XXI Banorte evalúa prácticamente todo su portafolio de MXN$ 1.6 billones bajo criterios ASG. Invertir en proyectos contaminantes o con malas prácticas puede erosionar el ahorro para el retiro de los trabajadores.</p>\n <div class=\"cq\"><p>\"Si tú te metes en proyectos sucios o disruptivos comunitariamente, o que tienen una mala gobernanza, lo más probable es que esos proyectos no te den los rendimientos que están ofreciendo.\"</p><cite>David Razú Aznar · Director General, Afore XXI Banorte</cite></div>\n <div class=\"kpis\"><div><span class=\"kpi-n\">$1.6B</span><span class=\"kpi-l\">MXN portafolio evaluado bajo ASG</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/inversiones-sucias-el-riesgo-invisible-que-amenaza-el-rendimiento-de-los-fondos-de-retiro-segun-afore-xxi-banorte/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#e8f5e9;\">🌾</div>\n <span class=\"card-tag\">Bono verde · Agricultura · Campo mexicano</span>\n <h3 class=\"card-hed\">Blindaje financiero al campo: El bono verde de FIRA</h3>\n <p class=\"card-bod\">FEFA colocó certificados bursátiles por MXN$ 7,017 millones en el mercado local. La operación incluye un bono verde por MXN$ 2,940 millones para financiar la resiliencia del campo mexicano frente al cambio climático, con BBVA México como intermediario colocador.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">$2,940M</span><span class=\"kpi-l\">MXN bono verde</span></div><div><span class=\"kpi-n\">1.75x</span><span class=\"kpi-l\">Sobredemanda</span></div><div><span class=\"kpi-n\">AAA</span><span class=\"kpi-l\">S&P y HR Ratings</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/blindaje-financiero-al-campo-asi-es-el-bono-verde-de-fira-para-frenar-el-impacto-climatico/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <footer style=\"background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;\">\n <div style=\"max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;\">\n <span style=\"font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);\">El <span style=\"color:var(--green3);\">Cronista</span></span>\n <button onclick=\"go('home')\" style=\"background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;\">← Volver al especial</button>\n </div>\n </footer>\n</div>\n\n<!-- ══════════════════════════════\n AGUA\n══════════════════════════════ -->\n<div id=\"p-agua\" class=\"page\">\n <div style=\"padding-top:54px;min-height:100vh;\">\n <div style=\"background:var(--ink);padding:80px 48px;position:relative;overflow:hidden;\">\n <div style=\"position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(26,92,53,.2);filter:blur(120px);top:-200px;right:-100px;pointer-events:none;\"></div>\n <div style=\"max-width:900px;margin:0 auto;position:relative;z-index:1;\">\n <div style=\"font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green3);font-weight:600;margin-bottom:20px;\">── Agua & Clima · Nexo Agua-Carbono</div>\n <h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;color:var(--white);line-height:1.02;letter-spacing:-.02em;margin-bottom:16px;\">El agua como KPI:<br>Rotoplas y FEMSA<br>lideran el cambio</h1>\n <p style=\"font-size:1rem;line-height:1.8;color:rgba(255,255,255,.55);font-style:italic;max-width:580px;\">Hoy, para muchas empresas en México, el agua ya no es un tema ambiental: es lo que determina si pueden operar o no.</p>\n </div>\n </div>\n <div class=\"sw sw--p2\">\n <div style=\"max-width:1200px;margin:0 auto;\">\n <div class=\"grid\">\n <div class=\"card card--span2\">\n <div>\n <div class=\"card-ico\" style=\"background:#e1f5fe;\">💧</div>\n <span class=\"card-tag\">Water-Carbon Nexus · SLB · Nearshoring</span>\n <h3 class=\"card-hed\" style=\"font-size:1.35rem;\">Rotoplas consolida el agua como KPI estratégico: De la meta ESG a la rentabilidad financiera</h3>\n <p class=\"card-bod\">En medio del boom del nearshoring, firmas como Rotoplas ven de primera mano cómo la disponibilidad del recurso define decisiones de inversión, expansión y empleo. La conversación se volvió concreta: sin agua, no hay crecimiento.</p>\n <p class=\"card-bod\" style=\"margin-top:12px;\">Foros internacionales de alto nivel, como el reciente Women in Carbon 2026, han reflejado este giro de paradigma: el agua se posiciona bajo el concepto estratégico del \"Water-Carbon Nexus\", que reconoce que es imposible alcanzar metas de descarbonización sin una gestión eficiente del recurso hídrico.</p>\n <p class=\"card-bod\" style=\"margin-top:12px;\">Al cierre del Q1 2026, los sistemas de Rotoplas han permitido el tratamiento y reutilización de aproximadamente 48,500 millones de litros de agua, superando significativamente sus metas previas. Este desempeño llevó a la empresa a ser pionera en el mercado de deuda etiquetada del sector water management, emitiendo Bonos Vinculados a la Sostenibilidad (SLB) en 2025.</p>\n <div class=\"cq\"><p>\"El agua dejó de ser solo un tema ambiental; hoy es un factor que define la sostenibilidad económica y social de largo plazo.\"</p><cite>Andrea Muhech · Directora de Asuntos Públicos, Grupo Rotoplas · Women in Carbon 2026</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/rotoplas-consolida-el-agua-como-kpi-estrategico-de-la-meta-esg-a-la-rentabilidad-financiera/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div style=\"display:flex;flex-direction:column;gap:14px;\">\n <div style=\"background:var(--paper3);padding:22px;border-top:3px solid var(--green2);\"><span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--green2);display:block;\">48,500M</span><span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;\">Litros tratados y reutilizados · Q1 2026</span></div>\n <div style=\"background:var(--paper3);padding:22px;border-top:3px solid var(--gold);\"><span style=\"font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--gold);display:block;\">SLB</span><span style=\"font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block;line-height:1.4;\">Bonos Vinculados a Sostenibilidad emitidos 2025 · Evaluados por S&P Global Ratings</span></div>\n </div>\n </div>\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#fff3e0;\">🏪</div>\n <span class=\"card-tag\">FEMSA · OXXO · Plan verde 2030</span>\n <h3 class=\"card-hed\">FEMSA revela su plan verde: impacto en costos, inversión y crecimiento</h3>\n <p class=\"card-bod\">La controladora de OXXO avanza al 70% en su plan 2030. Entre sus ocho objetivos corporativos destacan: 85% de consumo eléctrico renovable, eliminar residuos a rellenos sanitarios y lograr un balance hídrico neutro, especialmente en zonas con estrés de agua.</p>\n <div class=\"kpis\"><div><span class=\"kpi-n\">65.2%</span><span class=\"kpi-l\">Energía renovable actual</span></div><div><span class=\"kpi-n\">80.6%</span><span class=\"kpi-l\">Residuos desviados de rellenos</span></div><div><span class=\"kpi-n\">$791M</span><span class=\"kpi-l\">MXN invertidos en ASG</span></div></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/femsa-controladora-de-oxxo-revela-su-plan-verde-asi-impacta-en-costos-inversion-y-crecimiento/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n <div class=\"card card--span2\" style=\"padding:0;overflow:hidden;min-height:340px;position:relative;background:var(--ink);\">\n <svg viewBox=\"0 0 800 420\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width:100%;height:100%;position:absolute;inset:0;display:block;\">\n <defs>\n <linearGradient id=\"ag1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#071a10\"/>\n <stop offset=\"100%\" stop-color=\"#0b2416\"/>\n </linearGradient>\n <linearGradient id=\"ag2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#0d3d5c\"/>\n <stop offset=\"60%\" stop-color=\"#072840\"/>\n <stop offset=\"100%\" stop-color=\"#041520\"/>\n </linearGradient>\n <linearGradient id=\"ag3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1a3826\"/>\n <stop offset=\"100%\" stop-color=\"#243f2e\"/>\n </linearGradient>\n <radialGradient id=\"ag4\" cx=\"50%\" cy=\"35%\" r=\"55%\">\n <stop offset=\"0%\" stop-color=\"#2d8a52\" stop-opacity=\"0.15\"/>\n <stop offset=\"100%\" stop-color=\"#071a10\" stop-opacity=\"0\"/>\n </radialGradient>\n <radialGradient id=\"ag5\" cx=\"20%\" cy=\"60%\" r=\"35%\">\n <stop offset=\"0%\" stop-color=\"#1a6080\" stop-opacity=\"0.2\"/>\n <stop offset=\"100%\" stop-color=\"#071a10\" stop-opacity=\"0\"/>\n </radialGradient>\n <filter id=\"af1\"><feGaussianBlur stdDeviation=\"3\"/></filter>\n <filter id=\"af2\"><feGaussianBlur stdDeviation=\"8\"/></filter>\n <filter id=\"af3\"><feGaussianBlur stdDeviation=\"1.5\"/></filter>\n </defs>\n\n <!-- Fondo -->\n <rect width=\"800\" height=\"420\" fill=\"url(#ag1)\"/>\n <rect width=\"800\" height=\"420\" fill=\"url(#ag4)\"/>\n <rect width=\"800\" height=\"420\" fill=\"url(#ag5)\"/>\n\n <!-- Estrellas -->\n <circle cx=\"60\" cy=\"25\" r=\"1\" fill=\"white\" opacity=\"0.25\"/>\n <circle cx=\"180\" cy=\"15\" r=\"1.2\" fill=\"white\" opacity=\"0.2\"/>\n <circle cx=\"320\" cy=\"30\" r=\"0.8\" fill=\"white\" opacity=\"0.18\"/>\n <circle cx=\"500\" cy=\"18\" r=\"1\" fill=\"white\" opacity=\"0.22\"/>\n <circle cx=\"640\" cy=\"28\" r=\"0.9\" fill=\"white\" opacity=\"0.2\"/>\n <circle cx=\"740\" cy=\"12\" r=\"1.1\" fill=\"white\" opacity=\"0.18\"/>\n <circle cx=\"100\" cy=\"50\" r=\"0.7\" fill=\"white\" opacity=\"0.15\"/>\n <circle cx=\"420\" cy=\"45\" r=\"0.8\" fill=\"white\" opacity=\"0.15\"/>\n <circle cx=\"700\" cy=\"55\" r=\"0.6\" fill=\"white\" opacity=\"0.12\"/>\n\n <!-- Colinas / terreno fondo -->\n <path d=\"M0 200 Q100 160 200 175 Q300 190 400 165 Q500 140 600 160 Q700 180 800 155 L800 420 L0 420Z\" fill=\"#0d2419\" opacity=\"0.7\"/>\n <path d=\"M0 230 Q150 190 300 210 Q450 230 600 200 Q700 185 800 195 L800 420 L0 420Z\" fill=\"#0f2a1c\" opacity=\"0.8\"/>\n\n <!-- TUBERÍAS horizontales largas -->\n <rect x=\"0\" y=\"255\" width=\"280\" height=\"10\" rx=\"5\" fill=\"#1a3826\"/>\n <rect x=\"0\" y=\"255\" width=\"280\" height=\"10\" rx=\"5\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <rect x=\"520\" y=\"255\" width=\"280\" height=\"10\" rx=\"5\" fill=\"#1a3826\"/>\n <rect x=\"520\" y=\"255\" width=\"280\" height=\"10\" rx=\"5\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n\n <!-- Tubería secundaria -->\n <rect x=\"0\" y=\"272\" width=\"200\" height=\"6\" rx=\"3\" fill=\"#162e20\" opacity=\"0.8\"/>\n <rect x=\"600\" y=\"272\" width=\"200\" height=\"6\" rx=\"3\" fill=\"#162e20\" opacity=\"0.8\"/>\n\n <!-- TORRE IZQUIERDA -->\n <rect x=\"40\" y=\"90\" width=\"90\" height=\"170\" rx=\"3\" fill=\"url(#ag3)\"/>\n <rect x=\"40\" y=\"90\" width=\"90\" height=\"170\" rx=\"3\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <rect x=\"52\" y=\"108\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"78\" y=\"108\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.12\"/>\n <rect x=\"52\" y=\"130\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.18\"/>\n <rect x=\"78\" y=\"130\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"52\" y=\"152\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"78\" y=\"152\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.12\"/>\n <rect x=\"52\" y=\"174\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.2\"/>\n <rect x=\"78\" y=\"174\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"52\" y=\"196\" width=\"44\" height=\"8\" rx=\"1\" fill=\"#0d3d5c\" opacity=\"0.6\"/>\n <circle cx=\"120\" cy=\"100\" r=\"5\" fill=\"#2d8a52\"/>\n <circle cx=\"120\" cy=\"100\" r=\"9\" fill=\"#2d8a52\" opacity=\"0.15\" filter=\"url(#af3)\"/>\n\n <!-- CHIMENEAS izquierda -->\n <rect x=\"58\" y=\"58\" width=\"14\" height=\"34\" rx=\"2\" fill=\"#1e3826\"/>\n <rect x=\"80\" y=\"68\" width=\"12\" height=\"24\" rx=\"2\" fill=\"#1e3826\"/>\n <ellipse cx=\"65\" cy=\"48\" rx=\"9\" ry=\"15\" fill=\"white\" opacity=\"0.03\" filter=\"url(#af2)\"/>\n <ellipse cx=\"86\" cy=\"58\" rx=\"7\" ry=\"12\" fill=\"white\" opacity=\"0.025\" filter=\"url(#af2)\"/>\n\n <!-- TANQUE CENTRAL GRANDE -->\n <ellipse cx=\"400\" cy=\"120\" rx=\"80\" ry=\"20\" fill=\"#122018\"/>\n <rect x=\"320\" y=\"120\" width=\"160\" height=\"140\" fill=\"#162e20\"/>\n <rect x=\"320\" y=\"120\" width=\"160\" height=\"140\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"2\"/>\n <ellipse cx=\"400\" cy=\"260\" rx=\"80\" ry=\"20\" fill=\"#1a3826\"/>\n <ellipse cx=\"400\" cy=\"120\" rx=\"80\" ry=\"20\" fill=\"#1e3d28\"/>\n <!-- Líneas horizontales tanque -->\n <line x1=\"322\" y1=\"160\" x2=\"478\" y2=\"160\" stroke=\"#2d5c3e\" stroke-width=\"1\" opacity=\"0.5\"/>\n <line x1=\"322\" y1=\"200\" x2=\"478\" y2=\"200\" stroke=\"#2d5c3e\" stroke-width=\"1\" opacity=\"0.5\"/>\n <line x1=\"322\" y1=\"240\" x2=\"478\" y2=\"240\" stroke=\"#2d5c3e\" stroke-width=\"1\" opacity=\"0.5\"/>\n <!-- Nivel agua en tanque -->\n <rect x=\"322\" y=\"210\" width=\"156\" height=\"48\" fill=\"#0d3d5c\" opacity=\"0.45\"/>\n <ellipse cx=\"400\" cy=\"210\" rx=\"78\" ry=\"12\" fill=\"#1a6080\" opacity=\"0.4\"/>\n <!-- Indicador nivel -->\n <rect x=\"482\" y=\"135\" width=\"8\" height=\"118\" rx=\"4\" fill=\"#122018\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <rect x=\"483\" y=\"205\" width=\"6\" height=\"48\" rx=\"3\" fill=\"#2d8a52\"/>\n <circle cx=\"486\" cy=\"205\" r=\"6\" fill=\"#74c69d\"/>\n <circle cx=\"486\" cy=\"205\" r=\"10\" fill=\"#74c69d\" opacity=\"0.12\" filter=\"url(#af3)\"/>\n\n <!-- Tubería bajando del tanque central -->\n <rect x=\"388\" y=\"260\" width=\"24\" height=\"42\" fill=\"#1a3826\" stroke=\"#2d5c3e\" stroke-width=\"1\"/>\n <!-- Válvula central -->\n <rect x=\"380\" y=\"288\" width=\"40\" height=\"13\" rx=\"4\" fill=\"#2d5c3e\"/>\n <circle cx=\"400\" cy=\"295\" r=\"7\" fill=\"#1a3826\" stroke=\"#3a6e4a\" stroke-width=\"1.5\"/>\n <line x1=\"400\" y1=\"290\" x2=\"400\" y2=\"300\" stroke=\"#3a6e4a\" stroke-width=\"1.5\"/>\n\n <!-- Conectores curvos al tanque -->\n <path d=\"M170 260 Q170 278 185 278 L310 278 Q330 278 330 260\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"9\" stroke-linecap=\"round\"/>\n <path d=\"M170 260 Q170 278 185 278 L310 278 Q330 278 330 260\" fill=\"none\" stroke=\"#1a3826\" stroke-width=\"7\" stroke-linecap=\"round\"/>\n <path d=\"M470 260 Q470 278 490 278 L615 278 Q630 278 630 260\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"9\" stroke-linecap=\"round\"/>\n <path d=\"M470 260 Q470 278 490 278 L615 278 Q630 278 630 260\" fill=\"none\" stroke=\"#1a3826\" stroke-width=\"7\" stroke-linecap=\"round\"/>\n\n <!-- TORRE DERECHA -->\n <rect x=\"670\" y=\"75\" width=\"90\" height=\"185\" rx=\"3\" fill=\"url(#ag3)\"/>\n <rect x=\"670\" y=\"75\" width=\"90\" height=\"185\" rx=\"3\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <rect x=\"682\" y=\"93\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.18\"/>\n <rect x=\"708\" y=\"93\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"682\" y=\"115\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"708\" y=\"115\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.12\"/>\n <rect x=\"682\" y=\"137\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.2\"/>\n <rect x=\"708\" y=\"137\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"682\" y=\"159\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <rect x=\"708\" y=\"159\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.15\"/>\n <rect x=\"682\" y=\"181\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#74c69d\" opacity=\"0.1\"/>\n <rect x=\"708\" y=\"181\" width=\"18\" height=\"13\" rx=\"1.5\" fill=\"#0d3d5c\" opacity=\"0.9\"/>\n <circle cx=\"670\" cy=\"84\" r=\"5\" fill=\"#b8861b\"/>\n <circle cx=\"670\" cy=\"84\" r=\"9\" fill=\"#b8861b\" opacity=\"0.15\" filter=\"url(#af3)\"/>\n\n <!-- CHIMENEAS derecha -->\n <rect x=\"688\" y=\"44\" width=\"14\" height=\"33\" rx=\"2\" fill=\"#1e3826\"/>\n <rect x=\"710\" y=\"54\" width=\"12\" height=\"23\" rx=\"2\" fill=\"#1e3826\"/>\n <ellipse cx=\"695\" cy=\"34\" rx=\"9\" ry=\"14\" fill=\"white\" opacity=\"0.03\" filter=\"url(#af2)\"/>\n <ellipse cx=\"716\" cy=\"44\" rx=\"7\" ry=\"11\" fill=\"white\" opacity=\"0.025\" filter=\"url(#af2)\"/>\n\n <!-- TANQUE SECUNDARIO izquierda -->\n <ellipse cx=\"210\" cy=\"155\" rx=\"42\" ry=\"11\" fill=\"#122018\"/>\n <rect x=\"168\" y=\"155\" width=\"84\" height=\"85\" fill=\"#162e20\"/>\n <rect x=\"168\" y=\"155\" width=\"84\" height=\"85\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <ellipse cx=\"210\" cy=\"240\" rx=\"42\" ry=\"11\" fill=\"#1a3826\"/>\n <ellipse cx=\"210\" cy=\"155\" rx=\"42\" ry=\"11\" fill=\"#1e3d28\"/>\n <rect x=\"170\" y=\"200\" width=\"80\" height=\"38\" fill=\"#0d3d5c\" opacity=\"0.3\"/>\n <ellipse cx=\"210\" cy=\"200\" rx=\"40\" ry=\"9\" fill=\"#1a6080\" opacity=\"0.3\"/>\n\n <!-- TANQUE SECUNDARIO derecha -->\n <ellipse cx=\"590\" cy=\"145\" rx=\"42\" ry=\"11\" fill=\"#122018\"/>\n <rect x=\"548\" y=\"145\" width=\"84\" height=\"95\" fill=\"#162e20\"/>\n <rect x=\"548\" y=\"145\" width=\"84\" height=\"95\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <ellipse cx=\"590\" cy=\"240\" rx=\"42\" ry=\"11\" fill=\"#1a3826\"/>\n <ellipse cx=\"590\" cy=\"145\" rx=\"42\" ry=\"11\" fill=\"#1e3d28\"/>\n <rect x=\"550\" y=\"195\" width=\"80\" height=\"43\" fill=\"#0d3d5c\" opacity=\"0.3\"/>\n <ellipse cx=\"590\" cy=\"195\" rx=\"40\" ry=\"9\" fill=\"#1a6080\" opacity=\"0.3\"/>\n\n <!-- PLATAFORMA / SUELO -->\n <rect x=\"0\" y=\"298\" width=\"800\" height=\"30\" fill=\"#0d1f14\"/>\n <rect x=\"0\" y=\"298\" width=\"800\" height=\"2\" fill=\"#2d5c3e\" opacity=\"0.4\"/>\n <line x1=\"0\" y1=\"312\" x2=\"800\" y2=\"312\" stroke=\"#1a3826\" stroke-width=\"1\" stroke-dasharray=\"12,10\"/>\n\n <!-- PANEL DE CONTROL central -->\n <rect x=\"348\" y=\"310\" width=\"104\" height=\"36\" rx=\"3\" fill=\"#071a10\" stroke=\"#2d5c3e\" stroke-width=\"1.2\"/>\n <circle cx=\"364\" cy=\"328\" r=\"5\" fill=\"#2d8a52\"/>\n <circle cx=\"364\" cy=\"328\" r=\"8\" fill=\"#2d8a52\" opacity=\"0.18\"/>\n <rect x=\"374\" y=\"321\" width=\"30\" height=\"7\" rx=\"1.5\" fill=\"#0d3d5c\"/>\n <rect x=\"374\" y=\"331\" width=\"22\" height=\"5\" rx=\"1\" fill=\"#1a3826\"/>\n <circle cx=\"416\" cy=\"328\" r=\"5\" fill=\"#b8861b\" opacity=\"0.85\"/>\n <circle cx=\"432\" cy=\"328\" r=\"5\" fill=\"#b83232\" opacity=\"0.5\"/>\n\n <!-- LAGUNA / AGUA inferior -->\n <rect x=\"0\" y=\"328\" width=\"800\" height=\"92\" fill=\"url(#ag2)\"/>\n <path d=\"M0 345 Q80 337 160 345 Q240 353 320 345 Q400 337 480 345 Q560 353 640 345 Q720 337 800 345\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"2\" opacity=\"0.5\"/>\n <path d=\"M0 362 Q100 354 200 362 Q300 370 400 362 Q500 354 600 362 Q700 370 800 362\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"1.2\" opacity=\"0.35\"/>\n <path d=\"M0 380 Q120 372 240 380 Q360 388 480 380 Q600 372 720 380 L800 380\" fill=\"none\" stroke=\"#1a6080\" stroke-width=\"1\" opacity=\"0.25\"/>\n <!-- Reflejos en agua -->\n <ellipse cx=\"400\" cy=\"342\" rx=\"70\" ry=\"9\" fill=\"#1a4d6e\" opacity=\"0.25\" filter=\"url(#af1)\"/>\n <ellipse cx=\"210\" cy=\"338\" rx=\"35\" ry=\"6\" fill=\"#1a4d6e\" opacity=\"0.18\" filter=\"url(#af1)\"/>\n <ellipse cx=\"590\" cy=\"338\" rx=\"35\" ry=\"6\" fill=\"#1a4d6e\" opacity=\"0.18\" filter=\"url(#af1)\"/>\n <ellipse cx=\"486\" cy=\"344\" rx=\"12\" ry=\"3\" fill=\"#74c69d\" opacity=\"0.1\" filter=\"url(#af1)\"/>\n\n <!-- OVERLAY TEXTO -->\n <rect x=\"0\" y=\"360\" width=\"800\" height=\"60\" fill=\"#071a10\" opacity=\"0.88\"/>\n <text x=\"32\" y=\"383\" font-family=\"'Instrument Sans',sans-serif\" font-size=\"10\" fill=\"#74c69d\" letter-spacing=\"2.5\" font-weight=\"600\">GESTIÓN HÍDRICA INDUSTRIAL · WATER-CARBON NEXUS</text>\n <text x=\"32\" y=\"400\" font-family=\"'Playfair Display',serif\" font-size=\"14\" fill=\"white\" font-style=\"italic\">Infraestructura de tratamiento y reutilización de agua en México</text>\n <text x=\"32\" y=\"414\" font-family=\"'Instrument Sans',sans-serif\" font-size=\"9\" fill=\"rgba(255,255,255,0.3)\" letter-spacing=\"1\">Imagen referencial · Especial Sostenibilidad 2026 — El Cronista</text>\n\n <!-- Borde sutil -->\n <rect x=\"1\" y=\"1\" width=\"798\" height=\"418\" fill=\"none\" stroke=\"#2d5c3e\" stroke-width=\"1\" opacity=\"0.25\"/>\n </svg>\n </div>\n\n <div class=\"card\">\n <div class=\"card-ico\" style=\"background:#f3e5f5;\">🎵</div>\n <span class=\"card-tag\">OCESA · Entretenimiento · Vive Latino</span>\n <h3 class=\"card-hed\">¿Cuánta basura genera un festival? OCESA mide su huella ambiental</h3>\n <p class=\"card-bod\">OCESA planea comenzar a medir la huella de carbono del Vive Latino a partir de su edición 2026. El cálculo implicará recopilar información de producción, artistas, logística, personal y movilidad de asistentes para estimar las emisiones totales del evento.</p>\n <div class=\"cq\"><p>\"Estamos empezando a medir justo con los festivales; ya tienen también esa información.\"</p><cite>Armando Calvillo · Director de Marketing, OCESA</cite></div>\n <a class=\"rm\" href=\"https://www.cronista.com/mexico/finanzas-economia/cuanta-basura-genera-un-festival-ocesa-utiliza-el-vive-latino-para-medir-su-huella-ambiental/\" target=\"_blank\">Mira el artículo completo <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M8 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg></a>\n </div>\n </div>\n </div>\n </div>\n </div>\n <footer style=\"background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;\">\n <div style=\"max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;\">\n <span style=\"font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);\">El <span style=\"color:var(--green3);\">Cronista</span></span>\n <button onclick=\"go('home')\" style=\"background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;\">← Volver al especial</button>\n </div>\n </footer>\n</div>\n\n<!-- ══════════════════════════════\n RANKING ESG\n══════════════════════════════ -->\n<div id=\"p-ranking\" class=\"page\">\n <div style=\"padding-top:54px;min-height:100vh;\">\n <div style=\"background:var(--paper3);padding:80px 48px;border-bottom:1px solid var(--border);\">\n <div style=\"max-width:900px;margin:0 auto;\">\n <div style=\"font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green2);font-weight:600;margin-bottom:20px;\">── Ranking · MERCO ESG México 2025</div>\n <h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;color:var(--ink);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px;\">Las empresas más<br>responsables de México</h1>\n <p style=\"font-size:.95rem;line-height:1.8;color:var(--muted);max-width:600px;\">Monitor Empresarial de Reputación Corporativa (Merco) 2025. Metodología multipartita con 46,678 encuestas, auditada por KPMG. Evalúa criterios ambientales (E), sociales (S) y de gobernanza (G).</p>\n </div>\n </div>\n <div class=\"sw sw--p\">\n <div class=\"rank-wrap\">\n <div class=\"rank-row r1\"><div class=\"rk-pos\">01</div><div class=\"rk-ico\" style=\"background:#fff8e1;\">🍞</div><div class=\"rk-info\"><div class=\"rk-name\">Grupo Bimbo</div><div class=\"rk-sec\">Alimentos · 12° año consecutivo en el #1</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"98%\"></div></div><div class=\"rk-score\">98.4 pts · Liderazgo ESG absoluto</div></div></div>\n <div class=\"rank-row r2\"><div class=\"rk-pos\">02</div><div class=\"rk-ico\" style=\"background:#e3f2fd;\">🍺</div><div class=\"rk-info\"><div class=\"rk-name\">Grupo Modelo</div><div class=\"rk-sec\">Bebidas · Net Zero 2040</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"90%\"></div></div><div class=\"rk-score\">90.1 pts</div></div></div>\n <div class=\"rank-row r3\"><div class=\"rk-pos\">03</div><div class=\"rk-ico\" style=\"background:#e8eaf6;\">🏦</div><div class=\"rk-info\"><div class=\"rk-name\">BBVA México</div><div class=\"rk-sec\">Servicios financieros</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"85%\"></div></div><div class=\"rk-score\">85.7 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">04</div><div class=\"rk-ico\" style=\"background:#fbe9e7;\">☕</div><div class=\"rk-info\"><div class=\"rk-name\">Nestlé México</div><div class=\"rk-sec\">Alimentos y bebidas · Zero waste</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"82%\"></div></div><div class=\"rk-score\">82.3 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">05</div><div class=\"rk-ico\" style=\"background:#e8f5e9;\">🏗️</div><div class=\"rk-info\"><div class=\"rk-name\">Cemex</div><div class=\"rk-sec\">Materiales de construcción · Descarbonización</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"79%\"></div></div><div class=\"rk-score\">79.8 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">06</div><div class=\"rk-ico\" style=\"background:#fff3e0;\">🏪</div><div class=\"rk-info\"><div class=\"rk-name\">FEMSA</div><div class=\"rk-sec\">Comercio y logística · Plan verde 2030</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"76%\"></div></div><div class=\"rk-score\">76.2 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">07</div><div class=\"rk-ico\" style=\"background:#f3e5f5;\">🍺</div><div class=\"rk-info\"><div class=\"rk-name\">Grupo Herdez</div><div class=\"rk-sec\">Alimentos</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"73%\"></div></div><div class=\"rk-score\">73.1 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">08</div><div class=\"rk-ico\" style=\"background:#e8f5e9;\">🥛</div><div class=\"rk-info\"><div class=\"rk-name\">Grupo Danone México</div><div class=\"rk-sec\">Alimentos y bebidas</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"71%\"></div></div><div class=\"rk-score\">71.4 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">09</div><div class=\"rk-ico\" style=\"background:#e3f2fd;\">💻</div><div class=\"rk-info\"><div class=\"rk-name\">Google México</div><div class=\"rk-sec\">Tecnología</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"69%\"></div></div><div class=\"rk-score\">69.8 pts</div></div></div>\n <div class=\"rank-row\"><div class=\"rk-pos\">10</div><div class=\"rk-ico\" style=\"background:#fce4ec;\">🍺</div><div class=\"rk-info\"><div class=\"rk-name\">Heineken México</div><div class=\"rk-sec\">Bebidas · Reforestación · Green Challenge</div></div><div class=\"rk-bar-wrap\"><div class=\"rk-bar-bg\"><div class=\"rk-bar\" data-w=\"67%\"></div></div><div class=\"rk-score\">67.5 pts</div></div></div>\n </div>\n <p style=\"max-width:1200px;margin:20px auto 0;font-size:.78rem;color:var(--muted);font-style:italic;\">Fuente: Monitor Empresarial de Reputación Corporativa (Merco) 2025. Metodología multipartita con 46,678 encuestas. Auditado independientemente por KPMG bajo norma ISA. Los puntajes son referenciales.</p>\n </div>\n </div>\n <footer style=\"background:var(--ink);border-top:2px solid var(--green2);padding:32px 48px;\">\n <div style=\"max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;\">\n <span style=\"font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--white);\">El <span style=\"color:var(--green3);\">Cronista</span></span>\n <button onclick=\"go('home')\" style=\"background:var(--green2);color:var(--white);border:none;padding:10px 22px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;\">← Volver al especial</button>\n </div>\n </footer>\n</div>\n\n<script>\n/* ── PROGRESS ── */\nwindow.addEventListener('scroll',()=>{\n const d=document.documentElement;\n document.getElementById('prog').style.width=(d.scrollTop/(d.scrollHeight-d.clientHeight)*100)+'%';\n});\n\n/* ── NAVIGATION ── */\nfunction go(id){\n document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));\n document.querySelectorAll('.tb-nav a').forEach(a=>a.classList.remove('on'));\n const pg=document.getElementById('p-'+id);\n if(pg)pg.classList.add('active');\n const nav=document.getElementById('n-'+id);\n if(nav)nav.classList.add('on');\n window.scrollTo({top:0,behavior:'instant'});\n setTimeout(observe,80);\n setTimeout(animBars,200);\n}\n\n/* ── SCROLL ANIMATIONS ── */\nfunction observe(){\n const io=new IntersectionObserver(entries=>{\n entries.forEach((e,i)=>{\n if(e.isIntersecting){\n setTimeout(()=>e.target.classList.add('vis'),i*70);\n io.unobserve(e.target);\n }\n });\n },{threshold:0.08});\n document.querySelectorAll('.card:not(.vis),.viz-card:not(.vis),.rank-row:not(.vis),.tl-item:not(.vis)').forEach(el=>io.observe(el));\n}\n\n/* ── RANKING BARS ── */\nfunction animBars(){\n document.querySelectorAll('.rk-bar').forEach(b=>{\n const w=b.dataset.w;\n if(w){b.style.width='0';setTimeout(()=>b.style.width=w,300);}\n });\n}\n\ndocument.addEventListener('DOMContentLoaded',()=>{observe();animBars();animFemsa();});\n\nfunction animFemsa(){\n const bars=document.querySelectorAll('.femsa-bar');\n if(!bars.length)return;\n const io=new IntersectionObserver(entries=>{\n entries.forEach(e=>{\n if(e.isIntersecting){\n bars.forEach(b=>{\n const w=b.style.width;\n b.style.width='0';\n setTimeout(()=>b.style.width=w,200);\n });\n io.disconnect();\n }\n });\n },{threshold:0.3});\n const parent=bars[0].closest('.card');\n if(parent)io.observe(parent);\n}\n<\/script>\n</div>"},"displayProperties":{},"localEdits":{},"variants":{}}}]},{"collection":"sections","props":{"collection":"sections","id":2},"children":[]},{"collection":"sections","props":{"collection":"sections","id":3},"children":[]},{"collection":"sections","props":{"collection":"sections","id":4},"children":[]},{"collection":"sections","props":{"collection":"sections","id":5},"children":[]},{"collection":"sections","props":{"collection":"sections","id":6},"children":[]}]};Fusion.spa=false;Fusion.spaEnabled=false;</script><script> function getCookie(name) { return document.cookie .split("; ") .find(row => row.startsWith(name + "=")) ?.split("=")[1] || null; } let cookieSFID = getCookie("crsfid"); let chatReady = false; window.addEventListener("onEmbeddedMessagingReady", () => { console.log("Chat de Agentforce listo…"); chatReady = true; if (cookieSFID) { console.log("Enviando SalesforceId desde cookie:", cookieSFID); embeddedservice_bootstrap.prechatAPI.setHiddenPrechatFields({ "SalesforceId": cookieSFID }); } else { console.log("No existe cookie 'crsfid'. Chat iniciará en modo anónimo."); } }); function initEmbeddedMessaging() { try { embeddedservice_bootstrap.settings.language = 'es'; embeddedservice_bootstrap.settings.chatButtonPosition = "15%,20px"; embeddedservice_bootstrap.init( "00DHp000002KUim", "Croni", "https://cronista.my.site.com/ESWCroni1762198675327", { scrt2URL: "https://cronista.my.salesforce-scrt.com" } ); } catch (err) { console.error('Error loading Embedded Messaging: ', err); } } // Load the bootstrap script var script = document.createElement('script'); script.src = "https://cronista.my.site.com/ESWCroni1762198675327/assets/js/bootstrap.min.js"; script.onload = initEmbeddedMessaging; document.body.appendChild(script); </script><script> window.addEventListener('load', function() { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = '//cdn.evgnet.com/beacon/elcronista/cronista_production/scripts/evergage.min.js'; s.defer = true; document.head.appendChild(s); }); </script><noscript data-integration="comscore"><img alt="comscore" src="https://sb.scorecardresearch.com/p?c1=2&c2=6906413&cv=4.4.0&cj=1"/></noscript></body></html>