/* Cargar junto con /_shell/tokens/v1/tokens.css. */
.autotia-cta-report,
.autotia-cta-chat,
.autotia-cta-chat-solid,
.autotia-cta-chat-light,
.autotia-cta-link {
  box-sizing: border-box;
  display: inline-flex;
  min-height: calc(var(--autotia-target-min) + var(--autotia-space-1));
  align-items: center;
  justify-content: center;
  gap: var(--autotia-space-2);
  padding: var(--autotia-space-2) var(--autotia-space-4);
  border: 0;
  border-radius: var(--autotia-radius-md);
  font-family: var(--autotia-font);
  font-size: var(--autotia-font-size-sm);
  font-weight: var(--autotia-font-weight-semibold);
  line-height: var(--autotia-line-height-sm);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.autotia-cta-report {
  border: 1px solid var(--autotia-action);
  background: var(--autotia-action);
  color: var(--autotia-on-action);
}
.autotia-cta-report:hover {
  border-color: color-mix(in srgb, var(--autotia-action), var(--autotia-neutral-900) 12%);
  background: color-mix(in srgb, var(--autotia-action), var(--autotia-neutral-900) 12%);
}

.autotia-cta-chat {
  border: 1px solid var(--autotia-primary-700);
  background: var(--autotia-surface);
  color: var(--autotia-primary-700);
}
.autotia-cta-chat:hover {
  background: color-mix(in srgb, var(--autotia-primary-700) 10%, var(--autotia-surface));
}

.autotia-cta-chat-solid {
  border: 1px solid var(--autotia-primary);
  background: var(--autotia-primary);
  color: var(--autotia-text-on-primary);
}
.autotia-cta-chat-solid:hover {
  border-color: color-mix(in srgb, var(--autotia-primary), var(--autotia-neutral-900) 12%);
  background: color-mix(in srgb, var(--autotia-primary), var(--autotia-neutral-900) 12%);
}

.autotia-cta-chat-light {
  border: 1px solid var(--autotia-primary-800);
  background: var(--autotia-primary-800);
  color: var(--autotia-neutral-0);
}
.autotia-cta-chat-light:hover {
  border-color: color-mix(in srgb, var(--autotia-primary-800), var(--autotia-neutral-900) 12%);
  background: color-mix(in srgb, var(--autotia-primary-800), var(--autotia-neutral-900) 12%);
}

.autotia-cta-link {
  border: 0;
  background: var(--autotia-surface);
  color: var(--autotia-text-link);
  text-decoration: underline;
  text-underline-offset: var(--autotia-space-1);
}
.autotia-cta-link:hover {
  color: color-mix(in srgb, var(--autotia-text-link), var(--autotia-neutral-900) 18%);
}

.autotia-cta-report:focus-visible,
.autotia-cta-chat:focus-visible,
.autotia-cta-chat-solid:focus-visible,
.autotia-cta-chat-light:focus-visible,
.autotia-cta-link:focus-visible {
  outline: var(--autotia-focus-ring-width) solid var(--autotia-focus-ring);
  outline-offset: var(--autotia-focus-ring-offset);
}

.autotia-cta-report:disabled,
.autotia-cta-report[aria-disabled="true"],
.autotia-cta-chat:disabled,
.autotia-cta-chat[aria-disabled="true"],
.autotia-cta-chat-solid:disabled,
.autotia-cta-chat-solid[aria-disabled="true"],
.autotia-cta-chat-light:disabled,
.autotia-cta-chat-light[aria-disabled="true"],
.autotia-cta-link:disabled,
.autotia-cta-link[aria-disabled="true"] {
  border-color: var(--autotia-border-subtle);
  background: var(--autotia-neutral-100);
  color: var(--autotia-text-disabled);
  cursor: not-allowed;
  text-decoration: none;
}

.autotia-cta--hero {
  min-height: 56px;
  padding-inline: var(--autotia-space-6);
  font-size: var(--autotia-font-size-md);
  line-height: var(--autotia-line-height-md);
}

.autotia-cta-note {
  color: var(--autotia-text-secondary);
  font-family: var(--autotia-font);
  font-size: var(--autotia-font-size-sm);
  line-height: var(--autotia-line-height-sm);
}