@import '_content/Framework1000/Framework1000.necz330klq.bundle.scp.css';
@import '_content/SignupModule/SignupModule.vsspjw2ha6.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ncuf44lg3j],
.components-reconnect-repeated-attempt-visible[b-ncuf44lg3j],
.components-reconnect-failed-visible[b-ncuf44lg3j],
.components-pause-visible[b-ncuf44lg3j],
.components-resume-failed-visible[b-ncuf44lg3j],
.components-rejoining-animation[b-ncuf44lg3j] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-retrying[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-failed[b-ncuf44lg3j],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ncuf44lg3j] {
    display: block;
}


#components-reconnect-modal[b-ncuf44lg3j] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ncuf44lg3j 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ncuf44lg3j 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ncuf44lg3j 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ncuf44lg3j]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ncuf44lg3j 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ncuf44lg3j {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ncuf44lg3j {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ncuf44lg3j {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ncuf44lg3j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ncuf44lg3j] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ncuf44lg3j] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ncuf44lg3j] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ncuf44lg3j] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ncuf44lg3j] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ncuf44lg3j] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ncuf44lg3j 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ncuf44lg3j] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ncuf44lg3j {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Signup/SolicitarAltaPage.razor.rz.scp.css */
/* Formulario público de alta — CSS isolation (scoped al componente). Paleta e identidad Zeylan,
   autónomo: no depende del CSS de la landing, que está aislado a su propio componente. */
.sa-page[b-1eeauxoyeu]{
    --accent:#5E6AD2; --accent-hover:#4F5ABF; --accent-soft:#EEF0FB; --accent-text:#4854B8;
    --green:#1A7F4B; --green-soft:#E1F5EA;
    --red:#C7363F;   --red-soft:#FCE9EA;
    --ink:#171A21; --paper:#FFFFFF; --canvas:#FBFAF8;
    --text:#1B1F27; --text-2:#5A6172; --muted:#97A0AF;
    --border:#EAE6DF; --border-strong:#DED8CE; --cinnamon:#B45309;
    --sans:'Inter',-apple-system,'Segoe UI',sans-serif;
    --display:'Fraunces',Georgia,serif;

    font-family:var(--sans);
    background:var(--canvas); color:var(--text);
    min-height:100vh;
    display:flex; align-items:flex-start; justify-content:center;
    padding:48px 24px 72px;
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.sa-page *[b-1eeauxoyeu]{box-sizing:border-box}

.sa-card[b-1eeauxoyeu]{
    width:100%; max-width:520px;
    background:var(--paper);
    border:1px solid var(--border);
    border-radius:16px;
    box-shadow:0 6px 22px rgba(20,24,33,.10);
    padding:36px 34px 30px;
}

.sa-brand[b-1eeauxoyeu]{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:600;font-size:1.25rem;color:var(--ink);text-decoration:none;margin-bottom:22px}
.sa-logo[b-1eeauxoyeu]{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.05rem;box-shadow:0 4px 12px rgba(94,106,210,.4)}

.sa-eyebrow[b-1eeauxoyeu]{display:block;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cinnamon);margin-bottom:.5rem}
.sa-title[b-1eeauxoyeu]{font-family:var(--display);font-weight:600;font-size:1.9rem;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem;text-wrap:balance}
.sa-lead[b-1eeauxoyeu]{font-size:1rem;color:var(--text-2);line-height:1.55;margin:0 0 1.4rem}

.sa-form[b-1eeauxoyeu]{display:flex;flex-direction:column;gap:14px}
.sa-field[b-1eeauxoyeu]{display:flex;flex-direction:column;gap:.35rem}
.sa-field>span[b-1eeauxoyeu]{font-size:.82rem;font-weight:600;color:var(--text)}
.sa-field input[b-1eeauxoyeu]{font-family:var(--sans);font-size:.98rem;color:var(--ink);background:var(--paper);border:1px solid var(--border-strong);border-radius:10px;padding:.7rem .85rem;transition:border-color .14s ease,box-shadow .14s ease;width:100%}
.sa-field input[b-1eeauxoyeu]::placeholder{color:var(--muted)}
.sa-field input:focus[b-1eeauxoyeu]{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

.sa-row[b-1eeauxoyeu]{display:flex;gap:12px}
.sa-row .sa-field[b-1eeauxoyeu]{flex:1}
.sa-row .sa-cp[b-1eeauxoyeu]{max-width:150px}

.sa-btn[b-1eeauxoyeu]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--sans);font-weight:600;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;box-shadow:0 6px 18px rgba(94,106,210,.32);text-decoration:none}
.sa-btn:hover[b-1eeauxoyeu]{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 26px rgba(94,106,210,.42)}
.sa-btn-block[b-1eeauxoyeu]{width:100%;margin-top:6px}

.sa-note[b-1eeauxoyeu]{font-size:.82rem;color:var(--muted);margin:12px 0 0;line-height:1.5}
.sa-note a[b-1eeauxoyeu]{color:var(--accent-text);font-weight:600;text-decoration:none}
.sa-note a:hover[b-1eeauxoyeu]{text-decoration:underline}

.sa-error[b-1eeauxoyeu]{background:var(--red-soft);color:var(--red);font-size:.9rem;border-radius:10px;padding:10px 14px;margin-bottom:14px}

.sa-done[b-1eeauxoyeu]{text-align:center;padding:12px 0}
.sa-check[b-1eeauxoyeu]{width:56px;height:56px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin:6px auto 16px}
.sa-check svg[b-1eeauxoyeu]{width:28px;height:28px}
.sa-done .sa-title[b-1eeauxoyeu]{margin-bottom:.5rem}
.sa-done .sa-lead[b-1eeauxoyeu]{margin-bottom:1.2rem}

@media(max-width:560px){
    .sa-card[b-1eeauxoyeu]{padding:28px 22px}
    .sa-title[b-1eeauxoyeu]{font-size:1.65rem}
    .sa-row[b-1eeauxoyeu]{flex-direction:column;gap:14px}
    .sa-row .sa-cp[b-1eeauxoyeu]{max-width:none}
}