/* Casos visuales: estilos limitados a este componente didáctico. */
.climate-with-map .jc-cases{--case-tint:#d9eddf;--case-ink:#173755;margin:0;color:var(--case-ink);}
.climate-with-map .jc-exploration{margin:32px 0 0;padding-top:24px;border-top:1px solid #d1daea;scroll-margin-top:100px;}
.jc-exploration [hidden]{display:none!important;}
.climate-with-map .jc-exploration-heading{display:flex;position:static;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:0;background:none;box-shadow:none;}
.climate-with-map .jc-exploration-heading h2{font:600 clamp(26px,2.4vw,34px)/1.15 var(--display-font,'Fraunces',serif);letter-spacing:-.025em;color:#173755;max-width:760px;margin:0;}
.jc-exploration-tabs{display:flex;gap:5px;padding:5px;border:1px solid #d4ddeb;border-radius:8px;background:#f4f3f9;flex-shrink:0;}
.jc-exploration-tabs button{font:650 14px/1.4 var(--body-font,'Inter',sans-serif);cursor:pointer;color:#173755;background:transparent;border:1px solid transparent;border-radius:5px;padding:10px 24px;}
.jc-exploration-tabs button:hover{background:#e8eaf2;}
.jc-exploration-tabs [aria-selected=true]{background:#d9eddf;border-color:#173755;box-shadow:inset 0 -2px #173755;}
.jc-exploration-tabs [data-exploration=theory][aria-selected=true]{background:#e9e0f4;}
.jc-exploration-tabs button:focus-visible{outline:3px solid #245fe2;outline-offset:2px;}
@media(max-width:760px){.climate-with-map .jc-exploration-heading{align-items:start;flex-direction:column;gap:15px;}.jc-exploration-tabs{align-self:stretch;}.jc-exploration-tabs button{flex:1;}}
.jc-cases [hidden]{display:none!important;}
.climate-with-map .jc-cases-heading{display:flex;position:static;align-items:end;justify-content:space-between;gap:28px;padding:0;margin:0 0 17px;background:none;box-shadow:none;}
.jc-cases-heading .eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 9px;color:#49627c;}
.climate-with-map .jc-cases-heading h2{font:600 clamp(28px,2.5vw,36px)/1.12 var(--display-font,'Fraunces',serif);letter-spacing:-.025em;margin:0;}
.jc-cases-heading>p{font-size:15px;line-height:1.6;max-width:350px;margin:0;color:#506078;}
.jc-cases button{font:inherit;cursor:pointer;color:inherit;}
.jc-cases :is(button,a,summary):focus-visible{outline:3px solid #245fe2;outline-offset:4px;}
.jc-case-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;}
.jc-case-choices>button{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;border:1px solid #d4ddeb;border-radius:7px;background:#fff;padding:10px;transition:background .18s,border-color .18s;}
.jc-case-choices>button:hover{background:#f3f6fb;}
.jc-case-choices>button[aria-pressed=true]{border-color:#173755;background:var(--case-tint);box-shadow:inset 0 -3px #173755;}
.jc-case-choices img{width:38px;height:38px;object-fit:cover;border-radius:3px;flex-shrink:0;}
.jc-case-choices strong{display:block;font-size:14px;line-height:1.3;}
.jc-case-choices small{display:block;font-size:12px;line-height:1.5;color:#4c6075;margin-top:3px;}
.jc-case-story{border:1px solid #d3dce7;border-radius:8px;overflow:hidden;background:#fff;}
.jc-case-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--case-tint);padding:9px 22px;}
.jc-case-topline>p{font-size:13px;font-weight:600;letter-spacing:.03em;margin:0;}
.jc-case-topline>button{border:0;background:transparent;font-size:12px;font-weight:600;padding:6px 0;white-space:normal;text-align:right;}
.jc-case-topline>button:hover{text-decoration:underline;}
.jc-case-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:22px;padding:20px;align-items:start;}
.jc-case-photo{margin:0;min-width:0;}
.jc-case-image-wrap{position:relative;width:100%;max-width:100%;aspect-ratio:4/3;background:#101d2e;border-radius:5px;overflow:hidden;}
.jc-case-image-wrap>img{display:block;width:100%;height:100%;object-fit:contain;}
.jc-case-image-wrap>button{position:absolute;top:12px;right:12px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:8px 11px;font-size:12px;box-shadow:0 3px 12px #0002;}
.jc-case-image-wrap>button span{font-size:17px;margin-right:4px;}
.jc-case-photo figcaption{font-size:11px;line-height:1.65;color:#56667b;margin-top:10px;}
.jc-case-photo figcaption>span{display:block;margin-top:3px;}
.jc-cases a{color:#315c89;text-underline-offset:3px;}
.climate-with-map .jc-case-reading h3{font:600 clamp(24px,2.1vw,30px)/1.15 var(--display-font,'Fraunces',serif);letter-spacing:-.025em;margin:0 0 15px;}
.jc-case-image-dialog{color:#e7edf5;background:#101d2e;border:1px solid #64788d;border-radius:7px;padding:18px 24px;width:min(1000px,94vw);max-height:94vh;overflow:auto;}
.jc-case-image-dialog::backdrop{background:#06121cdc;}
.jc-case-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px;}
.jc-case-dialog-head h2{font:600 22px/1.3 var(--display-font,'Fraunces',serif);margin:0;}
.jc-case-dialog-head button{background:#243c52;color:#fff;border:1px solid #65778c;padding:10px 14px;border-radius:5px;}
.jc-case-image-dialog>img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;margin:0 auto;}
.jc-case-dialog-credit{font-size:12px;line-height:1.6;margin:14px 0 0;}
.jc-case-dialog-credit a{color:#bddcd7;}

@media(min-width:1700px){.jc-case-layout{gap:32px;padding:28px;}}
@media(max-width:1000px){.jc-case-choices img{display:none;}.jc-case-choices>button{padding:13px;}.jc-case-layout{gap:22px;padding:20px;}}
@media(max-width:740px){.climate-with-map .jc-cases-heading{display:block;}.jc-cases-heading>p{margin-top:10px;}.jc-case-choices{gap:6px;}.jc-case-choices>button{padding:11px 9px;align-items:start;}.jc-case-choices strong{font-size:13px;}.jc-case-choices small{display:none;}.jc-case-topline{padding:10px 16px;align-items:start;}.jc-case-topline>p{font-size:12px;}.jc-case-layout{grid-template-columns:1fr;padding:16px;}.jc-case-reading h3{font-size:26px;}.jc-case-image-dialog{padding:15px;}}
@media(prefers-reduced-motion:reduce){.jc-cases *,.jc-cases *::before,.jc-cases *::after{animation:none!important;transition:none!important;}}
 
/* Compact documentary gallery: clear media buttons and one row of navigation. */
.jc-case-complement{font-size:12px;color:#44576a;}
.jc-case-media-tabs{display:flex;align-items:stretch;gap:9px;margin:0 0 12px;}
.jc-case-media-tabs button{display:flex;align-items:center;gap:9px;padding:7px 11px;min-height:50px;border:1px solid #cfdbdf;border-radius:5px;background:#fff;text-align:left;font-size:13px;font-weight:650;line-height:1.3;}
.jc-case-media-tabs button:hover{border-color:#173755;}
.jc-case-media-tabs button[aria-pressed=true]{border-color:#173755;background:#d6eeea;}
.jc-case-media-tabs button[data-media=years][aria-pressed=true]{background:#f3ef92;}
.jc-case-media-tabs small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#4b6271;}
.jc-media-symbol{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#d6eeea;}
[data-media=years] .jc-media-symbol{background:#f3ef92;}
.jc-case-media-tabs button[aria-pressed=true] .jc-media-symbol{background:#173755;color:#fff;}
.jc-media-symbol svg{width:19px;height:19px;}
.jc-gallery-slide{position:absolute;inset:0;}
.jc-gallery-slide>img{width:100%;height:100%;display:block;object-fit:contain;}
.jc-gallery-slide>[data-case-enlarge]{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:7px;padding:8px 10px;min-height:36px;border:0;border-radius:4px;background:#fff;color:#173755;font-size:11px;font-weight:600;}
.jc-gallery-slide>[data-case-enlarge] svg{width:17px;height:17px;}
.jc-gallery-controls{display:flex;align-items:center;gap:9px;margin-top:9px;}
.jc-gallery-controls>button{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border:1px solid #bdcec9;border-radius:50%;background:#d6eeea;}
.jc-gallery-controls>button:hover{background:#f3ef92;border-color:#173755;}
.jc-gallery-controls>button svg{width:18px;height:18px;}
.jc-gallery-thumbs{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:4px;scrollbar-width:thin;}
.jc-gallery-thumbs button{position:relative;flex-shrink:0;width:47px;height:39px;padding:0;border:1px solid #d2dbe1;border-radius:3px;overflow:hidden;background:#faf7ed;}
.jc-gallery-thumbs button[aria-pressed=true]{outline:2px solid #173755;outline-offset:1px;}
.jc-gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block;}
.jc-gallery-thumbs svg{width:20px;height:20px;display:block;margin:2px auto 0;color:#a64436;}
.jc-gallery-thumbs span{font-size:7px;line-height:1;display:block;white-space:nowrap;}
.jc-gallery-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#556977;white-space:nowrap;}
.jc-gallery-slide[data-kind=news]{background:#faf7ed;overflow:auto;}
.jc-press-preview{height:100%;min-height:0;display:flex;flex-direction:column;align-items:start;box-sizing:border-box;padding:clamp(18px,2.2vw,34px);color:#173755;border-top:5px solid #ed826c;}
.jc-press-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;font-size:10px;letter-spacing:.04em;}
.jc-press-meta>span{display:flex;align-items:center;gap:7px;font-weight:700;color:#924337;}
.jc-press-meta svg{width:16px;height:16px;}
.jc-press-meta time{white-space:nowrap;color:#5b655f;}
.jc-press-preview .jc-press-publisher{font:600 clamp(19px,1.8vw,25px)/1.15 var(--display-font,'Fraunces',serif);margin:15px 0 0;padding-bottom:10px;width:100%;border-bottom:1px solid #b8c4bc;}
.climate-with-map .jc-press-preview h4{font:600 clamp(22px,2.1vw,31px)/1.15 var(--display-font,'Fraunces',serif);letter-spacing:-.02em;margin:16px 0 12px;}
.jc-press-preview .jc-press-summary{font-size:13px;line-height:1.6;margin:0 0 16px;max-width:48ch;}
.jc-cases .jc-press-open{display:inline-flex;align-items:center;margin-top:auto;padding:8px 12px;background:#f3ef92;border:1px solid #b1b259;border-radius:3px;color:#173755;font-size:12px;font-weight:650;text-decoration:none;flex-shrink:0;}
.jc-cases .jc-press-open:hover{background:#173755;color:#fff;border-color:#173755;}
.jc-case-photo figcaption{min-height:3.3em;}
.jc-case-years{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.jc-case-years-note{font-size:11px;line-height:1.6;color:#56667b;margin:9px 0 0;}
@media(max-width:1200px){
  .jc-case-choices{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;}
  .jc-case-choices>button{scroll-snap-align:start;padding:10px;}
  .jc-case-choices img{display:block;}
  .jc-case-media-tabs button{font-size:12px;padding:7px 8px;gap:7px;}
  .jc-media-symbol{width:27px;height:27px;}
  .jc-press-preview{padding:18px;}
  .climate-with-map .jc-press-preview h4{font-size:24px;}
}
@media(max-width:740px){
  .jc-case-choices{grid-auto-columns:185px;}
  .jc-case-choices small{display:block;font-size:11px;}
  .jc-case-media-tabs{gap:8px;}
  .jc-case-image-wrap:has(.jc-gallery-slide[data-kind=news]:not([hidden])){aspect-ratio:auto;min-height:340px;}
  .jc-gallery-slide[data-kind=news]{position:relative;inset:auto;}
  .jc-press-preview{height:auto;min-height:340px;}
  .jc-press-preview>*{max-width:100%;}
}

/* Direct reading: one explanation, concepts and responsibilities for each case. */
.jc-case-reading{min-width:0;}
.jc-case-reading .jc-case-context,.jc-case-reading .jc-case-justice{font-size:14px;line-height:1.6;margin:0 0 13px;}
.jc-case-justice strong{color:#286e63;}
.jc-case-concepts,.jc-case-responsibilities{margin-top:15px;padding-top:13px;border-top:1px solid #dce5e8;}
.jc-case-reading :is(.jc-case-concepts,.jc-case-responsibilities) h4{font-size:13px;font-weight:700;line-height:1.4;margin:0 0 8px;}
.jc-case-reading dl{margin:0;}
.jc-case-reading dl>div{font-size:13px;line-height:1.55;margin:0 0 6px;}
.jc-case-reading dt{display:inline;font-weight:650;}
.jc-case-reading dt::after{content:': ';}
.jc-case-reading dd{display:inline;margin:0;color:#4b6073;}
.jc-case-responsibilities dl>div{margin-bottom:8px;}
@media(min-width:1700px){.jc-case-reading .jc-case-context,.jc-case-reading .jc-case-justice{font-size:16px;}.jc-case-reading dl>div{font-size:14px;}}