/* =====================================================================
   VetUy · ajustes 3b.6 (pedido de Jorge, 25/10/2026). Se carga DESPUÉS de ajustes_3b5.css (templates/_v3_head.html).
   Todo va en el MODO NOCHE: en el modo día no cambia nada.
   1. El fondo es la imagen real de Jorge (img/fondo_vetuy.webp, con .jpg de respaldo), entera, una sola vez, sin
      estirarla ni repetirla, como marca de agua suave. Reemplaza las huellas de la 3b.5 (que redibujaban mal el logo).
      Va en todas las pantallas del programa (personal, consultorio, socio y todas las de ingreso: todas llevan .app,
      que es lo que usa la regla). Las tarjetas, la paleta y las letras no cambian.
   2. El botón de elegir archivo (input type="file") deja de ser blanco: es un botón azul transparente, como los
      botones secundarios de la app.
   ===================================================================== */

/* ---------- 1. Fondo de Jorge, como marca de agua ---------- */
/* El <body> sigue con su color liso (var(--fondo), #0B1322). La imagen va en el pseudo-elemento fijo de app_v3.css,
   detrás de todo, con: opacidad 10 % (Jorge pidió entre 5 y 12 %), saturación al 60 % y desenfoque de 1,5 px; sin capa
   oscura (la opacidad ya la atenúa). `inset: -4px` hace que el desenfoque no deje un borde claro. `cover` porque la
   imagen ya es un fondo completo (1672 x 941); pegada abajo a la izquierda, así en el celular se ve el logo grande.
   No cambia el tamaño de nada (es fijo: no hay margen, relleno ni scroll nuevos).
   Contraste, peor caso medido con la imagen real: el punto más claro (36, 148, 214), ya con saturación y opacidad
   sobre #0B1322, queda (17, 31, 49). Ahí el texto más tenue (--tx-3, #8E98B3) da 5,8:1 (sin imagen: 6,5:1), --tx-2
   8,9:1 y --tx 14,3:1. Todo AA (4,5:1).
   Con alto contraste no hay imagen (como en app_v3.css); en el modo día tampoco (app_v3.css la oculta). */
html:not([data-modo="dia"]):not(.alto-contraste):not([class*="a11y-hc-"]) body:has(.app)::before {
  inset: -4px;
  background-color: transparent;
  background-image: url("/img/fondo_vetuy.jpg");
  background-image: image-set(url("/img/fondo_vetuy.webp") type("image/webp"), url("/img/fondo_vetuy.jpg") type("image/jpeg"));
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
  opacity: .10;
  -webkit-filter: saturate(.6) blur(1.5px); filter: saturate(.6) blur(1.5px);
}

/* ---------- 2. Botón de elegir archivo ---------- */
/* (los .boton-archivo son un label.btn con el input escondido adentro: esos no se tocan) */
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input) {
  box-sizing: border-box; min-height: 44px; padding: 3px 14px 3px 3px;
  background: transparent; color: var(--tx-2); font-size: 1rem;
  border: 1px solid var(--caja-azul-borde); border-radius: var(--r-sm);
  cursor: pointer; color-scheme: dark;
}
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input)::file-selector-button {
  min-height: 38px; margin: 0 14px 0 0; padding: 0 18px;
  background: color-mix(in srgb, var(--marca-azul) 24%, transparent);
  color: var(--tx); font-weight: 700; font-size: .9375rem; font-family: inherit;
  border: 1px solid var(--caja-azul-borde); border-radius: var(--r-pill);
  cursor: pointer; transition: background-color .2s, border-color .2s;
}
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input):hover:not(:disabled)::file-selector-button {
  background: color-mix(in srgb, var(--marca-azul) 38%, transparent);
  border-color: color-mix(in srgb, var(--marca-azul) 70%, #fff);
}
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input):hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--marca-azul) 70%, #fff);
}
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input):focus-visible {
  outline: 3px solid var(--acc-tx); outline-offset: 2px;
  border-color: color-mix(in srgb, var(--marca-azul) 70%, #fff); box-shadow: none;
}
html:not([data-modo="dia"]) input[type="file"]:not(.boton-archivo input):disabled { cursor: not-allowed; opacity: .6; }
html:not([data-modo="dia"]) input[type="file"].form-control-sm:not(.boton-archivo input)::file-selector-button { min-height: 34px; padding: 0 14px; }