/* Material compartido solo por la fachada y el acceso LUMEA. */
.lumea-site,
.lumea-auth {
  --ink: #113a56;
  --muted: #4d718a;
  --blue: #086bb5;
  --glass-edge: rgba(255, 255, 255, 0.7);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
:is(.lumea-site, .lumea-auth) .glass {
  position: relative;
  isolation: isolate;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.57),
    rgba(235, 247, 255, 0.22) 56%,
    rgba(255, 255, 255, 0.38)
  );
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.92),
    inset 0 -1px 1px rgba(149, 194, 224, 0.28),
    0 6px 24px rgba(33, 84, 123, 0.07);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}
:is(.lumea-site, .lumea-auth) .glass::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    130deg,
    rgba(255, 255, 255, 0.4),
    transparent 30%,
    transparent 65%,
    rgba(255, 255, 255, 0.24)
  );
  box-shadow:
    inset 1px 0 rgba(255, 255, 255, 0.55),
    inset -1px 0 rgba(255, 255, 255, 0.27);
}
:is(.lumea-site, .lumea-auth) .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 550;
  text-decoration: none;
  color: var(--ink);
  white-space: nowrap;
  transition:
    box-shadow 0.18s,
    background 0.18s,
    transform 0.18s;
  cursor: pointer;
}
:is(.lumea-site, .lumea-auth) .button:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 2px #fff,
    0 8px 24px rgba(17, 80, 129, 0.15);
}
:is(.lumea-site, .lumea-auth) .button-primary {
  position: relative;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(180deg, #2397d6 0%, #0879bf 46%, #0566aa 100%);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.75),
    inset 0 -1px 2px rgba(2, 62, 106, 0.15),
    0 5px 16px rgba(0, 104, 176, 0.17);
}
:is(.lumea-site, .lumea-auth) .button-primary:hover {
  background: linear-gradient(180deg, #39a6df, #0a79bd 60%, #0566aa);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.9),
    0 7px 22px rgba(0, 104, 176, 0.24);
}
:is(.lumea-site, .lumea-auth) .brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--ink);
  text-decoration: none;
  font-size: 22px;
  letter-spacing: 0.23em;
  font-weight: 500;
}
:is(.lumea-site, .lumea-auth) .brand svg {
  width: 46px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
}
:is(.lumea-site, .lumea-auth) .eyebrow {
  display: block;
  letter-spacing: 0.18em;
  font-size: 10px;
  font-weight: 600;
  color: var(--blue);
}
:is(.lumea-site, .lumea-auth) :focus-visible {
  outline: 2px solid #0a78bc;
  outline-offset: 5px;
}
@supports not (backdrop-filter: blur(1px)) {
  :is(.lumea-site, .lumea-auth) .glass {
    background: rgba(243, 249, 253, 0.94);
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.lumea-site, .lumea-auth) .button {
    transition: none;
  }
  :is(.lumea-site, .lumea-auth) .button:hover {
    transform: none;
  }
}

/* Reflejos finos y una segunda lámina interior, sin convertir el material en un bloque opaco. */
:is(.lumea-site,.lumea-auth) .glass {
  background:linear-gradient(135deg,#ffffff85,#eff9ff38 48%,#ffffff55);
  border-color:#ffffffe0;
  box-shadow:inset 0 1px 2px #fff,inset 1px 0 1px #ffffffa6,inset -1px -1px 2px #ffffff80,0 10px 30px #2b689514;
  backdrop-filter:blur(22px) saturate(1.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
}
:is(.lumea-site,.lumea-auth) .glass::after {
  content:"";position:absolute;inset:3px;border-radius:inherit;pointer-events:none;z-index:-1;
  border-top:1px solid #ffffff75;border-left:1px solid #ffffff35;
  background:linear-gradient(145deg,#ffffff24,transparent 42%,#ffffff12 75%,transparent);
}
@supports not(backdrop-filter:blur(1px)){:is(.lumea-site,.lumea-auth) .glass{background:#edf6fff0}}