/* Exclivia · ubicacion.css — el selector de ubicación con mapa.
 *
 * Se carga solo donde se usa (registro y perfil): el resto del sitio no tiene
 * por qué pagar estos bytes.
 */

.exc-ubicacion { display: block; }

/* El mapa ocupa buena parte de la pantalla del celular pero no toda: tiene que
   quedar visible el campo de ciudad para entender qué se está moviendo. */
.exc-ub-map {
  width: 100%;
  height: 260px;
  margin: .25rem 0 .5rem;
  border-radius: var(--exc-radius-card);
  border: var(--exc-border-width) solid var(--exc-border);
  overflow: hidden;
  background: var(--exc-surface-2);
}
@media (min-width: 768px) {
  .exc-ub-map { height: 320px; }
}

.exc-ub-drag { margin-top: 0; }

.exc-ub-actions {
  display: flex; align-items: center; gap: .75rem;
  flex-wrap: wrap;
  margin-top: .5rem;
}

/* Aviso de cobertura. Verde cuando sí alcanzamos su zona, neutro cuando no:
   no llegar todavía a su ciudad no es un error suyo y no debe verse como tal. */
.exc-ub-coverage {
  margin: .75rem 0 0;
  padding: .6rem .8rem;
  border-radius: var(--exc-radius);
  border: 1px solid var(--exc-border);
  font-size: .87rem;
}
.exc-ub-coverage.is-covered {
  border-color: rgba(30, 158, 106, .4);
  background: rgba(30, 158, 106, .1);
  color: var(--exc-success);
}
.exc-ub-coverage.is-uncovered {
  background: var(--exc-surface-2);
  color: var(--exc-muted);
}

/* Google mete su propio fondo blanco en los controles; con modo noche el
   contraste queda bien porque el mapa es una capa aparte, pero el borde
   redondeado sí hay que reponerlo. */
.exc-ub-map .gm-style { border-radius: inherit; }