/* Galería editorial: un video protagonista y cuatro fragmentos. */
main.eoacs-course.eoacs-theory-studio #fragmentos .video-note { display: none !important; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater {
  padding: clamp(68px, 7vw, 104px) 0 clamp(62px, 5vw, 82px);
  background: #fff !important;
  color: #1b2736;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater::before,
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater::after { display: none !important; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater > .wrap { max-width: 1180px; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .split-head {
  display: block;
  margin: 0 0 clamp(28px, 3vw, 40px);
  text-align: left;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-eyebrow {
  display: block;
  margin-bottom: 13px;
  color: #b43e56;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .split-head h2 {
  max-width: none;
  margin: 0;
  color: #1b2736;
  font-size: clamp(2.25rem, 4.1vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-intro {
  max-width: 63ch;
  margin: 15px 0 0;
  color: #66717a;
  font-size: clamp(.96rem, 1.2vw, 1.08rem);
  line-height: 1.58;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(260px, .75fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e3e4e3;
  border-radius: 20px;
  background: #f7f5f0;
  box-shadow: 0 22px 64px rgba(22, 35, 48, .11);
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 22px;
  overflow: visible;
  background: #1a2838;
  scroll-snap-type: none;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase::after { display: none; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase > article.video-feature,
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase > article.video-mini {
  display: none;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase > article.is-active { display: block; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #101927;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .24);
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-trigger,
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-trigger img { border-radius: 10px; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-trigger::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(9, 16, 25, .12);
  pointer-events: none;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .play-mark {
  z-index: 2;
  width: 72px;
  height: 72px;
  border: 0;
  background: #fff;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .28);
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-caption {
  display: grid;
  gap: 5px;
  min-height: 65px;
  padding: 17px 2px 1px;
  color: #fff;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-topic {
  color: #e8a4af;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-caption p {
  margin: 0;
  color: #e2e7ec;
  font-size: .91rem;
  line-height: 1.4;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-feature-body,
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-mini-body { display: none !important; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-picker {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  padding: 0;
  background: #f7f5f0;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
  width: 100%;
  padding: 12px 20px;
  border: 0;
  border-left: 3px solid transparent;
  background: transparent;
  color: #2b3540;
  text-align: left;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick:hover,
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick:focus-visible { background: #fff; }
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick[aria-selected="true"] {
  border-left-color: #c94d63;
  background: #fff;
  color: #1b2736;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  background: #1a2838;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-index {
  position: absolute;
  right: 5px;
  bottom: 4px;
  color: #fff;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
}
main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-label {
  display: block;
  max-width: 22ch;
  font-size: .91rem;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -.015em;
  text-transform: none;
}
@media (max-width: 900px) {
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-gallery { grid-template-columns: 1fr; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    padding: 10px;
  }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
    min-height: 70px;
    padding: 9px;
    border-left-width: 2px;
  }
}
@media (max-width: 600px) {
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater { padding-block: 64px 72px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater > .wrap {
    width: calc(100% - 36px);
    margin-inline: auto;
  }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .split-head { margin-bottom: 23px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .split-head h2 { font-size: clamp(2rem, 8vw, 2.45rem); }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-intro { margin-top: 12px; font-size: .94rem; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-gallery { border-radius: 14px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-showcase { padding: 10px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-frame,
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-trigger,
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .video-trigger img { border-radius: 7px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .play-mark { width: 58px; height: 58px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-caption { min-height: 0; padding: 15px 5px 5px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-picker { gap: 2px; padding: 7px; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick {
    grid-template-columns: 1fr;
    align-content: start;
    gap: 7px;
    padding: 6px;
    border-left: 0;
    border-bottom: 2px solid transparent;
  }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick[aria-selected="true"] { border-bottom-color: #c94d63; }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-label {
    min-height: 2.5em;
    font-size: .74rem;
    line-height: 1.25;
  }
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-index { right: 4px; bottom: 4px; font-size: .58rem; }
}
@media (prefers-reduced-motion: reduce) {
  main.eoacs-course.eoacs-theory-studio #fragmentos.eoacs-video-theater .eoacs-video-theater-pick { transition: none; }
}