/* ═══════════════════════════════════════════════════════════════════════════════
   fila-contraparte.css — GEMELO VANILLA de `FilaContraparte` (2026-08-21)

   FUENTE ÚNICA: `catalogo-cd/components/FilaContraparte.jsx` ·
   Ficha: `design-system/COMPONENTE_FILA_CONTRAPARTE.md` v1.0.
   Cada regla de aquí es la MISMA de allí, con las MISMAS medidas. Si difieren, manda el kit.

   ⛔ POR QUÉ NACE, y no es «se quedó atrasado». Este gemelo **nunca ha existido**. La pieza se
   cosechó el 2026-08-19 **del cajón de factura** y entró al catálogo SÓLO EN REACT — así que el
   backoffice, que es HTML y CSS a secas, no tenía de dónde montarla. Lo que hizo fue lo único
   que podía hacer: **rehacerla a mano** con partes prestadas de `pantalla-lista`
   (`.exds-pl-av` + `.exds-pl-dos`) bajo una clase propia, `.fxc-parte`.

   Y el resultado NO era la pieza. Medido por ojos frescos el 21-ago
   (`design-system/homologacion/facturacion-cajon.md` §Divergencias D2):

     | | La ficha dice | Salía |
     |---|---|---|
     | avatar   | **40** | 34 (`.exds-pl-av`) |
     | nombre   | 14 px · peso **500** | 14 px · peso 400 (heredaba de `body`) |
     | 2ª línea | **12 px** (`--fs-caption`) | 13 px (`--fs-body-sm`) |

   *Una pieza que sólo vive en React no está en el catálogo de una app que no usa React: está
   en el catálogo de otra persona.* Este archivo es el eslabón que faltaba.

   ⛔ EL AVATAR SE REUSA, NO SE REDIBUJA. La ficha § Composición lo dice: la única sub-pieza es
   `Avatar` (`tipo` variable, `quien="otro"`, `size=40`). En vanilla ese `Avatar` ya existe y es
   `.exds-pl-av` —el gris del canon, con la FORMA diciendo persona (círculo) u organización
   (cuadrado-redondeado)—, así que aquí NO se declara ni un color ni un borde de avatar: sólo se
   le pasa el `size=40` del kit, que es una PROP, no una deformación. La regla vive en este
   archivo y no en `pantalla-lista.css` a propósito: quien cambia el tamaño es esta fila, no el
   avatar, y sacarla de aquí repintaría avatares de pantallas que nadie pidió tocar.
   La proporción de las iniciales (0,38 × el tamaño) es la del canon (`.avatar`).

   ⛔ LAS DOS LÍNEAS DE TEXTO SON CRUDAS, y también lo dice la ficha: no hay pieza de catálogo
   para «dos líneas apiladas con jerarquía», y crear una sería un envoltorio sin comportamiento.
   `.exds-pl-dos` **no sirve**: es la celda de dos líneas de la PANTALLA DE LISTA y sus medidas
   son las de una fila de tabla (2ª línea a 13 px, nombre sin peso propio). Copiar su nombre
   habría vuelto a producir exactamente las tres divergencias de arriba.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* LA FILA. El `gap: 11` va literal porque el kit lo escribe literal: copiarlo es fidelidad al
   gemelo. No hay token de 11 y no se inventa uno para una pieza. */
.exds-filacontraparte { display: flex; align-items: center; gap: 11px; min-width: 0; }

/* El `size=40` del kit. El avatar es `.exds-pl-av`; aquí sólo viaja la prop. */
.exds-filacontraparte .exds-pl-av { width: 40px; height: 40px; font-size: calc(40px * 0.38); }

.exds-filacontraparte-txt { min-width: 0; }

/* EL NOMBRE. Se trunca, NO se parte: una razón social larga no puede empujar la fila a dos
   alturas distintas según el registro — la lista dejaría de tener un ritmo. */
.exds-filacontraparte-nom {
  font-family: var(--font-sans); font-size: var(--fs-body, 14px); font-weight: 500;
  color: var(--fg1); line-height: 1.35;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* LA SECUNDARIA · «papel · identificador», en ese orden. ⛔ El separador lo pone QUIEN MONTA y
   sólo si hay las dos cosas que separar: un `·` colgando al final es el defecto clásico de este
   patrón, y aparece en cuanto un registro viene sin RFC. El CSS no puede decidirlo. */
.exds-filacontraparte-sec {
  font-family: var(--font-sans); font-size: var(--fs-caption, 12px); font-weight: 400;
  color: var(--fg3); line-height: 1.35; margin-top: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}