/* W13 — A destination guide. Scoped to preserve the approved sales pages. */
.jarabacoa-page .jarabacoa-guide{--jg-ink:#173b30;--jg-muted:#52655c;--jg-line:#d5ddd5;--jg-light:#f3f6f2;color:var(--jg-ink);background:#fff}
.jarabacoa-page .jg-container{width:min(1216px,88%);margin-inline:auto}
.jarabacoa-page .jarabacoa-guide h1,.jarabacoa-page .jarabacoa-guide h2,.jarabacoa-page .jarabacoa-guide h3{font-family:var(--sans);font-weight:500;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.jarabacoa-page .jarabacoa-guide h2{font-size:clamp(34px,3.45vw,49px);margin:0 0 26px}
.jarabacoa-page .jarabacoa-guide h3{font-size:29px;margin:0 0 20px}
.jarabacoa-page .jarabacoa-guide p{font-size:17px;line-height:1.8;margin:0 0 20px}
.jarabacoa-page .jarabacoa-guide .jg-eyebrow{font-size:12px;line-height:1.6;font-weight:650;letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;color:#647763}
.jarabacoa-page .jg-hero{position:relative;min-height:620px;height:min(76vh,780px);isolation:isolate;display:flex;align-items:center;color:#fff}
.jarabacoa-page .jg-hero-photo{position:absolute;inset:0;margin:0}
.jarabacoa-page .jg-hero-photo img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.jarabacoa-page .jg-hero-photo figcaption{position:absolute;bottom:24px;right:6%;font-size:12px;line-height:1.6;color:#fff;max-width:330px;text-align:right;z-index:2}
.jarabacoa-page .jg-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,30,21,.8) 0%,rgba(7,30,21,.36) 52%,rgba(7,30,21,.03) 85%),linear-gradient(0deg,rgba(6,24,17,.68),transparent 45%)}
.jarabacoa-page .jg-hero-copy{position:relative;z-index:1;width:min(1216px,88%);margin:0 auto;padding:50px 0 70px}
.jarabacoa-page .jg-hero h1{font-size:clamp(53px,5.8vw,82px);max-width:820px;margin:0 0 29px;color:#fff}
.jarabacoa-page .jg-hero-copy .jg-eyebrow{color:#e5ebd9}
.jarabacoa-page .jg-hero-copy .jg-hero-intro{max-width:560px;font-size:20px;line-height:1.65;color:#fff;margin-bottom:35px}
.jarabacoa-page .jg-hero-link{display:inline-flex;align-items:center;gap:40px;padding:10px 0 12px;border-bottom:1px solid #f4f6ed99;color:#fff;font-size:16px;font-weight:600}
.jarabacoa-page .jg-hero-link>span{font-size:24px}
.jarabacoa-page .jg-chapter-nav{display:flex;justify-content:center;gap:0;background:#fff;border-bottom:1px solid var(--jg-line);padding:23px 4%;overflow-x:auto;scrollbar-width:thin}
.jarabacoa-page .jg-chapter-nav a{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 27px;white-space:nowrap;font-size:15px;border-right:1px solid var(--jg-line);min-height:46px}
.jarabacoa-page .jg-chapter-nav a:last-child{border-right:0}
.jarabacoa-page .jg-chapter-nav a>span{font-size:12px;color:#778870}
.jarabacoa-page .jg-chapter-nav a:hover{color:#76854b}
.jarabacoa-page .jg-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;padding-block:88px;border-bottom:1px solid var(--jg-line)}
.jarabacoa-page .jg-intro h2{max-width:440px}
.jarabacoa-page .jg-intro-copy p{color:var(--jg-muted);max-width:630px}
.jarabacoa-page .jg-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid currentColor;padding:7px 0;font-size:15px;font-weight:650;line-height:1.6}
.jarabacoa-page .jg-text-link>span{flex-shrink:0;font-size:20px}
.jarabacoa-page .jg-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;padding-block:85px}
.jarabacoa-page .jg-photo{margin:0;min-width:0}
.jarabacoa-page .jg-photo img{display:block;width:100%;height:auto;background:#edf0e9}
.jarabacoa-page .jg-photo figcaption{font-size:13px;line-height:1.7;color:var(--jg-muted);padding:14px 0 0;border-top:0}
.jarabacoa-page .jg-portrait{max-width:440px;width:100%}
.jarabacoa-page .jg-portrait img{aspect-ratio:auto;object-fit:contain}
.jarabacoa-page .jg-feature-copy{max-width:570px}
.jarabacoa-page .jg-feature-copy>p:not(.jg-eyebrow){color:var(--jg-muted)}
.jarabacoa-page .jg-practical{padding:21px 0 0;border-top:1px solid var(--jg-line);margin-top:28px}
.jarabacoa-page .jg-practical strong{display:block;font-size:15px;font-weight:700;margin-bottom:8px}
.jarabacoa-page .jg-practical p{font-size:15px;line-height:1.8;color:var(--jg-muted);margin:0}
.jarabacoa-page .jg-rafting-band{background:var(--jg-light)}
.jarabacoa-page .jg-feature-reverse{grid-template-columns:1.1fr .9fr}
.jarabacoa-page .jg-feature-reverse .jg-portrait{justify-self:end}
.jarabacoa-page .jg-outdoors{padding-block:85px 65px}
.jarabacoa-page .jg-section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-bottom:43px}
.jarabacoa-page .jg-section-heading h2{margin-bottom:0}
.jarabacoa-page .jg-section-heading>p{color:var(--jg-muted);margin:0}
.jarabacoa-page .jg-adventure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%}
.jarabacoa-page .jg-card-photo img{aspect-ratio:1.5;object-fit:cover}
.jarabacoa-page .jg-card-photo figcaption{min-height:65px}
.jarabacoa-page .jg-adventure-copy{padding:25px 0 0}
.jarabacoa-page .jg-adventure-copy p{color:var(--jg-muted)}
.jarabacoa-page .jg-river{border-top:1px solid var(--jg-line);padding-block:70px 80px}
.jarabacoa-page .jg-river-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}
.jarabacoa-page .jg-river-copy p:not(.jg-eyebrow){color:var(--jg-muted)}
.jarabacoa-page .jg-river-photo img{aspect-ratio:952/698;object-fit:contain}
.jarabacoa-page .jg-valley-photo{max-width:946px;margin:40px auto 0}
.jarabacoa-page .jg-valley-photo img{aspect-ratio:946/370;object-fit:contain}
.jarabacoa-page .jg-everyday{background:#173b30;color:#fff;padding-block:80px}
.jarabacoa-page .jg-everyday-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8%}
.jarabacoa-page .jg-everyday .jg-eyebrow{color:#d0dabc}
.jarabacoa-page .jg-everyday p{color:#e0e8dd}
.jarabacoa-page .jg-everyday .jg-photo figcaption{color:#d0dbcf}
.jarabacoa-page .jg-everyday .jg-text-link{color:#fff}
.jarabacoa-page .jg-landscape-photo img{aspect-ratio:956/568;object-fit:contain}
.jarabacoa-page .jg-visit{padding-block:90px 80px}
.jarabacoa-page .jg-visit-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:0}
.jarabacoa-page .jg-visit-steps li{border-top:1px solid var(--jg-line);padding-top:27px}
.jarabacoa-page .jg-step-number{display:block;font-size:15px;color:#738166;margin-bottom:20px}
.jarabacoa-page .jg-visit-steps h3{font-size:25px;line-height:1.25}
.jarabacoa-page .jg-visit-steps p{font-size:16px;color:var(--jg-muted)}
.jarabacoa-page .jg-visit-links{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:20px}
.jarabacoa-page .jg-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:58px;padding:16px 24px;background:var(--jg-ink);color:#fff;font-size:16px;line-height:1.6;font-weight:600;transition:background .15s}
.jarabacoa-page .jg-button:hover{background:#285244}
.jarabacoa-page .jg-button span{font-size:22px}
.jarabacoa-page .jg-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;border-top:1px solid var(--jg-line);padding-block:75px}
.jarabacoa-page .jg-faq-intro p:not(.jg-eyebrow){color:var(--jg-muted)}
.jarabacoa-page .jg-question{border-bottom:1px solid var(--jg-line)}
.jarabacoa-page .jg-question:first-child{border-top:1px solid var(--jg-line)}
.jarabacoa-page .jg-question summary{display:flex;gap:30px;align-items:center;justify-content:space-between;cursor:pointer;padding:23px 0;font-size:18px;font-weight:600;line-height:1.6;list-style:none}
.jarabacoa-page .jg-question summary::-webkit-details-marker{display:none}
.jarabacoa-page .jg-question-icon{font-size:25px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .15s}
.jarabacoa-page .jg-question[open] .jg-question-icon{transform:rotate(45deg)}
.jarabacoa-page .jg-answer p{font-size:16px;color:var(--jg-muted);padding-right:30px;margin:0 0 25px}
.jarabacoa-page .jg-sources{border-top:1px solid var(--jg-line);padding-block:35px 55px}
.jarabacoa-page .jg-sources h2{font-size:20px;line-height:1.4;margin:0 0 12px;letter-spacing:-.015em;text-wrap:wrap}
.jarabacoa-page .jg-sources p{font-size:14px;max-width:930px;color:var(--jg-muted);line-height:1.7;margin-bottom:15px}
.jarabacoa-page .jg-sources ul{list-style:none;display:flex;gap:10px 25px;flex-wrap:wrap;padding:0;margin:15px 0 24px}
.jarabacoa-page .jg-sources li a{font-size:14px;line-height:1.7;text-decoration:underline;text-underline-offset:4px;padding-block:8px;display:inline-block}
.jarabacoa-page .jg-sources .jg-context-note{font-size:13px;max-width:950px}
.jarabacoa-page .jg-closing{padding-block:80px;background:var(--jg-light)}
.jarabacoa-page .jg-closing h2{font-size:clamp(36px,4.5vw,63px);max-width:820px}
.jarabacoa-page .jg-closing p:not(.jg-eyebrow){max-width:650px;color:var(--jg-muted);font-size:18px}
.jarabacoa-page .jg-closing-links{display:flex;gap:35px;align-items:center;flex-wrap:wrap;margin-top:32px}
.jarabacoa-page .jarabacoa-guide :is(section,details)[id]{scroll-margin-top:125px}
.jarabacoa-page .jarabacoa-guide a:focus-visible,.jarabacoa-page .jg-question summary:focus-visible{outline:3px solid #a1763d;outline-offset:5px}
@media(min-width:1700px){.jarabacoa-page .jg-hero-copy{width:1216px}.jarabacoa-page .jg-hero-photo figcaption{right:calc((100vw - 1216px)/2)}}
@media(max-width:1050px){
  .jarabacoa-page .jg-chapter-nav a{padding-inline:18px;gap:9px}
  .jarabacoa-page .jg-intro,.jarabacoa-page .jg-feature,.jarabacoa-page .jg-section-heading,.jarabacoa-page .jg-river-top,.jarabacoa-page .jg-everyday-grid,.jarabacoa-page .jg-faq{gap:6%}
  .jarabacoa-page .jg-visit-steps{gap:26px}
  .jarabacoa-page .jg-feature{padding-block:65px}
  .jarabacoa-page .jg-hero h1{max-width:740px}
}
@media(max-width:760px){
  .jarabacoa-page .jg-container{width:88%}
  .jarabacoa-page .jarabacoa-guide h2{font-size:35px;margin-bottom:23px}
  .jarabacoa-page .jarabacoa-guide h3{font-size:28px}
  .jarabacoa-page .jarabacoa-guide p{font-size:16px;line-height:1.8}
  .jarabacoa-page .jarabacoa-guide .jg-eyebrow{font-size:11px;margin-bottom:20px;line-height:1.7}
  .jarabacoa-page .jg-hero{min-height:610px;height:calc(92svh - 80px);max-height:760px;align-items:flex-end}
  .jarabacoa-page .jg-hero h1{font-size:clamp(41px,10.7vw,65px);line-height:1.1;margin-bottom:24px;max-width:600px}
  .jarabacoa-page .jg-hero-copy{width:88%;padding:110px 0 100px}
  .jarabacoa-page .jg-hero-copy .jg-hero-intro{font-size:17px;line-height:1.7;max-width:500px;margin-bottom:25px}
  .jarabacoa-page .jg-hero-shade{background:linear-gradient(0deg,#092d23ed 0%,#092d23b0 58%,#092d2305 100%)}
  .jarabacoa-page .jg-hero-photo img{object-position:60% center}
  .jarabacoa-page .jg-hero-photo figcaption{left:6%;right:6%;bottom:22px;text-align:left;font-size:11px;line-height:1.6;max-width:none}
  .jarabacoa-page .jg-hero-link{font-size:15px}
  .jarabacoa-page .jg-chapter-nav{justify-content:flex-start;padding:14px 4%;scroll-snap-type:x proximity}
  .jarabacoa-page .jg-chapter-nav a{font-size:14px;min-height:46px;gap:10px;padding-inline:20px;scroll-snap-align:start}
  .jarabacoa-page .jg-intro{grid-template-columns:1fr;padding-block:53px 48px;gap:5px}
  .jarabacoa-page .jg-feature{grid-template-columns:1fr;padding-block:52px;gap:28px}
  .jarabacoa-page .jg-feature .jg-feature-copy{grid-row:1;max-width:none}
  .jarabacoa-page .jg-portrait,.jarabacoa-page .jg-feature-reverse .jg-portrait{justify-self:center;max-width:390px}
  .jarabacoa-page .jg-practical{margin-top:24px;padding-top:19px}
  .jarabacoa-page .jg-practical p{font-size:15px}
  .jarabacoa-page .jg-photo figcaption{font-size:12px;padding-top:12px;line-height:1.7}
  .jarabacoa-page .jg-outdoors{padding-block:52px 35px}
  .jarabacoa-page .jg-section-heading{grid-template-columns:1fr;gap:0;margin-bottom:30px}
  .jarabacoa-page .jg-adventure-grid{grid-template-columns:1fr;gap:30px}
  .jarabacoa-page .jg-card-photo figcaption{min-height:0}
  .jarabacoa-page .jg-adventure-copy{padding-top:25px}
  .jarabacoa-page .jg-river{padding-block:48px}
  .jarabacoa-page .jg-river-top{grid-template-columns:1fr;gap:10px}
  .jarabacoa-page .jg-valley-photo{margin-top:27px}
  .jarabacoa-page .jg-everyday{padding-block:50px}
  .jarabacoa-page .jg-everyday-grid{grid-template-columns:1fr;gap:30px}
  .jarabacoa-page .jg-everyday-grid>div{grid-row:1}
  .jarabacoa-page .jg-visit{padding-block:53px 50px}
  .jarabacoa-page .jg-visit-steps{grid-template-columns:1fr;gap:16px}
  .jarabacoa-page .jg-visit-steps li{padding-top:23px}
  .jarabacoa-page .jg-visit-steps h3{font-size:26px}
  .jarabacoa-page .jg-step-number{margin-bottom:14px}
  .jarabacoa-page .jg-visit-links{gap:20px}
  .jarabacoa-page .jg-button{width:100%;font-size:15px;padding-inline:20px;gap:20px}
  .jarabacoa-page .jg-faq{grid-template-columns:1fr;padding-block:50px;gap:12px}
  .jarabacoa-page .jg-question summary{font-size:17px;padding-block:21px;gap:22px}
  .jarabacoa-page .jg-answer p{font-size:15px;padding-right:10px}
  .jarabacoa-page .jg-sources{padding-block:30px 40px}
  .jarabacoa-page .jg-sources h2{font-size:21px}
  .jarabacoa-page .jg-sources p{font-size:14px}
  .jarabacoa-page .jg-sources ul{display:block}
  .jarabacoa-page .jg-sources li{margin-bottom:5px}
  .jarabacoa-page .jg-closing{padding-block:54px}
  .jarabacoa-page .jg-closing h2{font-size:39px}
  .jarabacoa-page .jg-closing-links{gap:21px;margin-top:25px}
  .jarabacoa-page .jarabacoa-guide :is(section,details)[id]{scroll-margin-top:105px}
}
@media(prefers-reduced-motion:reduce){.jarabacoa-page .jarabacoa-guide *{scroll-behavior:auto;transition:none}}
