/* Despegar: a restrained cover, an editorial story, and real product evidence. */
.case-page .case-hero{background:var(--navy);color:#fff}
.case-hero .breadcrumbs{color:#b7c8d7;padding-block:25px}
.case-hero .breadcrumbs [aria-current]{color:#fff}
.case-hero .breadcrumbs li+li::before{color:#75919f}
.case-hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px;padding-block:24px 76px}
.case-hero-copy{min-width:0;max-width:1080px}
.case-identity{display:flex;align-items:center;gap:24px;margin-bottom:30px}
.case-client-logo{padding:12px 16px;background:#fff;border-radius:3px;flex:none}
.case-client-logo img{width:124px;height:auto}
.case-identity>p{font-size:13px;line-height:1.6;color:#c1cfdb}
.case-page .case-hero h1{font-size:clamp(40px,3.34vw,48px);line-height:1.12;letter-spacing:-1.6px;color:#fff;max-width:1050px;text-wrap:balance}
.case-hero-summary{font-size:18px;color:#c1cfdb;max-width:760px;margin-top:26px}
.case-hero-summary p{line-height:1.75}
.case-hero a:focus-visible{outline-color:#89e1d3}
.case-hero-product{min-width:0;margin:0}
.case-hero-capture{display:block;padding:8px;background:#fff;border-radius:8px;box-shadow:0 20px 48px #020b1e40}
.case-hero-capture img{display:block;width:100%;height:auto;border-radius:3px}
.case-hero-product figcaption{display:flex;justify-content:flex-end;margin-top:5px}
.case-section-label{font-size:14px;line-height:1.5;color:#08796f}
.case-challenge,.case-approach,.case-solution,.case-results,.case-evolution,#resumen{scroll-margin-top:25px}
.case-challenge{display:grid;grid-template-columns:208px minmax(0,1fr);gap:64px;padding-block:80px}
.case-challenge>.case-section-label{padding-top:8px}
.case-challenge-copy{max-width:800px}
.case-page .case-challenge h2{font-size:38px;line-height:1.2;letter-spacing:-1.1px;max-width:780px;text-wrap:pretty}
.case-context{font-size:18px;line-height:1.8;color:var(--navy);margin-block:28px 23px;max-width:760px}
.case-challenge .page-prose{font-size:16px;max-width:760px}
.case-challenge .page-prose p+p{margin-top:18px}

/* The three milestones reflect the sequence documented in the case. */
.case-approach{padding-block:68px 76px;background:var(--mist)}
.case-approach-heading{display:grid;grid-template-columns:208px minmax(0,1fr);gap:64px;align-items:start}
.case-approach-heading>.case-section-label{padding-top:8px}
.case-page .case-approach h2{font-size:38px;line-height:1.2;letter-spacing:-1.1px;max-width:760px;text-wrap:pretty}
.case-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:48px 0 0}
.case-process>li{position:relative;padding-right:42px}
.case-process>li:last-child{padding-right:0}
.case-process>li:not(:last-child)::before{content:'';height:1px;position:absolute;left:39px;right:0;top:19px;background:#9fbdb8}
.case-process-number{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #87aaa3;border-radius:50%;color:#08796f;font-size:14px;font-weight:600;background:var(--mist);position:relative}
.case-page .case-process h3{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin-top:23px;text-wrap:pretty}
.case-process-output{color:#08796f;font-size:13px;line-height:1.6;margin-top:10px;max-width:340px}
.case-process-description{font-size:15px;color:var(--muted);margin-top:20px;max-width:360px}
.case-process-description p{line-height:1.8}

/* Product chapter: an intact overview followed by a real catalog detail. */
.case-solution{padding-block:84px;background:var(--mint)}
.case-solution-heading{max-width:900px}
.case-page .case-solution h2{font-size:46px;line-height:1.17;letter-spacing:-1.5px;max-width:900px;margin-top:18px;text-wrap:pretty}
.case-solution-heading .page-prose{font-size:17px;max-width:780px;margin-top:25px;color:#466359}
.case-product-overview{margin:40px 0 0}
.case-product-overview>.static-image{display:block;padding:12px;background:#fff;border-radius:9px;box-shadow:0 14px 36px #183b3512}
.case-product-overview img{width:100%;height:auto;border-radius:4px}
.case-solution figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:12px;line-height:1.6;color:#466359;margin-top:13px}
.case-product-workflow{max-width:850px;font-size:17px;color:#466359;margin-top:32px}
.case-product-rules{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;margin-top:34px}
.case-product-rules>div{max-width:560px}
.case-page .case-product-rules h3{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin-bottom:13px;text-wrap:pretty}
.case-product-rules p,.case-catalog-copy p{font-size:16px;color:#466359;line-height:1.8}
.case-catalog{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:100px;align-items:center;margin-top:68px;padding-top:60px;border-top:1px solid #c7dcd6}
.case-catalog-figure{min-width:0;margin:0}
.case-catalog-crop{display:block;position:relative;aspect-ratio:600/802;overflow:hidden;border-radius:9px;background:#f7f9fb;box-shadow:0 14px 36px #183b3512}
/* Original modal bounds: x=525, y=56, width=600, height=802 in a 1641×883 PNG. */
.case-catalog-crop img{position:absolute;width:273.5%;max-width:none;height:auto;left:-87.5%;top:-6.9825%}
.case-catalog-copy{max-width:520px}
.case-catalog-copy>div+div{margin-top:44px}
.case-page .case-catalog-copy h3{font-size:31px;line-height:1.25;letter-spacing:-.8px;margin-bottom:20px;text-wrap:pretty}
.case-catalog-figure figcaption{display:block}

/* One strong expression of impact; no invented statistics. */
.case-results{background:var(--navy);color:#fff;padding-block:80px 64px}
.case-results>.container>.case-section-label{color:#c1cfdb}
.case-results-lead{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;margin-top:30px}
.case-page .case-results h2{font-size:92px;line-height:1.02;letter-spacing:-3.5px;color:#89e1d3;white-space:nowrap}
.case-page .case-results-story h3{font-size:31px;line-height:1.25;letter-spacing:-.8px;color:#fff;margin-bottom:24px;text-wrap:pretty}
.case-results-story p{font-size:16px;color:#c1cfdb;line-height:1.8}
.case-results-adoption{margin-top:22px}
.case-outcomes{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:28px 90px;margin:48px 0 0;padding:34px 0 0;border-top:1px solid #355060}
.case-outcomes>li{font-size:15px;line-height:1.75;color:#c1cfdb;max-width:560px}
.case-outcomes strong{display:block;color:#fff;font-family:var(--heading);font-size:21px;font-weight:500;letter-spacing:-.3px;line-height:1.4;margin-bottom:8px}
.case-evolution{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-top:38px;padding-top:28px;border-top:1px solid #355060}
.case-page .case-evolution h3{font-size:18px;line-height:1.5;letter-spacing:-.2px;color:#fff}
.case-evolution p{font-size:15px;line-height:1.75;color:#c1cfdb;max-width:760px}
.case-page .page-contact p:last-child{font-size:14px}

@media(max-width:1199px){
  .case-hero-layout{grid-template-columns:1fr;gap:38px}
  .case-hero-product{width:100%;max-width:900px}
  .case-page .case-hero h1{font-size:49px}
  .case-challenge,.case-approach-heading{grid-template-columns:160px minmax(0,1fr);gap:40px}
  .case-process>li{padding-right:28px}
  .case-page .case-process h3{font-size:22px}
  .case-catalog{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:60px}
  .case-product-rules{gap:48px}
  .case-results-lead,.case-outcomes{column-gap:55px}
  .case-page .case-results h2{font-size:76px;letter-spacing:-2.8px}
}

@media(max-width:799px){
  .case-hero-layout{padding-block:20px 44px;gap:32px}
  .case-page .case-hero h1{font-size:44px;letter-spacing:-1.5px}
  .case-hero-summary{font-size:17px}
  .case-challenge{display:block;padding-block:54px}
  .case-challenge>.case-section-label{padding:0;margin-bottom:18px}
  .case-page .case-challenge h2,.case-page .case-approach h2{font-size:33px;letter-spacing:-.9px}
  .case-context{font-size:17px;margin-top:24px}
  .case-approach{padding-block:50px}
  .case-approach-heading{display:block}
  .case-approach-heading>.case-section-label{padding:0;margin-bottom:18px}
  .case-process{display:block;margin-top:32px}
  .case-process>li,.case-process>li:last-child{padding:0 0 32px 62px;min-height:100px}
  .case-process>li:last-child{padding-bottom:0}
  .case-process-number{position:absolute;left:0;top:0}
  .case-process>li:not(:last-child)::before{width:1px;height:auto;left:19px;right:auto;top:39px;bottom:0}
  .case-page .case-process h3{margin:0;padding-top:5px;font-size:24px}
  .case-process-output{max-width:none;margin-top:7px}
  .case-process-description{max-width:600px;margin-top:13px;font-size:16px}
  .case-solution{padding-block:56px}
  .case-page .case-solution h2{font-size:36px;letter-spacing:-1px}
  .case-solution-heading .page-prose{font-size:16px;margin-top:22px}
  .case-product-overview{margin-top:28px}
  .case-product-overview>.static-image{padding:7px;border-radius:6px}
  .case-product-rules{gap:32px}
  .case-page .case-product-rules h3{font-size:22px}
  .case-product-workflow{font-size:16px;margin-top:28px}
  .case-catalog{gap:40px;margin-top:46px;padding-top:40px}
  .case-page .case-catalog-copy h3{font-size:25px;letter-spacing:-.5px}
  .case-catalog-copy>div+div{margin-top:28px}
  .case-results{padding-block:54px}
  .case-results-lead{grid-template-columns:1fr;gap:30px;margin-top:23px}
  .case-page .case-results h2{font-size:78px}
  .case-results-story{max-width:650px}
  .case-page .case-results-story h3{font-size:29px;margin-bottom:20px}
  .case-outcomes{column-gap:35px;margin-top:32px;padding-top:30px}
  .case-evolution{grid-template-columns:1fr;gap:12px;margin-top:30px;padding-top:25px}
}

@media(max-width:599px){
  .case-catalog{grid-template-columns:1fr;gap:34px}
  .case-catalog-figure{max-width:420px;width:100%;margin-inline:auto}
  .case-catalog-copy{max-width:none}
  .case-product-rules{grid-template-columns:1fr;gap:26px;margin-top:28px}
}

@media(max-width:479px){
  .case-hero .breadcrumbs{padding-block:20px;font-size:11px}
  .case-hero-layout{padding-block:14px 28px;gap:28px}
  .case-hero-capture{padding:5px;border-radius:5px}
  .case-hero-capture img{border-radius:2px}
  .case-identity{gap:20px;margin-bottom:26px}
  .case-client-logo{padding:11px 13px}
  .case-client-logo img{width:111px}
  .case-identity>p{font-size:12px;max-width:160px}
  .case-page .case-hero h1{font-size:clamp(32px,8.7vw,40px);line-height:1.18;letter-spacing:-1px;text-wrap:pretty}
  .case-hero-summary{font-size:16px;margin-top:22px}
  .case-section-label{font-size:13px}
  .case-challenge{padding-block:42px}
  .case-page .case-challenge h2,.case-page .case-approach h2{font-size:29px;line-height:1.23;letter-spacing:-.7px}
  .case-context{font-size:16px;margin-block:22px 20px}
  .case-challenge .page-prose{font-size:16px}
  .case-approach{padding-block:42px}
  .case-process>li,.case-process>li:last-child{padding-left:53px}
  .case-page .case-process h3{font-size:22px}
  .case-process-description{font-size:15px}
  .case-solution{padding-block:44px}
  .case-page .case-solution h2{font-size:32px;line-height:1.2;letter-spacing:-.9px}
  .case-solution figcaption{display:block;font-size:11px}
  .case-product-overview>.static-image{padding:5px;border-radius:5px}
  .case-product-overview img{border-radius:2px}
  .case-page .case-product-rules h3{font-size:22px}
  .case-product-rules p,.case-catalog-copy p{font-size:15px}
  .case-catalog{padding-top:32px;margin-top:34px}
  .case-page .case-catalog-copy h3{font-size:25px;margin-bottom:14px}
  .case-results{padding-block:44px}
  .case-page .case-results h2{font-size:clamp(58px,16.5vw,76px);letter-spacing:-2.2px}
  .case-page .case-results-story h3{font-size:28px}
  .case-outcomes{grid-template-columns:1fr;gap:23px}
  .case-outcomes strong{font-size:21px}
}