.skeleton { display: grid; gap: 10px; margin: 12px 0 20px; }
.skeleton span {
  display: block; height: 14px; border-radius: 2px;
  background: linear-gradient(90deg, #E6EAE8 0%, #FAFAFA 50%, #E6EAE8 100%);
  background-size: 200% 100%;
  animation: b2sh 1.1s ease-in-out infinite;
}
.skeleton span:nth-child(1) { height: 28px; width: 62%; }
.skeleton span:nth-child(3) { width: 78%; }
@keyframes b2sh { to { background-position: -200% 0; } }
#contenido.is-loading { min-height: 40vh; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; }
.suggest-item.is-on { background: #F1F3F2; outline: 1px solid #004E9B; }
.hp-trap { position: absolute; left: -9999px; height: 0; width: 0; opacity: 0; }

select.input { width: 100%; margin-top: 8px; }
.hint { color: #5C6B80; font-size: 13px; margin: 4px 0 8px; }

.pill.is-off { opacity: .35; pointer-events: none; }
#faltan { margin: 12px 0; }

.barrio-wrap { position: relative; }
.suggest-box { position: absolute; z-index: 30; left: 0; right: 0; background: #FAFAFA; border: 1px solid #183567; max-height: 240px; overflow: auto; }
.suggest-item { color: #183567; background: #FAFAFA; }
.tag { background: #183567; color: #FAFAFA; }
.aledanos-checks { display: flex; flex-wrap: wrap; gap: 6px; }

.campo-falta { outline: 1px dashed #B2292E; outline-offset: 4px; }
.nudge, .faltan-box { color: #8E1E22; font-size: 14px; margin: 8px 0; }
.faltan-box { background: #fde8ea; border: 1px solid #B2292E; padding: 12px 14px; }