/* JDServer-Webs v6.1 — Módulo 6: Nubes & Satélite (aislado) */
:root{
  --mcs-gap: 14px;
  --mcs-radius: 18px;
  --mcs-shadow: 0 10px 30px rgba(0,0,0,.22);
  --mcs-border: rgba(255,255,255,.08);
  --mcs-card-bg: rgba(255,255,255,.04);
}

html[data-theme="light"],
body[data-theme="light"],
.theme-light{
  --mcs-border: rgba(0,0,0,.08);
  --mcs-card-bg: rgba(0,0,0,.03);
  --mcs-shadow: 0 10px 30px rgba(0,0,0,.10);
}

#models-cloudsat{
  margin-top: var(--mcs-gap);
}

#models-cloudsat .mcs-head{
  display:flex; align-items:center; justify-content:space-between;
  gap: 10px; margin-bottom: var(--mcs-gap);
}

#models-cloudsat .mcs-head h3{ margin:0; }

#models-cloudsat .mcs-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr); /* 2×2 en escritorio */
  gap: var(--mcs-gap);
}

#models-cloudsat .mcs-card{
  border: 1px solid var(--mcs-border);
  border-radius: var(--mcs-radius);
  overflow: hidden;
  background: var(--mcs-card-bg);
  box-shadow: var(--mcs-shadow);
  display:flex; flex-direction:column;
  min-height: 320px;
}

#models-cloudsat .mcs-card header{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; border-bottom:1px solid var(--mcs-border);
}

#models-cloudsat .mcs-card .title{ font-weight:600; opacity:.95; }

#models-cloudsat .mcs-card .mcs-embed{
  position: relative; flex:1; min-height: 260px;
}

#models-cloudsat .mcs-card iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* Responsive */
@media (max-width: 980px){
  #models-cloudsat .mcs-grid{ grid-template-columns: 1fr; } /* 1 por fila en móvil */
}