/* Identidad compartida — principal, registro y consulta · 20260925-gold-1
   Solo colores. No modifica geometría, fuentes, textos ni interacciones.
   Los colores semánticos se mantienen separados de la identidad. */
:root {
  --brand-primary: #edac2e;
  --brand-primary-hover: #d99a20;
  --brand-primary-dark: #bd8215;
  --brand-rgb: 237, 172, 46;
  --brand-on-primary: #2d2414;
  --brand-text: #805500;
  --brand-icon: #a16b0b;
  --brand-soft: #fff5dc;
  --brand-soft-2: #fff9eb;
  --brand-soft-hover: #ffefc8;
  --brand-surface: #fffdf8;
  --brand-border: #f0d59a;
  --brand-border-hover: #d7b263;
  --brand-line: #e8e1d3;
  --brand-line-subtle: #eee8dd;
  --brand-muted: #78694d;
  --brand-muted-marker: #a79b83;
  --brand-focus: rgba(var(--brand-rgb), .22);
  --brand-focus-border: #a16b0b;
  --brand-backdrop: rgba(39, 34, 24, .43);

  /* Confirmación de operación: conservada, no es el color de marca. */
  --status-confirm-ink: #0f766e;
  --status-confirm-soft: #eaf5f3;
  --status-confirm-border: #b9d7d3;
  --status-confirm-shadow: rgba(15, 118, 110, .08);
}

/* La corrección existente de Xara aplica propiedades inline. Sus valores
   ahora son variables: la paleta y los estados vuelven a depender del CSS. */
#gestion-solicitud-app [data-amber-button] {
  --brand-button-bg: var(--brand-primary);
  --brand-button-text: var(--brand-on-primary);
  --brand-button-shadow-color: rgba(var(--brand-rgb), .15);
}
@media (hover: hover) and (pointer: fine) {
  #gestion-solicitud-app [data-amber-button]:hover:not(:disabled) {
    --brand-button-bg: var(--brand-primary-hover);
  }
}
#gestion-solicitud-app [data-amber-button]:active:not(:disabled) {
  --brand-button-bg: var(--brand-primary-dark);
}
#gestion-solicitud-app [data-amber-button]:disabled {
  --brand-button-bg: var(--brand-primary);
}

/* Cabecera visual compartida — principal, registro completado y gestión */
:root {
  --se-header-max-width: 760px;
  --se-header-top-space: 28px;
  --se-header-bottom-space: 52px;
}

.se-common-header {
  width: min(var(--se-header-max-width), calc(100vw - 32px));
  margin: 0 auto !important;
  padding: 0 0 var(--se-header-bottom-space) !important;
  box-sizing: border-box;
  text-align: center;
  line-height: 0;
}

.se-common-header img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border: 0;
  object-fit: contain;
}

/* La misma distancia superior en las tres páginas. */
#imv-app.se-has-common-header {
  padding-top: var(--se-header-top-space) !important;
}
#registro-completado-app.se-has-common-header .rc-page,
#gestion-solicitud-app.se-has-common-header .g-page {
  padding-top: var(--se-header-top-space) !important;
}

@media (max-width: 640px) {
  :root {
    --se-header-top-space: 20px;
    --se-header-bottom-space: 42px;
  }
  .se-common-header {
    width: min(var(--se-header-max-width), calc(100vw - 28px));
  }
}