/* ACADEMY JP - marca de la entrada al aula
   Propiedad intelectual de Angel Jose Jimenez Alvarez. SEI 360.
   Actua SOLO en las paginas de acceso: son las unicas que contienen
   .w-authPageWidth. El chat, una vez dentro, no se toca. */

:root{
  --ajp-tinta:#2A3A72;
  --ajp-hondo:#16224A;
  --ajp-noche:#0D1430;
  --ajp-claro:#7B8AD4;
  --ajp-brillo:#A8B4E8;
  --ajp-texto:#E8ECF8;
  --ajp-linea:rgba(168,180,232,.24);
}

/* ---- el lienzo ---- */
body:has(.w-authPageWidth) #root > div{
  background:
    radial-gradient(120% 85% at 50% 0%, rgba(42,58,114,.78) 0%, rgba(42,58,114,0) 62%),
    linear-gradient(160deg, #0D1430 0%, #16224A 52%, #0D1430 100%) !important;
  color:var(--ajp-texto);
  color-scheme:dark;            /* los controles nativos se pintan en oscuro */
}

/* ---- el logo: se pinta en su contenedor, no se deforma el <img> ---- */
body:has(.w-authPageWidth) div:has(> img[src$="logo.svg"]){
  height:84px !important;
  margin-top:2.4rem !important;
  background-image:url("/assets/logo-jp.png") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:drop-shadow(0 18px 34px rgba(13,20,48,.95));
  animation:ajp-flota 7s ease-in-out infinite;
}
body:has(.w-authPageWidth) img[src$="logo.svg"]{ display:none !important; }
@keyframes ajp-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ---- la tarjeta ---- */
body:has(.w-authPageWidth) .w-authPageWidth{
  background:#1B2856 !important;           /* solido: legible en cualquier navegador */
  border:1px solid var(--ajp-linea);
  border-radius:22px;
  padding:2rem 1.75rem 1.9rem;
  box-shadow:0 26px 74px -26px rgba(0,0,0,.85);
}

/* ---- textos ---- */
body:has(.w-authPageWidth) h1{
  color:#fff !important;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  letter-spacing:-.02em; line-height:1.2; padding-bottom:.08em;
}
body:has(.w-authPageWidth) h1::after{
  content:"Aqui nadie aprende solo.";
  display:block; margin-top:.5rem;
  font:italic 400 .95rem/1.5 "Iowan Old Style",Palatino,Georgia,serif;
  letter-spacing:0; color:var(--ajp-brillo);
}
body:has(.w-authPageWidth) label,
body:has(.w-authPageWidth) p,
body:has(.w-authPageWidth) span{ color:var(--ajp-texto); }
body:has(.w-authPageWidth) a{ color:var(--ajp-brillo); }
body:has(.w-authPageWidth) a:hover{ color:#fff; }

/* ---- los campos ---- */
body:has(.w-authPageWidth) input,
body:has(.w-authPageWidth) input.lc-field,
body:has(.w-authPageWidth) input[type="email"],
body:has(.w-authPageWidth) input[type="text"],
body:has(.w-authPageWidth) input[type="password"]{
  background-color:#0F1836 !important;
  background-image:none !important;
  border:1px solid var(--ajp-linea) !important;
  color:var(--ajp-texto) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
body:has(.w-authPageWidth) input:focus,
body:has(.w-authPageWidth) input:focus-visible{
  border-color:var(--ajp-claro) !important;
  box-shadow:0 0 0 3px rgba(123,138,212,.22) !important;
  outline:none !important;
}
body:has(.w-authPageWidth) input::placeholder{ color:rgba(232,236,248,.52) !important; }
body:has(.w-authPageWidth) input:-webkit-autofill,
body:has(.w-authPageWidth) input:-webkit-autofill:hover,
body:has(.w-authPageWidth) input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ajp-texto) !important;
  -webkit-box-shadow:0 0 0 1000px #0F1836 inset !important;
  caret-color:var(--ajp-texto) !important;
}
/* etiqueta flotante: nunca sobre fondo claro */
body:has(.w-authPageWidth) label[class*="bg-surface"],
body:has(.w-authPageWidth) .relative > label{ background:transparent !important; }
/* el ojo de la contrasena */
body:has(.w-authPageWidth) .relative button:not([type="submit"]) svg{ color:var(--ajp-brillo); }

/* ---- el boton ---- */
body:has(.w-authPageWidth) button[type="submit"]{
  background-color:#2A3A72 !important;
  background-image:linear-gradient(135deg,#2A3A72 0%,#3D51A0 100%) !important;
  border:1px solid rgba(168,180,232,.4);
  color:#fff !important;
  box-shadow:0 14px 38px -14px rgba(61,81,160,.9);
  transition:transform .22s cubic-bezier(.2,.8,.25,1), filter .22s;
}
body:has(.w-authPageWidth) button[type="submit"]:hover{
  transform:translateY(-2px); filter:brightness(1.12);
}

/* ---- el pie de autoria ---- */
body:has(.w-authPageWidth) main::after{
  content:"SEI 360 · Castellbisbal, Catalunya — Propiedad intelectual de Angel Jose Jimenez Alvarez";
  position:fixed; left:50%; bottom:1.5rem; transform:translateX(-50%);
  width:min(88vw,660px); text-align:center;
  font:400 .72rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:rgba(232,236,248,.45); pointer-events:none;
}

@media (prefers-reduced-motion:reduce){
  body:has(.w-authPageWidth) div:has(> img[src$="logo.svg"]){ animation:none; }
  body:has(.w-authPageWidth) button[type="submit"]{ transition:none; }
}