/* JDServer-Webs v6.1 — Módulo 7: Nieve & Isotermas (aislado) */
:root{
  --msi-gap: 14px;
  --msi-radius: 18px;
  --msi-shadow: 0 10px 30px rgba(0,0,0,.22);
  --msi-border: rgba(255,255,255,.08);
  --msi-card-bg: rgba(255,255,255,.04);
}

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

#models-snowiso{ margin-top: var(--msi-gap); }

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

#models-snowiso .msi-head h3{ margin:0; }

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

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

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

#models-snowiso .msi-card .title{ font-weight:600; opacity:.95; }

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

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

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