/* ---------------------------------------
   Select (Privacy status) — better contrast
---------------------------------------- */
select{
  width: 100%;
  padding: 12px 42px 12px 12px; /* espacio para la flecha */
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.32);          /* más oscuro -> más contraste */
  color: rgba(255,255,255,0.94);
  outline: none;

  /* Flecha consistente */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Flecha dibujada con background (no depende del sistema) */
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.75) 50%),
    linear-gradient(135deg, rgba(255,255,255,0.75) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 18px) 55%,
    calc(100% - 12px) 55%,
    calc(100% - 42px) 0.75em;
  background-size:
    6px 6px,
    6px 6px,
    1px 1.6em;
  background-repeat: no-repeat;
}

select:focus{
  border-color: rgba(138,225,255,0.45);
  box-shadow: 0 0 0 4px rgba(138,225,255,0.12);
}

/* Placeholder (opción no válida) en gris, para que se note que falta elegir */
select option[value=""]{
  color: rgba(255,255,255,0.55);
}

/* Importante: el desplegable de opciones */
select option{
  background: #0B0F17;           /* fondo real del menú */
  color: rgba(255,255,255,0.94); /* texto real del menú */
}

/* Deshabilitado: más evidente */
select:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}
  /* High-contrast link styling for dark UI */
  a.legal-link{
    color: rgba(120, 200, 255, 0.95);      /* visible link color on dark bg */
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
  }
  a.legal-link:hover,
  a.legal-link:focus{
    color: rgba(160, 230, 255, 1);
    text-decoration-thickness: 2px;
  }
  a.legal-link:focus{
    outline: 2px solid rgba(160, 230, 255, 0.45);
    outline-offset: 2px;
    border-radius: 6px;
  }
  a.legal-link:visited{
    color: rgba(150, 180, 255, 0.9);
  }