/**
 * producto-juridica.css
 * Firma visual de /productos/casilla-juridica: un panel de estado real
 * (nombres de ejemplo, no de un cliente real — mismo criterio que la
 * landing de juridica.intea.com.ar) montado sobre una "hoja" clara.
 * El gesto es literal: un papel volviéndose digital, que es el tema del
 * producto. Es el único elemento claro en un sitio 100% oscuro — usado
 * una sola vez, no se repite en el resto de la página.
 * Depende de: producto.css (chrome compartido), base.css (variables).
 * Serif de sistema (sin webfont nueva, criterio de performance).
 */

.juridica-panel {
  max-width: 640px;
  margin: 0 auto;
  background: #F3EDE0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 30px 70px -28px rgba(0, 0, 0, .65);
}

.juridica-panel-hd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.4rem;
  background: #EAE1CC;
  border-bottom: 1px dashed rgba(42, 38, 32, .22);
}

.juridica-panel-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 600;
  font-size: .95rem;
  color: #2A2620;
}

.juridica-panel-sub {
  font-family: 'Cascadia Code', 'Fira Mono', ui-monospace, monospace;
  font-size: .62rem;
  letter-spacing: .04em;
  color: rgba(42, 38, 32, .55);
}

.juridica-panel-body {
  padding: .3rem 1.4rem 1rem;
}

.juridica-client-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: .9rem 0;
  border-bottom: 1px dashed rgba(42, 38, 32, .18);
}

.juridica-client-row:last-child {
  border-bottom: none;
}

.juridica-client-id {
  grid-column: 1;
  grid-row: 1;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 600;
  font-size: .88rem;
  color: #2A2620;
}

.juridica-client-email {
  grid-column: 1;
  grid-row: 2;
  font-family: 'Cascadia Code', 'Fira Mono', ui-monospace, monospace;
  font-size: .68rem;
  color: rgba(42, 38, 32, .6);
  margin-top: .2rem;
}

.juridica-status {
  grid-column: 2;
  grid-row: 1 / 3;
  justify-self: end;
  padding: .32rem .7rem;
  border-radius: 20px;
  font-family: var(--font);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.juridica-status--activo {
  background: rgba(58, 122, 73, .16);
  color: #2F6B3D;
}

.juridica-status--procesando {
  background: rgba(168, 120, 40, .18);
  color: #8A5A1E;
}

.juridica-status--error {
  background: rgba(156, 43, 43, .15);
  color: #8A2A2A;
}