html.assistencia-html,
html.assistencia-html body.assistencia-body {
  width: 100%;
  max-width: 100%;
}

html.assistencia-html {
  height: 100%;
}

body.assistencia-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
}

body.assistencia-body abanca-root {
  flex: 1 0 auto;
  min-width: 0;
}

@media (max-width: 768px) {
  html.assistencia-html,
  html.assistencia-html body.assistencia-body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html.assistencia-html {
    font-size: 16px !important;
  }

  html.assistencia-html body.assistencia-body {
    margin: 0 !important;
    min-height: 100dvh;
    min-height: 100vh;
    display: flex !important;
    flex-direction: column !important;
  }

  html.assistencia-html body.assistencia-body abanca-root {
    flex: 1 0 auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
  }

  body.assistencia-body abanca-root,
  body.assistencia-body abanca-root > div,
  body.assistencia-body abanca-pin-recovery,
  body.assistencia-body be-ui-detail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.assistencia-body be-ui-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.assistencia-body router-outlet {
    display: none !important;
  }

  html.assistencia-html body.assistencia-body abanca-root,
  html.assistencia-html body.assistencia-body abanca-root > div,
  html.assistencia-html body.assistencia-body abanca-pin-recovery,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__logo,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__logo[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__image,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__image[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__title,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__title[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__subtitle,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__subtitle[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__link,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__link[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body be-ui-detail {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.assistencia-html body.assistencia-body be-ui-button,
  html.assistencia-html body.assistencia-body be-ui-button[_nghost-sjc-c153] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper[_ngcontent-sjc-c333] {
    padding: 24px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__logo,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__logo[_ngcontent-sjc-c333] {
    margin-bottom: 10px !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__image,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__image[_ngcontent-sjc-c333] {
    padding-top: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    display: flex !important;
    justify-content: center !important;
  }

  html.assistencia-html body.assistencia-body .logo-img-center,
  html.assistencia-html body.assistencia-body .logo-img-center[_ngcontent-sjc-c333] {
    width: min(78vw, 288px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
  }

  html.assistencia-html body.assistencia-body .text-title,
  html.assistencia-html body.assistencia-body .text-title[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__title[_ngcontent-sjc-c333] .text-title[_ngcontent-sjc-c333] {
    display: block !important;
    width: 100% !important;
    font-size: clamp(1.55rem, 5.2vw, 1.95rem) !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }

  html.assistencia-html body.assistencia-body .text-subtitle,
  html.assistencia-html body.assistencia-body .text-subtitle[_ngcontent-sjc-c333],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__subtitle[_ngcontent-sjc-c333] .text-subtitle[_ngcontent-sjc-c333] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: clamp(0.95rem, 3.6vw, 1.12rem) !important;
    line-height: 1.5 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html.assistencia-html body.assistencia-body .button-link,
  html.assistencia-html body.assistencia-body .button-link[_ngcontent-sjc-c153] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
  }

  html.assistencia-html body.assistencia-body .medium,
  html.assistencia-html body.assistencia-body .medium[_ngcontent-sjc-c145],
  html.assistencia-html body.assistencia-body .small,
  html.assistencia-html body.assistencia-body .small[_ngcontent-sjc-c145],
  html.assistencia-html body.assistencia-body .normal,
  html.assistencia-html body.assistencia-body .normal[_ngcontent-sjc-c145],
  html.assistencia-html body.assistencia-body .be-button__text,
  html.assistencia-html body.assistencia-body .be-button__text[_ngcontent-sjc-c153] {
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
  }

  html.assistencia-html body.assistencia-body .be-button,
  html.assistencia-html body.assistencia-body .be-button[_ngcontent-sjc-c153] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 0.95rem !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html.assistencia-html body.assistencia-body .be-button--raised,
  html.assistencia-html body.assistencia-body .be-button--raised[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--raised.be-button--no-icon,
  html.assistencia-html body.assistencia-body .be-button--raised.be-button--no-icon[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--flat,
  html.assistencia-html body.assistencia-body .be-button--flat[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--outlined,
  html.assistencia-html body.assistencia-body .be-button--outlined[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--stroked,
  html.assistencia-html body.assistencia-body .be-button--stroked[_ngcontent-sjc-c153] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 14px 18px !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] .be-button,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] .be-button[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions .be-button--raised.be-button--no-icon,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions .be-button--raised.be-button--no-icon[_ngcontent-sjc-c153] {
    min-height: 40px !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] .be-button__text,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] .be-button__text[_ngcontent-sjc-c153] {
    font-size: 0.8125rem !important;
    line-height: 1.25 !important;
  }

  html.assistencia-html body.assistencia-body router-outlet {
    display: none !important;
  }

  html.assistencia-html body.assistencia-body .be-button,
  html.assistencia-html body.assistencia-body .abanca-button,
  html.assistencia-html body.assistencia-body .mat-button:not(.mat-icon-button):not(.mat-mini-fab):not(.mat-fab),
  html.assistencia-html body.assistencia-body .mat-flat-button,
  html.assistencia-html body.assistencia-body .mat-raised-button,
  html.assistencia-html body.assistencia-body .mat-stroked-button {
    font-size: 0.95rem !important;
  }

  html.assistencia-html body.assistencia-body .be-button--raised.be-button--no-icon,
  html.assistencia-html body.assistencia-body .be-button--raised.be-button--no-icon[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--flat,
  html.assistencia-html body.assistencia-body .be-button--flat[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .be-button--outlined,
  html.assistencia-html body.assistencia-body .be-button--outlined[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .abanca-button--raised.abanca-button--no-icon {
    min-height: 48px !important;
    height: auto !important;
  }

  html.assistencia-html body.assistencia-body .mat-raised-button,
  html.assistencia-html body.assistencia-body .mat-flat-button,
  html.assistencia-html body.assistencia-body .mat-stroked-button,
  html.assistencia-html body.assistencia-body .mat-button:not(.mat-icon-button):not(.mat-mini-fab):not(.mat-fab) {
    min-height: 48px !important;
    height: auto !important;
    line-height: 1.35 !important;
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
    box-sizing: border-box !important;
  }

  html.assistencia-html .cdk-overlay-pane,
  html.assistencia-html .mat-dialog-container,
  html.assistencia-html .cdk-global-overlay-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    transform: none !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper,
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__wrapper[_ngcontent-sjc-c333] {
    width: 100% !important;
    max-width: 100% !important;
  }

  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions[_ngcontent-sjc-c333] .be-button--raised.be-button--no-icon[_ngcontent-sjc-c153],
  html.assistencia-html body.assistencia-body .abanca-pin-recovery__actions .be-button--raised.be-button--no-icon[_ngcontent-sjc-c153] {
    min-height: 40px !important;
    padding: 8px 14px !important;
    font-size: 0.8125rem !important;
  }
}

.assistencia-footer {
  flex-shrink: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.5rem;
  padding: 20px 16px max(28px, env(safe-area-inset-bottom, 0px));
  text-align: center;
  border-top: 1px solid var(--gray-xlight, #eee);
  background: #fff;
  box-sizing: border-box;
}

.assistencia-footer__copyright {
  margin: 0;
  max-width: 36rem;
  font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--gray, #666);
}