/* Open Cuadra · cara sobre el mapa de Colombia (#132).
 * Color ≠ veredicto. Missing ≠ cero. No es capa de una ciudad.
 */
.escena{position:relative}
.escena .card-frente{
  position:absolute;z-index:1100;left:16px;bottom:18px;width:min(360px,calc(100% - 32px));
  max-height:min(52vh,420px);overflow:auto;
  background:var(--papel);border:1px solid var(--linea2);border-radius:20px;
  padding:16px 18px 14px;box-shadow:0 10px 30px rgba(32,36,42,.12);
}
.card-frente h2{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.2;margin:0 0 8px}
.card-frente .kicker{margin:0 0 6px}
.card-frente .card-linea{font-size:14.5px;color:var(--tinta);margin:3px 0}
.card-frente .card-hueco{font-size:14px;color:var(--tinta2);margin:3px 0}
.card-frente .card-falta{color:var(--cobre2)}
.card-frente .card-pie{display:block;margin-top:10px;font-size:12px;color:var(--tinta2);text-align:center}
.capas-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.capas-chips button{
  border:1px solid var(--linea2);background:var(--marfil);color:var(--tinta);
  border-radius:999px;padding:6px 10px;font-size:12px;font-weight:650;
}
@media (max-width:860px){
  .app{display:flex;flex-direction:column}
  .escena{order:-1}
  #mapa{height:46vh;min-height:260px}
  .escena .card-frente{left:10px;right:10px;width:auto;bottom:10px;max-height:38vh;padding:12px 14px}
  .card-frente h2{font-size:18px}
}