/* CAPUCCI — LO QUE LA INTEGRACION AGREGA, Y NADA MAS.
   ------------------------------------------------------------------
   `entorno.css` es la hoja congelada del laboratorio y se conserva BYTE A
   BYTE: su md5 tiene que poder compararse contra 18-entorno-web/prototipo-02
   en cualquier momento. Por eso lo que el sitio necesita y el laboratorio no
   necesitaba vive aca, separado, donde se ve de un vistazo cuanto se agrego.

   REGLA DE ESTE ARCHIVO: solo entra lo que hace falta para que una pieza que
   en el laboratorio era inerte funcione de verdad, y solo si NO mueve un
   pixel. Nada de ajuste, nada de compensacion, nada de gusto. Si algo de aca
   cambiara el canon, no va aca: va a STOP.
   ------------------------------------------------------------------ */

/* Los tres destinos de la cabecera impresa del Documento Marfil 01 eran
   <span> en el laboratorio, porque no habia adonde ir. En el sitio son
   enlaces de verdad —y son la unica navegacion de la home, que no monta
   `.cab`—, asi que el navegador les pone su subrayado de fabrica.
   `.marfil__enl` ya fija color, cuerpo, tracking y caja: lo unico que falta
   es apagar ese subrayado para que el enlace se vea exactamente como se veia
   el span. No se agrega ningun gesto de enlace: el canon congelo estos
   destinos SIN subrayado, y el foco visible de la casa —outline 2px pizarra,
   offset 3— ya los alcanza desde `entorno.css`. */
.marfil__enl{ text-decoration:none; }


/* ==================================================================
   LA FIRMA · ULTIMA MARCA DE LA HOME
   ------------------------------------------------------------------
   ESTA REGLA SI CAMBIA EL FINAL FISICO DE LA PAGINA, y es la unica de
   este archivo que lo hace. No es un ajuste ni una compensacion: es
   una pieza nueva, pedida expresamente, y por eso entra con su propio
   encabezado en vez de mezclarse con lo de arriba. EL CANON NO SE
   PROMUEVE POR ESTO: el final medido cambia a proposito y la
   promocion es una decision aparte.

   NO ES UN PIE. La home sigue sin cabecera fija, sin pie compartido y
   sin navegacion secundaria. No hay banda, no hay seccion, no hay
   caja, no hay filete, no hay fondo propio: la firma vive DENTRO de
   la superficie marfil de CONVERSAR, que ya estaba ahi.

   NO TOCA EL AIRE. Queda fuera de `.conv__int`, de modo que su
   `padding-bottom` —200 px apaisado, 150 vertical— sigue midiendo
   exactamente lo mismo. La firma aparece DESPUES de ese aire.

   LA SEPARACION ES MENOR QUE EL AIRE, a proposito: 88 sobre 200 y 64
   sobre 150. Si fuera igual o mayor, la firma leeria como un movimiento
   nuevo de la pagina. Menor, lee como lo que es: una marca al pie de
   la ultima hoja, subordinada al cierre que acaba de ocurrir. Y el
   aire que queda debajo es menor todavia, para que la pagina termine.

   LA VOZ ES LA DEL CREDITO, NO LA DEL ROTULO. Caja baja, sin
   versalitas y sin tracking de rotulo: un rotulo es estructura y esto
   es una firma. Es la misma voz que lleva en el pie de las otras siete
   superficies —0,72 rem, gris, subrayado del ancho del nombre— para
   que sea reconociblemente la misma marca en todo el sitio.
   ================================================================== */

:root{ --cv-firma-sep:88px; --cv-firma-abajo:56px; }
@media (max-aspect-ratio: 1227/1000){
  :root{ --cv-firma-sep:64px; --cv-firma-abajo:44px; }
}

.cv-firma{
  width:min(calc(100% - 2*var(--mf-espina)), var(--mf-ancho));
  /* El aire de abajo es PADDING y no margen: un margen del ultimo hijo se
     escapa de `.conv` y se lleva la superficie marfil consigo. Hoy no se
     nota —`--papel` y `--marfil` son el mismo color— pero dejaria el cierre
     dependiendo de esa coincidencia. Como padding, la banda termina donde
     termina la pagina. */
  margin:var(--cv-firma-sep) auto 0;
  padding-bottom:var(--cv-firma-abajo);
  font-family:var(--f-ui); font-weight:300; font-size:.72rem;
  letter-spacing:.06em; line-height:1.4; color:var(--gris);
}
/* El subrayado mide el nombre y ni un pixel mas, igual que las dos
   puertas de CONVERSAR: subrayar la caja seria dibujar un boton. El
   color sale de `currentColor`, que es la misma tinta de la palabra
   que subraya —4,93:1 sobre marfil—, y no del filete del sistema, que
   a este cuerpo seria invisible. */
.cv-firma a{
  /* EL COLOR SE DECLARA, NO SE HEREDA. La hoja de la home no lleva un
     `a{color:inherit}` global —cada pieza fija su tinta, y por eso
     `.cv--acc` declara la suya—, de modo que sin esta linea el enlace
     tomaba el azul de fabrica del navegador y `currentColor` subrayaba
     en azul. Se hereda del parrafo, que es el gris del credito. */
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.3em;
  text-decoration-color:currentColor;
  transition:color .18s ease;
}
/* Una sola regla para el puntero y para el teclado, como en el pie.
   El anillo de foco lo pone `:focus-visible` de la casa. */
.cv-firma a:hover,
.cv-firma a:focus-visible{ color:var(--pizarra); }

@media (prefers-reduced-motion: reduce){
  .cv-firma a{ transition:none; }
}