/* 16-oct (t333): lenguaje visual de la pantalla Cuenta en toda la app.
   Comun a la app de clientes y a la de prueba. Quitar el <link> de base.html
   lo deshace entero. */

/* Los botones salian con la fuente del sistema (Arial) en algunas pantallas:
   heredan la de la app. */
button, input, select, textarea { font-family: inherit; }

/* Cuenta: "Hacer una foto" y "Elegir de la galeria" del mismo alto y en una
   sola linea cada uno. */
.pf-foto-btns { align-items: stretch; }
.pf-foto-btns label {
  min-height: 52px; border-radius: 999px; gap: 8px;
  white-space: nowrap; font-size: 14.5px; letter-spacing: -.005em;
  padding-left: 12px; padding-right: 12px;
}
.pf-foto-btns .pf-bico { width: 20px; height: 20px; }
@media (max-width: 360px) { .pf-foto-btns label { font-size: 13.5px; gap: 6px; } }

/* Cuenta: "Pasar a Noche por la hora" en dos pisos (texto arriba, hora abajo a
   la derecha) para que el texto no quede en una columna estrecha. */
.pf-auto { flex-wrap: wrap; align-items: flex-start; }
.pf-auto .fx-fila-cuerpo { flex: 1 1 calc(100% - 60px); min-width: 0; }
.pf-auto input[type=time] { margin-left: auto; border-radius: 999px; }