:root {
    --santander-header-font-size-mobile: var(--argos-font-size-3);
    --santander-header-title-font-size-mobile: var(--argos-font-size-4);
    --santander-header-secondary-background-color: #f5f9fb;
    --santander-header-submenu-session-section-height: 96px;
}

@media screen and (max-width: 1024px) {
  header.santander-header:not(.santander-header--mobile),
  .santander-header-behind-fix {
    display: none !important;
  }
  header.santander-header.santander-header--mobile {
    display: block !important;
  }
}

@media screen and (min-width: 1024px) {
  header.santander-header:not(.santander-header--mobile),
  .santander-header-behind-fix {
    display: block !important;
  }
  header.santander-header.santander-header--mobile {
    display: none !important;
  }
}

.santander-header--mobile.santander-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001;
    font-family: var(--santander-header-micro-font-family);
    line-height: var(--santander-header-line-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: auto;
    max-height: 48px;
    padding: 0.5rem 1rem;
    background-color: var(--santander-header-light-color);
    border-bottom: 1px solid var(--santander-header-main-border-color);
}

.santander-header--mobile * {
    box-sizing: border-box;
    margin: 0;
    font-family: var(--santander-header-micro-font-family);
    font-size: var(--santander-header-font-size-mobile);
    -webkit-tap-highlight-color: transparent;
    color: var(--santander-header-dark-color);
}

.santander-header--mobile .santander-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.santander-header--mobile .santander-header__logo-image {
    display: block;
    width: auto;
    height: 20px;
}

.santander-header--mobile .icon-c-SYS022b--close_L {
    font-weight: var(--santander-header-bold-font-weight);
}

.icon-a-SYS015b--menu::before {
    content: "\e94e";
}

.icon-c-SYS022b--close_L::before {
    content: "\e912";
}

.santander-header--mobile .santander-header__navigation--submenu--container {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100vh;
    padding: 0px;
    border: none;
}

.santander-header--mobile .santander-header__navigation__submenu-header {
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: var(--santander-header-light-color);
}

.santander-header--mobile .santander-header__navigation-userType-items__list {
    padding: calc(4rem - 39px) 1rem calc(var(--santander-header-submenu-session-section-height) + 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.santander-header--mobile .active-page {
    position: relative;
}

.santander-header--mobile .santander-header__navigation__submenu__list__item {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    font-size: var(--santander-header-font-size-mobile);
    line-height: var(--santander-header-line-height);
    text-align: left;
    cursor: pointer;
}

.santander-header--mobile .santander-header__navigation__submenu__list__item.active-page,
.santander-header--mobile .santander-header__navigation-submenu-link {
    color: var(--santander-header-button-active-color);
    font-family: var(--santander-header-bold-font-family);
    font-weight: var(--santander-header-bold-font-weight);
}


.santander-header--mobile .santander-header__navigation-submenu-accordion-link,
.santander-header--mobile .santander-header__navigation-submenu-link {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background: none;
    border: none;
    font-family: var(--santander-header-micro-font-family);
    line-height: var(--santander-header-line-height);
    font-weight: initial;
    color: initial;
}

.santander-header--mobile button, .santander-header--mobilea {
    text-decoration: none;
    outline-color: var(--santander-header-button-active-color);
    cursor: pointer;
}

.santander-header--mobile .santander-header__navigation-button:focus {
    border: none
}

.santander-header--mobile li.santander-header__navigation__submenu__list__item {
    width: 100%;
}

.santander-header--mobile .santander-header__navigation-session-items__container {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 2rem;
    background-color: var(--santander-header-secondary-background-color);
}

.santander-header--mobile .santander-header__navigation-button, .santander-subheader__close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    appearance: none;
}

.santander-header--mobile .logout.santander-header__navigation-submenu-link {
    color: var(--santander-header-button-active-color);
    justify-content: flex-start;
    box-shadow: none !important;
    border: none;
    font: initial;
    line-height: inherit;
}

.santander-header--mobile .logout.santander-header__navigation-submenu-link .santander-header__icon {
    color: inherit;
}

.santander-header--mobile .santander-header__icon {
    font-size: 1.5rem;
    color: var(--santander-header-dark-color);
    object-fit: contain;
}

.santander-header--mobile.santander-header a:hover {
    font: inherit;
    font-size: initial
}

.santander-header--mobile .santander-header__navigation__submenu__list__item:hover {
    background-color: initial;
}

.santander-header--mobile .santander-header__icon--close,
.santander-header__icon--hamburguer, .santander-header__icon--goback {
    color: var(--santander-header-color-santander) !important;
    font-size: 2rem !important;
}

.santander-header--mobile .access .santander-header__navigation-submenu-link,
.santander-header--mobile .access .santander-header__navigation-submenu-link:hover {
    justify-content: center;
    background-color: var(--santander-header-color-santander);
    color: var(--santander-header-light-color);
    border-radius: 50px;
}

.santander-header--mobile .access .santander-header__navigation-submenu-link * {
    color: var(--santander-header-light-color);
}

.santander-header--mobile a:not(.btn):hover,
.santander-header--mobile a:not(.btn):focus,
.santander-header--mobile a:visited:not(.btn):hover,
.santander-header--mobile a:visited:not(.btn):focus {
    color: initial;
}