/* ORBIS 360 V17.10.4 — CORRECCIÓN QUIRÚRGICA DEL LOGIN.
   Se respeta ÍNTEGRAMENTE la composición dividida V17.10.1:
   izquierda = marca + mensaje + constelaciones; derecha = formulario.
   La fotografía se pinta SOLO tras el formulario en la columna DERECHA.
   Este archivo NO establece display/grid/position en .v5-login ni .v5-stage. */

/* Fotografía + sombreado aplicados únicamente al sector del formulario. */
body .v5-login > .v5-login-side {
  background-color:#061c21;
  background-image:
    linear-gradient(180deg,rgba(3,21,25,.25) 0%,rgba(3,24,29,.24) 42%,rgba(2,17,22,.57) 100%),
    linear-gradient(90deg,rgba(2,20,24,.33),transparent 35%,rgba(2,18,22,.26) 100%),
    url('./assets/orbis_equipo_colaborando.webp');
  background-position:center,center,50% 35%;
  background-repeat:no-repeat;
  background-size:cover;
}

/* En V17.10.1 este pseudo-elemento era la mancha geométrica.
   Lo quitamos: su espacio ahora es parte de la fotografía. */
body .v5-login > .v5-login-side::before { content:none;display:none; }

/* El formulario sigue siendo HTML real, centrado, sobre vidrio sobrio.
   No cambiar tamaño, espaciados ni posición; reforzar legibilidad en la foto. */
body[data-theme='dark'] .v5-login > .v5-login-side .v5-login-panel {
  background:linear-gradient(138deg,rgba(11,40,44,.88),rgba(9,32,37,.90));
  border-color:rgba(170,228,218,.33);
  box-shadow:inset 0 1px 0 rgba(244,255,253,.14),0 20px 60px rgba(1,19,23,.34);
  backdrop-filter:blur(15px) saturate(112%);
  -webkit-backdrop-filter:blur(15px) saturate(112%);
}
body[data-theme='light'] .v5-login > .v5-login-side .v5-login-panel {
  background:linear-gradient(140deg,rgba(251,252,250,.93),rgba(246,250,249,.90));
  border-color:rgba(160,208,197,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 20px 55px rgba(1,19,23,.23);
  backdrop-filter:blur(12px) saturate(105%);
  -webkit-backdrop-filter:blur(12px) saturate(105%);
}

@media(max-width:760px){
  /* En teléfonos no superponer foto sobre el área izquierda: el layout original
     ya apila ambas secciones. Se conserva tal cual y solo se fotografía la derecha. */
  body .v5-login > .v5-login-side { background-position:center,center,54% 38%; }
}
@media(prefers-reduced-transparency:reduce){
  body[data-theme='dark'] .v5-login > .v5-login-side .v5-login-panel {background:#09282c;backdrop-filter:none;-webkit-backdrop-filter:none}
  body[data-theme='light'] .v5-login > .v5-login-side .v5-login-panel {background:#f6fbf9;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@supports not (backdrop-filter:blur(1px)){
  body[data-theme='dark'] .v5-login > .v5-login-side .v5-login-panel {background:#09282c}
  body[data-theme='light'] .v5-login > .v5-login-side .v5-login-panel {background:#f6fbf9}
}