.topbar .btn-reset{ text-decoration: none; display:flex; align-items:center; }

.layout-alta{
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
  align-items: start;
}
@media (max-width: 900px){
  .layout-alta{ grid-template-columns: 1fr; }
}

.campo{ margin-bottom: 14px; display:flex; flex-direction:column; gap: 6px; }
.campo label{ font-size: 13px; font-weight: 600; color: var(--ink); }
.campo input, .campo select, .campo textarea{
  padding: 9px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: #f7f8fb;
  font-size: 14px;
  font-family: inherit;
}
.campo textarea{ resize: vertical; }

.fila-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fila-3{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 640px){
  .fila-2, .fila-3{ grid-template-columns: 1fr; }
}

.ayuda{ font-size: 12px; color: var(--ink-soft); margin: 0 0 8px; }

#mini-map{
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--border);
}

.coords-preview{
  display:flex;
  justify-content: space-between;
  align-items:center;
  margin-top: 8px;
  font-size: 13px;
  color: var(--ink-soft);
}
.coords-preview button{
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
}

.acciones{ display:flex; gap: 10px; margin-top: 8px; }
button#btn-guardar{
  background: var(--blue);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 11px 22px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
button#btn-guardar:hover{ background: var(--blue-dark); }
button#btn-guardar:disabled{ opacity: 0.6; cursor: default; }

.btn-secundario{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 11px 18px;
  font-size: 14px;
  cursor: pointer;
}
.btn-secundario:hover{ background: #eef1f8; }

.mensaje{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 14px;
}
.mensaje.ok{ background: #e6f6ea; color: #1c6b34; border: 1px solid #b7e4c4; }
.mensaje.error{ background: #fdeaea; color: #a02020; border: 1px solid #f3c2c2; }

.ayuda-panel ul{ padding-left: 18px; margin: 0; font-size: 13px; line-height: 1.7; color: var(--ink-soft); }
.ayuda-panel li{ margin-bottom: 6px; }
