/* Estilos de onboarding  */
.container-fluid {
    background: linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%);
    height: auto !important;
    padding: 0 !important;
}

.row>* {
    padding-right: calc(var(--bs-gutter-x)/ 2) !important;
    padding-left: calc(var(--bs-gutter-x)/ 2) !important;
}
        /* ── Layout principal ── */
        .onboarding-wrapper {
            display: flex;
            min-height: 100vh;
            align-items: center;
            justify-content: center;
            padding: 24px;
        }

        .onboarding-card {
            display: flex;
            width: 100%;
            max-width: 93.438rem;
            min-height: 774px;
            overflow: hidden;
            border-radius: 1.875rem;
            background: var(--Gradiend---Primary, linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%));
        }

        /* ── Panel izquierdo (gradiente) ── */
        .onboarding-left {
            flex: 0 0 45%;
            overflow: hidden;
            position: relative;
        }

        .onboarding-left .logo-img {
            max-width: 314px;
            margin-bottom: 1.875rem;
        }
        .onboarding-left img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        @media only screen and (min-width: 1500px) {
            .onboarding-left img {
                max-height: 850px;
            }
        }

        a::hover {
            color: #E6E9EE;
        }

        .onboarding-left::after {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(1, 55, 127, 0.50);
            box-shadow: 0 0 var(--sds-size-depth-800, 64px) var(--sds-size-depth-negative-200, -16px) rgba(12, 12, 13, 0.10);
            pointer-events: none;
        }

        .onboarding-left::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(1, 55, 127, 0.50) 16.47%, rgba(2, 99, 229, 0.00) 99.97%);
            box-shadow: 0 0 var(--sds-size-depth-800, 64px) var(--sds-size-depth-negative-200, -16px) rgba(12, 12, 13, 0.10);
            pointer-events: none;
            z-index: 1;
        }

        .onboarding-left .tagline {
            max-width: 354px;
            color: #E6E9EE;
            text-align: center;
            font-family: "Cera Pro";
            font-size: 1.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
        }

        .onboarding-left .tagline span {
            max-width: 354px;
            color: #E6E9EE;
            text-align: center;
            font-family: "Cera Pro";
            font-size: 1.875rem;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
        }

        /* ── Panel derecho (formulario) ── */
        .onboarding-right {
            flex: 1;
            background: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 48px 44px;
        }

        .onboarding-right .form-wrapper {
            width: 100%;
            max-width: 445px;
        }

        .onboarding-right .welcome-text {
            text-align: center;
        }

        .onboarding-right .welcome-text h2 {
            margin-bottom: 2.813rem;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro";
            font-size: 2.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        .onboarding-right .welcome-text h3 {
            color: var(--Foundation-Azul-BC-azul-bc-500, #002453);
            text-align: center;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }


        .onboarding-right .welcome-text .subtitle {
            max-width: 33.625rem;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro";
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin-bottom: 3rem;
        }

        .r-footer {
            margin-top: 2.813rem;
            justify-content: center;
        }

        .next-btn {
            color: #E6EEF5;
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            max-width: 20.688rem;
            border-radius: 32px;
            background: var(--Gradiend---Primary, linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%));
            padding: 0.875rem 1.75rem;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .next-btn span {
            display: block;
            width: 100%;
            text-align: center;
        }

        .next-btn img {
            position: absolute;
            right: 1.5rem;
            top: 50%;
            transform: translateY(-50%);
        }

        .r-info {
            flex-wrap: nowrap;
            gap: 1.25rem;
        }

        .doc-list {
            list-style: none;
            padding-left: 0;
        }

        .doc-list li {
            padding: 0.625rem 0;
            border-bottom: 0.5px solid #B0BBCA;
            color: var(--Black, #030303);
            font-family: "Cera Pro";
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .b-bottom {
            border-bottom: 0.5px solid #B0BBCA !important;
        }

        .doc-list li:last-child {
            border-bottom: none;
        }

        .card-list {
            min-width: 331px;
            display: flex;
            padding: 20px;
            flex-direction: column;
            border-radius: 20px;
            background: var(--tertiary-tertiary-50, #F1F9FE);
        }
        .card-list h4 {
            color: var(--Foundation-Azul-BC-azul-bc-500, #002453);
            font-family: "Cera Pro";
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        /* ── Inputs (floating label) ── */
        .onboarding-input-group {
            position: relative;
        }
        #ci-group {
            margin-bottom: 2.5rem;
        }

        /* Floating label: hidden by default, visible when input has value or focus */
        .onboarding-input-group .floating-label {
            margin: 0 2.5rem;
            display: block;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-weight: 400;
            color: #002453;
            margin-bottom: 4px;
            opacity: 0;
            transform: translateY(6px);
            transition: opacity 0.2s ease, transform 0.2s ease;
            pointer-events: none;
            height: 0;
            overflow: visible;
            font-style: normal;
            line-height: normal;
        }

        .onboarding-input-group.has-value .floating-label,
        .onboarding-input-group.is-focused .floating-label {
            opacity: 1;
            transform: translateY(0);
            height: auto;
            margin-bottom: 4px;
        }

        .onboarding-input-group .input-wrap {
            position: relative;
            width: 100%;
            height: 60px;
            display: flex;
            align-items: center;
        }

        .resume-form .input-wrap {
            margin-bottom: 12.5rem;
        }

        /* Icon */
        .onboarding-input-group .input-icon {
            position: absolute;
            left: 18px;
            width: 20px;
            height: 20px;
            color: #002453;
            pointer-events: none;
            z-index: 2;
        }

        /* Vertical separator bar */
        .onboarding-input-group .input-separator {
            position: absolute;
            left: 46px;
            top: 50%;
            transform: translateY(-50%);
            width: 1.5px;
            height: 24px;
            background: #002453;
            pointer-events: none;
            z-index: 2;
        }

        .onboarding-input-group input {
            width: 100%;
            height: 100%;
            padding: 0 48px 0 58px;
            border: 0.5px solid #002453;
            border-radius: 1.875rem;
            background: #FCFCFC;
            font-family: "Cera Pro", sans-serif;
            font-size: 20px;
            font-weight: 300;
            outline: none;
            transition: border-color 0.2s;
        }

        #password[type="password"] {
            letter-spacing: 0.625rem;
        }

        #password[type="password"]::placeholder {
            letter-spacing: normal;
        }

        #password[type="text"] {
            letter-spacing: normal;
        }

        .onboarding-input-group input::placeholder {
            color: #002453;
            font-weight: 300;
            font-size: 1.5rem;
            font-style: normal;
            line-height: normal;
        }

        /* Hide placeholder when floating label is visible */
        .onboarding-input-group.has-value input::placeholder,
        .onboarding-input-group.is-focused input::placeholder {
            color: transparent;
        }

        .onboarding-input-group input:focus {
            border-color: #ccc;
        }

        /* Ocultar el botón nativo del navegador (Chrome/Edge/Safari) */
        #password::-ms-reveal,
        #password::-ms-clear,
        #password::-webkit-contacts-auto-fill-button,
        #password::-webkit-credentials-auto-fill-button {
            display: none !important;
        }

        .toggle-password {
            position: absolute;
            right: 18px;
            cursor: pointer;
            color: #002453;
            font-size: 18px;
            transition: color 0.2s;
            z-index: 2;
        }

        .toggle-password:hover {
            color: #002453;
        }

        .forgot-link {
            margin-top: 0.75rem;
            display: block;
            text-align: right;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-weight: 400;
            color: #002453;
            text-decoration: none;
            margin-bottom: 28px;
            font-style: normal;
            line-height: normal;
        }

        .forgot-link:hover {
            color: #1054ac;
        }

        /* ── Botón ── */
        .btn-onboarding {
            width: 100%;
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px;
            border: none;
            border-radius: 28px;
            background: #E6E9EE;
            color: #8e9eb3;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.3s ease, color 0.3s ease;
        }

        .btn-onboarding span {
            display: block;
            width: 100%;
            text-align: center;
        }

        .btn-onboarding img {
            position: absolute;
            right: 1.5rem;
            top: 50%;
            transform: translateY(-50%);
            filter: brightness(0) saturate(100%) invert(71%) sepia(12%) saturate(267%) hue-rotate(175deg) brightness(90%) contrast(89%);
        }

        .btn-onboarding.filled {
            background: linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%);
            color: #fff;
        }

        .btn-onboarding.filled img {
            filter: none;
        }

        .btn-onboarding.filled:hover {
            background: linear-gradient(92deg, #0070b8 3.1%, #1e3a6e 97.65%);
            color: #fff;
        }

        .btn-onboarding:active {
            opacity: 0.9;
        }

        /* ── Link cliente ── */
        .client-link {
            display: block;
            text-align: center;
            margin-top: 0px;
            font-size: 0.875rem;
            color: #002453;
            text-decoration: none;
            font-weight: 400;
            font-style: normal;
            line-height: normal;
        }

        .client-link:hover {
            color: #6c7a8d;
        }

        .resume-form-wrapper {
            width: 100%;
            max-width: 30.5rem !important;
        }

        .resume-panel {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3rem;
        }

        .resume-copy-block {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 3rem;
        }

        .resume-title {
            margin-bottom: 0px !important;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 2.5rem;
            font-style: normal;
            font-weight: 700 !important;
            line-height: normal;
        }

        .resume-subtitle {
            max-width: 28rem !important;
            margin-bottom: 0px !important;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-style: normal;
            font-weight: 300 !important;
            line-height: 1.4 !important;
        }

        .resume-subtitle strong {
            color: #002453;
            font-weight: 500;
        }

        .resume-form {
            display: flex;
            flex-direction: column;
            gap: 3rem;
        }

        .resume-form:not(.resume-form-otp) {
            width: 100%;
            align-items: center;
        }

        .resume-form:not(.resume-form-otp) > .resume-input-group,
        .resume-form:not(.resume-form-otp) > .resume-field-error {
            width: 100%;
            max-width: 25rem;
            align-self: center;
        }

        .resume-form:not(.resume-form-otp) > .btn-onboarding {
            width: 100%;
            max-width: 20.688rem;
            align-self: center;
        }

        .resume-form-otp {
            align-items: center;
        }

        .resume-input-group .floating-label {
            margin-left: 1.875rem;
            margin-right: 1.875rem;
        }

        .resume-input-group .input-wrap {
            height: 3.75rem;
        }

        .resume-form:not(.resume-form-otp) .resume-input-group input {
            padding: 0 1.5rem;
            font-size: 1.5rem;
            text-align: left;
            letter-spacing: 2px;
        }

        .resume-form:not(.resume-form-otp) .resume-input-group input::placeholder {
            font-size: 1rem;
            text-align: left;
            letter-spacing: 0px;
        }

        .resume-field-error {
            min-height: 1.125rem;
            color: #B1261A;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .resume-field-error:empty {
            display: none;
        }

        .resume-back-link {
            border: 0;
            background: transparent;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.95rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-decoration: underline;
            text-underline-offset: 0.16rem;
        }

        .resume-alert {
            margin-bottom: 1rem;
            padding: 0.875rem 1rem;
            border-radius: 1rem;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.95rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.35;
        }

        .resume-alert.is-success {
            background: #EAF8F4;
            color: #0D6B59;
        }

        .resume-alert.is-error {
            background: #FFF3F1;
            color: #B1261A;
        }

        .resume-panel-otp {
            gap: 1.5rem;
        }

        .resume-otp-inputs {
            width: 100%;
            max-width: 16rem;
        }

        [x-cloak] {
            display: none !important;
        }

        .wizard-shell {
            display: flex;
            width: 100%;
            min-height: 774px;
            background: #FFF;
        }

        .wizard-sidebar {
            display: flex;
            flex-direction: column;
            padding: 2.25rem;
            background: #002453;
            color: #FFF;
            max-width: 22.438rem;
        }
        .wizard-brand {
            margin-bottom: 1.25rem;
            padding-bottom: 1.25rem;
            border-bottom: 0.5px solid #E6E9EE;
        }

        .wizard-brand img {
            display: block;
            max-height: 4rem;
            aspect-ratio: 73/22;
        }

        .wizard-progress-label {
            display: inline-block;
            margin-bottom: 1rem;
            color: #FFF;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .wizard-steps {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .wizard-step-item {
            position: relative;
            padding-bottom: 3.625rem;
        }

        .wizard-step-item:last-child {
            padding-bottom: 0;
        }

        .wizard-step-connector {
            position: absolute;
            left: 0.8rem;
            top: 1.7rem;
            bottom: -0.1rem;
            width: 5px;
            background: #E6E9EE;
            border-radius: 2.5px;
            overflow: hidden;
        }

        .wizard-step-connector-fill {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: var(--wizard-step-progress, 0%);
            background: linear-gradient(0deg, #009D80 9.17%, #005646 74.17%);
            border-radius: inherit;
            transition: height 0.24s ease;
        }

        .wizard-step-button {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            width: 100%;
            padding: 0;
            border: 0;
            background: transparent;
            color: #D8E6F5;
            text-align: left;
            cursor: pointer;
        }

        .wizard-step-button:disabled {
            cursor: default;
        }

        .wizard-step-dot {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 30px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #FFF;
            box-shadow: 0 5px 12px -8px rgba(0, 0, 0, 0.45);
            transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .wizard-step-button.is-current .wizard-step-dot,
        .wizard-step-button.is-complete .wizard-step-dot {
            background: #009D80;
            box-shadow: 0 10px 18px -10px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -2px 4px rgba(0, 36, 83, 0.14);
        }

        .wizard-step-button.is-complete .wizard-step-dot::after {
            content: '';
            width: 15px;
            height: 11px;
            display: block;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M4.84324 11C4.41746 11.0002 4.00911 10.8283 3.70828 10.5222L0.276913 7.03766C-0.0923043 6.66246 -0.0923043 6.05428 0.276913 5.67908C0.646249 5.30401 1.24494 5.30401 1.61428 5.67908L4.84324 8.95926L13.3857 0.281305C13.7551 -0.0937682 14.3538 -0.0937682 14.7231 0.281305C15.0923 0.656497 15.0923 1.26468 14.7231 1.63988L5.97821 10.5222C5.67738 10.8283 5.26903 11.0002 4.84324 11Z' fill='white'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

        .wizard-step-text {
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .wizard-step-button.is-current .wizard-step-text,
        .wizard-step-button.is-complete .wizard-step-text {
            color: #fff;
            font-weight: 400;
        }

        .wizard-main {
            flex: 1;
            display: flex;
            flex-direction: column;
            background: #FFF;
        }

        .wizard-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: 1rem 1.75rem;
            background: #EDF1F6;
            border-bottom: 1px solid rgba(0, 36, 83, 0.08);
        }

        .wizard-header-copy {
            display: flex;
            align-items: center;
            gap: 0.875rem;
            min-width: 0;
        }

        .wizard-header-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            border-radius: 999px;
            background: #0E2E63;
            color: #FFF;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-weight: 700;
        }

        .wizard-header-copy h2 {
            margin: 0;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 2.5rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .wizard-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            background: #FFF;
            color: #002453;
            font-size: 1.8rem;
            text-decoration: none;
        }

        .wizard-body {
            display: flex;
            flex: 1;
            flex-direction: column;
            position: relative;
            padding: 2rem 2.5rem 2.5rem;
        }

        .onboarding-page > #toast-container {
            position: fixed;
            width: min(24.5rem, calc(100vw - 3rem));
            pointer-events: none;
            z-index: 1400;
        }

        .onboarding-page > #toast-container > .wizard-toast {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 0.5rem;
            min-height: 5.25rem;
            width: 100%;
            margin: 0;
            padding: 0.875rem 1rem 0.875rem 2.75rem;
            border-radius: 0.625rem;
            background-image: none !important;
            box-shadow: 0 1rem 2.25rem rgba(0, 36, 83, 0.18);
            color: #FFFFFF;
            opacity: 1;
            cursor: default;
        }

        .onboarding-page > #toast-container > .wizard-toast:hover {
            box-shadow: 0 1rem 2.25rem rgba(0, 36, 83, 0.18);
            cursor: pointer;
        }

        .onboarding-page > #toast-container > .wizard-toast::before {
            position: absolute;
            top: 50%;
            left: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 1rem;
            border: 0.09375rem solid currentColor;
            border-radius: 999px;
            transform: translateY(-50%);
            font-family: "Cera Pro", sans-serif;
            font-size: 0.6875rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1;
        }

        .onboarding-page > #toast-container > .wizard-toast .toast-title {
            margin: 0;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .onboarding-page > #toast-container > .wizard-toast .toast-message {
            margin: 0;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.8125rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-error {
            background-color: #FF3D48;
            color: #FFECED;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-error::before {
            content: '×';
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-info {
            background-color: #002453;
            color: #E6E9EE;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-info::before {
            content: 'i';
            font-size: 0.75rem;
            font-weight: 600;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-success {
            background-color: #009D80;
            color: #E6F5F2;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-success::before {
            content: '✓';
            font-size: 0.6875rem;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-warning {
            background-color: #F89406;
            color: #FFF7E8;
        }

        .onboarding-page > #toast-container > .wizard-toast.toast-warning::before {
            content: '!';
        }

        .wizard-alert {
            margin-bottom: 1rem;
            padding: 0.85rem 1rem;
            border-radius: 1rem;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-weight: 400;
        }

        .wizard-alert-content {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.85rem;
        }

        .wizard-alert-message {
            flex: 1;
            line-height: 1.45;
        }

        .wizard-alert-close {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            width: 1.85rem;
            height: 1.85rem;
            border: 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.75);
            color: inherit;
            font-size: 1.2rem;
            line-height: 1;
            cursor: pointer;
        }

        .wizard-alert.is-success {
            background: #E7FAF5;
            color: #0A7A67;
        }

        .wizard-alert.is-error {
            background: #FFF0F0;
            color: #B33A3A;
        }

        .resume-existing-modal-backdrop {
            position: fixed;
            inset: 0;
            z-index: 1200;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
            background: rgba(0, 36, 83, 0.58);
            backdrop-filter: blur(4px);
        }

        .resume-existing-modal-card {
            position: relative;
            width: min(100%, 28rem);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
            padding: 2.5rem 2rem 2rem;
            border-radius: 1.875rem;
            background: #FFF;
            box-shadow: 0 24px 60px rgba(0, 36, 83, 0.22);
            text-align: center;
        }

        .resume-existing-modal-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            width: 2rem;
            height: 2rem;
            border: 0;
            border-radius: 999px;
            background: #F2F5F9;
            color: #002453;
            font-size: 1.35rem;
            line-height: 1;
            cursor: pointer;
        }

        .resume-existing-modal-divider {
            width: 100%;
            margin: 0;
            border: 0;
            border-top: 1px solid #D9E2EC;
        }

        .resume-existing-modal-title {
            margin: 0;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.75rem;
            font-style: normal;
            font-weight: 500;
            line-height: 1.2;
        }

        .resume-existing-modal-copy {
            margin: 0;
            color: #405572;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.375rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .resume-existing-modal-action {
            width: 100%;
            border: 0;
            border-radius: 32px;
            color: #E6EEF5;
            background: linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%);
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            padding: 0.95rem 1.5rem;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .resume-existing-modal-action:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px rgba(0, 36, 83, 0.18);
        }

        .wizard-step-panel {
            width: 100%;
            max-width: 820px;
            margin: 0 auto;
        }

        .wizard-step-screen {
            display: flex;
            flex: 1;
            min-height: 100%;
        }

        .wizard-step-screen > .wizard-step-panel {
            display: flex;
            flex: 1;
            flex-direction: column;
        }

        .wizard-step-panel-info {
            min-height: 100%;
        }

        .wizard-step-panel h3 {
            margin-bottom: 2rem;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.75rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-step-loader {
            width: 100%;
            max-width: 820px;
            margin: 0 auto;
            padding: 0.25rem 0 2rem;
        }

        .wizard-step-loader-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 2rem;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.35;
            text-align: center;
        }

        .wizard-step-loader-spinner {
            width: 1.25rem;
            height: 1.25rem;
            border: 3px solid #C8D4E3;
            border-top-color: #005B98;
            border-radius: 50%;
            animation: wizard-loader-spin 0.85s linear infinite;
        }

        .wizard-step-loader-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 1rem;
            row-gap: 1.313rem;
            width: 100%;
            max-width: 45.938rem;
            margin-inline: auto;
        }

        .wizard-step-loader-grid.is-confirmation {
            grid-template-columns: 1fr;
            max-width: 58.563rem;
        }

        .wizard-step-loader-line {
            display: block;
            min-height: 3.75rem;
            border-radius: 1.875rem;
            background: linear-gradient(90deg, #EEF3F8 0%, #F8FAFC 45%, #E4ECF5 100%);
            background-size: 220% 100%;
            animation: wizard-loader-shimmer 1.15s ease-in-out infinite;
        }

        .wizard-step-loader-line.is-full,
        .wizard-step-loader-grid.is-confirmation .wizard-step-loader-line {
            grid-column: 1 / -1;
        }

        .wizard-step-loader-grid.is-confirmation .wizard-step-loader-line {
            min-height: 7rem;
            border-radius: 1.5rem;
        }

        @keyframes wizard-loader-spin {
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes wizard-loader-shimmer {
            0% {
                background-position: 120% 0;
            }

            100% {
                background-position: -120% 0;
            }
        }

        .wizard-password-step {
            padding: 0 0 2rem;
        }

        .wizard-password-form {
            width: 100%;
            max-width: 45.938rem;
            margin-inline: auto;
            gap: 1.313rem;
        }

        .wizard-password-form .login-input-group,
        .wizard-password-form .password-requirements-box {
            width: 100%;
        }

        .wizard-password-form .password-requirements-box {
            margin-top: 2rem;
        }

        .wizard-confirmation-step {
            padding: 0 0 2rem;
        }

        .wizard-confirmation-form {
            width: 100%;
            gap: 2rem;
        }

        .wizard-confirmation-stack {
            width: 100%;
            max-width: 58.563rem;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            margin-inline: auto;
        }

        .wizard-confirmation-card {
            width: 100%;
            padding: 1.75rem 2rem;
            border-radius: 1.5rem;
            background: #F8FAFC;
        }

        .wizard-confirmation-card-compact {
            padding-top: 1.35rem;
            padding-bottom: 1.35rem;
        }

        .wizard-confirmation-card-header {
            padding-bottom: 0.875rem;
            border-bottom: 1px solid #C8D4E3;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .wizard-confirmation-list {
            display: flex;
            flex-direction: column;
        }

        .wizard-confirmation-row {
            display: grid;
            grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
            gap: 1rem 2rem;
            align-items: start;
            padding: 0.95rem 0;
            border-bottom: 1px solid #E1E8F0;
        }

        .wizard-confirmation-list .wizard-confirmation-row:last-child {
            border-bottom: 0;
        }

        .wizard-confirmation-row-label {
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            color: #23364F;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.35;
        }

        .wizard-confirmation-icon {
            color: #005B98;
            font-size: 0.95rem;
            flex: 0 0 auto;
        }

        .wizard-confirmation-row-value {
            color: #030303;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.35;
            text-align: left;
        }

        .wizard-confirmation-row-value.is-multiline {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
        }

        .wizard-confirmation-empty {
            padding-top: 1rem;
            color: #6A7B92;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.4;
        }

        .wizard-confirmation-card-terms {
            background: #EEF7FF;
        }

        .wizard-confirmation-terms-heading {
            margin: 0 0 1.5rem;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.75rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-confirmation-terms-panel {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .wizard-confirmation-terms-group {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .wizard-confirmation-checkbox-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 0.9rem;
            align-items: center;
            color: #23364F;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.125rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.35;
            cursor: pointer;
        }

        .wizard-confirmation-checkbox {
            width: 1.1rem;
            height: 1.1rem;
            margin: 0;
            border: 1px solid #7E94B0;
            border-radius: 0.2rem;
            accent-color: #005B98;
            cursor: pointer;
        }

        .wizard-confirmation-success {
            width: 100%;
            min-height: 60vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1.75rem;
            text-align: center;
            padding: 2rem 1.5rem;
        }

        .wizard-confirmation-success-icon {
            width: 4.5rem;
            height: 4.5rem;
            border-radius: 50%;
            border: 4px solid #D4A14A;
            color: #D4A14A;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 2.25rem;
        }

        .wizard-confirmation-success-title {
            margin: 0;
            max-width: 26rem;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 2.2rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.15;
        }

        .wizard-confirmation-success-copy {
            margin: 0;
            max-width: 33rem;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.35rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.35;
        }

        .wizard-confirmation-success-request {
            margin: 0;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.45rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.35;
        }

        .wizard-confirmation-success-request strong {
            display: block;
            margin-top: 0.35rem;
            color: #030303;
            font-weight: 400;
        }

        .wizard-confirmation-success-btn {
            min-width: 15rem;
            justify-content: center;
        }

        .wizard-form {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            width: 100%;
            align-items: center;
        }

        .save-circle {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #009D80;
        }

        .wizard-form-info {
            flex: 1;
        }

        .wizard-step-panel-documents {
            max-width: 58.563rem;
        }

        .wizard-form-documents {
            gap: 1.25rem;
        }

        .wizard-documents-summary,
        .wizard-documents-progress {
            margin: 0;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            line-height: 1.45;
        }

        .wizard-documents-summary {
            color: #405572;
            font-size: 1rem;
            font-style: normal;
            font-weight: 300;
        }

        .wizard-documents-progress {
            color: #002453;
            font-size: 1rem;
            font-style: normal;
            font-weight: 500;
        }

        .wizard-documents-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1.25rem 6.375rem;
            width: 100%;
            max-width: 58.563rem;
            margin-inline: auto;
        }

        .wizard-document-field {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
        }

        .wizard-document-label {
            padding-left: 0.35rem;
            padding-bottom: 1rem;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-document-card {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0.8rem;
            padding: 1.5rem 1.25rem;
            border: 1px solid #8AB6D6;
            border-radius: 0.875rem;
            background: #F6FBFF;
            text-align: center;
            cursor: pointer;
            transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
        }

        .wizard-document-card:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 26px -18px rgba(0, 36, 83, 0.3);
        }

        .wizard-document-card.is-dragging {
            border-color: #005B98;
            background: #EAF5FD;
        }

        .wizard-document-card.is-uploaded {
            border-style: solid;
            border-color: #17C7A7;
            background: #F0FBF7;
        }

        .wizard-document-card.is-loading {
            opacity: 0.72;
            pointer-events: none;
        }

        .wizard-document-input {
            display: none;
        }

        .wizard-document-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .wizard-document-icon svg {
            width: 1.65rem;
            height: 1.65rem;
        }

        .wizard-document-copy {
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-document-card.is-uploaded .wizard-document-copy,
        .wizard-document-card.is-uploaded .wizard-document-meta {
            color: #0D6B59;
        }

        .wizard-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 1rem;
            row-gap: 1.313rem;
            width: 100%;
            max-width: 45.938rem;
            margin-inline: auto;
        }

        .wizard-form-grid .is-full {
            grid-column: 1 / -1;
        }

        .wizard-company-mail-note {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            max-width: 46.875rem;
            margin-top: -0.25rem;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.25;
            background: #F1F9FE;
            border-radius: 10px;
            padding: 0.75rem 1rem;
        }

        .wizard-company-mail-note-icon {
            flex: 0 0 1.125rem;
            width: 1.125rem;
            height: 1.125rem;
            color: #005B98;
            margin-top: 0.02rem;
        }

        .wizard-company-mail-note-icon svg {
            display: block;
            width: 24px;
            height: 24px;
        }

        .wizard-dynamic-field {
            min-width: 0;
        }

        .wizard-dynamic-field.is-hidden {
            display: none;
        }

        .wizard-dynamic-field > .wizard-field {
            width: 100%;
        }

        .wizard-field {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .wizard-floating-field {
            gap: 0;
            position: relative;
        }

        .wizard-field-label {
            color: #030303;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            margin-bottom: 0.5rem;
        }

        .wizard-floating-field .wizard-field-label {
            min-height: 1rem;
            color: #002453;
            margin-bottom: 4px;
            margin-left: 1rem;
            opacity: 0;
            visibility: hidden;
            transform: translateY(6px);
            transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
            pointer-events: none;
        }

        .wizard-floating-field.has-value .wizard-field-label,
        .wizard-floating-field.is-focused .wizard-field-label {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .wizard-date-field::after {
            content: attr(data-placeholder);
            position: absolute;
            top: calc(1rem + 4px);
            left: 1.25rem;
            right: 3.75rem;
            height: 3.75rem;
            display: flex;
            align-items: center;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            opacity: 1;
            visibility: visible;
            pointer-events: none;
            transition: opacity 0.2s ease, visibility 0.2s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            z-index: 1;
        }

        .wizard-date-field.has-value::after,
        .wizard-date-field.is-focused::after {
            opacity: 0;
            visibility: hidden;
        }

        .wizard-input,
        .wizard-select,
        .wizard-checkbox-group {
            width: 100%;
            min-height: 3.75rem;
            box-sizing: border-box;
            padding: 0.875rem 1.25rem;
            border: 0.5px solid #002453;
            border-radius: 1.875rem;
            background: #FCFCFC;
            color: #030303;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            outline: none;
        }

        .wizard-select {
            padding-right: 3.75rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
            background-color: #FCFCFC;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23002453' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 1.375rem center;
            background-size: 1.125rem;
        }

        .wizard-select::-ms-expand {
            display: none;
        }

        .wizard-dropdown-select {
            position: relative;
            width: 100%;
        }

        .wizard-select-trigger {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            min-height: 3.75rem;
            box-sizing: border-box;
            padding: 0.875rem 3.75rem 0.875rem 1.25rem;
            border: 0.5px solid #002453;
            border-radius: 1.875rem;
            background: #FCFCFC;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
            text-align: left;
            cursor: pointer;
            outline: none;
        }

        .wizard-select-trigger::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 1.375rem;
            width: 1.125rem;
            height: 1.125rem;
            transform: translateY(-50%);
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23002453' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1.125rem;
        }

        .wizard-select-trigger-text {
            display: block;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .wizard-select-trigger.is-placeholder {
            color: #002453;
        }

        .wizard-input::placeholder,
        .wizard-select {
            color: #002453;
        }

        .wizard-floating-field.has-value .wizard-input::placeholder,
        .wizard-floating-field.is-focused .wizard-input::placeholder {
            color: transparent;
        }

        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-date-and-time-value,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit-fields-wrapper,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit-text,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit-month-field,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit-day-field,
        .wizard-date-field:not(.has-value):not(.is-focused) .wizard-date-input::-webkit-datetime-edit-year-field {
            color: transparent;
            -webkit-text-fill-color: transparent;
        }

        .wizard-date-field.has-value .wizard-date-input,
        .wizard-date-field.is-focused .wizard-date-input,
        .wizard-date-field.has-value .wizard-date-input::-webkit-date-and-time-value,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-date-and-time-value,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit-fields-wrapper,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit-fields-wrapper,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit-text,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit-text,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit-month-field,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit-month-field,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit-day-field,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit-day-field,
        .wizard-date-field.has-value .wizard-date-input::-webkit-datetime-edit-year-field,
        .wizard-date-field.is-focused .wizard-date-input::-webkit-datetime-edit-year-field {
            color: #1d1c1c;
            -webkit-text-fill-color: #030303;
        }

        .wizard-date-input::selection,
        .wizard-date-input::-moz-selection,
        .wizard-date-input::-webkit-datetime-edit-month-field:focus,
        .wizard-date-input::-webkit-datetime-edit-day-field:focus,
        .wizard-date-input::-webkit-datetime-edit-year-field:focus {
            background: transparent;
            background-color: transparent;
            color: #030303;
            -webkit-text-fill-color: #030303;
            outline: none;
        }

        .wizard-select.is-filled {
            color: #002453;
        }

        .wizard-input:focus,
        .wizard-select:focus,
        .wizard-select-trigger:focus,
        .wizard-dropdown-select.is-focused .wizard-select-trigger {
            border-color: #0E2E63;
        }

        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-field-label {
            color: #B33A3A;
        }

        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-input,
        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-select,
        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-select-trigger,
        .wizard-document-field:has(.wizard-field-error:not(:empty)) .wizard-document-card {
            border-color: #B33A3A;
            background: #FFF7F7;
        }

        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-input:focus,
        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-select:focus,
        .wizard-field:has(.wizard-field-error:not(:empty)) .wizard-select-trigger:focus,
        .wizard-field:has(.wizard-field-error:not(:empty)).is-focused .wizard-select-trigger,
        .wizard-document-field:has(.wizard-field-error:not(:empty)) .wizard-document-card:focus-within {
            border-color: #B33A3A;
            box-shadow: 0 0 0 3px rgba(179, 58, 58, 0.12);
        }

        .wizard-password-form .login-input-group:has(.wizard-field-error:not(:empty)) .floating-label {
            color: #B33A3A;
        }

        .wizard-password-form .login-input-group:has(.wizard-field-error:not(:empty)) input {
            border-color: #B33A3A;
            background: #FFF7F7;
            box-shadow: 0 0 0 3px rgba(179, 58, 58, 0.12);
        }

        .wizard-otp-form:has(.wizard-otp-error:not(:empty)) .wizard-otp-digit {
            background: #FFF7F7;
            box-shadow: inset 0 0 0 1px #B33A3A;
        }

        .wizard-confirmation-terms-group:has(.wizard-field-error:not(:empty)) .wizard-confirmation-checkbox-row {
            color: #B33A3A;
        }

        .wizard-confirmation-terms-group:has(.wizard-field-error:not(:empty)) .wizard-confirmation-checkbox {
            border-color: #B33A3A;
            accent-color: #B33A3A;
        }

        .wizard-checkbox-group {
            gap: 0.85rem;
        }

        .wizard-checkbox-group-label {
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 0.3rem;
            width: auto;
            padding: 0;
        }

        .wizard-checkbox-group-hint {
            color: #8B8B8B;
            font-weight: 300;
        }

        .wizard-checkbox-options {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }

        .wizard-checkbox-option {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr);
            gap: 0.75rem;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.35;
            cursor: pointer;
            grid-auto-flow: row;
            align-content: center;
            align-items: center;
        }

        .wizard-checkbox-input {
            width: 1.05rem;
            height: 1.05rem;
            margin: 0.12rem 0 0;
            accent-color: #005B98;
            cursor: pointer;
            flex: 0 0 auto;
        }

        .wizard-checkbox-text {
            min-width: 0;
        }

        .wizard-checkbox-options--value-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 0.875rem;
        }

        .wizard-checkbox-option--value-list {
            min-height: 4.5rem;
            align-items: center;
            padding: 1rem 1.125rem;
            border: 1px solid #D4DEEA;
            border-radius: 1.25rem;
            background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
            box-shadow: 0 12px 26px -26px rgba(0, 36, 83, 0.55);
            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
        }

        .wizard-checkbox-option--value-list:hover {
            transform: translateY(-1px);
            border-color: #94AFCB;
            box-shadow: 0 18px 30px -24px rgba(0, 36, 83, 0.42);
        }

        .wizard-checkbox-option--value-list:focus-within {
            border-color: #005B98;
            box-shadow: 0 0 0 3px rgba(0, 91, 152, 0.12), 0 18px 30px -24px rgba(0, 36, 83, 0.42);
        }

        .wizard-checkbox-option--value-list.is-checked {
            border-color: #005B98;
            background: linear-gradient(180deg, #EEF7FF 0%, #F8FBFF 100%);
            box-shadow: 0 18px 32px -24px rgba(0, 91, 152, 0.4);
        }

        .wizard-checkbox-option--value-list .wizard-checkbox-input {
            margin-top: 0;
        }

        .wizard-checkbox-option--value-list .wizard-checkbox-text {
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.0625rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.3;
        }

        .wizard-checkbox-option--value-list.is-checked .wizard-checkbox-text {
            font-weight: 500;
        }

        .wizard-checkbox-group:has(.wizard-field-error:not(:empty)) .wizard-checkbox-option--value-list {
            border-color: #E2B1B4;
            background: #FFF7F7;
            box-shadow: none;
        }

        .wizard-checkbox-group:has(.wizard-field-error:not(:empty)) .wizard-checkbox-option--value-list.is-checked {
            border-color: #B33A3A;
        }

        .wizard-step-panel-info .wizard-checkbox-group {
            min-height: auto;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            gap: 0;
        }

        .wizard-step-panel-info .wizard-checkbox-group-label {
            margin: 0 0 0.55rem 1.125rem;
            color: #002453;
            font-size: 1rem;
            line-height: 1.2;
        }

        .wizard-step-panel-info .wizard-checkbox-options,
        .wizard-step-panel-info .wizard-checkbox-options--value-list {
            display: flex;
            flex-direction: column;
            gap: 0;
            width: 100%;
            box-sizing: border-box;
            padding: 1.25rem 1.875rem;
            border: 0.5px solid #002453;
            border-radius: 0.75rem;
            background: #FCFCFC;
        }

        .wizard-step-panel-info .wizard-checkbox-option,
        .wizard-step-panel-info .wizard-checkbox-option--value-list {
            min-height: 2rem;
            grid-template-columns: 0.9rem minmax(0, 1fr);
            gap: 0.55rem;
            align-items: center;
            padding: 0.75rem 0;
            border: 0;
            border-bottom: 1px solid #B7C7D8;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            color: #030303;
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.25;
            transition: background-color 0.2s ease;
        }

        .wizard-step-panel-info .wizard-checkbox-option:last-child,
        .wizard-step-panel-info .wizard-checkbox-option--value-list:last-child {
            border-bottom: 0;
        }

        .wizard-step-panel-info .wizard-checkbox-option--value-list:hover,
        .wizard-step-panel-info .wizard-checkbox-option--value-list:focus-within,
        .wizard-step-panel-info .wizard-checkbox-option--value-list.is-checked {
            transform: none;
            border-color: #B7C7D8;
            background: transparent;
            box-shadow: none;
        }

        .wizard-step-panel-info .wizard-checkbox-option--value-list:last-child:hover,
        .wizard-step-panel-info .wizard-checkbox-option--value-list:last-child:focus-within,
        .wizard-step-panel-info .wizard-checkbox-option--value-list:last-child.is-checked {
            border-bottom-color: transparent;
        }

        .wizard-step-panel-info .wizard-checkbox-input,
        .wizard-step-panel-info .wizard-checkbox-option--value-list .wizard-checkbox-input {
            width: 1.375rem;
            height: 1.375rem;
            margin: 0;
            box-sizing: border-box;
            border: 1px solid #002453;
            border-radius: 0.25rem;
            background-color: #FCFCFC;
            background-image: none;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 0.72rem;
            appearance: none;
            -webkit-appearance: none;
            cursor: pointer;
        }

        .wizard-step-panel-info .wizard-checkbox-input:checked {
            border-color: transparent;
            border-radius: 4px;
            background-color: #005B98;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2L4.8 8.4L9.5 3.6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--Gradiend---Primary, linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%));
            background-repeat: no-repeat, no-repeat;
            background-position: center, center;
            background-size: 0.72rem, cover;
        }

        .wizard-step-panel-info .wizard-checkbox-input:focus-visible {
            outline: 2px solid rgba(0, 91, 152, 0.22);
            outline-offset: 2px;
        }

        .wizard-step-panel-info .wizard-checkbox-input:disabled {
            opacity: 1;
            cursor: not-allowed;
        }

        .wizard-step-panel-info .wizard-checkbox-option--value-list .wizard-checkbox-text,
        .wizard-step-panel-info .wizard-checkbox-text {
            color: #030303;
            font-size: 1.5rem;
            margin-left: 5px;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .wizard-step-panel-info .wizard-checkbox-option--value-list.is-checked .wizard-checkbox-text {
            font-weight: 300;
        }

        .wizard-step-panel-info .wizard-checkbox-option.is-locked,
        .wizard-step-panel-info .wizard-checkbox-option--value-list.is-locked {
            cursor: not-allowed;
        }

        .wizard-step-panel-info .wizard-checkbox-group:has(.wizard-field-error:not(:empty)) .wizard-checkbox-options {
            border-color: #B33A3A;
            background: #FFF7F7;
        }

        .wizard-step-panel-info .wizard-checkbox-group:has(.wizard-field-error:not(:empty)) .wizard-checkbox-option--value-list,
        .wizard-step-panel-info .wizard-checkbox-group:has(.wizard-field-error:not(:empty)) .wizard-checkbox-option--value-list.is-checked {
            border-color: #B7C7D8;
            background: transparent;
            box-shadow: none;
        }

        .wizard-search-select {
            position: relative;
        }

        .wizard-search-select-shell {
            position: relative;
        }

        .wizard-search-select-shell::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 1.375rem;
            width: 1.125rem;
            height: 1.125rem;
            transform: translateY(-50%);
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23002453' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1.125rem;
        }

        .wizard-search-select.has-value .wizard-search-select-shell::after {
            display: none;
        }

        .wizard-search-select-input {
            padding-right: 3.75rem;
        }

        .wizard-search-select-clear {
            position: absolute;
            top: 50%;
            right: 1rem;
            transform: translateY(-50%);
            width: 1.625rem;
            height: 1.625rem;
            border: 0;
            border-radius: 999px;
            background: #E6E9EE;
            color: #002453;
            font-size: 1.2rem;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            padding: 0;
        }

        .wizard-shareholder-list {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }

        .wizard-shareholder-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) repeat(2, 3.25rem);
            gap: 0.625rem;
            align-items: stretch;
        }

        .wizard-add-btn {
            display: flex;
            width: 750px;
            flex-direction: column;
            align-items: center;
            gap: 50px;
            color: #002453;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            border-radius: 32px;
            border: 1px solid #002453;

        }

        .wizard-shareholder-pill {
            display: flex;
            align-items: center;
            padding-left: 1rem;
            cursor: pointer;
            height: 3.125rem;
            border-radius: 7px;
            border: 0.5px solid #002453;
            background: #E6E9EE;
            color: #030303;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .wizard-shareholder-pill:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 24px -18px rgba(0, 36, 83, 0.28);
        }

        .wizard-shareholder-pill-title {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.0625rem;
            font-weight: 400;
            line-height: 1.15;
        }

        .wizard-shareholder-pill-meta {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #6A7B92;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.8125rem;
            font-weight: 300;
            line-height: 1.2;
        }

        .wizard-shareholder-icon-btn {
            width: 3.25rem;
            border: 0.5px solid #002453;
            border-radius: 0.625rem;
            background: #E6E9EE;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            cursor: pointer;
            transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
        }

        .wizard-accionista-icon-btn:hover,
        .wizard-shareholder-icon-btn:hover {
            transform: translateY(-1px);
        }

        .wizard-accionista-icon-btn.is-danger:hover,
        .wizard-shareholder-icon-btn.is-danger:hover {
            background: #FFF0F0;
            border-color: #D79A9D;
        }

        .wizard-accionista-icon-btn img,
        .wizard-accionista-icon-btn svg,
        .wizard-shareholder-icon-btn img,
        .wizard-shareholder-icon-btn svg {
            width: 1.25rem;
            height: 1.25rem;
            display: block;
        }

        .wizard-search-select-menu {
            position: absolute;
            z-index: 15;
            left: 0;
            right: 0;
            top: calc(100% + 0.4rem);
            max-height: 13.75rem;
            overflow-y: auto;
            background: #FCFCFC;
            border: 1px solid #D5DEE9;
            border-radius: 1rem;
            box-shadow: 0 10px 24px -12px rgba(12, 12, 13, 0.22);
            padding: 0.35rem;
        }

        .wizard-search-select-option {
            width: 100%;
            border: 0;
            border-radius: 0.75rem;
            background: transparent;
            padding: 0.6rem 0.8rem;
            text-align: left;
            color: #002453;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-weight: 400;
            cursor: pointer;
        }

        .wizard-search-select-option:hover {
            background: #EEF3F8;
        }

        .wizard-dropdown-select-menu {
            width: 100%;
        }

        .wizard-dropdown-select-option.is-selected {
            background: #EAF2FB;
            color: #002453;
            font-weight: 500;
        }

        .wizard-dropdown-select-option.is-placeholder {
            color: #6A7B92;
        }

        .wizard-search-select-empty {
            padding: 0.6rem 0.8rem;
            color: #6A7B92;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.938rem;
            font-weight: 300;
        }

        .wizard-field-error {
            display: block;
            padding-left: 0.35rem;
            color: #B33A3A;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-field-error:empty {
            display: none;
        }

        .wizard-floating-field .wizard-field-error {
            margin-top: 0.2rem;
        }

        .wizard-floating-field .wizard-field-note {
            margin-top: 0.35rem;
        }

        .wizard-field-note {
            margin: -0.15rem 0 0;
            padding-left: 0.35rem;
            color: #6A7B92;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.3;
        }

        .wizard-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 1rem;
            margin-top: 1rem;
        }

        .wizard-actions-split {
            position: relative;
            width: 100%;
            max-width: 58.563rem;
            justify-content: space-between;
            gap: 1.5rem;
            padding-top: 1.4rem;
            border-top: 1px solid #9F9F9F;
            margin-top: auto;
            margin-inline: auto;
        }

        .wizard-desc {
            display: flex;
            flex-direction: row;
            align-content: center;
            align-items: baseline;
            color: #7B7B7B;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;

        }

        .wizard-secondary-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 9.5rem;
            padding: 0.85rem 1.25rem;
            border-radius: 2.313rem;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            background: #fff;
            box-shadow: 0 10px 24px -12px rgba(12, 12, 13, 0.22);
            border: none;
            color: #002453;
        }

        .wizard-add-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            max-width: 17.875rem;
            padding: 0.85rem 1.25rem;
            border-radius: 2rem;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            background: #fff;
            border: 1px solid #002453;
            color: #002453;
        }

        .pass-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            max-width: 31rem;
        }

        .wizard-submit {
            min-width: 17.563rem;
            border: 0;
        }

        .wizard-submit-empresa {
            background: #E6E9EE;
            color: #8E9EB3;
        }

        .wizard-submit-empresa img {
            opacity: 1;
            filter: brightness(0) saturate(100%) invert(71%) sepia(12%) saturate(267%) hue-rotate(175deg) brightness(90%) contrast(89%);
            transition: opacity 0.2s ease, filter 0.2s ease;
        }

        .wizard-submit-empresa.is-active {
            background: var(--Gradiend---Primary, linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%));
            color: #E6EEF5;
        }

        .wizard-submit-empresa.is-active img {
            filter: none;
        }

        .wizard-actions-split .wizard-secondary-btn,
        .wizard-actions-split .wizard-submit-empresa {
            min-width: 15.063rem;
        }

        .wizard-step-panel-otp {
            max-width: 100%;
        }

        .wizard-otp-layout {
            display: flex;
            justify-content: center;
            padding-top: 1.75rem;
            padding-bottom: 1.5rem;
        }

        .wizard-otp-card {
            width: 100%;
            max-width: 31.813rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3.125rem;
        }

        .wizard-otp-title {
            margin-bottom: 0 !important;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-style: normal;
            font-weight: 700 !important;
            line-height: normal;
        }

        .wizard-otp-copy {
            margin: 0;
            color: #030303;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 300;
            line-height: normal;
        }

        .wizard-otp-copy strong {
            text-align: center;
            color: #002453;
            font-weight: 500;
        }

        .wizard-otp-form {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3.125rem;
        }

        .wizard-otp-inputs {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 1.25rem;
            max-width: 18.75rem;
        }

        .wizard-otp-digit {
            width: 100%;
            aspect-ratio: 1 / 1;
            border-radius: 0.625rem;
            color: #002453;
            background: #D2EEFD;
            border: none;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 2.5rem;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            outline: none;
        }

        .wizard-otp-digit:focus {
            background: #FFFFFF;
            box-shadow: 0 0 0 3px rgba(0, 91, 152, 0.12);
        }

        .wizard-otp-error {
            text-align: center;
            padding-left: 0;
            min-height: 1.125rem;
        }

        .wizard-otp-resend-block {
            width: 100%;
            max-width: 18.75rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.65rem;
        }

        .wizard-otp-timer-track {
            width: 100%;
            height: 0.688rem;
            border-radius: 999px;
            background: #DCE6F1;
            overflow: hidden;
        }

        .wizard-otp-timer-fill {
            display: block;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(92deg, #005B98 3.1%, #152B50 97.65%);
            transition: width 1s linear;
        }

        .wizard-otp-timer {
            margin-top: 0.625;
            color: #030303;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .wizard-otp-timer span {
            color: #002453;
            font-weight: 500;
        }

        .wizard-otp-resend {
            border: none;
            background: transparent;
            color: #002453;
            text-align: center;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-decoration: underline;
            text-underline-offset: 0.14rem;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        .wizard-otp-resend[disabled] {
            color: #9FADBF;
            cursor: not-allowed;
        }

        .wizard-submit[disabled],
        .wizard-secondary-btn[disabled] {
            opacity: 0.65;
            cursor: not-allowed;
        }

        .wizard-placeholder {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
            padding: 2.25rem;
            border-radius: 1.5rem;
            background: #F7FAFD;
        }

        .wizard-placeholder-copy {
            color: #4A5D77;
            font-family: "Cera Pro", sans-serif;
            font-size: 1.05rem;
            font-style: normal;
            font-weight: 300;
            line-height: 1.5;
        }

        .wizard-placeholder-meta {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            width: fit-content;
            padding: 0.55rem 0.85rem;
            border-radius: 999px;
            background: #EAF2FB;
            color: #0E2E63;
            font-family: "Cera Pro", sans-serif;
            font-size: 0.9rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        @media only screen and (max-width: 1199.98px) {
            .onboarding-card {
                flex-direction: column;
                min-height: auto;
            }

            .wizard-shell {
                flex-direction: column;
            }

            .wizard-sidebar {
                flex-basis: auto;
                width: 100%;
                max-width: none;
                padding: 1.5rem 1.75rem 1.25rem;
            }

            .wizard-brand {
                margin-bottom: 1rem;
                padding-bottom: 1rem;
            }

            .wizard-progress-label {
                margin-bottom: 0.875rem;
            }

            .wizard-steps {
                display: flex;
                align-items: flex-start;
                width: 100%;
                overflow-x: auto;
                overflow-y: hidden;
                padding-bottom: 0.35rem;
                scrollbar-width: none;
            }

            .wizard-steps::-webkit-scrollbar {
                display: none;
            }

            .wizard-step-item {
                flex: 0 0 9.5rem;
                min-height: 5.25rem;
                padding-right: 1.5rem;
                padding-bottom: 0;
            }

            .wizard-step-item:last-child {
                flex-basis: 8.5rem;
                padding-right: 0.5rem;
            }

            .wizard-step-connector {
                left: 1rem;
                top: 0.85rem;
                right: -0.35rem;
                bottom: auto;
                width: auto;
                height: 5px;
            }

            .wizard-step-connector-fill {
                width: var(--wizard-step-progress, 0%);
                height: 100%;
                transition: width 0.24s ease;
            }

            .wizard-step-button {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.625rem;
            }

            .wizard-step-dot {
                flex: 0 0 28px;
                width: 28px;
                height: 28px;
            }

            .wizard-step-text {
                max-width: 100%;
                font-size: 0.95rem;
                line-height: 1.25;
            }

            .wizard-body {
                padding: 1.5rem;
            }

            .wizard-form-grid {
                grid-template-columns: 1fr;
            }

            .wizard-documents-grid {
                grid-template-columns: 1fr;
            }

            .wizard-confirmation-card {
                padding: 1.5rem;
            }

            .wizard-confirmation-row {
                grid-template-columns: 1fr;
                gap: 0.45rem;
            }

            .wizard-document-card {
                max-width: 100%;
            }

            .onboarding-left {
                flex: 0 0 auto;
                width: 100%;
                min-height: 320px;
            }

            .onboarding-left img {
                max-height: 320px;
            }

            .onboarding-right {
                width: 100%;
                padding: 40px 32px;
            }

            .r-info {
                flex-wrap: wrap;
            }

            .r-info > [class*="col-"] {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .card-list {
                min-width: 0;
            }

            .r-footer {
                flex-direction: column;
                align-items: center;
                row-gap: 1rem;
            }

            .client-link {
                margin-top: 0;
            }

            .next-btn {
                width: 100%;
                max-width: 26rem;
            }
        }

        @media only screen and (max-width: 767.98px) {
            .onboarding-wrapper {
                padding: 12px;
            }

            .wizard-header {
                padding: 1rem;
            }

            .wizard-header-copy h2 {
                font-size: 1.5rem;
            }

            .wizard-sidebar {
                padding: 1rem;
            }

            .wizard-brand {
                margin-bottom: 0.875rem;
                padding-bottom: 0.875rem;
            }

            .wizard-brand img {
                max-height: 3rem;
            }

            .wizard-progress-label {
                margin-bottom: 0.75rem;
                font-size: 1.05rem;
            }

            .wizard-step-item {
                flex-basis: 8rem;
                min-height: 4.75rem;
                padding-right: 1rem;
            }

            .wizard-step-item:last-child {
                flex-basis: 7rem;
            }

            .wizard-step-connector {
                left: 0.95rem;
                top: 0.8rem;
                right: -0.2rem;
                height: 4px;
            }

            .wizard-step-text {
                font-size: 0.875rem;
            }

            .wizard-actions {
                flex-direction: column-reverse;
                align-items: stretch;
            }

            .wizard-otp-layout {
                padding-top: 0.75rem;
            }

            .wizard-otp-card {
                max-width: 100%;
            }

            .wizard-password-step .welcome-text h2 {
                font-size: 2rem;
            }

            .wizard-password-step .welcome-text .subtitle {
                font-size: 1rem;
                margin-bottom: 2rem;
            }

            .wizard-otp-digit {
                font-size: 1.25rem;
                border-radius: 0.65rem;
            }

            .wizard-alert-content {
                gap: 0.65rem;
            }

            .resume-existing-modal-card {
                padding: 2.25rem 1.25rem 1.5rem;
                gap: 1.25rem;
            }

            .resume-existing-modal-title {
                font-size: 1.45rem;
            }

            .wizard-secondary-btn,
            .wizard-submit {
                width: 100%;
            }

            .wizard-documents-grid {
                gap: 1rem;
            }

            .wizard-document-card {
                min-height: 9rem;
                padding: 1.25rem 1rem;
            }

            .wizard-document-copy {
                font-size: 0.95rem;
            }

            .wizard-shareholder-row {
                grid-template-columns: minmax(0, 1fr) repeat(2, 2.875rem);
                gap: 0.5rem;
            }

            .wizard-shareholder-pill {
                min-height: 3.25rem;
                padding: 0.75rem 0.875rem;
            }

            .wizard-shareholder-pill-title {
                font-size: 0.95rem;
            }

            .wizard-shareholder-pill-meta {
                font-size: 0.75rem;
            }

            .wizard-confirmation-card {
                padding: 1.25rem;
                border-radius: 1.15rem;
            }

            .wizard-confirmation-row-label,
            .wizard-confirmation-row-value,
            .wizard-confirmation-checkbox-row {
                font-size: 1rem;
            }

            .wizard-confirmation-terms-heading {
                font-size: 1.55rem;
            }

            .wizard-confirmation-success {
                min-height: 52vh;
                gap: 1.25rem;
                padding-inline: 0.5rem;
            }

            .wizard-confirmation-success-title {
                font-size: 1.8rem;
            }

            .wizard-confirmation-success-copy,
            .wizard-confirmation-success-request {
                font-size: 1.1rem;
            }

            .wizard-accionista-icon-btn,
            .wizard-shareholder-icon-btn {
                width: 2.875rem;
                min-height: 3.25rem;
            }

            .wizard-autosave-hint {
                position: static;
                transform: none;
                order: 3;
                width: 100%;
                padding: 0;
                background: transparent;
                white-space: normal;
            }

            .onboarding-card {
                border-radius: 1.5rem;
            }

            .onboarding-left {
                min-height: 220px;
            }

            .onboarding-left img {
                height: 220px;
            }

            .onboarding-right {
                padding: 32px 20px;
            }

            .onboarding-right .welcome-text h2 {
                margin-bottom: 2rem;
                font-size: 2rem;
            }

            .onboarding-right .welcome-text h3 {
                font-size: 1.25rem;
            }

            .onboarding-right .welcome-text .subtitle {
                margin-bottom: 2rem;
                font-size: 1rem;
            }

            .r-info {
                gap: 1rem;
            }

            .card-list {
                padding: 1rem;
                border-radius: 1rem;
            }

            .doc-list li {
                font-size: 1rem;
            }

            .r-footer {
                width: 100%;
                margin-top: 2rem;
            }

            .next-btn {
                max-width: 100%;
            }
        }

        .basa-gold-icon {
            width: 22rem;
            height: 6.625rem;
            aspect-ratio: 176/53;
        }

/*
* Sección getion de docuemtnos
*/
.documend-card{
    position: relative;
    display: flex;
    min-width: 46.938rem;
    min-height: 100vh;
    padding: 1.875rem;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    border-radius: 1rem;
    background: #FFF;
    flex-shrink: 0;
}

.documend-card .onboarding-close {
    position: absolute;
    top: 1.875rem;
    right: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #F5F5F5;
    color: #002453;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1;
    z-index: 1;
    transition: background 0.15s;
}

.documend-card .onboarding-close:hover {
    background: #E8E8E8;
}

.card-header hr {
    margin: 0;
    border: none;
    border-top: 0.5px solid #002453;
    width: 100%;
}
.card-divider{
    width: 100%;
    border-top: 1px solid #9F9F9F;
}
.title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.875rem;
}
.card-title {
    color: #002453;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.card-subtitle{
    color: #030303;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 26.25rem;
}
.card-input {
    padding: 1.875rem;
    box-shadow: 0 0 30px -8px rgba(12, 12, 13, 0.04);
    border-radius: 1.25rem;
    gap: 1.25rem;
}
.card-request {
    min-width: 26.75rem;
}

.bg-danger, .bg-info {
    border-radius: 100px;
    background: #FF3D48;
    box-shadow:0 16px 16px -8px rgba(12, 12, 13, 0.10), 0 4px 4px -4px rgba(12, 12, 13, 0.05);
    color: #FFECED;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bg-info {
    background: #6EC7F7;
    color: #F1F9FE;
}

.btn-login, .uploloadDoc {
    padding: 0.563em;
}

.card-section{
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 1.875rem;
}
.upload-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 900;
    stroke-width: 2;
}
.create-account-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.create-account-loader {
    width: 103px;
    height: 103px;
    aspect-ratio: 1/1;
}
.doc-error-show {
    max-width: 30rem;
    padding: 0.75rem 1.25rem;
    border-radius: 0.75rem;
    background: #FFF7F7;
    color: #B33A3A;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media only screen and (max-width: 1199.98px) {
    .documend-card{
        min-width: 50%;
        gap: 1.375rem;
    }
    .card-request {
        min-width: 80%;
    }
    .card-title {
        font-size: 1.75rem;
    }
     .card-subtitle{
        font-size: 1rem;
    }
}
@media only screen and (max-width: 767.98px) {
    .documend-card{
        min-width: 90%;
    }
    .card-input {
        padding: 0.938rem;
    }
    .doc-error-show {
        max-width: 18rem;
    }
}