/* English editorial layer — shared over the core Istmo Rides system */
.en-hero h1{max-width:17ch}
.en-hero .lead{max-width:53ch}
.en-hero .bg{background-position:center 36%}

.en-intro-note{
  padding:7rem 0;background:var(--crema);
}
.en-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
.en-intro-note .lede{
  font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:800;
  line-height:1.12;text-transform:uppercase;color:var(--selva);max-width:22ch;
}
.en-intro-note .copy{max-width:55ch;color:#4A554B}
.en-intro-note .copy p+p{margin-top:1rem}

.en-guide-feature{padding:7.5rem 0;background:var(--crema);overflow:hidden}
.en-guide-feature .feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4.5rem;align-items:center}
.en-guide-feature .feature-image{position:relative;border-radius:var(--radius);overflow:hidden;min-height:540px;box-shadow:0 28px 60px rgba(14,42,27,.2)}
.en-guide-feature .feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.en-guide-feature .feature-image::after{content:"08";position:absolute;right:1.2rem;bottom:-.1rem;font-family:var(--display);font-weight:900;font-size:8rem;line-height:1;color:rgba(245,239,226,.84)}
.en-guide-feature .eyebrow{display:inline-block;color:var(--heliconia-osc);font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.2rem}
.en-guide-feature h2{max-width:13ch}
.en-guide-feature p{color:#4A554B;max-width:50ch;margin:1.5rem 0 2rem}
.data-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:2rem 0}
.data-proof div{background:var(--crema-2);padding:1rem;border-radius:10px}
.data-proof b{display:block;font-family:var(--display);font-size:1.4rem;color:var(--selva)}
.data-proof span{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#6B7A6E}

.en-trust-line{padding:1rem 0;background:var(--oro);color:var(--selva);overflow:hidden}
.en-trust-line p{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-align:center}

/* Long-form guide */
.guide-hero{
  min-height:78svh;display:flex;align-items:flex-end;position:relative;isolation:isolate;
  color:var(--crema);background:var(--selva);overflow:hidden;
}
.guide-hero .bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 38%}
.guide-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,42,27,.94) 0%,rgba(14,42,27,.7) 47%,rgba(14,42,27,.16) 78%),linear-gradient(to top,rgba(14,42,27,.9),transparent 55%)}
.guide-hero .inner{padding:10rem 2rem 5rem;width:100%;max-width:1240px;margin:0 auto}
.guide-hero h1{font-size:clamp(2.5rem,6vw,5.4rem);max-width:14ch}
.guide-hero .dek{max-width:55ch;font-size:clamp(1rem,1.5vw,1.2rem);color:#DDE7DD;margin-top:1.6rem}
.guide-byline{display:flex;gap:1rem;align-items:center;margin-top:2rem;color:var(--niebla);font-size:.8rem}
.guide-byline img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--oro)}
.guide-byline b{display:block;color:var(--crema)}

.article-shell{max-width:1120px;margin:0 auto;padding:6.5rem 2rem}
.article-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:5rem;align-items:start}
.article-aside{position:sticky;top:110px;border-top:3px solid var(--heliconia);padding-top:1.2rem}
.article-aside span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:#6B7A6E;margin-bottom:.4rem}
.article-aside b{font-family:var(--display);font-size:1.05rem;text-transform:uppercase;color:var(--selva)}
.article-aside div+div{margin-top:1.4rem}
.article-copy .lead{font-family:var(--display);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;line-height:1.25;text-transform:uppercase;color:var(--selva)}
.article-copy p{color:#4A554B;margin-top:1.2rem;font-size:1.02rem}

.guide-routes{padding:7rem 0;background:var(--crema-2)}
.guide-routes .wrap{max-width:1120px}
.route-guide{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--crema);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(24,33,25,.1);margin-top:2rem}
.route-guide:nth-child(even){grid-template-columns:1.08fr .92fr}
.route-guide:nth-child(even) .route-visual{order:2}
.route-visual{position:relative;min-height:390px;overflow:hidden}
.route-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.route-guide:hover .route-visual img{transform:scale(1.04)}
.route-index{position:absolute;top:1rem;left:1rem;width:54px;height:54px;border-radius:50%;background:var(--heliconia);color:var(--crema);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:1.2rem}
.route-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}
.route-content .place{color:var(--heliconia-osc);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.route-content h2{font-size:clamp(1.45rem,2.5vw,2.15rem);margin-top:.7rem}
.route-content p{color:#4A554B;margin-top:1rem}
.route-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.6rem}
.route-facts div{border-top:1px solid #D8CEBA;padding-top:.75rem}
.route-facts b{display:block;color:var(--selva);font-family:var(--display);font-size:1rem}
.route-facts span{display:block;color:#7A8A7D;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.15rem}
.source-note{margin-top:2rem;color:#7A8A7D;font-size:.78rem;text-align:center}

.guide-practical{padding:7rem 0;background:var(--selva);color:var(--crema)}
.guide-practical .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem}
.guide-tip{border-top:2px solid var(--oro);padding-top:1.5rem}
.guide-tip span{font-family:var(--display);font-weight:900;font-size:2.4rem;color:var(--oro)}
.guide-tip h3{font-family:var(--display);text-transform:uppercase;font-size:1rem;margin:.6rem 0}
.guide-tip p{color:var(--niebla);font-size:.92rem}

.guide-cta{padding:8rem 0;text-align:center;background:var(--crema)}
.guide-cta h2{max-width:18ch;margin:0 auto}
.guide-cta p{max-width:48ch;margin:1.2rem auto 2.2rem;color:#4A554B}

@media(max-width:1020px){
  .en-guide-feature .feature-grid,.article-intro{grid-template-columns:1fr;gap:3rem}
  .article-aside{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  .article-aside div+div{margin-top:0}
  .guide-practical .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .en-intro-note{padding:5rem 0}
  .en-intro-grid{grid-template-columns:1fr;gap:1.5rem}
  .en-guide-feature .feature-image{min-height:420px}
  .data-proof{grid-template-columns:1fr}
  .route-guide,.route-guide:nth-child(even){grid-template-columns:1fr}
  .route-guide:nth-child(even) .route-visual{order:0}
  .route-visual{min-height:300px}
  .route-content{padding:2rem}
  .article-aside{grid-template-columns:1fr}
  .guide-practical .grid{grid-template-columns:1fr}
  .guide-hero .bg{background-position:62% center}
}