/* ===== Ajuste fino: SUBIR/BAJAR el bloque =====
   Valores más negativos SUBEN, positivos BAJAN */
:root { --offset-y: -150px; }   /* prueba -8px, -10px, -16px... */

/* Sin scroll y altura total */
html, body { height: 100%; overflow: hidden; }

/* Header compacto */
header { padding: .75rem 1rem .5rem; border-bottom: 1px solid #333; }
header img { max-height: 60px; width: auto; }
h1 { font-size: 1rem; margin: .35rem 0 0; color: #bbb; font-weight: 500; }

/* El contenedor central; el offset se aplica aquí */
main { padding: 0 16px; }
.wrap { max-width: 360px; transform: translateY(var(--offset-y)); }

/* Tamaños cómodos sin ocupar todo el ancho */
#clientSelect { font-size: 1rem; padding: .75rem .9rem; }
#goBtn       { font-size: 1rem; padding: .7rem 0; border-radius: 8px; }

/* Móviles muy pequeños: aún más compacto y offset suave */
@media (max-width: 360px) {
  .wrap { max-width: 320px; }
  header img { max-height: 52px; }
  :root { --offset-y: -10px; }
}