dialog[data-v-cabf9c03]::backdrop{background-color:rgba(var(--black-alpha-1));--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}

/* ==== OVERRIDES DE COLOR DE MARCA (ONCE) ==== */
:root {
  --blue-9: 45 106 115;
  --blue-10: 45 106 115;
  --blue-11: 45 106 115;
  --text-blue: 45 106 115;
  --border-blue: 45, 106, 115, 0.5;

  /* Por las dudas, también iris como acento */
  --iris-9: 45 106 115;
  --iris-10: 45 106 115;
  --iris-11: 45 106 115;
}

/* Modo oscuro */
.dark {
  --blue-9: 45 106 115;
  --blue-10: 45 106 115;
  --blue-11: 45 106 115;

  --iris-9: 45 106 115;
  --iris-10: 45 106 115;
  --iris-11: 45 106 115;
}

/* Ring de Tailwind (focus outlines) en color de marca */
*, :before, :after {
  --tw-ring-color: rgb(45 106 115 / .5);
}