/* Portal Vifer v3 · ANALISIS v2 (pase 38): la respuesta arriba en una frase, cada fuga explicada con palabras y los
   numeros del negocio al final, por grupos y con su origen (medido, tuyo, tipico del sector). */
.an-out { display: grid; gap: 18px; }
.an-hero { display: grid; gap: 14px; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--border-subtle); border-radius: var(--ej-r); background: linear-gradient(150deg, var(--cyan-wash), var(--surface-1) 55%); box-shadow: var(--card-shadow); }
.an-hero__eyebrow { color: var(--cyan-deep); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.an-hero__h { max-width: 30ch; font-size: clamp(26px, 3.2vw, 40px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }
.an-hero__v { white-space: nowrap; } .an-hero__v.is-bad { color: var(--danger); } .an-hero__v.is-good { color: var(--success); }
.an-hero__p { max-width: 62ch; color: var(--fg-muted); font-size: 17px; line-height: 1.55; }
.an-bar { position: relative; height: 16px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--warning) 28%, var(--surface-2)); }
.an-bar__rec { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 70%, var(--surface-1))); transform: scaleX(var(--p)); transform-origin: left; transition: transform 500ms var(--ease-out); }
.an-bar__lg { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14.5px; color: var(--fg-muted); }
.an-bar__lg li { display: inline-flex; align-items: center; gap: 8px; } .an-bar__lg b { color: var(--fg); font-weight: 600; }
.an-bar__lg i { width: 12px; height: 12px; border-radius: 4px; } .an-bar__lg .is-good i { background: var(--success); } .an-bar__lg .is-rest i { background: color-mix(in srgb, var(--warning) 45%, var(--surface-2)); }
.an-leaks { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 760px) { .an-leaks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.an-lk { display: grid; align-content: start; gap: 10px; padding: 22px; border: 1px solid var(--border-subtle); border-radius: var(--ej-r); background: var(--surface-1); box-shadow: var(--card-shadow); }
.an-lk__q { font-size: 17px; font-weight: 600; }
.an-lk__v { display: flex; align-items: baseline; gap: 8px; } .an-lk__v b { font-size: 34px; font-weight: 600; letter-spacing: -0.02em; } .an-lk__v span { color: var(--fg-muted); }
.an-lk.is-open .an-lk__v b { color: var(--danger); }
.an-lk__why { color: var(--fg-muted); font-size: 15px; line-height: 1.55; }
.an-lk__f { padding: 8px 12px; border-radius: 10px; background: var(--surface-2); color: var(--fg-muted); font-size: 13.5px; font-variant-numeric: tabular-nums; }
.an-lk__cov { display: grid; gap: 6px; } .an-lk__cov p { font-size: 14px; color: var(--fg-muted); } .an-lk__cov p.is-on { color: var(--success); font-weight: 500; }
.an-lk__bar { display: block; height: 8px; overflow: hidden; border-radius: 999px; background: var(--surface-3); }
.an-lk__fill { display: block; height: 100%; border-radius: inherit; background: var(--success); transform: scaleX(var(--p)); transform-origin: left; }
.an-lk__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 2px; }
.an-grp { display: grid; gap: 10px; } .an-grp + .an-grp { margin-top: 8px; }
.an-grp__t { font-size: 15px; font-weight: 600; }
.an-grp .sl__l { font-family: var(--font-body); font-size: 14.5px; letter-spacing: 0; text-transform: none; color: var(--fg); font-weight: 500; }
.an-grp .sl__v { color: var(--cyan-deep); font-size: 18px; font-weight: 600; }
.an-grp .sl { padding: 14px 16px; border-radius: 14px; }
.sl__f { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .sl__f .sl__d { font-size: 13px; }
.an-src { flex: none; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.an-src.is-measured { background: var(--ej-okbg); color: var(--success); } .an-src.is-mine { background: var(--cyan-tint-12); color: var(--cyan-deep); } .an-src.is-typical { background: var(--surface-3); color: var(--fg-muted); }
@media (prefers-reduced-motion: reduce) { .an-bar__rec { transition: none; } }