/* Los distintivos oficiales de App Store y Google Play (WEB-PUBLICADA,
   11-oct-2026), en la portada y en /descargar.

   Los dos con el MISMO alto visible, y alineados por la caja negra que se ve,
   no por la imagen: Apple pide no menos de 40 px en pantalla y su distintivo no
   trae margen; el de Google trae un margen propio transparente que hay que
   respetar (no se recorta). Por eso la imagen de Google es más alta que la de
   Apple y se le quita ese margen por fuera con un margen negativo: así su caja
   visible mide lo mismo que la de Apple y queda a la misma altura.

   Las cifras de Google son las de los PNG oficiales (646 x 250), medidas en su
   canal alfa el 13-oct-2026: en ocho idiomas el dibujo ocupa todo el ancho y
   las filas 29 a 220 (margen propio de 29 px arriba y abajo, 0 a los lados,
   caja visible de 192 de alto); el inglés es de otra hornada y trae 41 px por
   los cuatro lados (caja visible de 564 x 168). Por eso el inglés lleva sus
   propias cifras. Si se cambia un fichero, se vuelven a medir. */
.distintivos{
  --alto-distintivo:48px;
  --google-total:250;
  --google-margen:29;
  --google-margen-lado:0;
  --google-visible:192;
  display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;
}
.distintivos:lang(en){
  --google-margen:41;
  --google-margen-lado:41;
  --google-visible:168;
}
.distintivos a{display:block;line-height:0}
/* max-width:none porque la portada da a toda imagen max-width:100%, y el
   enlace de Google mide menos que su imagen (el margen negativo): con él, la
   imagen se estrechaba contra el enlace y el dibujo se encogía dentro de su
   caja: 42 px de alto visible frente a los 48 de Apple (medido en la
   captura del 11-oct-2026). */
.distintivos img{display:block;width:auto;max-width:none}
.distintivo-apple{height:var(--alto-distintivo)}
.distintivo-google{
  height:calc(var(--alto-distintivo) * var(--google-total) / var(--google-visible));
  margin:calc(var(--alto-distintivo) * var(--google-margen) / var(--google-visible) * -1)
         calc(var(--alto-distintivo) * var(--google-margen-lado) / var(--google-visible) * -1);
}