/* Vitacura brand theme for public forms */
:root {
  /* Brand Palette (from provided spec) */
  --brand-primary: #04C0B3;  /* Secundario - teal */
  --brand-secondary: #C6D439;/* Principal - lime */
  --brand-accent: #CE009F;   /* Texto - magenta */
  --brand-emphasis: #3E4543; /* Énfasis - dark */
  --brand-white: #FFFFFF;

  /* Override global primitives for this page (only where this CSS is loaded) */
  --primary: var(--brand-primary);
  --primary-dark: #05928a;   /* manually tuned darker shade of primary */
  --primary-light: #33d1c6;  /* lighter shade of primary */
}

/* Header with logos */
.form-brand-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: var(--brand-white);
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  padding: .75rem 1rem;
  margin: 1rem 0 1.25rem;
}
.form-brand-left,
.form-brand-right {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.form-brand-logo {
  display: block;
  height: 44px;
}
.form-brand-divider {
  flex: 1 1 auto;
}

/* Subtle accent line under header (optional) */
.form-brand-accent {
  height: 3px;
  background: linear-gradient(90deg, var(--brand-secondary), var(--brand-primary), var(--brand-accent));
  border-radius: 2px;
  margin-top: .5rem;
}

/* Public form container adjustments (no overrides currently) */

/* Buttons variants aligned to brand when this theme is present */
.btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

/* Success message variant aligned with brand */
.success-message.brand-success {
  background: #E6FFFB; /* soft teal background */
  border-color: var(--brand-primary);
}
.success-message.brand-success .success-icon,
.success-message.brand-success h2,
.success-message.brand-success .next-steps li i {
  color: var(--brand-primary);
}

/* Anchor accents */
/* Generic anchor color in public forms, but keep special button-like links intact */
.public-form-wrapper a:not(.contact-email) {
  color: var(--brand-primary);
}
.public-form-wrapper a:not(.contact-email):hover {
  color: var(--primary-dark);
}