/* ConLupa — Auditor de tarjetas y deudas. Al cambiarlo, subir el ?v= en tarjetas.html. */
.aud{max-width:52rem;padding-bottom:4rem}
.aud-intro{padding:3rem 0 1.4rem}
.aud-intro .kick{font-size:.78rem;margin:0}
.aud-intro h1{font-weight:900;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.02;color:var(--heading);margin:.4rem 0 0}
.aud-intro>p:not(.kick):not(.fine){font-size:1.12rem;color:var(--muted);margin:1rem 0 .4rem;max-width:40rem}

/* pasos */
.aud-pasos{display:flex;gap:.4rem;list-style:none;padding:0;margin:0 0 1rem;counter-reset:p;overflow-x:auto}
.aud-pasos li{flex:1 0 auto;counter-increment:p;display:flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--muted);padding:.45rem .2rem;border-top:3px solid var(--line);white-space:nowrap}
.aud-pasos li::before{content:counter(p);display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--line-2);font:700 .75rem var(--body);flex:none}
.aud-pasos li.hecho{border-top-color:var(--ink);color:var(--text)}
.aud-pasos li.hecho::before{content:"✓";background:var(--ink);border-color:var(--ink);color:var(--on-ink,#fff)}
.aud-pasos li[aria-current]{border-top-color:var(--ink);color:var(--heading);font-weight:700}
.aud-pasos li[aria-current]::before{border-color:var(--ink);color:var(--ink)}
@media (max-width:600px){.aud-pasos li:not([aria-current]){font-size:0;gap:0;flex:0 0 auto}.aud-pasos li:not([aria-current])::before{font-size:.75rem}}

/* tarjeta del cuestionario */
.aud-card{padding:1.6rem}
.aud-paso{border:0;margin:0;padding:0;min-width:0}
.aud-paso>legend{padding:0;margin-bottom:.4rem}
.aud-paso h2{font-size:1.45rem;color:var(--heading)}
.aud-paso h2:focus{outline:none}
.aud-paso h3,.aud-h3{font-size:1.1rem;margin:1.4rem 0 .6rem;color:var(--heading)}
.aud-bloque+.aud-bloque{border-top:1px dashed var(--line);margin-top:1.4rem}
.aud-sub{margin-top:1rem}
.aud-sub .chips label{min-height:44px;display:inline-flex;align-items:center}

.aud-opts{display:grid;gap:.6rem;margin:.8rem 0 .4rem}
.aud-opt{display:flex;gap:.8rem;align-items:flex-start;border:1.5px solid var(--line-2);border-radius:14px;padding:1rem 1.1rem;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}
.aud-opt:hover{border-color:var(--ink)}
.aud-opt input{width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--ink);flex:none}
.aud-opt b{display:block;color:var(--heading)}
.aud-opt small{display:block;color:var(--muted);font-size:.9rem;margin-top:.15rem}
.aud-opt:has(input:checked){border-color:var(--ink);background:var(--sky)}
.aud-opt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}

.aud-fila{display:grid;gap:0 .8rem;grid-template-columns:9.5rem 1fr 9rem;align-items:end;padding:.8rem 0;border-bottom:1px dashed var(--line)}
.aud-fila .field{margin-bottom:.5rem}
.aud-ext{grid-column:1/-1;margin:0 0 .3rem}
.aud-quitar{grid-column:1/-1;justify-self:start;border:0;background:none;color:var(--red);font:600 .88rem var(--body);cursor:pointer;padding:.3rem 0;min-height:44px}
@media (max-width:640px){.aud-fila{grid-template-columns:1fr 1fr}.aud-fila .field:nth-child(2){grid-column:1/-1;order:-1}}
#addConsumo{margin-top:.8rem}

.aud-aviso{border-radius:12px;padding:.8rem 1rem;margin-top:.4rem;font-size:.95rem;border-left:4px solid}
.aud-aviso.bien{background:var(--okbg);border-color:var(--green)}
.aud-aviso.ojo{background:#FFF6CC;border-color:var(--amber);color:#3A2D00}
.aud-aviso.mal{background:#FDE7E9;border-color:var(--red);color:#5A1017}

.aud-nav{display:flex;justify-content:space-between;gap:.6rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.aud-nav #sig{margin-left:auto}
#err:empty{display:none}
#err{margin:1rem 0 0}

/* diagnóstico: semáforo */
.aud-d{border:1px solid var(--line);border-left:6px solid;border-radius:12px;padding:.8rem 1rem;margin:.6rem 0;background:var(--surface)}
.aud-d b{color:var(--heading)}
.aud-d p{margin:.3rem 0 0;color:var(--text);font-size:.95rem}
.aud-d.rojo{border-left-color:var(--red)} .aud-d.ambar{border-left-color:var(--amber)} .aud-d.verde{border-left-color:var(--green)}

/* carta */
.aud-carta-sec{margin-top:.4rem}
.aud-carta-top h2{font-size:1.6rem;color:var(--heading);margin:0 0 .8rem}
.aud-carta-top h2:focus{outline:none}
.aud-acc{display:flex;flex-wrap:wrap;gap:.5rem}
.aud-carta{white-space:pre-wrap;font:400 1rem/1.65 var(--serif);padding:2.2rem clamp(1.2rem,4vw,2.6rem);margin:1rem 0;background:#fff;color:#14211F;color-scheme:light;border-color:var(--line)}
.aud-carta:focus{outline:2px solid var(--ink);outline-offset:3px}
.aud-pasos-sig{padding:1.3rem 1.5rem}
.aud-pasos-sig h3{margin:0 0 .6rem;font-size:1.1rem}
.aud-pasos-sig ol{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}

@media print{
  @page{size:A4;margin:22mm 20mm}
  body{background:#fff!important;background-image:none!important}
  .top,.no-print,.skip,.cmdk-btn,#claraFab,[class*="clara"],.menu-btn{display:none!important}
  .aud{max-width:none;padding:0}
  .aud-carta{box-shadow:none;border:0;padding:0;margin:0;font-size:11.5pt}
}