/* =====================================================================
   VetUy Empresa · fondo de las pantallas de ingreso (fondo-login-empresa-2026-10-25, pedido de Jorge).
   Se carga DESPUÉS de empresa_v2.css, solo en empresa_login.html (/acceso) y empresa_setup.html (/setup-inicial).
   Las pantallas de adentro del panel no la cargan. El panel Empresa es solo de noche (no tiene modo día).
   Es el mismo fondo y el mismo vidrio de la app de la clínica (ajustes 3b.6 y 3b.8):
   1. Fondo liso #0B1322 y, detrás de todo, la imagen de Jorge (img/fondo_vetuy.webp, con .jpg de respaldo) como marca
      de agua: pseudo-elemento fijo, inset -4px (el desenfoque no deja borde claro), cover, abajo a la izquierda,
      opacidad .12, saturación .6 y desenfoque de 1,5 px; sin eventos del mouse. Sin imagen con alto contraste
      (clase .alto-contraste / a11y-hc-*), contraste forzado, "más contraste" ni al imprimir.
      La escena animada de antes (luces y rejilla) se saca de estas pantallas: tapaba la imagen.
   2. La tarjeta es el vidrio esmerilado de la 3b.8: azul de la marca al 30 % sobre --sup, al 45 % de opacidad, con
      brillo blanco arriba (10 % a 2 %); desenfoque de 16 px con saturación 140 %; borde de 1 px blanco al 14 %; canto
      de arriba más claro (sombra interna blanca al 10 %) y sombra oscura suave.
   Contraste (WCAG AA = 4,5:1), peor caso: el punto más claro de la imagen al 12 % es (18, 34, 52); con la saturación del
   vidrio (13, 34, 59); la parte más clara de la tarjeta (44, 67, 102).
     --blanco  #F3EEE3 8,6:1 · --celeste-texto #B7BED2 5,4:1 · el texto tenue de la tarjeta (--tenue, #8E98B3, 3,5:1 NO llega)
     pasa a #B2B9CD (5,1:1), como el --tx-3 de la 3b.8 · el aviso de error (#FFE3E0) y el verde del eyebrow (#21E6C1) son más claros.
   ===================================================================== */

/* ---------- 1. Fondo y marca de agua ---------- */
body.ev2-acceso {
  background-color: #0B1322;
  background-image: none;
}
body.ev2-acceso .ev2-escena { display: none; }
body.ev2-acceso::before {
  content: ""; position: fixed; inset: -4px; z-index: -1; pointer-events: none;
  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: .12;
  -webkit-filter: saturate(.6) blur(1.5px); filter: saturate(.6) blur(1.5px);
}
html:is(.alto-contraste, [class*="a11y-hc-"]) body.ev2-acceso::before { background-image: none; }
@media (prefers-contrast: more), (forced-colors: active), print { body.ev2-acceso::before { display: none; } }

/* ---------- 2. La tarjeta: vidrio esmerilado ---------- */
body.ev2-acceso .ev2-tarjeta {
  background: linear-gradient(135deg, rgba(29, 60, 117, .45), rgba(22, 38, 71, .45));  /* sin color-mix */
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .02)),
    linear-gradient(135deg,
      color-mix(in srgb, color-mix(in srgb, #2E7CF6 30%, #16213D) 45%, transparent) 0%,
      color-mix(in srgb, color-mix(in srgb, #2E7CF6 10%, #131C33) 45%, transparent) 100%);
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 10px 28px -10px rgba(0, 0, 0, .5);
  -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%);
  --tenue: #B2B9CD;
}
body.ev2-acceso .ev2-tarjeta .ev2-seguro { color: #B2B9CD; }
body.ev2-acceso .ev2-tarjeta .form-control::placeholder { color: #A7AFC4; opacity: 1; }


/* =====================================================================
   logins-vidrio-2026-10-27 · el vidrio CLARO de los ingresos (v2 aprobada por Jorge el 27/10: «bien transparente, que se
   vea el fondo a través»). Va DESPUÉS de lo de arriba (25/10) y lo pisa: el mismo vidrio de los ingresos de la clínica,
   VetUyPet y VetUyPro (noche): blanco 20 % → 12 %, desenfoque de 10 px, anillo del degradado de la marca, campos al
   74 %, etiquetas #E4E8F1 con sombrita; el eyebrow "Panel de empresa" en #6FF2D9 (con el cian de siempre daba 4,4:1 en
   el celular). Fondo: la imagen fondo_vetuy al 45 %, sin desenfoque, y las tres luces de la paleta (el de VetUyPro).
   Contraste medido (vetuy/logins_vidrio/prototipo/medir_contraste.py): AA en 1280 y 390 px; lo más justo, el eyebrow
   en el celular (5,1:1). Opaca, sin imagen ni sombritas, con "menos transparencia" o "más contraste" del sistema y
   colores forzados (y con alto contraste, si la página lo tuviera). Al imprimir, sin imagen (arriba).
   ===================================================================== */
body.ev2-acceso {
  background-color: #0B1322;
  background-image: radial-gradient(520px 380px at 100% 0%, color-mix(in srgb, #21E6C1 22%, transparent), transparent 70%),
    radial-gradient(560px 460px at 0% 35%, color-mix(in srgb, #2E7CF6 30%, transparent), transparent 72%),
    radial-gradient(480px 360px at 85% 95%, color-mix(in srgb, #7ED957 14%, transparent), transparent 70%);
  background-attachment: fixed;
}
body.ev2-acceso::before { opacity: .45; -webkit-filter: none; filter: none; inset: 0; }

body.ev2-acceso .ev2-tarjeta {
  position: relative; border-radius: 20px; border: 1px solid transparent;
  background: linear-gradient(140deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .12) 60%),
    linear-gradient(160deg, color-mix(in srgb, #2E7CF6 10%, transparent), rgba(19, 28, 51, .10));
  box-shadow: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 18px 40px -22px rgba(0, 0, 0, .75),
    0 26px 60px -40px color-mix(in srgb, #2E7CF6 85%, transparent),
    0 22px 50px -38px color-mix(in srgb, #21E6C1 80%, transparent);
  -webkit-backdrop-filter: blur(10px) saturate(135%); backdrop-filter: blur(10px) saturate(135%);
  --tenue: #E4E8F1;
}
body.ev2-acceso .ev2-tarjeta::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.5px;
  background: linear-gradient(135deg, #21E6C1, #7ED957);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; opacity: .95;
}
body.ev2-acceso .ev2-tarjeta .form-control { background-color: rgba(10, 16, 30, .74) !important; border-radius: 14px !important; }
body.ev2-acceso .ev2-tarjeta :is(.form-label, .ev2-tarjeta__bajada, .ev2-seguro) { color: #E4E8F1 !important; }
/* el cian del eyebrow, un poco más claro sobre el vidrio (con el cian de siempre daba 4,4:1 en el celular) */
body.ev2-acceso .ev2-tarjeta .ev2-eyebrow { color: #6FF2D9; }
body.ev2-acceso :is(.ev2-tarjeta h1, .ev2-tarjeta .form-label, .ev2-tarjeta__bajada, .ev2-seguro, .ev2-eyebrow, .ev2-acceso__lema, .ev2-volver) {
  text-shadow: 0 1px 2px rgba(5, 10, 20, .55);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  body.ev2-acceso .ev2-tarjeta { background: #16213D; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.ev2-acceso { background-image: none; }
  body.ev2-acceso::before { display: none; }
  body.ev2-acceso * { text-shadow: none !important; }
}
html:is(.alto-contraste, [class*="a11y-hc-"]) body.ev2-acceso .ev2-tarjeta { background: #16213D; -webkit-backdrop-filter: none; backdrop-filter: none; }