/* Reglas propias del validador de CUIT.
   Tokens, tipografía y componentes comunes: estilo.css */

.resultado { border:1px solid; border-left-width:3px; border-radius:var(--radius); padding:15px 18px; margin-top:2px; display:none; }
.resultado.ok    { display:block; background:var(--accent-soft); border-color:var(--accent-line); }
.resultado.error { display:block; background:var(--danger-soft); border-color:var(--danger-line); }
.resultado .titulo { font-size:14.5px; font-weight:600; margin-bottom:7px; }
.resultado.ok .titulo    { color:var(--accent); }
.resultado.error .titulo { color:var(--danger); }
.resultado .detalle { font-size:13px; color:var(--ink-soft); line-height:1.7; }
.resultado .detalle strong { color:var(--ink); font-family:var(--font-num); font-size:14.5px; letter-spacing:.02em; }

.cuil-grande {
  font-family:var(--font-num); font-size:27px; font-weight:500; color:var(--ink);
  letter-spacing:.02em; font-variant-numeric:tabular-nums; line-height:1.2;
}

#cuitInput, #dniInput { font-family:var(--font-num); font-variant-numeric:tabular-nums; letter-spacing:.03em; }

.lista-simple { list-style:none; margin:0; }
.lista-simple li { padding:11px 0; border-bottom:1px solid var(--line-soft); }
.lista-simple li:first-child { padding-top:0; }
.lista-simple li:last-child { border-bottom:none; padding-bottom:0; }
.lista-simple a { font-weight:600; text-decoration:none; font-size:14.5px; }
.lista-simple a:hover { text-decoration:underline; }
.lista-simple span { display:block; color:var(--ink-soft); font-size:13px; margin-top:2px; line-height:1.5; }