/* Banesco Panamá — tokens alineados con variables.json (techbank theme) */

/* Corporate primary remap lives AFTER brand-studio:tokens:end — the generated
   `:root` block redeclares --semantic-primary-* and would override an earlier
   [data-theme*="corporate"] rule (same specificity, later wins). */

/* DEUDA (playbook §5.2 / kit): FieldError del kit es solo texto. Hasta que el
   kit exponga icono/slot, Banesco pinta el circle-x vía mask. No es tokenizable. */
[data-slot="field-error"] {
  display: flex;
  align-items: center;
  gap: var(--field-message--gap, 0.25rem);
  color: var(--field-message-error--color, var(--semantic-error-default));
  font-size: var(--field-message--font-size);
}

[data-slot="field-error"]::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  /* Mismo token que el texto (no currentColor: el kit pisa `color` con
     text-semantic-error y el icono quedaba desfasado). */
  background-color: var(
    --field-message-error--color,
    var(--semantic-error-default)
  );
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 3.584 3.584 0 8 0C12.416 0 16 3.584 16 8C16 12.416 12.416 16 8 16C3.584 16 0 12.416 0 8ZM11.7413 5.51015L9.24794 8.00508L11.7362 10.4898C11.9087 10.6599 11.9949 10.8883 11.9949 11.1142C11.9949 11.3401 11.9087 11.5685 11.7362 11.7411C11.5663 11.9137 11.338 12 11.1122 12C10.889 12 10.6607 11.9137 10.4883 11.7411L7.99746 9.24873L5.50666 11.7411C5.33672 11.9137 5.10843 12 4.88269 12C4.65948 12 4.4312 11.9137 4.25872 11.7411C4.08624 11.5711 4 11.3426 4 11.1168C4 10.8934 4.08624 10.665 4.25872 10.4924L6.74952 8L4.25872 5.50761C4.08624 5.33756 4 5.10914 4 4.88325C4 4.6599 4.08624 4.43147 4.25872 4.25888C4.42866 4.08629 4.65694 4 4.88269 4C5.1059 4 5.33418 4.08629 5.50666 4.25888L8.00254 6.75381L10.4933 4.26142C10.6633 4.08883 10.8916 4.00254 11.1173 4.00254C11.3405 4.00254 11.5688 4.08883 11.7413 4.26142C11.9138 4.43147 12 4.6599 12 4.88579C12 5.10914 11.9138 5.33756 11.7413 5.51015Z' fill='black'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 3.584 3.584 0 8 0C12.416 0 16 3.584 16 8C16 12.416 12.416 16 8 16C3.584 16 0 12.416 0 8ZM11.7413 5.51015L9.24794 8.00508L11.7362 10.4898C11.9087 10.6599 11.9949 10.8883 11.9949 11.1142C11.9949 11.3401 11.9087 11.5685 11.7362 11.7411C11.5663 11.9137 11.338 12 11.1122 12C10.889 12 10.6607 11.9137 10.4883 11.7411L7.99746 9.24873L5.50666 11.7411C5.33672 11.9137 5.10843 12 4.88269 12C4.65948 12 4.4312 11.9137 4.25872 11.7411C4.08624 11.5711 4 11.3426 4 11.1168C4 10.8934 4.08624 10.665 4.25872 10.4924L6.74952 8L4.25872 5.50761C4.08624 5.33756 4 5.10914 4 4.88325C4 4.6599 4.08624 4.43147 4.25872 4.25888C4.42866 4.08629 4.65694 4 4.88269 4C5.1059 4 5.33418 4.08629 5.50666 4.25888L8.00254 6.75381L10.4933 4.26142C10.6633 4.08883 10.8916 4.00254 11.1173 4.00254C11.3405 4.00254 11.5688 4.08883 11.7413 4.26142C11.9138 4.43147 12 4.6599 12 4.88579C12 5.10914 11.9138 5.33756 11.7413 5.51015Z' fill='black'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* DEUDA (kit): Checkbox Lucide stroke vs checkBox.svg relleno Banesco.
   Mask hasta override en Icon registry / kit. Label → --semantic-text-default
   (= neutrals-600 / #556176 en el delta de marca). */
[data-slot="checkbox-indicator"] > svg:first-child {
  stroke: none !important;
  fill: none !important;
  color: transparent;
  background-color: var(--checkbox-checked--color, currentColor);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220%200%2016%2016%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22black%22 d%3D%22M12.6396%203.9863C12.2156%203.6258%2011.5851%203.6843%2011.2311%204.1173L6.80659%209.5348L4.55459%208.0028C4.09559%207.6898%203.47409%207.8168%203.16809%208.2858C2.86209%208.7548%202.98609%209.3883%203.44559%209.7008L7.19259%2012.2498L12.7681%205.4233C13.1216%204.9903%2013.0641%204.3473%2012.6396%203.9863Z%22%2F%3E%3C%2Fsvg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220%200%2016%2016%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22black%22 d%3D%22M12.6396%203.9863C12.2156%203.6258%2011.5851%203.6843%2011.2311%204.1173L6.80659%209.5348L4.55459%208.0028C4.09559%207.6898%203.47409%207.8168%203.16809%208.2858C2.86209%208.7548%202.98609%209.3883%203.44559%209.7008L7.19259%2012.2498L12.7681%205.4233C13.1216%204.9903%2013.0641%204.3473%2012.6396%203.9863Z%22%2F%3E%3C%2Fsvg%3E")
    center / contain no-repeat;
}

[data-slot="checkbox-indicator"] > svg:first-child * {
  opacity: 0;
}

[data-slot="rich-checkbox-group-item"] > div:last-child > span:first-child {
  color: var(--semantic-text-default);
}

/* Manual — literales Banesco SOLO en --base-* (playbook §3 / anti-patrón PDF).
   Config-UI y semantic re-apuntan a estos; no usar #hex en --button-* etc. */
:root {
  /* $grayInactive legacy */
  --base-colors-gray-inactive: #74747a;
  /* Radio botón DS 5px (entre sm=4px y md=8px del kit) */
  --base-radius-button: 0.3125rem;
  /* Padding/altura botón DS (legacy spacing) */
  --base-unit-button-padding-inline: 1.5625rem;
  --base-unit-button-min-height: 2.625rem;
}

/* Manual — DS Botones Banesco (sobrevive regeneración Brand Studio). */
:root {
  --semantic-primary-hover: var(--base-colors-primary-700);
  --semantic-primary-active: var(--base-colors-primary-600);
  --button--font-weight: var(--base-typography-fontweight-semibold);
  --button--border-radius: var(--base-radius-button);
  --button--border-width: var(--base-borderwidth-xs);
  --button--padding-block: var(--base-unit-5-plus);
  --button--padding-inline: var(--base-unit-button-padding-inline);
  --button-lg--font-size: var(--base-typography-fontsize-md);
  --button-lg--line-height: var(--base-typography-lineheight-md);
  --button-lg--min-height: var(--base-unit-button-min-height);
  --button-lg--padding-block: var(--base-unit-5-plus);
  --button-lg--padding-inline: var(--base-unit-button-padding-inline);
  --button-md--min-height: var(--base-unit-button-min-height);
  --button-md--line-height: var(--base-typography-lineheight-md);
  --button-primary-disabled--background-color: var(--base-colors-gray-inactive);
  --button-primary-disabled--color: var(--base-colors-white);
  --button-outline--border-color: var(--semantic-primary-default);
  --button-outline--color: var(--semantic-primary-default);
  --button-outline-hover--border-color: var(--semantic-primary-hover);
  --button-outline-hover--background-color: var(--semantic-surface-transparent);
  --button-outline-active--background-color: var(--semantic-surface-transparent);
  --button-outline-focus--border-color: var(--semantic-primary-default);
  --button-outline-disabled--border-color: var(--base-colors-gray-inactive);
  --button-outline-disabled--color: var(--base-colors-gray-inactive);
  --link-button-text-link--font-size: var(--base-typography-fontsize-md);
  --link-button-text-link--font-weight: var(--base-typography-fontweight-semibold);
  /* Kit default = base-unit-3 (4px); DS/legacy underline más pegada al texto. */
  --link-button--text-underline-offset: var(--base-unit-1);
}

/* Manual — DS tipografía: Line-height 135% (legacy $line-height-base / --line-height-base).
   El kit usa rem fijos (sm=1.25rem → 125% sobre 16px). Unitless 1.35 = 135% del font-size.
   Afecta login (Text/Button/Field/Label) y el resto de BS que consuma estos tokens. */
:root {
  /* Literal 1.35 solo en --base-* (capa permitida). */
  --base-typography-lineheight-xs: 1.35;
  --base-typography-lineheight-sm: 1.35;
  --base-typography-lineheight-md: 1.35;
  --base-typography-lineheight-lg: 1.35;
  --text-heading-sm--line-height: var(--base-typography-lineheight-sm);
  --text-body-md--line-height: var(--base-typography-lineheight-md);
  --text-body-sm--line-height: var(--base-typography-lineheight-sm);
  --text-label-md--line-height: var(--base-typography-lineheight-md);
  --text-label-sm--line-height: var(--base-typography-lineheight-sm);
  --label--line-height: var(--base-typography-lineheight-md);
  --field--line-height: var(--base-typography-lineheight-md);
  --button-md--line-height: var(--base-typography-lineheight-md);
  --button-lg--line-height: var(--base-typography-lineheight-md);
  --button-md--min-height: var(--base-unit-button-min-height);
  --button-lg--min-height: var(--base-unit-button-min-height);
}

[data-scope="login"] {
  --text-heading-sm--line-height: var(--base-typography-lineheight-sm);
  --text-body-sm--line-height: var(--base-typography-lineheight-sm);
  --label--line-height: var(--base-typography-lineheight-md);
  --field--line-height: var(--base-typography-lineheight-md);
  --button-lg--line-height: var(--base-typography-lineheight-md);
}

:root {
  --separator--color: var(--semantic-text-heading);
}

/* Manual — Alert DS Banesco (login notification / BoxFieldError evolutivo).
   Kit default: radius xl + shadow 2xl + gray outline + muted description.
   DS: radius md, sin sombra, borde del tono, texto default. Sobrevive BS regen.
   Info bg: kit --semantic-info-subtle → info-50 (#f5f8fb); legacy Banesco
   --info-background-color / $grayBackground era #ebf0f5 (= info-100). */
:root {
  --semantic-info-subtle: var(--base-colors-info-100);
  --alert--border-radius: var(--base-radius-md);
  --alert--shadow: none;
  --alert--padding-block: var(--base-unit-5);
  --alert--padding-inline: var(--base-unit-5);
  --alert--min-height: 0;
  --alert--column-gap: var(--base-unit-5);
  --alert-warning--border-color: var(--semantic-warning-default);
  --alert-error--border-color: var(--semantic-error-default);
  --alert-success--border-color: var(--semantic-success-default);
  --alert-info--border-color: var(--semantic-info-default);
  --alert-warning-description--color: var(--semantic-text-default);
  --alert-error-description--color: var(--semantic-text-default);
  --alert-success-description--color: var(--semantic-text-default);
  --alert-info-description--color: var(--semantic-text-default);
}

/* DEUDA (kit): ring externo se recorta con overflow-auto de la card.
   Workaround: outline inset con tokens BS; !important hasta que el kit
   ofrezca focus inset vía token/prop. */
@media (max-width: 767.98px) {
  [data-scope="login"] [data-slot="input"]:focus-visible,
  [data-scope="login"]
    [data-slot="input-group"]:has([data-slot="input-group-control"]:focus-visible),
  [data-scope="login"] [data-slot="input-and-label"] > div:focus-within {
    outline-width: var(--field-focus--ring-width) !important;
    outline-style: solid !important;
    outline-color: var(--field-focus--border-color) !important;
    outline-offset: calc(var(--field-focus--ring-width) * -1) !important;
    --tw-ring-shadow: none !important;
    --tw-ring-offset-shadow: none !important;
  }

  /* mobileHero: drop-shadow del hero pintaba encima del sheet; el verde del
     hero en el arranque del rounded-t-4xl se veía como “borde”. Clip + z-index
     + overlap (~12px) para que la curva corte sobre la foto; sin hero-shadow. */
  [data-scope="login"][data-template="mobileHero"] [data-region="left"] {
    overflow: hidden;
    z-index: 0;
  }
  [data-scope="login"][data-template="mobileHero"] #main-content[data-as-card="true"] {
    position: relative;
    z-index: 1;
    margin-top: calc(var(--base-unit-6) * -1);
    /* Cubre fringe AA del rounded-t contra el verde del hero (no hay border CSS). */
    box-shadow: 0 0 0 1px var(--semantic-surface-default);
    outline: 1px solid var(--semantic-surface-default);
    outline-offset: -1px;
    transform: translateZ(0);
  }
  [data-scope="login"][data-template="mobileHero"] [data-slot="hero-image"] {
    filter: none;
  }
}

/* === brand-studio:tokens:start (auto-generated — do not edit by hand) === */
:root {
  --login-region-center--padding-left: var(--base-unit-13);
  --login-region-center--padding-right: var(--base-unit-13);
  --login-region-left--justify-content: flex-start;
  --login-region-left--padding-left: var(--base-unit-8);
  --login-region-left-content--width: 67%;
  --field-focus--ring-width: var(--base-borderwidth-sm);
  --field-label--gap: var(--base-unit-5);
  --field--border-radius: var(--base-radius-md);
  --field--border-color: var(--semantic-border-default);
  --login-region-bottom-content--justify-content: space-between;
  --login-region-bottom-content--align-items: center;
  --login-region-bottom-content--flex-wrap: nowrap;
  --login-region-bottom-content--column-gap: var(--base-unit-9);
  --base-colors-primary-50: #f2f8f6;
  --base-colors-primary-100: #e6f2ee;
  --base-colors-primary-200: #c7e2da;
  --base-colors-primary-300: #8fc9b8;
  --base-colors-primary-400: #4a9a7f;
  --base-colors-primary-500: #08543c;
  --base-colors-primary-600: #003b2e;
  --base-colors-primary-700: #00281f;
  --base-colors-primary-800: #001a14;
  --base-colors-primary-900: #00110d;
  --base-colors-primary-950: #000806;
  --base-colors-secondary-50: #1761ab;
  --base-colors-secondary-100: #ebf0f5;
  --base-colors-secondary-200: #dce1e9;
  --base-colors-secondary-300: #99b1c6;
  --base-colors-secondary-400: #4f76bd;
  --base-colors-secondary-500: #143b64;
  --base-colors-secondary-600: #123456;
  --base-colors-secondary-700: #0f2d48;
  --base-colors-secondary-800: #0c243a;
  --base-colors-secondary-900: #091b2c;
  --base-colors-secondary-950: #06121e;
  --base-colors-tertiary-50: #f5f8fb;
  --base-colors-tertiary-100: #ebf0f5;
  --base-colors-tertiary-200: #dce1e9;
  --base-colors-tertiary-300: #99b1c6;
  --base-colors-tertiary-400: #4f76bd;
  --base-colors-tertiary-500: #143b64;
  --base-colors-tertiary-600: #123456;
  --base-colors-tertiary-700: #0f2d48;
  --base-colors-tertiary-800: #0c243a;
  --base-colors-tertiary-900: #091b2c;
  --base-colors-tertiary-950: #06121e;
  --base-colors-success-50: #eef6f4;
  --base-colors-success-100: #e6f2ee;
  --base-colors-success-200: #c7e2da;
  --base-colors-success-300: #8fc9b8;
  --base-colors-success-400: #4a9a7f;
  --base-colors-success-500: #08543c;
  --base-colors-success-600: #003b2e;
  --base-colors-success-700: #00281f;
  --base-colors-success-800: #001a14;
  --base-colors-success-900: #00110d;
  --base-colors-success-950: #000806;
  --base-colors-warning-50: #fff4dc;
  --base-colors-warning-100: #ffecc2;
  --base-colors-warning-200: #ffd989;
  --base-colors-warning-300: #ffc850;
  --base-colors-warning-400: #ffb414;
  --base-colors-warning-500: #f5a000;
  --base-colors-warning-600: #d98a00;
  --base-colors-warning-700: #b87400;
  --base-colors-warning-800: #975f00;
  --base-colors-warning-900: #764a00;
  --base-colors-warning-950: #553500;
  --base-colors-error-50: #f9ecec;
  --base-colors-error-100: #f5d9d9;
  --base-colors-error-200: #ecb3b3;
  --base-colors-error-300: #e08d8d;
  --base-colors-error-400: #d46666;
  --base-colors-error-500: #c90000;
  --base-colors-error-600: #a80000;
  --base-colors-error-700: #870000;
  --base-colors-error-800: #660000;
  --base-colors-error-900: #450000;
  --base-colors-error-950: #240000;
  --base-colors-info-50: #f5f8fb;
  --base-colors-info-100: #ebf0f5;
  --base-colors-info-200: #dce1e9;
  --base-colors-info-300: #99b1c6;
  --base-colors-info-400: #4f76bd;
  --base-colors-info-500: #143b64;
  --base-colors-info-600: #123456;
  --base-colors-info-700: #0f2d48;
  --base-colors-info-800: #0c243a;
  --base-colors-info-900: #091b2c;
  --base-colors-info-950: #06121e;
  --base-colors-neutrals-50: #f5f8fb;
  --base-colors-neutrals-100: #ebf0f5;
  --base-colors-neutrals-200: #dce1e9;
  --base-colors-neutrals-300: #c5ccd6;
  --base-colors-neutrals-400: #a5adb4;
  --base-colors-neutrals-500: #708090;
  --base-colors-neutrals-600: #556176;
  --base-colors-neutrals-700: #4a5260;
  --base-colors-neutrals-800: #3a3a3a;
  --base-colors-neutrals-900: #2a2a2a;
  --base-colors-neutrals-950: #1a1a1a;
  --semantic-text-default: var(--base-colors-neutrals-600);
  --semantic-text-body: var(--base-colors-neutrals-600);
  --semantic-text-secondary: var(--base-colors-neutrals-500);
  --semantic-text-muted: var(--base-colors-neutrals-500);
  --semantic-text-caption: var(--base-colors-neutrals-500);
  --semantic-text-neutral: var(--base-colors-neutrals-700);
  --semantic-text-placeholder: var(--base-colors-neutrals-400);
  --semantic-text-disabled: var(--base-colors-neutrals-400);
  --semantic-text-heading: var(--base-colors-neutrals-800);
  --semantic-text-display: var(--base-colors-neutrals-800);
  --semantic-text-strong: var(--base-colors-neutrals-800);
  --semantic-border-default: var(--base-colors-neutrals-200);
  --semantic-border-muted: var(--base-colors-neutrals-400);
  --semantic-background-default: var(--base-colors-neutrals-100);
  --semantic-background-muted: var(--base-colors-neutrals-100);
  --desktop-landing-page-header-logo--min-height: var(--base-unit-15);
  --desktop-login-page-header-logo--min-height: var(--base-unit-15);
  --desktop-landing-page-header-buttons--color: var(--semantic-text-default);
  --desktop-landing-page-header-buttons-hover--color: var(--semantic-text-default);
  --sidebar-colapsed-logo--min-height: var(--base-unit-11);
  --surface-glass-light--background-color: var(--base-colors-alphablack-100);
  --field--background-opacity: var(--base-opacity-0);
  --field--background-color: var(--semantic-surface-default);
  --field-hover--background-color: var(--semantic-surface-default);
  --field-error--background-color: var(--semantic-surface-default);
  --field-disabled--background-opacity: var(--base-opacity-50);
  --checkbox--background-color: var(--semantic-surface-default);
  --surface-glass-dark--background-color: var(--base-colors-alphablack-600);
  --semantic-primary-default: var(--base-colors-primary-500);
  --semantic-primary-hover: var(--base-colors-primary-700);
  --semantic-primary-active: var(--base-colors-primary-600);
  --semantic-error-default: var(--base-colors-error-500);
  --semantic-error-foreground: var(--base-colors-error-500);
  --semantic-error-active: var(--base-colors-error-600);
  --semantic-error-hover: var(--base-colors-error-600);
  --semantic-text-danger: var(--base-colors-error-500);
  --label-error--color: var(--label--color);
  --field-error--border-color: var(--semantic-error-default);
  --field-message-error--color: var(--semantic-error-default);
  --field-error-icon--color: var(--field-message-error--color);
  --button--font-weight: var(--base-typography-fontweight-semibold);
  --button-lg--font-size: var(--base-typography-fontsize-md);
  --button-lg--line-height: var(--base-typography-lineheight-md);
  --button-lg--min-height: var(--base-unit-button-min-height);
  --button-lg--padding-block: var(--base-unit-5-plus);
  --button-lg--padding-inline: var(--base-unit-button-padding-inline);
  --button-md--min-height: var(--base-unit-button-min-height);
  --button--border-radius: var(--base-radius-button);
  --button--border-width: var(--base-borderwidth-xs);
  --button--padding-block: var(--base-unit-5-plus);
  --button--padding-inline: var(--base-unit-button-padding-inline);
  --button-primary-disabled--background-color: var(--base-colors-gray-inactive);
  --button-primary-disabled--color: var(--base-colors-white);
  --button-outline--border-color: var(--semantic-primary-default);
  --button-outline--color: var(--semantic-primary-default);
  --button-outline-hover--border-color: var(--semantic-primary-hover);
  --button-outline-hover--background-color: var(--semantic-surface-transparent);
  --button-outline-active--background-color: var(--semantic-surface-transparent);
  --button-outline-focus--border-color: var(--semantic-primary-default);
  --button-outline-disabled--border-color: var(--base-colors-gray-inactive);
  --button-outline-disabled--color: var(--base-colors-gray-inactive);
  --field-focus--border-color: var(--semantic-primary-default);
  --field-message--font-size: var(--base-typography-fontsize-xs);
}
@media (min-width: 768px) {
  :root {
  --login-region-center--padding-left: var(--base-unit-0);
  --login-region-center--padding-right: var(--base-unit-0);
  --login-region-center-content--max-width: var(--base-unit-37);
  --login-region-left--justify-content: center;
  --login-region-left--padding-left: var(--base-unit-0);
  --login-region-left-content--width: fit-content;
  --label--font-weight: var(--base-typography-fontweight-regular);
  --label--font-size: var(--base-typography-fontsize-md);
  --link-button-text-link--font-weight: var(--base-typography-fontweight-semibold);
  --link-button-text-link--font-size: var(--base-typography-fontsize-xs);
  --label--color: var(--semantic-text-heading);
  --text-body-md--font-weight: var(--base-typography-fontweight-semibold);
  --field-focus--ring-width: var(--base-borderwidth-xs);
  --field-label--gap: var(--base-unit-4);
  --text-body-sm--font-size: var(--base-typography-fontsize-md);
  }
}
[data-scope="login"][data-template="mobileHero"] [data-region="left"] {
  --region--align-items: flex-end;
}
[data-scope="login"][data-template="mobileHero"] [data-region="top"] [data-slot="region-content"] {
  --region-content--justify-content: center;
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitBalanced"] [data-region="left"] {
  --region--align-items: flex-end;
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitEven"] [data-region="bottom"] {
  --region--background-color: var(--semantic-secondary-default);
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitEven"] [data-region="center"] {
  --region--background-color: var(--semantic-surface-default);
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitEven"] [data-region="left"] {
  --region--align-items: flex-end;
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitLeft"] [data-region="right"] {
  --region--align-items: flex-end;
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitRight"] {
  --login-region--padding-left: var(--base-unit-0);
  --login-region--padding-right: var(--base-unit-20);
}
}
@media (min-width: 768px) {
[data-scope="login"][data-template="topNav_splitRight"] [data-region="left"] {
  --region--align-items: flex-end;
}
}
/* === brand-studio:tokens:end === */

/* Manual — corporate persona (AFTER tokens so it wins). Kit leaves corporate
   primary = retail green; legacy `_variables.scss` maps primary → secondary
   (blue #143B64). `:root[data-theme*="corporate"]` beats generated `:root`. */
:root[data-theme*="corporate"] {
  /* DS Botón base alternativo: Normal/Activo #143B64, Hover #4F76BD */
  --semantic-primary-default: var(--base-colors-secondary-500);
  --semantic-primary-hover: var(--base-colors-secondary-400);
  --semantic-primary-active: var(--base-colors-secondary-500);
  --semantic-primary-subtle: var(--base-colors-secondary-50);
  --semantic-primary-background: var(--base-colors-secondary-100);
  --semantic-primary-disabled: var(--base-colors-secondary-100);
  --semantic-primary-foreground: var(--base-colors-white);
  --semantic-icon-primary: var(--base-colors-secondary-600);
  --semantic-text-primary: var(--base-colors-secondary-600);
  --semantic-border-focus: var(--base-colors-secondary-500);
  --semantic-background-primary: var(--base-colors-secondary-500);
}