/* Botón del card Histórico */
.side-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.5rem 1rem;
  border-radius:999px;
  border:none;
  background:var(--blue,#0b3b60);
  color:#fff;
  font-size:.9rem;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease, transform .15s ease, box-shadow .2s ease;
}
.side-btn:hover{
  background:#052b45;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}

/* Modal Histórico */
.hist-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease;
  z-index:1200; /* arriba del contenido pero debajo o igual que nice-modal */
}
.hist-modal.is-open{
  pointer-events:auto;
  opacity:1;
}
.hist-card{
  width: min(480px, 90vw);
  max-height: min(80vh, 600px);
  background:var(--surface,#fff);
  border-radius:20px;
  box-shadow:0 20px 45px rgba(0,0,0,.26);
  padding:1.25rem 1.5rem 1.5rem;
  overflow:auto;
}
.hist-close{
  border:none;
  background:transparent;
  font-size:1.4rem;
  line-height:1;
  cursor:pointer;
  float:right;
}
.hist-title{
  font-size:1.2rem;
  margin:0 0 .25rem;
}
.hist-help{
  font-size:.85rem;
  color:#666;
  margin:0 0 .75rem;
}
.hist-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.6rem;
}
.hist-item{
  display:flex;
  align-items:flex-start;
  gap:.6rem;
  padding:.55rem .65rem;
  border-radius:12px;
  background:rgba(11,59,96,.04);
}
.hist-icon{
  font-size:1.2rem;
  flex-shrink:0;
}
.hist-text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.hist-label{
  font-weight:600;
  font-size:.9rem;
}
.hist-meta{
  font-size:.75rem;
  color:#777;
}
.hist-link{
  font-size:.8rem;
  color:var(--blue,#0b3b60);
  text-decoration:underline;
  text-underline-offset:3px;
}
.hist-empty{
  font-size:.85rem;
  color:#666;
  padding:.5rem 0;
}
/* SCRIM - capa oscura */
.nice-scrim {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);  /* 👈 oscurece el fondo */
    backdrop-filter: blur(2px);     /* 👈 leve blur precioso */
    z-index: 1100;
    transition: opacity .25s ease;
}

.nice-scrim[hidden] {
    opacity: 0;
    pointer-events: none;
}

.nice-scrim:not([hidden]) {
    opacity: 1;
    pointer-events: auto;
}