.map-page{background:#080809 url('/assets/carbono-forjado.svg') repeat;background-size:700px;color:#f7f3e9;isolation:isolate}
.map-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,#b68c2926,transparent 55%),linear-gradient(120deg,#0005,#0001 50%,#0008)}
.map-page .header{background:#080808e8;border-bottom-color:#e7c46938}
.map-page footer{background:#080808dd;border-top-color:#e7c46938}
.map-shell{max-width:1320px;margin:auto;padding:75px 6% 90px}
.map-intro{position:relative;margin-bottom:48px}
.map-intro .eyebrow{color:var(--gold);font-size:11px;letter-spacing:2.2px;margin-bottom:22px}
.map-intro h1{font-size:clamp(58px,7.8vw,105px);letter-spacing:-.065em;line-height:.98;margin-bottom:26px}
.map-intro>p:not(.eyebrow){color:#c4c0b8;font-size:18px;line-height:1.7}
.map-label{display:inline-flex;gap:16px;align-items:center;border:1px solid #e7c46945;border-radius:100px;padding:9px 16px;color:#d7bd7d;font-size:9px;letter-spacing:1.7px;background:#0b0b0bc9}
.map-label span{color:#7e6b3f}
.map-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.map-card{grid-column:span 2;display:flex;flex-direction:column;min-width:0;min-height:310px;padding:28px;border:1px solid #e7c46945;border-radius:22px;background:linear-gradient(140deg,#272319d9,#0b0b0bef 68%);box-shadow:0 15px 45px #0005,inset 0 1px 0 #e7c46910;transition:transform .25s,border-color .25s,box-shadow .25s}
.map-card:nth-child(n+4){grid-column:span 3}
.map-card:hover{transform:translateY(-5px);border-color:#e7c469b3;box-shadow:0 18px 42px #0009,inset 0 1px 0 #e7c46938}
.map-card:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.map-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.map-number{color:#b59a5f;font-size:12px;letter-spacing:2px}
.map-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e7c46955;border-radius:50%;font-size:23px;color:var(--gold)}
.map-card h2{font-size:clamp(29px,3vw,40px);color:#efd18a;font-weight:550;letter-spacing:-1.5px;margin:0 0 14px}
.map-tagline{font-size:17px;line-height:1.4;color:#f5f0e5;margin:0 0 9px}
.map-description{font-size:14px;line-height:1.7;color:#b8b4ad;margin-bottom:28px;max-width:36ch}
.map-card-action{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #e7c46926;margin-top:auto;color:var(--gold);font-size:13px;font-weight:600}
.map-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:32px;padding:25px 0;border-top:1px solid #e7c46938}
.map-shortcuts p{margin:0 auto 0 0;color:#b8b4ad;font-size:14px}
.map-shortcuts a{color:var(--gold);font-size:14px;padding:9px 0}
.map-shortcuts a span{margin-left:10px}
.map-shortcuts a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:900px){.map-label{position:absolute;bottom:10px;right:0}}
@media(max-width:850px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card,.map-card:nth-child(n+4){grid-column:auto}.map-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.map-shell{padding:42px 6% 50px}.map-intro{margin-bottom:30px}.map-intro .eyebrow{font-size:9px;letter-spacing:1.5px;max-width:28ch}.map-intro h1{font-size:clamp(52px,14vw,76px)}.map-intro>p:not(.eyebrow){font-size:16px}.map-grid{grid-template-columns:1fr;gap:16px}.map-card{min-height:0;padding:24px}.map-card-top{margin-bottom:20px}.map-card h2{font-size:34px}.map-description{max-width:none;margin-bottom:24px}.map-shortcuts{gap:12px 25px}.map-shortcuts p{width:100%}}
@media(prefers-reduced-motion:reduce){.map-card{transition:none}.map-card:hover{transform:none}}
