.slc-wrap{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 0;
  min-height: 700px;
}

.slc-map-col{ position: relative; min-height: 420px; }

/* IMPORTANTE: muchos temas/performance usan content-visibility:auto y rompe Maps */
.slc-map-col,
#slc-map{
  content-visibility: visible !important;
  contain: none !important;
}

/* Altura fija real (no %), para que no quede en 0 al inicio */
.slc-map{
  height: 800px;
  min-height: 420px;
  width: 100%;
}

/* iOS/Safari */
#slc-map { touch-action: pan-x pan-y; }

.slc-ui-col{ padding: 18px; border-left: 1px solid #e5e5e5; }
.slc-title{ margin: 0 0 12px 0; font-size: 22px; }
.slc-controls{ display:flex; flex-direction:column; gap:10px; }
.slc-row{ display:flex; gap:8px; align-items:center; }
.slc-label{ font-size: 13px; color:#444; min-width: 48px; }
.slc-input{ flex:1; padding:10px; border:1px solid #ddd; border-radius:10px; }
.slc-select{ padding:10px; border:1px solid #ddd; border-radius:10px; }
.slc-btn{ padding:10px 12px; border-radius:12px; border:1px solid #111; background:#111; color:#fff; cursor:pointer; }
.slc-btn-secondary{ background:#fff; color:#111; }
.slc-status{ font-size: 13px; color:#444; min-height: 18px; }

.slc-list{ margin-top: 12px; display:flex; flex-direction:column; gap:10px; }
.slc-card{ padding:12px; border:1px solid #eee; border-radius:14px; }
.slc-card h3{ margin:0 0 6px 0; font-size:16px; }
.slc-meta{ font-size: 13px; color:#444; display:flex; flex-direction:column; gap:3px; }
.slc-actions{ margin-top:10px; display:flex; gap:10px; flex-wrap:wrap; }
.slc-link{ font-size:13px; text-decoration:none; border:1px solid #ddd; padding:8px 10px; border-radius:12px; color:#111; }

@media (max-width: 900px){
  .slc-wrap{ grid-template-columns: 1fr; }
  .slc-ui-col{ border-left:none; border-top: 1px solid #e5e5e5; }
  .slc-map{ height: 420px; }
}