.production-map{--cream:#f5f3e9;--ink:#163a30;--glass:rgba(15,34,29,.82)}.production-map *{box-sizing:border-box;overflow-anchor:none}.production-map .map-document{scroll-behavior:auto}.production-map .map-document{margin:0;background:#263e37;color:var(--cream);font-family:Arial,Helvetica,sans-serif}.production-map button,.production-map a{-webkit-tap-highlight-color:transparent}.production-map button{font:inherit;cursor:pointer}.production-map button:focus-visible,.production-map a:focus-visible,.production-map summary:focus-visible{outline:3px solid #d7dfa5;outline-offset:5px}.production-map button:disabled{opacity:.4;cursor:default}.production-map [hidden]{display:none!important}.production-map .skip{position:absolute;z-index:30;top:-80px;left:20px;background:var(--cream);color:var(--ink);padding:12px}.production-map .skip:focus{top:20px}.production-map #map{position:absolute;inset:0;background:#718a8c}.production-map .vignette{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(9,26,24,.19),transparent 18%,transparent 67%,rgba(9,26,24,.38))}.production-map .header{position:absolute;z-index:5;top:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.production-map .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream);padding:12px 18px 12px 14px;background:var(--glass);backdrop-filter:blur(14px);border:1px solid #ffffff28;border-radius:5px;pointer-events:auto}.production-map .brand svg{width:25px;height:31px}.production-map .wordmark{font-size:21px;font-weight:700;letter-spacing:-.8px}.production-map .wordmark span{font-weight:400}.production-map .header-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:var(--glass);border:1px solid #ffffff28;backdrop-filter:blur(12px);padding:13px 15px;border-radius:4px}.production-map .header-label small{font-size:8px;opacity:.6;margin-left:15px;letter-spacing:1px;font-weight:400}.production-map .tools{position:absolute;z-index:5;right:32px;top:108px;display:flex;flex-direction:column;gap:7px}.production-map .tools button{border:1px solid #ffffff35;border-radius:4px;background:var(--glass);backdrop-filter:blur(12px);color:var(--cream);width:39px;height:39px;font-size:20px;display:grid;place-items:center}.production-map .tools #dimension{font-size:11px;font-weight:700;letter-spacing:.5px}.production-map .tools button:hover{background:#365446}.production-map .card{position:absolute;z-index:4;left:32px;bottom:115px;width:282px;min-height:244px;background:rgba(247,245,235,.96);backdrop-filter:blur(20px);color:var(--ink);padding:24px 25px 19px;border:1px solid #ffffff80;border-radius:5px;box-shadow:0 15px 50px #071b182b}.production-map .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.production-map .eyebrow{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:#5b705c}.production-map .counter{white-space:nowrap;font-size:9px;color:#7b8877;font-variant-numeric:tabular-nums}.production-map .card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px;font-size:30px;line-height:1.06;margin:0 0 13px}.production-map .card p{font-size:12px;line-height:1.65;color:#657261;margin:0;max-width:210px}.production-map .card .metric{font-size:47px;letter-spacing:-2px;display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;margin-bottom:8px;line-height:1}.production-map .metric small{font-size:17px;letter-spacing:0;margin-left:4px}.production-map .card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid #d7ddcf;padding-top:13px}.production-map .hint{font-size:9px;color:#7e8977;letter-spacing:.3px}.production-map .next{border:0;background:var(--ink);color:var(--cream);border-radius:50%;width:30px;height:30px;font-size:17px;display:grid;place-items:center}.production-map .dots{display:flex;gap:4px}.production-map .dots i{display:block;width:16px;height:2px;background:#ced5c5}.production-map .dots i.active{background:#476746}.production-map .nav-wrap{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:46px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:calc(100% - 32px)}.production-map .scene-nav{display:flex;gap:4px;padding:5px;background:var(--glass);border:1px solid #ffffff38;border-radius:5px;backdrop-filter:blur(15px);box-shadow:0 4px 25px #071b1820}.production-map .scene-nav button{border:0;background:none;color:#e2e7dc;border-radius:3px;padding:12px 18px;white-space:nowrap;font-size:11px}.production-map .scene-nav button span{font-size:9px;opacity:.55;margin-right:10px}.production-map .scene-nav button[aria-current="step"]{background:#e2e8c9;color:var(--ink)}.production-map .legend{font-size:9px;display:flex;gap:16px;align-items:center;color:#eff1e7;text-shadow:0 1px 5px #000}.production-map .legend span{display:flex;align-items:center;gap:6px}.production-map .dot{width:7px;height:7px;display:inline-block;border-radius:50%;border:1px solid #ffffff70;background:#245936}.production-map .dot.coral{background:#994f3f}.production-map .approx{position:absolute;z-index:4;left:32px;bottom:36px;font-size:8px;letter-spacing:.3px;color:#edf0e2;text-shadow:0 1px 5px #000}.production-map .about{position:absolute;z-index:8;right:32px;bottom:47px;font-size:10px}.production-map .about summary{list-style:none;width:29px;height:29px;border:1px solid #ffffff60;background:var(--glass);border-radius:50%;display:grid;place-items:center;cursor:pointer;font-family:Georgia,serif;font-size:16px}.production-map .about summary::-webkit-details-marker{display:none}.production-map .about-content{position:absolute;right:0;bottom:43px;width:290px;padding:20px;border-radius:4px;border:1px solid #ffffff40;background:#17362ef5;color:#edf1e5;font-size:11px;line-height:1.7;box-shadow:0 10px 40px #0003}.production-map .about-content p{margin:0 0 10px}.production-map .about-content p:last-child{margin:0}.production-map .about-content a{color:#d5deb7}.production-map .status{position:absolute;z-index:7;left:50%;top:100px;transform:translateX(-50%);background:#17362ef0;border:1px solid #ffffff40;padding:12px 17px;border-radius:4px;max-width:calc(100% - 36px);font-size:11px;text-align:center;line-height:1.6}.production-map .status button{font:inherit;border:1px solid #ffffff70;border-radius:3px;padding:5px 9px;margin-left:10px;color:inherit;background:none}.production-map .scroll-track{position:relative;z-index:2;pointer-events:none}.production-map .scroll-step{height:100svh;pointer-events:none}.production-map .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.production-map .maplibregl-ctrl-attrib{font-size:9px!important;background:rgba(245,243,233,.84)!important;max-width:100%}.production-map .maplibregl-ctrl-bottom-right{max-width:calc(100% - 15px)}.production-map .maplibregl-ctrl-scale{font-size:9px;background:#f5f3e9bb;border-color:#163a30;margin-left:32px!important;margin-bottom:8px!important}.production-map .maplibregl-ctrl-attrib a{color:#284335}.production-map .maplibregl-canvas:focus{outline:none}.production-map .terrain-state{position:absolute;z-index:4;right:33px;top:310px;font-size:8px;letter-spacing:1px;writing-mode:vertical-rl;text-transform:uppercase;text-shadow:0 1px 5px #000;color:#fff9}
@media(max-width:700px){.production-map .header{top:16px;left:16px;right:16px}.production-map .brand{padding:9px 12px;gap:8px}.production-map .brand svg{width:21px;height:26px}.production-map .wordmark{font-size:18px}.production-map .header-label{font-size:8px;padding:11px;letter-spacing:1px}.production-map .header-label small{display:none}.production-map .tools{right:16px;top:89px;gap:6px}.production-map .tools button{width:34px;height:34px}.production-map .card{left:16px;bottom:124px;width:234px;min-height:0;padding:18px 20px 14px}.production-map .card-top{margin-bottom:12px}.production-map .eyebrow{font-size:8px}.production-map .counter{font-size:8px}.production-map .card h2{font-size:29px;max-width:190px;margin-bottom:10px}.production-map .card p{font-size:11px;line-height:1.55;max-width:180px}.production-map .card .metric{font-size:40px}.production-map .card-bottom{padding-top:9px;margin-top:13px}.production-map .next{width:26px;height:26px;font-size:15px}.production-map .hint{font-size:8px}.production-map .nav-wrap{bottom:47px;gap:8px;max-width:calc(100% - 32px);width:calc(100% - 32px)}.production-map .scene-nav{width:100%;justify-content:space-between}.production-map .scene-nav button{font-size:10px;padding:11px 12px;flex:1}.production-map .scene-nav button span{font-size:8px;margin-right:6px}.production-map .legend{font-size:8px;gap:14px}.production-map .approx{left:16px;bottom:25px;font-size:7px;max-width:calc(100% - 60px)}.production-map .about{right:17px;bottom:116px}.production-map .about summary{width:26px;height:26px;font-size:14px}.production-map .about-content{bottom:37px;width:min(290px,calc(100vw - 34px))}.production-map .terrain-state{right:20px;top:264px;font-size:7px}.production-map .status{top:82px;font-size:10px;padding:9px 12px}.production-map .maplibregl-ctrl-attrib{font-size:7px!important;line-height:14px!important}.production-map .maplibregl-ctrl-scale{margin-left:16px!important;margin-bottom:4px!important;font-size:8px}.production-map .maplibregl-canvas-container.maplibregl-interactive{touch-action:pan-y}}
@media(max-height:620px) and (min-width:701px){.production-map .card{bottom:106px;padding:16px 20px;min-height:0}.production-map .card-top{margin-bottom:10px}.production-map .card h2{font-size:29px}.production-map .card-bottom{margin-top:10px}.production-map .header{top:18px}.production-map .tools{top:88px}}
@media(prefers-reduced-motion:reduce){.production-map *,.production-map *:before,.production-map *:after{scroll-behavior:auto!important;transition:none!important}}.production-map /* Prueba 3: texto desarrollado en cada fase y puntos separados sobre cubiertas. */
.card{width:350px;max-height:calc(100svh - 150px);overflow:auto;padding:23px 25px 18px;min-height:0}.production-map .card-top{gap:9px;margin-bottom:16px}.production-map .eyebrow{font-size:8px;letter-spacing:1.2px;line-height:1.5}.production-map .card-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.production-map #card-toggle{border:1px solid #bdc9b6;background:transparent;border-radius:3px;color:#446343;width:23px;height:23px;font-size:16px;padding:0;display:grid;place-items:center}.production-map .card h2{font-size:29px;margin-bottom:15px}.production-map .card .metric{font-size:42px;margin:0 0 13px}.production-map .copy p{font-size:12px;line-height:1.7;max-width:none}.production-map .copy p+p{margin-top:12px}.production-map .card-bottom{margin-top:16px}.production-map .card.collapsed{padding:15px 20px;width:285px}.production-map .card.collapsed .card-top{margin:0}.production-map .card.collapsed h1,.production-map .card.collapsed .metric,.production-map .card.collapsed .copy,.production-map .card.collapsed .card-bottom{display:none!important}
@media(max-width:700px){.production-map .card{width:calc(100% - 32px);bottom:124px;padding:17px 20px 13px;max-height:48svh}.production-map .card h2{font-size:25px;max-width:none;margin-bottom:12px}.production-map .card .metric{font-size:34px;margin-bottom:10px}.production-map .card-top{margin-bottom:11px}.production-map .copy{max-height:22svh;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.production-map .copy p{font-size:11px;line-height:1.65}.production-map .copy p+p{margin-top:10px}.production-map .card-bottom{margin-top:12px}.production-map .card.collapsed{width:calc(100% - 70px);padding:13px 16px}.production-map .about{bottom:89px}.production-map .eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-height:620px) and (min-width:701px){.production-map .card{max-height:calc(100svh - 120px);bottom:105px;padding:15px 20px}.production-map .copy{max-height:26svh;overflow:auto;overscroll-behavior:contain}.production-map .card h2{font-size:25px}.production-map .card-top{margin-bottom:9px}.production-map .card-bottom{margin-top:10px}}.production-map /* Prueba 4: lectura breve,.production-map puntos persistentes y distribución ampliada. */
.card{width:330px;padding:23px 25px 18px;max-height:calc(100svh - 150px)}.production-map .card h2{font-size:33px;line-height:1.06;letter-spacing:-1px;margin-bottom:17px}.production-map .card-top{margin-bottom:18px}.production-map .copy{max-height:none;overflow:visible;padding:0}.production-map .copy .lede{font-size:13px;line-height:1.65;color:#5c6e5e;margin:0;max-width:none}.production-map .key-points{list-style:none;margin:17px 0 0;padding:0}.production-map .key-points li{font-size:11px;color:#31533d;border-top:1px solid #d8dece;padding:10px 0 0;margin-top:10px;display:flex;align-items:center;gap:9px}.production-map .key-points li:before{content:'';display:block;flex:0 0 5px;width:5px;height:5px;background:#73975f;border-radius:50%}.production-map .card .metric{font-size:46px;margin:0 0 14px}.production-map .card-bottom{margin-top:19px;padding-top:12px}.production-map .card.collapsed .key-points{display:none}.production-map .card.collapsed{width:285px}
@media(max-width:700px){.production-map .card{width:calc(100% - 32px);padding:18px 20px 13px;max-height:48svh}.production-map .card h2{font-size:29px;margin-bottom:13px}.production-map .copy .lede{font-size:12px;line-height:1.6}.production-map .key-points{margin-top:12px}.production-map .key-points li{font-size:10px;padding-top:8px;margin-top:8px}.production-map .card-top{margin-bottom:13px}.production-map .card .metric{font-size:37px;margin-bottom:10px}.production-map .card-bottom{margin-top:14px}.production-map .card.collapsed{width:calc(100% - 70px)}}
@media(max-height:620px) and (min-width:701px){.production-map .card{padding:16px 20px;bottom:105px;max-height:calc(100svh - 125px)}.production-map .card h2{font-size:28px}.production-map .card-top{margin-bottom:12px}.production-map .copy .lede{font-size:12px}.production-map .key-points{margin-top:10px}.production-map .card-bottom{margin-top:12px}}

.production-journey{height:330svh;position:relative;background:#263e37;overflow-anchor:none}
.production-map{position:sticky;top:var(--navh);height:calc(100svh - var(--navh));min-height:360px;isolation:isolate;overflow:hidden;--cream:#f5f3e9;--ink:#163a30;--glass:rgba(15,34,29,.82);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:normal}
.production-map #map{background:#718a8c url('../../assets/campo-el-ejido-mapa.jpg') center/cover}
.production-map .header{justify-content:center;top:18px}
.production-map .header-label{pointer-events:auto}
.production-map .header-label small{display:inline}
.production-map .card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:33px;line-height:1.06;letter-spacing:-1px;margin:0 0 17px}
.production-map .card.collapsed h2{display:none}
.production-map .card{max-height:calc(100% - 160px)}
.production-map .status{top:68px}
.production-map .tools{top:72px}
.production-map .terrain-state{top:270px}
.production-map .about-content{max-height:calc(100svh - var(--navh) - 130px);overflow:auto;overscroll-behavior:contain}
.production-map .scene-nav button{min-height:44px}
.production-map .card-toggle,.production-map #card-toggle{min-width:32px;min-height:32px}
.production-map .next{min-width:32px;min-height:32px}
.production-map .exit-map{color:var(--cream);position:absolute;z-index:5;right:80px;top:26px;font-size:11px;border-bottom:1px solid #ffffff70;padding:6px}
@media(max-width:700px){
 .production-map .header{left:16px;right:auto;top:18px}
 .production-map .header-label small{display:none}
 .production-map .card{bottom:124px;max-height:calc(100% - 195px);width:calc(100% - 70px);padding:16px 18px}
 .production-map .card h2{font-size:25px;margin-bottom:12px}
 .production-map .card-top{margin-bottom:10px}
 .production-map .copy .lede{font-size:12px}
 .production-map .tools{top:65px}
 .production-map .tools button{min-width:38px;min-height:38px}
 .production-map .terrain-state{display:none}
 .production-map .status{top:63px;max-width:calc(100% - 96px);left:16px;transform:none}
 .production-map .exit-map{right:16px;top:20px;font-size:10px}
 .production-map .scene-nav button{padding:10px 5px;font-size:10px}
 .production-map .scene-nav button span{margin-right:4px}
 .production-map .about{bottom:128px}
 .production-map .about-content{max-height:calc(100svh - var(--navh) - 220px)}
}
@media(max-height:540px){.production-map .card{bottom:112px;padding:12px 16px;width:290px;max-height:calc(100% - 160px)}.production-map .card h2{font-size:22px;margin-bottom:7px}.production-map .card-top{margin-bottom:7px}.production-map .copy .lede{font-size:11px}.production-map .key-points{display:none}.production-map .card-bottom{margin-top:8px}}