/* Overlays de texto sobre imágenes de procesos (idioma controlado por HTML) */

.msc-overlay {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  vertical-align: top;
  line-height: 0;
}

.msc-overlay-bg {
  display: block;
  width: 100%;
  height: auto;
}

.msc-overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.msc-ov {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  color: #4a4a4a;
  text-align: center;
  line-height: 1.25;
  font-size: clamp(10px, 1.25vw, 17px);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.msc-ov.msc-wrap {
  white-space: normal;
  max-width: 14%;
}

/* Fallback móvil: lista ordenada */
.msc-overlay-mobile {
  display: none;
  font-family: 'Open Sans', sans-serif;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 1.6;
  margin: 15px 0 0 20px;
  padding: 0;
}

.msc-overlay-mobile li {
  margin-bottom: 6px;
}

/* ========== msc-info-1-s (Reuniones / Advisory Boards) ========== */
.msc-overlay-info1 .msc-info1-t1 { left: 32.0%; top: 33%; }
.msc-overlay-info1 .msc-info1-t2 { left: 20.0%; top: 71%; }
.msc-overlay-info1 .msc-info1-t3 { left: 56.0%; top: 33%; }
.msc-overlay-info1 .msc-info1-t4 { left: 45.0%; top: 71%; }
.msc-overlay-info1 .msc-info1-t5 { left: 81.0%; top: 33%; }
.msc-overlay-info1 .msc-info1-t6 { left: 69.0%; top: 69%; }

/* ========== msc-info-2-s (Publicaciones / Material gráfico) ========== */
.msc-overlay-info2 .msc-info2-t1 { left: 25.0%; top: 32%; }
.msc-overlay-info2 .msc-info2-t2 { left: 12.0%; top: 66%; }
.msc-overlay-info2 .msc-info2-t3 { left: 50.0%; top: 32%; }
.msc-overlay-info2 .msc-info2-t4 { left: 38.0%; top: 66%; }
.msc-overlay-info2 .msc-info2-t5 { left: 75.0%; top: 32%; }
.msc-overlay-info2 .msc-info2-t6 { left: 63.0%; top: 66%; }
.msc-overlay-info2 .msc-info2-t7 { left: 87.0%; top: 65%; }

/* ========== msc-info-4-s (Bioestadística) ========== */
.msc-overlay-info4 .msc-info4-t1 { left: 30.0%; top: 12%; }
.msc-overlay-info4 .msc-info4-t2 { left: 44.0%; top: 80%; }
.msc-overlay-info4 .msc-info4-t3 { left: 57.0%; top: 12%; }
.msc-overlay-info4 .msc-info4-t4 { left: 70.0%; top: 80%; }

/* ========== msc-dinamizacion-2 (Técnicas de dinamización) ========== */
.msc-overlay-din .msc-din-t1 { left: 8.4%;  top: 75%; }
.msc-overlay-din .msc-din-t2 { left: 22.1%; top: 75%; }
.msc-overlay-din .msc-din-t3 { left: 35.6%; top: 75%; }
.msc-overlay-din .msc-din-t4 { left: 49.7%; top: 75%; }
.msc-overlay-din .msc-din-t5 { left: 63.5%; top: 75%; }
.msc-overlay-din .msc-din-t6 { left: 77.2%; top: 75%; }
.msc-overlay-din .msc-din-t7 { left: 91.0%; top: 75%; }

/* Ajustes móviles: mostrar lista, ocultar imagen con overlay */
@media (max-width: 768px) {
  .msc-overlay-bg,
  .msc-overlay-content {
    display: none;
  }
  .msc-overlay-mobile {
    display: block;
  }
}