/* Material de PolarPuffin (base.css:66-77, 419-449), compartido por las páginas
   de reuniones, cuenta, pago y acceso. Geometría y receta fieles; paleta Parrot. */
:root {
  --verde: #61A649;
  --verde-texto: #487B36;
  --sobre-verde: #1D1D1F;
  --rojo: #F54143;
  --azul: #218BF4;
  --amarillo: #FDDE44;
  --fondo: #F5F5F7;
  --texto: #1D1D1F;
  --texto-2: rgb(0 0 0 / 0.62);
  --peligro: #DE0C0E;
  --rojo-texto: var(--peligro);
  --foco: #0A6ED0;
  --azul-texto: var(--foco);
  --linea: rgb(29 29 31 / 0.12);
  --campo: rgb(255 255 255 / 0.7);
  --radio-ui: 12px;
  --radio-tarjeta: 28px;
  --material-intensidad: 0.28;
  --material-escena: url("/acceso/cristal-acanalado-claro.svg");
  --glass-fill: linear-gradient(160deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.38));
  --glass-fill-solid: linear-gradient(160deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.86));
  --glass-border: rgb(255 255 255 / 0.72);
  --glass-blur: blur(24px) saturate(160%);
  --glass-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 1px 2px rgb(0 0 0 / 0.04), 0 24px 70px rgb(0 0 0 / 0.1);
  --glass-glint: rgb(255 255 255 / 0.35);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --verde-texto: #6DD68A;
    --fondo: #0B0F14;
    --texto: #F5F5F7;
    --texto-2: rgb(255 255 255 / 0.68);
    --peligro: #FF7A7B;
    --foco: #5AB0FF;
    --linea: rgb(245 245 247 / 0.14);
    --campo: rgb(11 15 20 / 0.55);
    --material-escena: url("/acceso/cristal-acanalado-oscuro.svg");
    --glass-fill: linear-gradient(160deg, rgb(0 0 0 / 0.46), rgb(0 0 0 / 0.26));
    --glass-fill-solid: linear-gradient(160deg, rgb(0 0 0 / 0.86), rgb(0 0 0 / 0.78));
    --glass-border: rgb(255 255 255 / 0.16);
    --glass-blur: blur(24px) saturate(150%);
    --glass-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 30px 90px rgb(0 0 0 / 0.35);
    --glass-glint: transparent;
    color-scheme: dark;
  }
}
html { background: var(--fondo); color: var(--texto); }
body.pp-acanalado { position: relative; isolation: isolate; background: transparent; }
body.pp-acanalado::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--material-intensidad);
  background: var(--fondo) var(--material-escena) center / cover no-repeat;
}
.cristal {
  background:
    radial-gradient(260px circle at var(--mx, -999px) var(--my, -999px), var(--glass-glint), transparent 60%),
    var(--glass-fill);
  background-color: var(--cristal-estado, transparent);
  border: 1px solid var(--glass-border);
  border-radius: var(--radio-tarjeta);
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  box-shadow: var(--glass-shadow);
  color: var(--texto);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .cristal { background: var(--glass-fill-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  .cristal { background: var(--glass-fill-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}