/* HEY CARTELES - identidad visual sobre Bootstrap 5
   Paleta vía pública: carbón + amarillo cartel */
:root {
  --hc-carbon:   #1d2228;
  --hc-carbon-2: #2a313a;
  --hc-yellow:   #f7b500;
  --hc-yellow-d: #d99e00;
  --hc-bg:       #f3f4f6;
  --hc-ok:       #1e9e5a;
  --hc-bad:      #d23b3b;
}

body { background: var(--hc-bg); }

/* Marca */
.hc-brand {
  font-family: "Anton", Impact, "Arial Black", sans-serif;
  font-size: 1.45rem;
  letter-spacing: .06em;
  color: var(--hc-yellow);
  text-transform: uppercase;
  line-height: 1;
}
.hc-brand span { color: #fff; }

.hc-navbar {
  background: var(--hc-carbon);
  border-bottom: 4px solid var(--hc-yellow);
}
.hc-navbar .hc-userchip {
  color: #cfd6de;
  font-size: .85rem;
}
.hc-navbar .hc-userchip strong { color: #fff; }

.btn-hc {
  background: var(--hc-yellow);
  border: none;
  color: #1d2228;
  font-weight: 600;
}
.btn-hc:hover { background: var(--hc-yellow-d); color: #1d2228; }

/* Login */
.hc-login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, rgba(29,34,40,.96), rgba(42,49,58,.96)),
    repeating-linear-gradient(45deg, #f7b500 0 18px, #1d2228 18px 36px);
}
.hc-login-card {
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-radius: 14px;
  padding: 2rem;
  box-shadow: 0 18px 50px rgba(0,0,0,.4);
}
.hc-login-card .hc-brand { color: var(--hc-yellow-d); font-size: 2rem; }
.hc-login-card .hc-brand span { color: var(--hc-carbon); }

/* Mapas */
.hc-map {
  width: 100%;
  height: 380px;
  border-radius: 10px;
  border: 1px solid #d8dce1;
}
#mapaAdmin.hc-map { height: 520px; }

/* Leyenda del mapa */
.hc-legend {
  font-size: .82rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: .4rem;
  color: #555;
}
.hc-dot { display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:4px; vertical-align:-1px; }
.hc-dot-punto { background:#2a6fdb; }
.hc-dot-rel   { background:#f0610a; }

/* Cards de relevamientos */
.hc-rel-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  background: #e7e9ec;
}
.hc-badge-pend { background:#8b94a1; }
.hc-badge-ok   { background:var(--hc-ok); }
.hc-badge-bad  { background:var(--hc-bad); }

.hc-fav {
  border: none;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1;
  color: #c4c9cf;
  cursor: pointer;
}
.hc-fav.on { color: var(--hc-yellow); }

/* Estado GPS promotor */
.hc-gps {
  font-size: .85rem;
  padding: .35rem .6rem;
  border-radius: 6px;
  background: #eef1f4;
}
.hc-gps.ok  { background:#e3f6ec; color:#13703d; }
.hc-gps.err { background:#fdebea; color:#9c2727; }

@media (max-width: 576px) {
  .hc-map { height: 300px; }
}