/* Portada explicativa del Laboratorio. La ilustración es un esquema, no una captura. */
.lab-page .lab-masthead .lab-brand-symbol {
  width: 82px;
  height: 82px;
  flex-basis: 82px;
}
.lab-page .lab-masthead .lab-brand-copy > strong { font-size: 19px; }
.lab-page .lab-obra-portada {
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: clamp(32px,4vw,70px);
  padding-block: clamp(36px,4vw,62px);
}
.lab-page .lab-obra-portada h1 { font-size: clamp(44px,4.25vw,66px); max-width: 13ch; margin-bottom: 22px; }
.lab-page .lab-obra-portada .intro-lead {
  max-width: 35ch;
  margin-bottom: 14px;
  font-size: clamp(18px,1.45vw,22px);
  line-height: 1.45;
  font-weight: 600;
}
.lab-page .lab-obra-portada .intro-detail {
  max-width: 48ch;
  margin: 0 0 26px;
  color: #4b5c74;
  font-size: 15px;
  line-height: 1.55;
}
.lab-page .lab-obra-portada .intro-eyebrow { margin-bottom: 17px; }
.lab-page .lab-obra-portada .lab-learning-figure {
  width: 100%; max-width: none; margin: 0; border: 0; animation: none;
}
.lab-learning-visual {
  border: 1px solid #cbd6df;
  border-radius: 19px;
  padding: 18px;
  background: #f7f9f8;
  box-shadow: 0 15px 40px rgba(19,41,81,.08);
  color: #172d4d;
  font-family: "DM Sans",sans-serif;
}
.lab-visual-heading,
.lab-visual-network-title,
.lab-visual-video-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lab-visual-heading { margin: 1px 2px 15px; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.lab-visual-mark { color: #923551; }
.lab-visual-view { color: #617187; }
.lab-visual-main { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lab-visual-video,
.lab-visual-network { min-width: 0; min-height: 238px; overflow: hidden; border: 1px solid #d4dfe6; border-radius: 11px; background: #fff; }
.lab-visual-video-art { position: relative; height: 200px; overflow: hidden; background: #a8d5d5; }
.lab-visual-sun { position: absolute; width: 83px; height: 83px; border-radius: 50%; background: #f5dca2; top: 17px; right: 19px; }
.lab-visual-landscape { position: absolute; width: 120%; height: 95px; bottom: -44px; left: -10%; transform: rotate(-8deg); background: #88aaa1; border-radius: 45% 55% 0 0; }
.lab-visual-person { position: absolute; width: 90px; height: 132px; bottom: -26px; left: calc(50% - 45px); background: #233d5b; border-radius: 42px 42px 10px 10px; }
.lab-visual-person i { position: absolute; width: 57px; height: 65px; left: 17px; top: -47px; border-radius: 47% 47% 44% 44%; background: #be845e; box-shadow: 0 -11px 0 3px #2a3445; }
.lab-visual-play { position: absolute; left: 15px; bottom: 14px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: #923551; font-size: 16px; box-shadow: 0 3px 10px #20304440; }
.lab-visual-video-bottom { padding: 9px 11px; font-size: 11px; font-weight: 750; }
.lab-visual-video-bottom span:last-child { color: #6b7b8d; font-size: 10px; font-weight: 600; }
.lab-visual-network { padding: 12px; display: flex; flex-direction: column; }
.lab-visual-network-title { font-size: 12px; font-weight: 800; }
.lab-visual-network-title span:last-child { padding: 4px 7px; border: 1px solid #d5dee5; border-radius: 5px; font-size: 10px; color: #923551; }
.lab-visual-network svg { width: 100%; flex: 1; min-height: 0; }
.lab-visual-network-note { display: block; color: #5e6c7d; font-size: 10px; line-height: 1.3; }
.lab-visual-path { display: flex; align-items: center; justify-content: space-around; width: 74%; height: 31px; margin: 0 auto; }
.lab-visual-path span { width: 7px; height: 7px; border-radius: 50%; background: #923551; }
.lab-visual-path i { flex: 1; height: 1px; background: #b8c9cf; }
.lab-visual-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lab-visual-cards > div { display: grid; grid-template-columns: 32px 1fr; align-items: center; column-gap: 9px; padding: 12px; border: 1px solid #d4dfe6; border-radius: 10px; background: #fff; }
.lab-visual-card-icon { grid-row: span 2; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 8px; background: #f3e8ec; color: #923551; font-size: 18px; }
.lab-visual-cards strong { font-size: 12px; line-height: 1.15; }
.lab-visual-cards small { color: #607185; font-size: 10px; line-height: 1.25; }
.lab-page .lab-obra-portada .lab-learning-figure figcaption {
  position: static; width: auto; height: auto; clip-path: none; overflow: visible;
  margin: 11px 2px 0; color: #52637a; white-space: normal; font-size: 12px; line-height: 1.45;
}
@media (max-width: 900px) {
  .lab-page .lab-obra-portada { gap: 25px; }
  .lab-learning-visual { padding: 13px; }
  .lab-visual-main { gap: 8px; }
  .lab-visual-video-art { height: 160px; }
  .lab-visual-video, .lab-visual-network { min-height: 210px; }
}
@media (max-width: 700px) {
  .lab-page .lab-masthead .lab-brand-symbol { width: 64px; height: 64px; flex-basis: 64px; }
  .lab-page .lab-masthead .lab-brand-copy > strong { font-size: 15px; }
  .lab-page .lab-obra-portada { gap: 22px; padding-block: 31px 34px; }
  .lab-page .lab-obra-portada h1 { font-size: clamp(37px,9vw,47px); }
  .lab-page .lab-obra-portada .intro-lead { font-size: 18px; max-width: 39ch; }
  .lab-page .lab-obra-portada .intro-detail { font-size: 14px; margin-bottom: 21px; }
  .lab-page .lab-obra-portada .lab-learning-figure { margin: 0; overflow: visible; }
  .lab-visual-video-art { height: 160px; }
}
@media (max-width: 420px) {
  .lab-visual-main { grid-template-columns: 1fr; }
  .lab-visual-video-art { height: 180px; }
  .lab-visual-video, .lab-visual-network { min-height: 0; }
  .lab-visual-network { height: 208px; }
}