/* ==========================================================================
   COTIZADOR DE CRÉDITOS · PÚBLICO
   Se arma sobre sistema.css (Gestor) y cotizador.css (cotizador de seguros), los dos
   copiados SIN TOCAR por construir.py: barra, desplegable con búsqueda, botones de acción,
   aviso, pie con «Descargar PDF», código y grilla de la columna de acciones son los mismos.
   Acá solo lo propio del crédito; la guarda del armado corta si algo redefine una pieza ajena.

   DIAGRAMA (escritorio) · UNA grilla de 4 columnas iguales (c); la 4.ª es la de acciones
     caja 1   campos: Monto | TNA | Cuotas | Avanzar
              resultados: Cuota fija | Total | Intereses | IVA   (los KPI del Gestor, 4 x c)
              la marcha del préstamo (se abre)
     caja 2   Nombre (2c) | CUIL o CUIT | Pre-aprobar
              el veredicto del Banco Central (aviso a lo ancho)
              (si pasa) Email (2c) | Teléfono (2c)
                        consentimiento (3c) | Solicitar crédito      · si no pasa, se corta ahí
     al enviar, la caja de confirmación del cotizador de seguros, con el resultado
   ========================================================================== */

/* marca Touring Credit: misma altura que Touring Seguros, su ancho propio */
.lk--tc{width:168px}

/* el resultado principal en el acento */
.kpi--prin b{color:var(--acento)}

/* la marcha del préstamo: un renglón que se abre; la tabla es la del Gestor (10 a la vista) */
.marcha{width:100%;height:var(--alto);margin-top:var(--e2);padding:0;border:0;border-top:1px solid var(--line);background:none;cursor:pointer;
  display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;text-align:left;
  font-family:'Sora',sans-serif;font-weight:600;font-size:var(--t-cuerpo);color:var(--texto);transition:color .18s}
.marcha:hover,.marcha:focus-visible{color:var(--acento)}
.marcha i{width:0;height:0;justify-self:end;border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:5px solid var(--texto-3);transition:transform .2s}
.marcha[aria-expanded="true"] i{transform:rotate(180deg)}
.marcha__t{margin-bottom:var(--e3)}


/* consentimiento: tres columnas; el botón cae en la de acciones, mismo renglón y mismo alto */
.fila--ultima{margin-bottom:0}
.consen{grid-column:1/4;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:var(--e3);align-items:center;height:var(--alto);cursor:pointer;
  font-size:var(--t-cuerpo);color:var(--texto-2)}
.consen input{width:18px;height:18px;margin:0;accent-color:var(--acento);cursor:pointer}

.fila--sep{margin-top:var(--e2);padding-top:var(--e4);border-top:1px solid var(--line)}
/* el dato del Banco Central, renglón propio arriba del mensaje */
#preMsg .bcra{display:block;font-weight:600;margin-bottom:var(--e1)}
.aviso--warn{background:var(--warn-bg);color:var(--warn)}
.aviso--neutro{background:var(--sup-2);color:var(--texto-2)}


/* el pie de la caja de datos: la nota a la izquierda y Descargar PDF contra el borde derecho */
.pie-cred{margin-top:var(--e4);padding-top:var(--e3);border-top:1px solid var(--line);height:auto;min-height:32px}
.pie-cred .tot__d{white-space:normal}
.pie-cred .tot__pdf[hidden]{display:none}

/* el resultado de la pre-aprobación, en la caja de confirmación de seguros: solo cambia el color */
.hecho--rev .hecho__chk{background:var(--warn-bg)}
.hecho--rev .hecho__chk svg{stroke:var(--warn)}
.hecho--no .hecho__chk{background:var(--sup-2)}
.hecho--no .hecho__chk svg{stroke:var(--texto-3)}

@media (max-width:1260px){
  .consen{grid-column:1/-1}
  .fila--ultima .btn--accion{grid-column:2}
}
@media (max-width:640px){
  .consen{height:auto;padding:var(--e2) 0}
  .fila--ultima .btn--accion{grid-column:1;width:100%}
  .kpis{grid-template-columns:1fr}
}