/* Cabeceras alineadas y controles compactos.
   Cargar después de climate-learning.css. Sólo presentación del video y la red. */
.climate-with-map .jc-workspace {
  column-gap: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.climate-with-map .jc-has-network .jc-media-pair:not(.cm-expanded) {
  column-gap: 24px;
  row-gap: 14px;
}
.climate-with-map .jc-media-pair .jc-video-column {
  display: contents;
}
.climate-with-map .jc-has-network .jc-lesson-heading {
  width: 100%;
  min-width: 0;
  margin: 0;
  justify-self: stretch;
  text-align: left;
}
.climate-with-map .jc-media-pair:not(.cm-expanded) .jc-lesson-heading {
  align-self: start;
  padding: 0 0 7px;
}
.climate-with-map .jc-media-pair .jc-lesson-heading .eyebrow {
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .1em;
}
.climate-with-map .jc-media-pair .jc-lesson-heading h2 {
  margin: 0;
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.12;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.climate-with-map .jc-has-network .jc-network-heading {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  justify-self: stretch;
}
.climate-with-map .jc-media-pair .cm-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 6px;
  padding: 0;
}
.climate-with-map .jc-media-pair .cm-heading h3 {
  margin: 0;
  min-width: 0;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.climate-with-map .jc-media-pair .cm-heading .cm-view-toggle {
  min-height: 36px;
  padding: 6px 10px;
  border-color: #9cbcb6;
  background: #e1f1ec;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: none;
}
.climate-with-map .jc-media-pair .cm-heading .cm-view-toggle:hover {
  background: #c9e6de;
  border-color: #448478;
}
.climate-with-map .jc-media-pair .cm-heading .cm-view-toggle[aria-pressed=true] {
  background: #173858;
  border-color: #173858;
  color: #fff;
}
.climate-with-map .jc-media-pair .cm-heading .cm-icon-button {
  width: 36px;
  height: 36px;
  min-height: 36px;
  border-color: #bacacb;
  box-shadow: none;
}
.climate-with-map .jc-media-pair .cm-heading .cm-expand-toggle {
  background: #f5e884;
  border-color: #c9b944;
}
.climate-with-map .jc-media-pair .cm-heading .cm-expand-toggle:hover {
  background: #eedc5b;
}
.climate-with-map .jc-media-pair .cm-heading .cm-motion-toggle {
  background: #fff;
}
.climate-with-map .jc-media-pair .cm-heading .cm-motion-toggle[aria-pressed=true] {
  background: #f6d8cc;
  border-color: #bf8066;
}
.climate-with-map .jc-network-heading .cm-category-key {
  align-items: flex-start;
  margin: 10px 0 0;
  padding: 9px 10px;
  background: #f1f6f3;
  border-radius: 4px;
}
.climate-with-map .jc-network-heading .cm-category-title {
  margin: 0 0 5px;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .04em;
  text-align: left;
}
.climate-with-map .jc-network-heading .cm-legend {
  justify-content: flex-start;
  gap: 5px 11px;
}
.climate-with-map .jc-network-heading .cm-legend > span {
  font-size: 12px;
  line-height: 1.35;
}
.climate-with-map .jc-player-side .jc-video {
  border-radius: 5px;
}
.climate-with-map .jc-player-controls {
  gap: 12px;
  margin-top: 10px;
}
.climate-with-map .jc-player-controls .jc-speed {
  font-size: 13px;
  gap: 8px;
}
.climate-with-map .jc-player-controls .jc-speed select,
.climate-with-map .jc-player-controls .jc-chapter-menu {
  border-color: #bfcece;
}
.climate-with-map .jc-player-controls .jc-chapter-menu {
  background: #f2f6f3;
}
.climate-with-map .jc-player-controls .jc-chapter-menu > summary {
  font-size: 12px;
  min-height: 42px;
  padding: 10px 12px;
}
.climate-with-map .jc-lessons-panel {
  background: #e9f2ef;
  border-color: #c8ddd5;
}
.climate-with-map .jc-lessons-toggle:hover,
.climate-with-map .jc-syllabus .jc-desktop-lessons button:hover {
  background: #d7e9e2;
}
.climate-with-map .jc-syllabus .jc-desktop-lessons button[aria-pressed=true] {
  background: #173858;
  color: #fff;
}
/* La vista ampliada conserva el lienzo libre y da prioridad al área de exploración. */
.climate-with-map .jc-has-network .jc-media-pair.cm-expanded {
  column-gap: 24px;
  row-gap: 14px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 0 20px #edf3f0, 0 10px 60px #13295124;
}
.climate-with-map .jc-media-pair.cm-expanded .jc-video-column {
  display: flex;
  flex-direction: column;
  gap: 14px;
  grid-column: 1;
  grid-row: 1 / -1;
  min-width: 0;
  width: 100%;
  align-self: start;
}
.climate-with-map .jc-media-pair.cm-expanded .jc-video-column > .jc-lesson-heading {
  padding: 0;
}
.climate-with-map .jc-media-pair.cm-expanded .jc-lesson-heading h2 {
  font-size: clamp(22px, 2vw, 28px);
}
.climate-with-map .jc-media-pair.cm-expanded .cm-heading h3 {
  font-size: clamp(20px, 2.1vw, 27px);
}
.climate-with-map .jc-media-pair.cm-expanded .cm-category-key {
  margin-top: 10px;
}
.climate-with-map .jc-media-pair.cm-expanded .cm-visualizations {
  margin-top: 10px;
}
.climate-with-map .jc-media-pair.cm-expanded .cm-lenses {
  background: #e8f1ed;
  box-shadow: none;
}
.climate-with-map .jc-media-pair.cm-expanded .cm-lenses button[aria-pressed=true] {
  background: #173858;
  box-shadow: none;
}
@media (max-width: 1100px) and (min-width: 901px) {
  .climate-with-map .jc-media-pair:not(.cm-expanded) .cm-heading {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .climate-with-map .jc-media-pair:not(.cm-expanded) .cm-heading h3 {
    grid-column: 1 / -1;
  }
  .climate-with-map .jc-media-pair:not(.cm-expanded) .cm-view-toggle {
    justify-self: end;
  }
}
@media (max-width: 900px) {
  .climate-with-map .jc-workspace {
    margin-top: 18px;
  }
  .climate-with-map .jc-has-network .jc-media-pair:not(.cm-expanded) {
    gap: 14px;
  }
  .climate-with-map .jc-media-pair:not(.cm-expanded) .jc-lesson-heading {
    padding-bottom: 0;
    align-self: stretch;
  }
  .climate-with-map .jc-media-pair:not(.cm-expanded) .jc-network-heading {
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid #d4dfdc;
  }
  .climate-with-map .jc-network-heading .cm-category-key {
    margin-top: 8px;
  }
}
@media (max-width: 700px) {
  .climate-with-map .jc-has-network .jc-media-pair.cm-expanded {
    padding: 14px;
    row-gap: 14px;
  }
  .climate-with-map .jc-media-pair .jc-lesson-heading h2 {
    font-size: 28px;
  }
}
@media (max-width: 520px) {
  .climate-with-map .jc-media-pair .cm-heading {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .climate-with-map .jc-media-pair .cm-heading h3 {
    grid-column: 1 / -1;
    font-size: 20px;
    text-wrap: initial;
  }
  .climate-with-map .jc-media-pair .cm-heading .cm-view-toggle {
    justify-self: start;
  }
  .climate-with-map .jc-network-heading .cm-legend {
    gap: 6px 12px;
  }
  .climate-with-map .jc-network-heading .cm-legend > span {
    font-size: 12px;
  }
  .climate-with-map .jc-player-controls {
    gap: 9px;
  }
}

/* Hero46: superficie blanca y controles de video bajo demanda. */
.climate-with-map .jc-workspace{padding:0;background:#fff;border:0;border-radius:0;}
.climate-with-map .jc-media-pair .jc-player-side{display:block;min-width:0;width:100%;}
.climate-with-map .jc-has-network .jc-lesson-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:end;position:relative;}
.climate-with-map .jc-lesson-heading>.eyebrow{grid-column:1/-1;}
.climate-with-map .jc-lesson-heading>h2{grid-column:1;}
.climate-with-map .jc-player-menu{grid-column:2;grid-row:2;position:relative;align-self:end;margin:0;z-index:45;font-family:'DM Sans',sans-serif;}
.climate-with-map .jc-player-menu>summary{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 9px;list-style:none;border:1px solid #d3dbe3;border-radius:5px;background:#fff;color:#19345c;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;white-space:nowrap;}
.climate-with-map .jc-player-menu>summary::-webkit-details-marker{display:none;}
.climate-with-map .jc-player-menu>summary:hover{background:#f5f6f8;}
.climate-with-map .jc-player-menu[open]>summary{border-color:#61778d;}
.climate-with-map .jc-player-menu[open] .jc-menu-chevron{transform:rotate(180deg);}
.climate-with-map .jc-player-menu:not([open])>.jc-player-controls{display:none;}
.climate-with-map .jc-player-menu>.jc-player-controls{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 52px));margin:0;padding:14px;gap:10px;border:1px solid #d3dbe3;border-radius:7px;background:#fff;box-shadow:0 10px 28px #19345c1a;}
.climate-with-map .jc-player-menu .jc-speed{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;font-size:13px;}
.climate-with-map .jc-player-menu .jc-speed select{width:84px;min-width:0;min-height:34px;height:34px;padding:5px 8px;background:#fff;border:1px solid #d3dbe3;font-size:12px;}
.climate-with-map .jc-player-menu .jc-player-controls>h3{margin:2px 0 0;padding-top:12px;border-top:1px solid #e4e9ee;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.4;}
.climate-with-map .jc-player-menu .jc-chapters{display:grid;grid-template-columns:1fr;position:static;width:100%;max-height:min(260px,45vh);overflow:auto;overscroll-behavior:contain;gap:3px;margin:0;padding:0;}
.climate-with-map .jc-player-menu .jc-chapters button{background:transparent;font-size:12px;line-height:1.4;min-height:38px;padding:8px 6px;align-items:baseline;}
.climate-with-map .jc-player-menu .jc-chapters button:hover{background:#f3f5f7;}
.climate-with-map .jc-network-heading .cm-category-key{background:transparent;padding:0;}
.climate-with-map .jc-lessons-panel{background:#fff;border-color:#d9e0e7;}
.climate-with-map .jc-lessons-toggle:hover,.climate-with-map .jc-syllabus .jc-desktop-lessons button:hover{background:#f3f5f7;}
.climate-with-map .jc-media-pair .cm-heading .cm-view-toggle,.climate-with-map .jc-media-pair .cm-heading .cm-expand-toggle{background:#fff;border-color:#cdd6df;}
.climate-with-map .jc-media-pair .cm-heading .cm-view-toggle:hover,.climate-with-map .jc-media-pair .cm-heading .cm-expand-toggle:hover{background:#f3f5f7;}
@media(max-width:520px){.climate-with-map .jc-has-network .jc-lesson-heading{column-gap:8px;}.climate-with-map .jc-player-menu>summary{gap:4px;padding:6px;}.climate-with-map .jc-player-menu>summary>svg{display:none;}.climate-with-map .jc-media-pair .jc-lesson-heading h2{font-size:26px;}}