#reportes .sec-head{ margin-bottom:52px; }

.an-card{
  position:relative;
  max-width:none;
  margin:0;
  background:var(--demo-bg);
  border:1px solid var(--demo-border);
  border-radius:28px;
  padding:64px 56px;
  overflow:hidden;
}

.an-blob{
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--demo-fondo);
}

.an-cards{
  position:relative; z-index:1;
  display:flex;
  align-items:stretch;
  gap:24px;
}

.an-mini{
  flex:0 0 300px;
  background:#fff;
  border-radius:18px;
  padding:26px 24px;
  box-shadow: 0 20px 45px -20px rgba(20,20,40,0.35);
  display:flex;
  flex-direction:column;
}
.an-mini-row{ display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.an-mini-icon{
  width:38px; height:38px; border-radius:11px;
  background:rgba(76,111,255,0.10);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.an-mini-icon svg{ width:19px; height:19px; color:var(--btn-bg); }
.an-mini-title{ font-size:14.5px; font-weight:700; color:var(--text); }
.an-mini-sub{ font-size:12px; color:var(--text-muted); margin-top:1px; }

.an-mini-label{ font-size:11.5px; color:var(--text-muted); font-weight:600; }
.an-mini-monto{ font-size:24px; font-weight:700; color:var(--text); margin:3px 0 auto; }

.an-meta{ margin-top:22px; }
.an-meta-row{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text-dim); margin-bottom:8px; }
.an-meta-row svg{ width:14px; height:14px; }
.an-meta-track{
  height:7px; border-radius:5px;
  background:var(--surface-2);
  overflow:hidden;
}
.an-meta-fill{
  height:100%; width:0;
  border-radius:5px;
  background:linear-gradient(90deg, #4C6FFF, #8B5CF6, #FF8C5A);
  transition:width 1s cubic-bezier(.33,1,.68,1);
}
.an-meta-fill.grow{ width:68%; }

.an-chart-card{
  flex:1 1 auto;
  min-width:0;
  background:#fff;
  border-radius:18px;
  padding:26px 28px 24px;
  box-shadow: 0 24px 55px -22px rgba(20,20,40,0.32);
  display:flex;
  flex-direction:column;
}
.an-chart-label{ font-size:12px; color:var(--text-muted); font-weight:600; }
.an-chart-monto{ font-size:24px; font-weight:700; color:var(--text); margin:3px 0 26px; }

.an-chart-area{
  display:flex; align-items:flex-end; gap:5px;
  height:110px;
  flex-shrink:0;
}
.an-bar{
  flex:1;
  min-width:4px;
  height:0;
  border-radius:3px 3px 0 0;
  background:linear-gradient(to top, #4C6FFF, #8B7CFF);
  transition:height .8s cubic-bezier(.33,1,.68,1);
}
.an-bar.grow{ height:var(--h); }

@media(max-width:760px){
  .an-card{ padding:40px 24px; }
  .an-cards{ flex-direction:column; }
  .an-mini{ flex-basis:auto; }
  .an-chart-card{ padding:22px 20px 20px; }
}

@media (prefers-reduced-motion: reduce){
  .an-meta-fill, .an-bar{ transition:none !important; }
}

.an-cards{ flex-wrap:wrap; }
.an-chart-card{ min-width:340px; }
.an-pie-card{
  flex:0 0 250px; min-width:0;
  background:#fff; border-radius:18px; padding:26px 24px 22px;
  box-shadow:0 24px 55px -22px rgba(20,20,40,0.32);
  display:flex; flex-direction:column;
}
.an-pie-wrap{ position:relative; width:150px; height:150px; margin:14px auto 16px; }
.an-pie{ width:100%; height:100%; display:block; overflow:visible; position:relative; z-index:1; }
.an-pie-track{ fill:none; stroke:#F1F1F1; stroke-width:6.5; }
.an-slice{ fill:none; stroke:var(--c); stroke-width:6.5; }
.an-slice:nth-of-type(2){ stroke-dasharray:45.2 54.8; stroke-dashoffset:25; }
.an-slice:nth-of-type(3){ stroke-dasharray:30.2 69.8; stroke-dashoffset:-21; }
.an-slice:nth-of-type(4){ stroke-dasharray:22.2 77.8; stroke-dashoffset:-52; }
.an-pie-center{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.1;
}
.an-pie-center b{ font-size:22px; font-weight:700; color:var(--text); letter-spacing:-.02em; }
.an-pie-center small{ font-size:11px; color:var(--text-muted); font-weight:600; margin-top:2px; }
.an-pie-shadow{ display:none; }
.an-pie-legend{ list-style:none; display:flex; flex-direction:column; gap:7px; margin-top:auto; }
.an-pie-legend li{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--text-dim); border-radius:8px; padding:2px 4px; margin:0 -4px; }
.an-pie-dot{ width:9px; height:9px; border-radius:3px; background:var(--c); flex-shrink:0; }
.an-pie-name{ flex:1; }
.an-pie-pct{ font-weight:700; color:var(--text); }

@media(max-width:1200px){
  .an-pie-card{ flex:1 1 100%; flex-direction:row; flex-wrap:wrap; align-items:center; gap:0 28px; }
  .an-pie-card > .an-chart-label{ flex:1 1 100%; }
  .an-pie-wrap{ margin:14px 0 4px; }
  .an-pie-legend{ margin-top:0; flex:1; }
}
@media(max-width:760px){
  .an-chart-card{ min-width:0; }
  .an-pie-card{ flex-direction:column; align-items:stretch; }
  .an-pie-wrap{ margin:14px auto 16px; }
}