/* Visual compartido para Datos fiscales. No depende de la imagen configurada. */
.fiscal-visual{
  position:relative;
  isolation:isolate;
  display:grid;
  width:100%;
  height:100%;
  min-height:148px;
  overflow:hidden;
  place-items:center;
  padding:18px;
  background:#17131e;
}
.fiscal-visual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#9b5de5;
}
.fiscal-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(155,93,229,.12);
  filter:blur(45px);
  transform:translate(38%,-38%);
}
.fiscal-visual__sheet{
  width:min(100%,330px);
  padding:15px;
  border:1px solid rgba(199,125,255,.2);
  border-radius:18px;
  background:#111219;
  box-shadow:0 22px 44px -30px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.035);
  color:#f1f5f9;
  font-family:var(--font-body,'Manrope',sans-serif);
}
.fiscal-visual__top,
.fiscal-visual__bottom,
.fiscal-visual__records>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.fiscal-visual__monogram{
  display:grid;
  width:29px;
  height:29px;
  place-items:center;
  border:1px solid rgba(199,125,255,.28);
  border-radius:9px;
  background:#21172d;
  color:#d8a6ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.fiscal-visual__status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#9de8cc;
  font-size:9px;
  font-weight:800;
  letter-spacing:.035em;
}
.fiscal-visual__status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#31d39a;
  box-shadow:0 0 0 4px rgba(49,211,154,.1);
}
.fiscal-visual__label{
  display:block;
  margin:12px 0 7px;
  color:#918a9d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.fiscal-visual__records{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:#161720;
}
.fiscal-visual__records>div{
  min-height:27px;
  padding:0 10px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.fiscal-visual__records>div:last-child{border-bottom:0}
.fiscal-visual__records span{
  color:#c7c3ce;
  font-size:8.5px;
  font-weight:700;
}
.fiscal-visual__records i{
  width:38%;
  height:5px;
  border-radius:999px;
  background:#292632;
}
.fiscal-visual__bottom{
  margin-top:10px;
  color:#918a9d;
  font-size:8px;
  font-weight:700;
}
.fiscal-visual__bottom strong{color:#d8a6ff;font-size:8.5px}

html.light .fiscal-visual{
  background:#f1ebf7;
}
html.light .fiscal-visual::after{background:rgba(126,34,206,.09)}
html.light .fiscal-visual__sheet{
  border-color:#ddc9ed;
  background:#fff;
  color:#241b2b;
  box-shadow:0 22px 42px -30px rgba(54,32,73,.32),0 1px 0 rgba(255,255,255,.8);
}
html.light .fiscal-visual__monogram{
  border-color:#dbc4ee;
  background:#f1e8f9;
  color:#7e22ce;
}
html.light .fiscal-visual__status{color:#087a59}
html.light .fiscal-visual__status i{background:#0da678;box-shadow:0 0 0 4px rgba(13,166,120,.09)}
html.light .fiscal-visual__label,
html.light .fiscal-visual__bottom{color:#746d7d}
html.light .fiscal-visual__records{border-color:#e8e1ed;background:#faf8fc}
html.light .fiscal-visual__records>div{border-color:#ece6f0}
html.light .fiscal-visual__records span{color:#534a5b}
html.light .fiscal-visual__records i{background:#e6deeb}
html.light .fiscal-visual__bottom strong{color:#7e22ce}

@media(max-width:640px){
  .fiscal-visual{min-height:128px;padding:10px 13px}
  .fiscal-visual__sheet{width:min(100%,310px);padding:10px 11px;border-radius:14px}
  .fiscal-visual__monogram{width:24px;height:24px;border-radius:7px;font-size:8.5px}
  .fiscal-visual__status{font-size:8px}
  .fiscal-visual__label{margin:7px 0 5px;font-size:7px}
  .fiscal-visual__records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:9px}
  .fiscal-visual__records>div{display:block;min-width:0;min-height:31px;padding:6px 7px;border-right:1px solid rgba(255,255,255,.055);border-bottom:0}
  .fiscal-visual__records>div:last-child{border-right:0}
  .fiscal-visual__records span{display:block;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
  .fiscal-visual__records i{display:block;width:72%;height:4px;margin-top:5px}
  .fiscal-visual__bottom{margin-top:7px;font-size:7px}
  .fiscal-visual__bottom strong{font-size:7.5px}
  html.light .fiscal-visual__records>div{border-right-color:#ece6f0}
}