/* /Components/Account/Pages/AcceptInvitation.razor.rz.scp.css */
:host[b-s7bcr8sid4] {
    display: block;
    min-height: 100vh;
}

.invite-page[b-s7bcr8sid4] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at 85% 10%, rgba(24,168,102,.18), transparent 24rem),
        linear-gradient(135deg, #061c36, #0b4777);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.invite-card[b-s7bcr8sid4] {
    width: min(32rem, 100%);
    padding: 2rem;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 1.2rem;
    box-shadow: 0 2rem 5rem rgba(1,16,35,.28);
}

.invite-card header > span[b-s7bcr8sid4] {
    color: #18a866;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.invite-card h1[b-s7bcr8sid4] {
    margin: .45rem 0 0;
    color: #0b2341;
    font-size: clamp(1.7rem, 5vw, 2.35rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.invite-card header p[b-s7bcr8sid4] {
    margin: .75rem 0 0;
    color: #60778b;
    font-size: .85rem;
    line-height: 1.55;
}

.invite-card form[b-s7bcr8sid4] {
    display: grid;
    gap: .85rem;
    margin-top: 1.4rem;
}

.invite-field[b-s7bcr8sid4] {
    display: grid;
    gap: .3rem;
}

.invite-field label[b-s7bcr8sid4] {
    color: #0b2341;
    font-size: .75rem;
    font-weight: 850;
}

.invite-control[b-s7bcr8sid4] {
    width: 100%;
    min-height: 2.8rem;
    padding: .55rem .7rem;
    color: #0b2341;
    background: #fff;
    border: 1px solid #d7e2ea;
    border-radius: .55rem;
    font: inherit;
}

.invite-field[b-s7bcr8sid4]  .validation-message,
.invite-validation[b-s7bcr8sid4] {
    color: #a12d2d;
    font-size: .72rem;
}

.invite-rules[b-s7bcr8sid4] {
    padding: .7rem;
    color: #6f5a25;
    background: #fff8e8;
    border: 1px solid #eed7a4;
    border-radius: .55rem;
    font-size: .72rem;
    line-height: 1.45;
}

.invite-submit[b-s7bcr8sid4],
.invite-success a[b-s7bcr8sid4] {
    min-height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1rem;
    color: #fff;
    background: linear-gradient(135deg, #18a866, #168bc6);
    border: 0;
    border-radius: 999px;
    font: inherit;
    font-size: .8rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.invite-submit:disabled[b-s7bcr8sid4] {
    opacity: .65;
    cursor: not-allowed;
}

.invite-success[b-s7bcr8sid4],
.invite-error[b-s7bcr8sid4] {
    margin-top: 1.35rem;
    padding: 1rem;
    border-radius: .7rem;
}

.invite-success[b-s7bcr8sid4] {
    color: #175c3c;
    background: #ebf9f1;
    border: 1px solid #bde5cf;
}

.invite-error[b-s7bcr8sid4] {
    color: #8d2e2e;
    background: #fff1f1;
    border: 1px solid #efc5c5;
}

.invite-success strong[b-s7bcr8sid4],
.invite-success p[b-s7bcr8sid4],
.invite-error strong[b-s7bcr8sid4],
.invite-error p[b-s7bcr8sid4] {
    display: block;
}

.invite-success p[b-s7bcr8sid4],
.invite-error p[b-s7bcr8sid4] {
    margin: .35rem 0 0;
    font-size: .8rem;
    line-height: 1.5;
}

.invite-success a[b-s7bcr8sid4] {
    margin-top: 1rem;
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
:global(html)[b-83066nt3tj],
:global(body)[b-83066nt3tj] {
    min-height: 100%;
    margin: 0;
    background: #ffffff;
}

.account-inline-panel[b-83066nt3tj] {
    display: grid;
    align-content: start;
    gap: 15px;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 22px 28px 26px;
    color: #17283c;
    background: #ffffff;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.account-inline-icon[b-83066nt3tj] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 2px;
    border-radius: 50%;
    color: #d69a18;
    background: #fff6e2;
}

.account-inline-icon.success[b-83066nt3tj] {
    color: #159264;
    background: #eaf8f2;
}

.account-inline-icon svg[b-83066nt3tj] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.account-inline-panel h1[b-83066nt3tj] {
    margin: 0;
    color: #0e2239;
    font-size: 25px;
    line-height: 1.12;
    text-align: center;
    letter-spacing: -.025em;
}

.account-inline-description[b-83066nt3tj] {
    max-width: 440px;
    margin: 0 auto 3px;
    color: #718090;
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

[b-83066nt3tj] form.account-inline-form {
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 440px;
    margin: 2px auto 0;
}

.account-inline-field[b-83066nt3tj] {
    display: grid;
    gap: 7px;
}

.account-inline-field label[b-83066nt3tj] {
    color: #25364a;
    font-size: 12px;
    font-weight: 850;
}

.account-inline-input-shell[b-83066nt3tj] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    border: 1px solid #d8e0e7;
    border-radius: 9px;
    background: #ffffff;
}

.account-inline-input-shell:focus-within[b-83066nt3tj] {
    border-color: #c18a1c;
    box-shadow: 0 0 0 3px rgba(193, 138, 28, .09);
}

.account-inline-input-shell > span[b-83066nt3tj] {
    display: grid;
    place-items: center;
    color: #8c98a4;
}

.account-inline-input-shell svg[b-83066nt3tj] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-83066nt3tj] .account-inline-input {
    width: 100%;
    min-height: 46px;
    padding: 0 13px 0 0;
    border: 0 !important;
    outline: 0 !important;
    color: #17283c;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
}

[b-83066nt3tj] .account-inline-validation,
[b-83066nt3tj] .account-inline-error {
    color: #b53c3c;
    font-size: 11px;
}

[b-83066nt3tj] .account-inline-validation {
    margin: 0;
    padding-left: 18px;
}

.account-inline-submit[b-83066nt3tj] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #c88912;
    border-radius: 9px;
    color: #ffffff;
    background: linear-gradient(90deg, #d49511, #dfa51c);
    box-shadow: 0 8px 20px rgba(190, 128, 13, .18);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
}

.account-inline-note[b-83066nt3tj] {
    max-width: 440px;
    margin: 0 auto;
    color: #8a96a2;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

.account-inline-success-box[b-83066nt3tj] {
    max-width: 440px;
    margin: 4px auto 0;
    padding: 13px 15px;
    border: 1px solid #c9e8d9;
    border-radius: 9px;
    color: #257252;
    background: #f1fbf6;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

[b-83066nt3tj] .alert {
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
:global(html)[b-a8bivpix7l],
:global(body)[b-a8bivpix7l] {
    min-height: 100%;
    margin: 0;
    background: #ffffff;
}

.account-inline-panel[b-a8bivpix7l] {
    display: grid;
    align-content: start;
    gap: 15px;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 22px 28px 26px;
    color: #17283c;
    background: #ffffff;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.account-inline-icon[b-a8bivpix7l] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 2px;
    border-radius: 50%;
    color: #d69a18;
    background: #fff6e2;
}

.account-inline-icon.success[b-a8bivpix7l] {
    color: #159264;
    background: #eaf8f2;
}

.account-inline-icon svg[b-a8bivpix7l] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.account-inline-panel h1[b-a8bivpix7l] {
    margin: 0;
    color: #0e2239;
    font-size: 25px;
    line-height: 1.12;
    text-align: center;
    letter-spacing: -.025em;
}

.account-inline-description[b-a8bivpix7l] {
    max-width: 440px;
    margin: 0 auto 3px;
    color: #718090;
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

[b-a8bivpix7l] form.account-inline-form {
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 440px;
    margin: 2px auto 0;
}

.account-inline-field[b-a8bivpix7l] {
    display: grid;
    gap: 7px;
}

.account-inline-field label[b-a8bivpix7l] {
    color: #25364a;
    font-size: 12px;
    font-weight: 850;
}

.account-inline-input-shell[b-a8bivpix7l] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    border: 1px solid #d8e0e7;
    border-radius: 9px;
    background: #ffffff;
}

.account-inline-input-shell:focus-within[b-a8bivpix7l] {
    border-color: #c18a1c;
    box-shadow: 0 0 0 3px rgba(193, 138, 28, .09);
}

.account-inline-input-shell > span[b-a8bivpix7l] {
    display: grid;
    place-items: center;
    color: #8c98a4;
}

.account-inline-input-shell svg[b-a8bivpix7l] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-a8bivpix7l] .account-inline-input {
    width: 100%;
    min-height: 46px;
    padding: 0 13px 0 0;
    border: 0 !important;
    outline: 0 !important;
    color: #17283c;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
}

[b-a8bivpix7l] .account-inline-validation,
[b-a8bivpix7l] .account-inline-error {
    color: #b53c3c;
    font-size: 11px;
}

[b-a8bivpix7l] .account-inline-validation {
    margin: 0;
    padding-left: 18px;
}

.account-inline-submit[b-a8bivpix7l] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #c88912;
    border-radius: 9px;
    color: #ffffff;
    background: linear-gradient(90deg, #d49511, #dfa51c);
    box-shadow: 0 8px 20px rgba(190, 128, 13, .18);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
}

.account-inline-note[b-a8bivpix7l] {
    max-width: 440px;
    margin: 0 auto;
    color: #8a96a2;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

.account-inline-success-box[b-a8bivpix7l] {
    max-width: 440px;
    margin: 4px auto 0;
    padding: 13px 15px;
    border: 1px solid #c9e8d9;
    border-radius: 9px;
    color: #257252;
    background: #f1fbf6;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

[b-a8bivpix7l] .alert {
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
:global(html)[b-vvpakty3ry],
:global(body)[b-vvpakty3ry] {
    min-height: 100%;
}

.rodmay-login-v2[b-vvpakty3ry] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    grid-template-columns:
        minmax(620px, 50%)
        minmax(620px, 50%);
    width: 100vw;
    min-height: 100vh;
    overflow: auto;
    color: #10233a;
    background: #f6f8fb;
}

/* =========================================================
   PANEL IZQUIERDO
   ========================================================= */

.login-visual-panel[b-vvpakty3ry] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #ffffff;
    background:
        linear-gradient(
            145deg,
            #06192a,
            #092945 100%
        );
}

.visual-photo[b-vvpakty3ry] {
    position: absolute;
    z-index: 0;
    top: 8%;
    right: -2%;
    bottom: 0;
    width: 58%;
    background-image:
        url('/images/login/rodmay-login-building.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .70;
    filter:
        saturate(.80)
        contrast(1.05);
    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0, 0, 0, .92) 25%,
            #000 100%
        );
}

.visual-overlay[b-vvpakty3ry] {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(6, 25, 42, 1) 0%,
            rgba(6, 25, 42, .97) 36%,
            rgba(6, 25, 42, .56) 70%,
            rgba(6, 25, 42, .36) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5, 25, 43, .88) 0%,
            transparent 40%
        );
}

.visual-dots[b-vvpakty3ry] {
    position: absolute;
    z-index: 2;
    top: 15%;
    left: 54%;
    width: 220px;
    height: 120px;
    opacity: .16;
    background-image:
        radial-gradient(
            circle,
            #d6a32e 1.5px,
            transparent 1.7px
        );
    background-size: 16px 16px;
}

.visual-curve[b-vvpakty3ry] {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(218, 164, 43, .72);
    border-radius: 50%;
    pointer-events: none;
}

.visual-curve-top[b-vvpakty3ry] {
    top: 7%;
    right: -18%;
    width: 62%;
    height: 34%;
    transform: rotate(-12deg);
}

.visual-curve-bottom[b-vvpakty3ry] {
    bottom: -26%;
    left: -22%;
    width: 90%;
    height: 48%;
    transform: rotate(12deg);
}

.visual-inner[b-vvpakty3ry] {
    position: relative;
    z-index: 5;
    display: flex;
    min-height: calc(100vh - 48px);
    flex-direction: column;
    padding:
        clamp(50px, 5.2vw, 88px)
        clamp(52px, 5vw, 86px)
        36px;
}

.rodmay-brand-large[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    gap: 22px;
}

.rodmay-brand-icon[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    width: clamp(78px, 5.7vw, 102px);
    height: clamp(78px, 5.7vw, 102px);
    flex: 0 0 auto;
    color: #d9a42a;
}

.rodmay-brand-icon svg[b-vvpakty3ry] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rodmay-brand-text[b-vvpakty3ry] {
    display: grid;
    gap: 8px;
}

.rodmay-brand-text strong[b-vvpakty3ry] {
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size:
        clamp(38px, 3.15vw, 54px);
    line-height: .96;
    letter-spacing: .005em;
}

.rodmay-brand-text small[b-vvpakty3ry] {
    color: #e2ad2f;
    font-size:
        clamp(10px, .75vw, 13px);
    font-weight: 900;
    letter-spacing: .16em;
}

.visual-message[b-vvpakty3ry] {
    max-width: 620px;
    margin-top:
        clamp(60px, 8vh, 100px);
}

.visual-line[b-vvpakty3ry] {
    display: block;
    width: 42px;
    height: 2px;
    margin-bottom: 20px;
    background: #d9a42a;
}

.visual-kicker[b-vvpakty3ry] {
    color: #e0aa2c;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: .14em;
}

.visual-message h1[b-vvpakty3ry] {
    max-width: 690px;
    margin: 18px 0 26px;
    font-size:
        clamp(56px, 4.35vw, 76px);
    line-height: 1.01;
    letter-spacing: -.045em;
}

.visual-message h1 em[b-vvpakty3ry] {
    display: block;
    margin-top: 5px;
    color: #dda72b;
    font-style: normal;
}

.visual-message p[b-vvpakty3ry] {
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size:
        clamp(17px, 1.16vw, 20px);
    line-height: 1.68;
}

.visual-feature-grid[b-vvpakty3ry] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 17px;
    max-width: 830px;
    margin-top:
        clamp(38px, 5vh, 62px);
}

.visual-feature-card[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    min-height: 108px;
    padding: 20px 20px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .105),
            rgba(255, 255, 255, .055)
        );
    backdrop-filter: blur(7px);
}

.feature-icon[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: #e5ad2b;
}

.feature-icon svg[b-vvpakty3ry] {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.visual-feature-card p[b-vvpakty3ry],
.visual-security-card p[b-vvpakty3ry] {
    display: grid;
    gap: 4px;
    min-width: 0;
    margin: 0;
}

.visual-feature-card strong[b-vvpakty3ry],
.visual-security-card strong[b-vvpakty3ry] {
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.visual-feature-card small[b-vvpakty3ry],
.visual-security-card small[b-vvpakty3ry] {
    color: rgba(255, 255, 255, .78);
    font-size: 12.5px;
    line-height: 1.45;
}

.visual-security-card[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    gap: 17px;
    max-width: 830px;
    min-height: 94px;
    margin-top: 20px;
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 15px;
    background: rgba(8, 39, 63, .86);
}

.visual-security-card > span[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: #e5ad2b;
}

.visual-security-card svg[b-vvpakty3ry] {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.visual-footer[b-vvpakty3ry] {
    position: absolute;
    z-index: 7;
    bottom: 22px;
    left: clamp(52px, 5vw, 86px);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .01em;
}

/* =========================================================
   PANEL DERECHO
   ========================================================= */

.login-form-panel[b-vvpakty3ry] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 100vh;
    overflow: hidden;
    padding:
        clamp(42px, 5vw, 82px);
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(207, 156, 41, .075),
            transparent 27rem
        ),
        radial-gradient(
            circle at 4% 94%,
            rgba(43, 153, 116, .055),
            transparent 26rem
        ),
        #f7f8fa;
}

.form-decoration[b-vvpakty3ry] {
    position: absolute;
    pointer-events: none;
}

.form-decoration-one[b-vvpakty3ry] {
    top: -180px;
    right: -150px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(216, 162, 42, .22);
    border-radius: 50%;
}

.form-decoration-two[b-vvpakty3ry] {
    right: 10%;
    bottom: 11%;
    width: 140px;
    height: 90px;
    opacity: .20;
    background-image:
        radial-gradient(
            circle,
            #d7a129 1.2px,
            transparent 1.4px
        );
    background-size: 13px 13px;
}

.login-card-v2[b-vvpakty3ry] {
    position: relative;
    z-index: 3;
    width: min(100%, 560px);
    padding:
        clamp(40px, 4.4vw, 58px);
    border: 1px solid #e0e5ea;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow:
        0 28px 75px rgba(20, 43, 67, .10);
}

.login-user-badge[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 16px;
    border-radius: 50%;
    color: #d79d20;
    background: #fff7e7;
}

.login-user-badge svg[b-vvpakty3ry] {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-card-heading[b-vvpakty3ry] {
    margin-bottom: 29px;
    text-align: center;
}

.login-card-heading > span[b-vvpakty3ry] {
    display: block;
    margin-bottom: 8px;
    color: #d49b20;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .15em;
}

.login-card-heading h2[b-vvpakty3ry] {
    margin: 0;
    color: #0d223a;
    font-size:
        clamp(31px, 2.6vw, 42px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.login-card-heading p[b-vvpakty3ry] {
    margin: 10px 0 0;
    color: #788592;
    font-size: 13px;
}

/* IMPORTANTE:
   EditForm genera el form internamente. ::deep asegura que
   el CSS isolation de Blazor alcance ese elemento generado. */

[b-vvpakty3ry] form.rodmay-login-form {
    display: grid;
    gap: 20px;
    width: 100%;
}

.login-control[b-vvpakty3ry] {
    display: grid;
    gap: 8px;
}

.login-control > label[b-vvpakty3ry],
.control-label-row label[b-vvpakty3ry] {
    color: #1d3046;
    font-size: 12px;
    font-weight: 850;
}

.control-label-row[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.control-label-row a[b-vvpakty3ry],
.confirmation-block a[b-vvpakty3ry] {
    color: #087bd1;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.control-label-row a:hover[b-vvpakty3ry],
.confirmation-block a:hover[b-vvpakty3ry] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.control-shell[b-vvpakty3ry] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    min-height: 50px;
    overflow: hidden;
    border: 1px solid #d5dee6;
    border-radius: 8px;
    background: #ffffff;
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.control-shell:focus-within[b-vvpakty3ry] {
    border-color: #c18b1c;
    box-shadow:
        0 0 0 3px rgba(193, 139, 28, .09);
}

.control-shell > span[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    color: #8a97a4;
}

.control-shell svg[b-vvpakty3ry] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-vvpakty3ry] .control-input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0 14px 0 0;
    border: 0 !important;
    outline: 0 !important;
    color: #172a40;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
}

[b-vvpakty3ry] .control-input::placeholder {
    color: #9aa6b2;
}

[b-vvpakty3ry] .field-error-v2,
[b-vvpakty3ry] .login-validation-v2 {
    color: #b73b3b;
    font-size: 11px;
}

[b-vvpakty3ry] .login-validation-v2 {
    margin: -3px 0 0;
    padding-left: 18px;
}

.remember-row[b-vvpakty3ry] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 9px;
    color: #566574;
    font-size: 11px;
    cursor: pointer;
}

[b-vvpakty3ry] .remember-checkbox {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #c48c1e;
}

.login-primary-button[b-vvpakty3ry] {
    width: 100%;
    min-height: 50px;
    border: 1px solid #c48813;
    border-radius: 8px;
    color: #ffffff;
    background:
        linear-gradient(
            90deg,
            #d69710,
            #dc9d17
        );
    box-shadow:
        0 9px 22px rgba(198, 133, 12, .18);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    transition:
        transform .15s ease,
        filter .15s ease,
        box-shadow .15s ease;
}

.login-primary-button:hover[b-vvpakty3ry] {
    transform: translateY(-1px);
    filter: brightness(1.025);
    box-shadow:
        0 12px 25px rgba(198, 133, 12, .22);
}

.confirmation-block[b-vvpakty3ry] {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-top: 2px;
    padding: 17px 0 2px;
    border-top: 1px solid #e7ebef;
    color: #7d8994;
    font-size: 11px;
    text-align: center;
}

.login-access-note[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    padding-top: 22px;
    border-top: 1px solid #e6ebef;
    color: #7c8995;
    font-size: 10px;
    text-align: center;
}

.login-access-note > span[b-vvpakty3ry] {
    display: grid;
    place-items: center;
    color: #159363;
}

.login-access-note svg[b-vvpakty3ry] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-status-v2:empty[b-vvpakty3ry] {
    display: none;
}

.login-status-v2[b-vvpakty3ry]  .alert {
    margin: 0 0 20px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1380px) {
    .rodmay-login-v2[b-vvpakty3ry] {
        grid-template-columns:
            minmax(520px, 48%)
            minmax(560px, 52%);
    }

    .visual-feature-grid[b-vvpakty3ry] {
        grid-template-columns: 1fr;
        max-width: 430px;
        gap: 9px;
    }

    .visual-feature-card[b-vvpakty3ry] {
        min-height: 64px;
    }

    .visual-security-card[b-vvpakty3ry] {
        max-width: 430px;
    }

    .visual-message[b-vvpakty3ry] {
        margin-top: 48px;
    }
}

@media (max-width: 980px) {
    .rodmay-login-v2[b-vvpakty3ry] {
        position: relative;
        display: block;
        min-height: 100vh;
        background: #f7f8fa;
    }

    .login-visual-panel[b-vvpakty3ry] {
        min-height: auto;
        padding-bottom: 34px;
    }

    .visual-inner[b-vvpakty3ry] {
        min-height: auto;
        padding:
            36px
            28px
            28px;
    }

    .rodmay-brand-icon[b-vvpakty3ry] {
        width: 70px;
        height: 70px;
    }

    .rodmay-brand-text strong[b-vvpakty3ry] {
        font-size: 36px;
    }

    .visual-message[b-vvpakty3ry] {
        margin-top: 38px;
    }

    .visual-message h1[b-vvpakty3ry] {
        max-width: 580px;
        font-size: clamp(38px, 8vw, 54px);
    }

    .visual-feature-grid[b-vvpakty3ry],
    .visual-security-card[b-vvpakty3ry] {
        display: none;
    }

    .visual-footer[b-vvpakty3ry] {
        display: none;
    }

    .visual-photo[b-vvpakty3ry] {
        width: 53%;
        opacity: .44;
    }

    .login-form-panel[b-vvpakty3ry] {
        min-height: auto;
        padding:
            42px
            18px
            60px;
    }
}

@media (max-width: 620px) {
    .rodmay-brand-large[b-vvpakty3ry] {
        gap: 13px;
    }

    .rodmay-brand-icon[b-vvpakty3ry] {
        width: 58px;
        height: 58px;
    }

    .rodmay-brand-text strong[b-vvpakty3ry] {
        font-size: 30px;
    }

    .rodmay-brand-text small[b-vvpakty3ry] {
        font-size: 8px;
    }

    .visual-message h1[b-vvpakty3ry] {
        font-size: 40px;
    }

    .visual-message p[b-vvpakty3ry] {
        font-size: 13px;
    }

    .login-card-v2[b-vvpakty3ry] {
        padding:
            32px
            20px;
        border-radius: 14px;
    }

    .control-label-row[b-vvpakty3ry] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}

/* LOGIN-01C-LEGIBILIDAD
   Ajuste puntual solicitado:
   - mayor legibilidad
   - tarjetas mas grandes
   - sin lineas circulares decorativas
*/

.visual-curve[b-vvpakty3ry],
.form-decoration-one[b-vvpakty3ry] {
    display: none !important;
}

@media (max-height: 900px) and (min-width: 981px) {
    .visual-message[b-vvpakty3ry] {
        margin-top: 38px;
    }

    .visual-message h1[b-vvpakty3ry] {
        font-size: clamp(48px, 3.7vw, 64px);
        margin-bottom: 18px;
    }

    .visual-message p[b-vvpakty3ry] {
        font-size: 16px;
    }

    .visual-feature-grid[b-vvpakty3ry] {
        margin-top: 28px;
    }

    .visual-feature-card[b-vvpakty3ry] {
        min-height: 88px;
        padding: 15px 17px;
    }

    .visual-security-card[b-vvpakty3ry] {
        min-height: 78px;
        padding: 14px 18px;
    }
}

/* =========================================================
   LOGIN-01D-TARJETAS-GRANDES
   Mayor legibilidad de los recuadros del panel izquierdo.
   ========================================================= */

@media (min-width: 981px) {
    .visual-inner[b-vvpakty3ry] {
        padding-left: clamp(50px, 3.5vw, 62px);
        padding-right: clamp(42px, 3vw, 56px);
    }

    .visual-message[b-vvpakty3ry] {
        max-width: 720px;
    }

    .visual-feature-grid[b-vvpakty3ry] {
        width: 100%;
        max-width: 920px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin-top: 36px;
    }

    .visual-feature-card[b-vvpakty3ry] {
        min-height: 132px;
        padding: 22px 22px;
        gap: 18px;
        border-width: 1px;
        border-color: rgba(255, 255, 255, .20);
        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, .14),
                rgba(255, 255, 255, .075)
            );
    }

    .feature-icon[b-vvpakty3ry] {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    .feature-icon svg[b-vvpakty3ry] {
        width: 40px;
        height: 40px;
    }

    .visual-feature-card p[b-vvpakty3ry],
    .visual-security-card p[b-vvpakty3ry] {
        gap: 7px;
    }

    .visual-feature-card strong[b-vvpakty3ry],
    .visual-security-card strong[b-vvpakty3ry] {
        font-size: 18px;
        line-height: 1.20;
        letter-spacing: -.01em;
    }

    .visual-feature-card small[b-vvpakty3ry],
    .visual-security-card small[b-vvpakty3ry] {
        color: rgba(255, 255, 255, .88);
        font-size: 14px;
        line-height: 1.42;
    }

    .visual-security-card[b-vvpakty3ry] {
        width: 100%;
        max-width: 920px;
        min-height: 112px;
        margin-top: 20px;
        padding: 22px 24px;
        gap: 18px;
        border-color: rgba(255, 255, 255, .20);
        background: rgba(8, 39, 63, .94);
    }

    .visual-security-card > span[b-vvpakty3ry] {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    .visual-security-card svg[b-vvpakty3ry] {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 981px) and (max-height: 900px) {
    .visual-feature-grid[b-vvpakty3ry] {
        margin-top: 26px;
        gap: 14px;
    }

    .visual-feature-card[b-vvpakty3ry] {
        min-height: 112px;
        padding: 18px 19px;
    }

    .feature-icon[b-vvpakty3ry] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .feature-icon svg[b-vvpakty3ry] {
        width: 35px;
        height: 35px;
    }

    .visual-feature-card strong[b-vvpakty3ry],
    .visual-security-card strong[b-vvpakty3ry] {
        font-size: 16px;
    }

    .visual-feature-card small[b-vvpakty3ry],
    .visual-security-card small[b-vvpakty3ry] {
        font-size: 13px;
    }

    .visual-security-card[b-vvpakty3ry] {
        min-height: 92px;
        padding: 17px 20px;
    }

    .visual-security-card > span[b-vvpakty3ry] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .visual-security-card svg[b-vvpakty3ry] {
        width: 35px;
        height: 35px;
    }
}

/* /LOGIN-01D-TARJETAS-GRANDES */

/* =========================================================
   LOGIN-02D-CAMBIO-RECUADRO
   Olvidar contraseña / reenviar confirmación reemplazan
   visualmente el recuadro de acceso en la misma pantalla.
   ========================================================= */

.login-swap-card[b-vvpakty3ry] {
    display: none;
    padding: 0;
    overflow: hidden;
}

.login-swap-card:target[b-vvpakty3ry] {
    display: block;
}

.login-swap-card:target ~ .login-main-card[b-vvpakty3ry] {
    display: none;
}

.login-swap-back[b-vvpakty3ry] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    border-bottom: 1px solid #e7ebef;
    color: #1d5f91;
    background: #fbfcfd;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.login-swap-back:hover[b-vvpakty3ry] {
    color: #0d3f65;
    background: #f6f9fb;
}

.login-swap-back > span[b-vvpakty3ry] {
    color: #c58d1b;
    font-size: 18px;
    line-height: 1;
}

.login-swap-frame[b-vvpakty3ry] {
    display: block;
    width: 100%;
    height: 390px;
    border: 0;
    background: #ffffff;
}

@media (max-width: 640px) {
    .login-swap-back[b-vvpakty3ry] {
        padding-inline: 18px;
    }

    .login-swap-frame[b-vvpakty3ry] {
        height: 420px;
    }
}

/* /LOGIN-02D-CAMBIO-RECUADRO */

/* AUTH-UI-03 Turnstile limpio: deja visible solo el widget pequeño. */
.rodmay-turnstile-shell[b-vvpakty3ry],
.rodmay-turnstile-panel[b-vvpakty3ry],
.rodmay-login-turnstile[b-vvpakty3ry],
.login-turnstile[b-vvpakty3ry],
.turnstile-wrapper[b-vvpakty3ry],
.turnstile-panel[b-vvpakty3ry],
.security-verification-panel[b-vvpakty3ry] {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 0.75rem;
}

.rodmay-turnstile-shell > label[b-vvpakty3ry],
.rodmay-turnstile-shell > span[b-vvpakty3ry],
.rodmay-turnstile-shell > strong[b-vvpakty3ry],
.rodmay-turnstile-panel > label[b-vvpakty3ry],
.rodmay-turnstile-panel > span[b-vvpakty3ry],
.rodmay-turnstile-panel > strong[b-vvpakty3ry],
.rodmay-login-turnstile > label[b-vvpakty3ry],
.rodmay-login-turnstile > span[b-vvpakty3ry],
.rodmay-login-turnstile > strong[b-vvpakty3ry],
.login-turnstile > label[b-vvpakty3ry],
.login-turnstile > span[b-vvpakty3ry],
.login-turnstile > strong[b-vvpakty3ry],
.turnstile-wrapper > label[b-vvpakty3ry],
.turnstile-wrapper > span[b-vvpakty3ry],
.turnstile-wrapper > strong[b-vvpakty3ry],
.turnstile-panel > label[b-vvpakty3ry],
.turnstile-panel > span[b-vvpakty3ry],
.turnstile-panel > strong[b-vvpakty3ry],
.security-verification-panel > label[b-vvpakty3ry],
.security-verification-panel > span[b-vvpakty3ry],
.security-verification-panel > strong[b-vvpakty3ry] {
    display: none;
}

.cf-turnstile[b-vvpakty3ry] {
    margin: 0;
}

/* AUTH-UI-04 V2 Turnstile sin borde externo.
   Solo limpia el contenedor visual alrededor del widget.
   No altera validacion, Site Key ni Secret Key. */

/* Clases probables del contenedor propio del login */
[b-vvpakty3ry] .rodmay-turnstile-shell,
[b-vvpakty3ry] .rodmay-turnstile-panel,
[b-vvpakty3ry] .rodmay-login-turnstile,
[b-vvpakty3ry] .login-turnstile,
[b-vvpakty3ry] .turnstile-wrapper,
[b-vvpakty3ry] .turnstile-panel,
[b-vvpakty3ry] .security-verification-panel,
[b-vvpakty3ry] .auth-turnstile,
[b-vvpakty3ry] .auth-turnstile-card,
[b-vvpakty3ry] .login-security-verification,
[b-vvpakty3ry] .security-check-panel,
[b-vvpakty3ry] .captcha-panel,
[b-vvpakty3ry] .captcha-wrapper,
[b-vvpakty3ry] .captcha-card {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Contenedor directo del widget de Cloudflare */
[b-vvpakty3ry] div:has(> .cf-turnstile),
[b-vvpakty3ry] section:has(> .cf-turnstile),
[b-vvpakty3ry] article:has(> .cf-turnstile),
[b-vvpakty3ry] label:has(> .cf-turnstile) {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

/* Widget real: queda visible */
[b-vvpakty3ry] .cf-turnstile {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

[b-vvpakty3ry] .cf-turnstile iframe {
    display: block !important;
}

/* AUTH-UI-04 V2 clase directa aplicada al contenedor del widget */
.auth-ui-04-turnstile-clean[b-vvpakty3ry] {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}
/* /Components/Account/Pages/LogoutRodmay.razor.rz.scp.css */
:global(html)[b-c9hpob74te],
:global(body)[b-c9hpob74te] {
    min-height: 100%;
    margin: 0;
    background: #f5f7fa;
}

.logout-rodmay-page[b-c9hpob74te] {
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 24px;
    box-sizing: border-box;
    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(26, 103, 144, .08),
            transparent 25rem
        ),
        #f5f7fa;
}

.logout-rodmay-card[b-c9hpob74te] {
    display: grid;
    justify-items: center;
    width: min(90vw, 420px);
    padding: 34px 30px;
    border: 1px solid #e0e6ec;
    border-radius: 16px;
    background: #ffffff;
    box-shadow:
        0 24px 70px rgba(17, 42, 65, .10);
    text-align: center;
}

.logout-rodmay-icon[b-c9hpob74te] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #c88e1c;
    background: #fff6e4;
}

.logout-rodmay-icon svg[b-c9hpob74te] {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.logout-rodmay-card > span[b-c9hpob74te] {
    color: #c88e1c;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .15em;
}

.logout-rodmay-card h1[b-c9hpob74te] {
    margin: 7px 0 8px;
    color: #10243a;
    font-size: 28px;
}

.logout-rodmay-card p[b-c9hpob74te] {
    margin: 0 0 18px;
    color: #778491;
    font-size: 12px;
    line-height: 1.55;
}

.logout-rodmay-fallback[b-c9hpob74te] {
    min-height: 42px;
    padding: 0 20px;
    border: 1px solid #cf941d;
    border-radius: 8px;
    color: #ffffff;
    background: #d89b1d;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
:global(html)[b-5d8gputinb],
:global(body)[b-5d8gputinb] {
    min-height: 100%;
    margin: 0;
    background: #ffffff;
}

.account-inline-panel[b-5d8gputinb] {
    display: grid;
    align-content: start;
    gap: 15px;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 22px 28px 26px;
    color: #17283c;
    background: #ffffff;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.account-inline-icon[b-5d8gputinb] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 2px;
    border-radius: 50%;
    color: #d69a18;
    background: #fff6e2;
}

.account-inline-icon.success[b-5d8gputinb] {
    color: #159264;
    background: #eaf8f2;
}

.account-inline-icon svg[b-5d8gputinb] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.account-inline-panel h1[b-5d8gputinb] {
    margin: 0;
    color: #0e2239;
    font-size: 25px;
    line-height: 1.12;
    text-align: center;
    letter-spacing: -.025em;
}

.account-inline-description[b-5d8gputinb] {
    max-width: 440px;
    margin: 0 auto 3px;
    color: #718090;
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
}

[b-5d8gputinb] form.account-inline-form {
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 440px;
    margin: 2px auto 0;
}

.account-inline-field[b-5d8gputinb] {
    display: grid;
    gap: 7px;
}

.account-inline-field label[b-5d8gputinb] {
    color: #25364a;
    font-size: 12px;
    font-weight: 850;
}

.account-inline-input-shell[b-5d8gputinb] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    border: 1px solid #d8e0e7;
    border-radius: 9px;
    background: #ffffff;
}

.account-inline-input-shell:focus-within[b-5d8gputinb] {
    border-color: #c18a1c;
    box-shadow: 0 0 0 3px rgba(193, 138, 28, .09);
}

.account-inline-input-shell > span[b-5d8gputinb] {
    display: grid;
    place-items: center;
    color: #8c98a4;
}

.account-inline-input-shell svg[b-5d8gputinb] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-5d8gputinb] .account-inline-input {
    width: 100%;
    min-height: 46px;
    padding: 0 13px 0 0;
    border: 0 !important;
    outline: 0 !important;
    color: #17283c;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
}

[b-5d8gputinb] .account-inline-validation,
[b-5d8gputinb] .account-inline-error {
    color: #b53c3c;
    font-size: 11px;
}

[b-5d8gputinb] .account-inline-validation {
    margin: 0;
    padding-left: 18px;
}

.account-inline-submit[b-5d8gputinb] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #c88912;
    border-radius: 9px;
    color: #ffffff;
    background: linear-gradient(90deg, #d49511, #dfa51c);
    box-shadow: 0 8px 20px rgba(190, 128, 13, .18);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
}

.account-inline-note[b-5d8gputinb] {
    max-width: 440px;
    margin: 0 auto;
    color: #8a96a2;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

.account-inline-success-box[b-5d8gputinb] {
    max-width: 440px;
    margin: 4px auto 0;
    padding: 13px 15px;
    border: 1px solid #c9e8d9;
    border-radius: 9px;
    color: #257252;
    background: #f1fbf6;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

[b-5d8gputinb] .alert {
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}
/* /Components/Account/Pages/SesionCerrada.razor.rz.scp.css */
.rodmay-auth-only-layout[b-af9l8rzlw6] {
    min-height: 100vh;
}

.rodmay-logout-page[b-af9l8rzlw6] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, 1.05fr) minmax(420px, .95fr);
    background: #f8fafc;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    color: #0b2038;
}

.rodmay-logout-brand[b-af9l8rzlw6] {
    position: relative;
    overflow: hidden;
    padding: 5rem 4.5rem;
    color: #fff;
    background: linear-gradient(145deg, #041b2d, #092a43);
}

.rodmay-logout-brand[b-af9l8rzlw6]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 20, 34, .35), rgba(4, 20, 34, .88)),
        url("/images/rodmay-login-building.jpg");
    background-size: cover;
    background-position: center;
    opacity: .36;
    pointer-events: none;
}

.brand-copy[b-af9l8rzlw6],
.brand-cards[b-af9l8rzlw6] {
    position: relative;
    z-index: 1;
}

.eyebrow[b-af9l8rzlw6] {
    display: inline-flex;
    position: relative;
    margin-top: 7rem;
    margin-bottom: 1.5rem;
    color: #e6a213;
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.eyebrow[b-af9l8rzlw6]::before {
    content: "";
    width: 42px;
    height: 2px;
    background: #e6a213;
    position: absolute;
    top: -1.5rem;
    left: 0;
}

.brand-copy h1[b-af9l8rzlw6] {
    max-width: 720px;
    margin: 0;
    font-size: clamp(3rem, 4.5vw, 5.3rem);
    line-height: .98;
    letter-spacing: -.05em;
}

.brand-copy p[b-af9l8rzlw6] {
    max-width: 650px;
    margin: 1.6rem 0 0;
    font-size: 1.18rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, .88);
}

.brand-cards[b-af9l8rzlw6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 730px;
    margin-top: 4rem;
}

.brand-cards article[b-af9l8rzlw6] {
    padding: 1.35rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    background: rgba(255, 255, 255, .08);
}

.brand-cards strong[b-af9l8rzlw6] {
    display: block;
    margin-bottom: .35rem;
    font-size: 1.05rem;
}

.brand-cards span[b-af9l8rzlw6] {
    color: rgba(255, 255, 255, .78);
}

.rodmay-logout-panel[b-af9l8rzlw6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background:
        radial-gradient(circle at 92% 12%, rgba(230, 162, 19, .08), transparent 24%),
        radial-gradient(circle at 5% 95%, rgba(10, 136, 153, .08), transparent 24%),
        #f8fafc;
}

.logout-card[b-af9l8rzlw6] {
    width: min(100%, 500px);
    padding: 3.8rem 3.25rem;
    background: #fff;
    border: 1px solid rgba(12, 33, 56, .08);
    border-radius: 22px;
    box-shadow: 0 28px 90px rgba(12, 33, 56, .13);
    text-align: center;
}

.logout-icon[b-af9l8rzlw6] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.25rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(20, 170, 120, .12);
    color: #16a36f;
    font-size: 2rem;
    font-weight: 900;
}

.card-kicker[b-af9l8rzlw6] {
    display: block;
    margin-bottom: .7rem;
    color: #e09b00;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.logout-card h2[b-af9l8rzlw6] {
    margin: 0;
    font-size: 2.35rem;
    line-height: 1.1;
    color: #081d33;
}

.logout-card p[b-af9l8rzlw6] {
    margin: 1rem auto 2rem;
    color: #637189;
    line-height: 1.65;
    max-width: 360px;
}

.primary-action[b-af9l8rzlw6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
    background: #e4a00f;
    color: #fff;
    box-shadow: 0 16px 32px rgba(226, 159, 16, .24);
}

.secure-note[b-af9l8rzlw6] {
    margin-top: 1.6rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(12, 33, 56, .08);
    color: #6b7a90;
    font-size: .86rem;
}

@media (max-width: 960px) {
    .rodmay-logout-page[b-af9l8rzlw6] {
        grid-template-columns: 1fr;
    }

    .rodmay-logout-brand[b-af9l8rzlw6] {
        min-height: 50vh;
        padding: 3rem 1.5rem;
    }

    .eyebrow[b-af9l8rzlw6] {
        margin-top: 2rem;
    }

    .brand-cards[b-af9l8rzlw6] {
        grid-template-columns: 1fr;
    }

    .rodmay-logout-panel[b-af9l8rzlw6] {
        padding: 2rem 1.25rem 3rem;
    }

    .logout-card[b-af9l8rzlw6] {
        padding: 2.5rem 1.5rem;
    }
}
/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.account-layout[b-uocyc09e7t] {
    min-height: 100vh;
    width: 100%;
    background: #f4f6f8;
}
/* /Components/Account/Shared/AuthenticatorQrCode.razor.rz.scp.css */
.rodmay-auth-qr[b-pm4q9hhf4d] {
    max-width: 390px;
    margin: 18px 0 20px;
    padding: 18px;
    border: 1px solid #dce5eb;
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfd 68%,
            #fff8e9 100%
        );
    box-shadow: 0 10px 26px rgba(13, 42, 61, .07);
}

.rodmay-auth-qr__heading[b-pm4q9hhf4d] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.rodmay-auth-qr__badge[b-pm4q9hhf4d] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #e4b64c;
    border-radius: 11px;
    background: #fff4d8;
    color: #976300;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.rodmay-auth-qr__heading strong[b-pm4q9hhf4d] {
    display: block;
    color: #102d42;
    font-size: .92rem;
    font-weight: 850;
}

.rodmay-auth-qr__heading span[b-pm4q9hhf4d] {
    display: block;
    margin-top: 3px;
    color: #647886;
    font-size: .76rem;
    line-height: 1.45;
}

.rodmay-auth-qr__frame[b-pm4q9hhf4d] {
    display: grid;
    place-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 13px;
    border: 1px solid #d8e1e7;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: inset 0 0 0 5px #f7f9fa;
}

.rodmay-auth-qr__frame img[b-pm4q9hhf4d] {
    display: block;
    width: min(260px, 65vw);
    height: auto;
    aspect-ratio: 1 / 1;
    image-rendering: pixelated;
}

.rodmay-auth-qr__note[b-pm4q9hhf4d] {
    margin: 13px 0 0;
    color: #70818d;
    font-size: .74rem;
    line-height: 1.45;
    text-align: center;
}

@media (max-width: 560px) {
    .rodmay-auth-qr[b-pm4q9hhf4d] {
        max-width: none;
        padding: 15px;
    }

    .rodmay-auth-qr__heading[b-pm4q9hhf4d] {
        align-items: flex-start;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
/* SEC-02E-UI-START
   Mejora exclusivamente visual de /Account/Manage y 2FA.
   No contiene ni altera logica de Identity.
*/

h1[b-a3fdptrr4m] {
    max-width: 1180px;
    margin: 10px auto 14px;
    color: #0b2438;
    font-size: clamp(1.65rem, 2.2vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -0.035em;
}

h1 + div[b-a3fdptrr4m] {
    max-width: 1180px;
    margin: 0 auto;
}

.rodmay-account-heading[b-a3fdptrr4m] {
    margin: 0 0 20px;
}

.rodmay-account-heading > span[b-a3fdptrr4m] {
    display: inline-block;
    margin-bottom: 5px;
    color: #c58a0a;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.rodmay-account-heading h2[b-a3fdptrr4m] {
    margin: 0;
    color: #163247;
    font-size: 1.05rem;
    font-weight: 800;
}

.rodmay-account-heading p[b-a3fdptrr4m] {
    margin: 5px 0 0;
    color: #70808d;
    font-size: .9rem;
}

hr[b-a3fdptrr4m] {
    margin: 0 0 22px;
    border: 0;
    border-top: 1px solid #dfe6eb;
    opacity: 1;
}

.row[b-a3fdptrr4m] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 22px;
    margin: 0;
    align-items: start;
}

.col-md-3[b-a3fdptrr4m],
.col-md-9[b-a3fdptrr4m] {
    width: auto;
    max-width: none;
    padding: 0;
    flex: none;
}

.col-md-9[b-a3fdptrr4m] {
    min-width: 0;
    min-height: 360px;
    padding: 28px;
    border: 1px solid #e0e7ec;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 39, 56, .08);
}

[b-a3fdptrr4m] .nav.nav-pills {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 10px;
    list-style: none;
    border: 1px solid #e0e7ec;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 39, 56, .06);
}

[b-a3fdptrr4m] .nav-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

[b-a3fdptrr4m] .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 12px 10px 30px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #526675;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease;
}

[b-a3fdptrr4m] .nav-link::before {
    content: "";
    position: absolute;
    left: 13px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #b9c4cb;
}

[b-a3fdptrr4m] .nav-link:hover {
    border-color: #e1e8ed;
    background: #f7f9fa;
    color: #0d2c42;
    transform: translateX(2px);
}

[b-a3fdptrr4m] .nav-link.active {
    border-color: #edd18d;
    background: #fff7e6;
    color: #8a5b00;
    box-shadow: inset 3px 0 0 #d99a0b;
}

[b-a3fdptrr4m] .nav-link.active::before {
    background: #d99a0b;
    box-shadow: 0 0 0 4px rgba(217, 154, 11, .12);
}

[b-a3fdptrr4m] h3 {
    margin: 0 0 16px;
    color: #102e43;
    font-size: 1.25rem;
    font-weight: 800;
}

[b-a3fdptrr4m] h4 {
    margin: 22px 0 10px;
    color: #17384f;
    font-size: .98rem;
    font-weight: 800;
}

[b-a3fdptrr4m] p {
    color: #637684;
    line-height: 1.6;
}

[b-a3fdptrr4m] .rodmay-2fa-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    margin: 0 0 24px;
    padding: 18px 20px;
    border: 1px solid #e1e8ed;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 68%,
            #fff8e8 100%
        );
}

[b-a3fdptrr4m] .rodmay-2fa-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid #e9c56d;
    border-radius: 14px;
    background: #fff5da;
    color: #a86e00;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .04em;
}

[b-a3fdptrr4m] .rodmay-2fa-heading > span {
    display: block;
    margin-bottom: 4px;
    color: #bc8208;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
}

[b-a3fdptrr4m] .rodmay-2fa-heading h3 {
    margin: 0;
    color: #0d2c42;
    font-size: 1.25rem;
}

[b-a3fdptrr4m] .rodmay-2fa-heading p {
    max-width: 650px;
    margin: 5px 0 0;
    color: #697b88;
    font-size: .88rem;
    line-height: 1.5;
}

[b-a3fdptrr4m] .rodmay-2fa-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
}

[b-a3fdptrr4m] .rodmay-2fa-status::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
}

[b-a3fdptrr4m] .rodmay-2fa-status.is-active {
    border: 1px solid #b9dfc8;
    background: #edf9f1;
    color: #237448;
}

[b-a3fdptrr4m] .rodmay-2fa-status.is-active::before {
    background: #2d9a5d;
}

[b-a3fdptrr4m] .rodmay-2fa-status.is-pending {
    border: 1px solid #ead7a8;
    background: #fff8e8;
    color: #946200;
}

[b-a3fdptrr4m] .rodmay-2fa-status.is-pending::before {
    background: #d99a0b;
}

[b-a3fdptrr4m] .btn {
    min-height: 40px;
    padding: 9px 14px;
    border-radius: 9px;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: none;
}

[b-a3fdptrr4m] a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

[b-a3fdptrr4m] .btn-primary {
    border-color: #d99908;
    background: #dfa009;
    color: #ffffff;
}

[b-a3fdptrr4m] .btn-primary:hover {
    border-color: #be8200;
    background: #c98b05;
    color: #ffffff;
}

[b-a3fdptrr4m] .btn-danger {
    border-color: #d7a6a6;
    background: #fff3f3;
    color: #a12d2d;
}

[b-a3fdptrr4m] .btn-danger:hover {
    border-color: #c78080;
    background: #fce8e8;
    color: #851f1f;
}

[b-a3fdptrr4m] .btn-secondary {
    border-color: #d8e1e7;
    background: #ffffff;
    color: #40596a;
}

[b-a3fdptrr4m] .alert {
    margin: 14px 0;
    padding: 13px 15px;
    border-radius: 11px;
    font-size: .84rem;
}

[b-a3fdptrr4m] .alert-warning {
    border: 1px solid #ead6a4;
    background: #fff9ea;
    color: #745619;
}

[b-a3fdptrr4m] .alert-danger {
    border: 1px solid #e5b3b3;
    background: #fff3f3;
    color: #8e3030;
}

[b-a3fdptrr4m] form {
    margin-top: 12px;
}

[b-a3fdptrr4m] .form-control {
    min-height: 42px;
    border-color: #d7e0e6;
    border-radius: 9px;
}

[b-a3fdptrr4m] .form-control:focus {
    border-color: #d9a22b;
    box-shadow: 0 0 0 3px rgba(217, 162, 43, .14);
}

@media (max-width: 920px) {
    h1[b-a3fdptrr4m],
    h1 + div[b-a3fdptrr4m] {
        max-width: none;
    }

    .row[b-a3fdptrr4m] {
        grid-template-columns: 1fr;
    }

    .col-md-9[b-a3fdptrr4m] {
        padding: 20px;
    }

    [b-a3fdptrr4m] .nav.nav-pills {
        flex-direction: row;
        flex-wrap: wrap;
    }

    [b-a3fdptrr4m] .nav-item {
        flex: 1 1 180px;
    }

    [b-a3fdptrr4m] .rodmay-2fa-header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    [b-a3fdptrr4m] .rodmay-2fa-status {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 560px) {
    .col-md-9[b-a3fdptrr4m] {
        padding: 16px;
        border-radius: 14px;
    }

    [b-a3fdptrr4m] .nav-item {
        flex-basis: 100%;
    }

    [b-a3fdptrr4m] .rodmay-2fa-header {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    [b-a3fdptrr4m] .rodmay-2fa-icon {
        width: 46px;
        height: 46px;
    }

    [b-a3fdptrr4m] .rodmay-2fa-status {
        grid-column: auto;
    }
}

/* SEC-02E-UI-END */

/* ==========================================================
   SEC-02E-UI V3 START
   Rediseño visual de Mi cuenta.
   Objetivo: contraste, legibilidad y tarjetas claras.
   ========================================================== */

h1[b-a3fdptrr4m] {
    display: block;
    margin: 8px auto 10px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #102d42 !important;
    font-size: 2rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

h1:focus[b-a3fdptrr4m],
h1:focus-visible[b-a3fdptrr4m] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.rodmay-account-heading[b-a3fdptrr4m] {
    margin-bottom: 20px !important;
}

.row[b-a3fdptrr4m] {
    grid-template-columns: 290px minmax(0, 1fr) !important;
    gap: 24px !important;
}

.col-md-3[b-a3fdptrr4m] {
    position: sticky;
    top: 92px;
}

.col-md-9[b-a3fdptrr4m] {
    padding: 26px 28px !important;
    border: 1px solid #dce5eb !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(13, 42, 61, .07) !important;
}

[b-a3fdptrr4m] .nav.nav-pills {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid #dce5eb !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(13, 42, 61, .07) !important;
    list-style: none !important;
}

[b-a3fdptrr4m] .nav-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    opacity: 1 !important;
}

[b-a3fdptrr4m] .nav-link,
[b-a3fdptrr4m] .nav-link:link,
[b-a3fdptrr4m] .nav-link:visited {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 11px 13px 11px 44px !important;
    border: 1px solid #e2e8ed !important;
    border-radius: 11px !important;
    background: #f9fbfc !important;
    color: #18384f !important;
    opacity: 1 !important;
    font-size: .88rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition:
        transform .15s ease,
        border-color .15s ease,
        background-color .15s ease,
        color .15s ease,
        box-shadow .15s ease !important;
}

[b-a3fdptrr4m] .nav-link::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #9eb0bc !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    transform: translateY(-50%) !important;
    box-shadow: inset 0 0 0 3px #f9fbfc !important;
}

[b-a3fdptrr4m] .nav-link:hover {
    transform: translateX(2px) !important;
    border-color: #d5bd7b !important;
    background: #fffaf0 !important;
    color: #0d2c42 !important;
    box-shadow: 0 5px 14px rgba(13, 42, 61, .06) !important;
}

[b-a3fdptrr4m] .nav-link:hover::before {
    border-color: #d79a0a !important;
    background: #fff4d5 !important;
}

[b-a3fdptrr4m] .nav-link.active,
[b-a3fdptrr4m] .nav-link.active:link,
[b-a3fdptrr4m] .nav-link.active:visited {
    border-color: #d8aa43 !important;
    background: linear-gradient(
        90deg,
        #fff4d8 0%,
        #fffaf0 100%
    ) !important;
    color: #754d00 !important;
    opacity: 1 !important;
    box-shadow:
        inset 4px 0 0 #d99a0b,
        0 6px 16px rgba(185, 125, 0, .08) !important;
}

[b-a3fdptrr4m] .nav-link.active::before {
    border-color: #cf8d00 !important;
    background: #dfa10c !important;
    box-shadow:
        inset 0 0 0 4px #fff5dc,
        0 0 0 3px rgba(217, 154, 11, .10) !important;
}

[b-a3fdptrr4m] .rodmay-2fa-header {
    border-color: #dce5eb !important;
    background:
        linear-gradient(
            135deg,
            #f8fbfd 0%,
            #ffffff 62%,
            #fff8e8 100%
        ) !important;
    box-shadow: 0 8px 22px rgba(13, 42, 61, .05) !important;
}

[b-a3fdptrr4m] .rodmay-2fa-heading h3 {
    color: #102d42 !important;
}

[b-a3fdptrr4m] .rodmay-2fa-heading p {
    color: #5d7280 !important;
}

[b-a3fdptrr4m] h4 {
    color: #12344b !important;
}

[b-a3fdptrr4m] .btn-primary {
    border-color: #d49300 !important;
    background: #dc9900 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 13px rgba(184, 121, 0, .18) !important;
}

[b-a3fdptrr4m] .btn-primary:hover {
    border-color: #b77b00 !important;
    background: #bd8100 !important;
    color: #ffffff !important;
}

@media (max-width: 1024px) {
    .row[b-a3fdptrr4m] {
        grid-template-columns: 240px minmax(0, 1fr) !important;
    }

    [b-a3fdptrr4m] .nav-link,
    [b-a3fdptrr4m] .nav-link:link,
    [b-a3fdptrr4m] .nav-link:visited {
        padding-left: 40px !important;
        font-size: .84rem !important;
    }
}

@media (max-width: 820px) {
    .row[b-a3fdptrr4m] {
        grid-template-columns: 1fr !important;
    }

    .col-md-3[b-a3fdptrr4m] {
        position: static !important;
    }

    [b-a3fdptrr4m] .nav.nav-pills {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    [b-a3fdptrr4m] .nav.nav-pills {
        grid-template-columns: 1fr !important;
    }

    .col-md-9[b-a3fdptrr4m] {
        padding: 18px !important;
    }
}

/* SEC-02E-UI V3 END */

/* ==========================================================
   SEC-02E-UI V5 START
   Formularios claros, amplios y consistentes.
   ========================================================== */

.col-md-9[b-a3fdptrr4m] {
    min-width: 0 !important;
}

[b-a3fdptrr4m] .col-md-9 > h3,
[b-a3fdptrr4m] .col-md-9 > h4 {
    margin-top: 0 !important;
    color: #102d42 !important;
}

[b-a3fdptrr4m] .col-md-9 form {
    width: 100% !important;
    max-width: 640px !important;
    margin-top: 14px !important;
}

[b-a3fdptrr4m] .form-floating {
    position: static !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 6px !important;
    height: auto !important;
    margin-bottom: 14px !important;
}

[b-a3fdptrr4m] .form-floating > label {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    color: #40596a !important;
    font-size: .79rem !important;
    font-weight: 800 !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

[b-a3fdptrr4m] .form-floating > .form-control,
[b-a3fdptrr4m] .form-control {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    border: 1px solid #cfdbe3 !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #18384f !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
}

[b-a3fdptrr4m] .form-control:focus {
    border-color: #d49a13 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(212, 154, 19, .13) !important;
}

[b-a3fdptrr4m] .text-danger,
[b-a3fdptrr4m] .validation-message {
    display: block !important;
    margin-top: 5px !important;
    color: #b33434 !important;
    font-size: .76rem !important;
}

[b-a3fdptrr4m] .col-md-9 > p {
    max-width: 780px !important;
}

[b-a3fdptrr4m] .col-md-9 ol,
[b-a3fdptrr4m] .col-md-9 ul {
    max-width: 860px !important;
    color: #5d7280 !important;
    line-height: 1.65 !important;
}

[b-a3fdptrr4m] code {
    display: inline-block !important;
    padding: 4px 7px !important;
    border: 1px solid #ead7a6 !important;
    border-radius: 6px !important;
    background: #fff8e8 !important;
    color: #7a5500 !important;
    font-size: .82rem !important;
    word-break: break-all !important;
}

@media (max-width: 820px) {
    [b-a3fdptrr4m] .col-md-9 form {
        max-width: none !important;
    }
}

/* SEC-02E-UI V5 END */
/* /Components/Account/Shared/RodmayAuthShell.razor.rz.scp.css */
:global(html)[b-58ltqzft47],
:global(body)[b-58ltqzft47] {
    min-height: 100%;
}

.rodmay-login-v2[b-58ltqzft47] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(620px, 50%) minmax(620px, 50%);
    width: 100vw;
    min-height: 100vh;
    overflow: auto;
    color: #10233a;
    background: #f6f8fb;
}

.login-visual-panel[b-58ltqzft47] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient(145deg, #06192a, #092945 100%);
}

.visual-photo[b-58ltqzft47] {
    position: absolute;
    z-index: 0;
    top: 8%;
    right: -2%;
    bottom: 0;
    width: 58%;
    background-image: url('/images/login/rodmay-login-building.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .70;
    filter: saturate(.80) contrast(1.05);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .92) 25%, #000 100%);
}

.visual-overlay[b-58ltqzft47] {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 25, 42, 1) 0%, rgba(6, 25, 42, .97) 36%, rgba(6, 25, 42, .56) 70%, rgba(6, 25, 42, .36) 100%),
        linear-gradient(0deg, rgba(5, 25, 43, .88) 0%, transparent 40%);
}

.visual-dots[b-58ltqzft47] {
    position: absolute;
    z-index: 2;
    top: 15%;
    left: 54%;
    width: 220px;
    height: 120px;
    opacity: .16;
    background-image: radial-gradient(circle, #d6a32e 1.5px, transparent 1.7px);
    background-size: 16px 16px;
}

.visual-curve[b-58ltqzft47],
.form-decoration-one[b-58ltqzft47] {
    display: none !important;
}

.visual-inner[b-58ltqzft47] {
    position: relative;
    z-index: 5;
    display: flex;
    min-height: calc(100vh - 48px);
    flex-direction: column;
    padding: clamp(50px, 5.2vw, 88px) clamp(52px, 5vw, 86px) 36px;
}

.rodmay-brand-large[b-58ltqzft47] {
    display: flex;
    align-items: center;
    gap: 22px;
}

.rodmay-brand-icon[b-58ltqzft47] {
    display: grid;
    place-items: center;
    width: clamp(78px, 5.7vw, 102px);
    height: clamp(78px, 5.7vw, 102px);
    flex: 0 0 auto;
    color: #d9a42a;
}

.rodmay-brand-icon svg[b-58ltqzft47],
.feature-icon svg[b-58ltqzft47],
.visual-security-card svg[b-58ltqzft47],
[b-58ltqzft47] .login-user-badge svg,
[b-58ltqzft47] .control-shell svg,
[b-58ltqzft47] .login-access-note svg,
[b-58ltqzft47] .auth-flow-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rodmay-brand-icon svg[b-58ltqzft47] {
    width: 100%;
    height: 100%;
    stroke-width: 1.65;
}

.rodmay-brand-text[b-58ltqzft47] {
    display: grid;
    gap: 8px;
}

.rodmay-brand-text strong[b-58ltqzft47] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 3.15vw, 54px);
    line-height: .96;
    letter-spacing: .005em;
}

.rodmay-brand-text small[b-58ltqzft47] {
    color: #e2ad2f;
    font-size: clamp(10px, .75vw, 13px);
    font-weight: 900;
    letter-spacing: .16em;
}

.visual-message[b-58ltqzft47] {
    max-width: 720px;
    margin-top: clamp(60px, 8vh, 100px);
}

.visual-line[b-58ltqzft47] {
    display: block;
    width: 42px;
    height: 2px;
    margin-bottom: 20px;
    background: #d9a42a;
}

.visual-kicker[b-58ltqzft47] {
    color: #e0aa2c;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: .14em;
}

.visual-message h1[b-58ltqzft47] {
    max-width: 690px;
    margin: 18px 0 26px;
    font-size: clamp(56px, 4.35vw, 76px);
    line-height: 1.01;
    letter-spacing: -.045em;
}

.visual-message h1 em[b-58ltqzft47] {
    display: block;
    margin-top: 5px;
    color: #dda72b;
    font-style: normal;
}

.visual-message p[b-58ltqzft47] {
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: clamp(17px, 1.16vw, 20px);
    line-height: 1.68;
}

.visual-feature-grid[b-58ltqzft47] {
    display: grid;
    width: 100%;
    max-width: 920px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 36px;
}

.visual-feature-card[b-58ltqzft47],
.visual-security-card[b-58ltqzft47] {
    display: flex;
    align-items: center;
    gap: 18px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 15px;
}

.visual-feature-card[b-58ltqzft47] {
    min-width: 0;
    min-height: 132px;
    padding: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .075));
    backdrop-filter: blur(7px);
}

.feature-icon[b-58ltqzft47],
.visual-security-card > span[b-58ltqzft47] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    color: #e5ad2b;
}

.feature-icon svg[b-58ltqzft47],
.visual-security-card svg[b-58ltqzft47] {
    width: 40px;
    height: 40px;
    stroke-width: 1.8;
}

.visual-feature-card p[b-58ltqzft47],
.visual-security-card p[b-58ltqzft47] {
    display: grid;
    gap: 7px;
    min-width: 0;
    margin: 0;
}

.visual-feature-card strong[b-58ltqzft47],
.visual-security-card strong[b-58ltqzft47] {
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.20;
}

.visual-feature-card small[b-58ltqzft47],
.visual-security-card small[b-58ltqzft47] {
    color: rgba(255, 255, 255, .88);
    font-size: 14px;
    line-height: 1.42;
}

.visual-security-card[b-58ltqzft47] {
    width: 100%;
    max-width: 920px;
    min-height: 112px;
    margin-top: 20px;
    padding: 22px 24px;
    background: rgba(8, 39, 63, .94);
}

.visual-footer[b-58ltqzft47] {
    position: absolute;
    z-index: 7;
    bottom: 22px;
    left: clamp(52px, 5vw, 86px);
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 600;
}

.login-form-panel[b-58ltqzft47] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 100vh;
    overflow: hidden;
    padding: clamp(42px, 5vw, 82px);
    background:
        radial-gradient(circle at 90% 10%, rgba(207, 156, 41, .075), transparent 27rem),
        radial-gradient(circle at 4% 94%, rgba(43, 153, 116, .055), transparent 26rem),
        #f7f8fa;
}

.form-decoration[b-58ltqzft47] {
    position: absolute;
    pointer-events: none;
}

.form-decoration-two[b-58ltqzft47] {
    right: 10%;
    bottom: 11%;
    width: 140px;
    height: 90px;
    opacity: .20;
    background-image: radial-gradient(circle, #d7a129 1.2px, transparent 1.4px);
    background-size: 13px 13px;
}

[b-58ltqzft47] .login-card-v2 {
    position: relative;
    z-index: 3;
    width: min(100%, 560px);
    padding: clamp(40px, 4.4vw, 58px);
    border: 1px solid #e0e5ea;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 75px rgba(20, 43, 67, .10);
}

[b-58ltqzft47] .login-user-badge,
[b-58ltqzft47] .auth-flow-icon {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    margin: 0 auto 16px;
    border-radius: 50%;
    color: #d79d20;
    background: #fff7e7;
}

[b-58ltqzft47] .login-user-badge svg,
[b-58ltqzft47] .auth-flow-icon svg {
    width: 31px;
    height: 31px;
    stroke-width: 1.75;
}

[b-58ltqzft47] .login-card-heading,
[b-58ltqzft47] .auth-flow-heading {
    margin-bottom: 29px;
    text-align: center;
}

[b-58ltqzft47] .login-card-heading > span,
[b-58ltqzft47] .auth-flow-heading > span {
    display: block;
    margin-bottom: 8px;
    color: #d49b20;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .15em;
}

[b-58ltqzft47] .login-card-heading h2,
[b-58ltqzft47] .auth-flow-heading h1 {
    margin: 0;
    color: #0d223a;
    font-size: clamp(31px, 2.6vw, 42px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

[b-58ltqzft47] .login-card-heading p,
[b-58ltqzft47] .auth-flow-heading p {
    margin: 10px 0 0;
    color: #788592;
    font-size: 13px;
    line-height: 1.55;
}

[b-58ltqzft47] form.rodmay-login-form {
    display: grid;
    gap: 20px;
    width: 100%;
}

[b-58ltqzft47] .login-control {
    display: grid;
    gap: 8px;
}

[b-58ltqzft47] .login-control > label,
[b-58ltqzft47] .control-label-row label {
    color: #1d3046;
    font-size: 12px;
    font-weight: 850;
}

[b-58ltqzft47] .control-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

[b-58ltqzft47] .control-label-row a,
[b-58ltqzft47] .confirmation-block a,
[b-58ltqzft47] .auth-secondary-link {
    color: #087bd1;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

[b-58ltqzft47] .control-label-row a:hover,
[b-58ltqzft47] .confirmation-block a:hover,
[b-58ltqzft47] .auth-secondary-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

[b-58ltqzft47] .control-shell {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    min-height: 50px;
    overflow: hidden;
    border: 1px solid #d5dee6;
    border-radius: 8px;
    background: #ffffff;
    transition: border-color .16s ease, box-shadow .16s ease;
}

[b-58ltqzft47] .control-shell:focus-within {
    border-color: #c18b1c;
    box-shadow: 0 0 0 3px rgba(193, 139, 28, .09);
}

[b-58ltqzft47] .control-shell > span {
    display: grid;
    place-items: center;
    color: #8a97a4;
}

[b-58ltqzft47] .control-shell svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.65;
}

[b-58ltqzft47] .control-input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0 14px 0 0;
    border: 0 !important;
    outline: 0 !important;
    color: #172a40;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px;
}

[b-58ltqzft47] .control-input::placeholder {
    color: #9aa6b2;
}

[b-58ltqzft47] .field-error-v2,
[b-58ltqzft47] .login-validation-v2 {
    color: #b73b3b;
    font-size: 11px;
}

[b-58ltqzft47] .login-validation-v2 {
    margin: -3px 0 0;
    padding-left: 18px;
}

[b-58ltqzft47] .remember-row {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 9px;
    color: #566574;
    font-size: 11px;
    cursor: pointer;
}

[b-58ltqzft47] .remember-checkbox {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #c48c1e;
}

[b-58ltqzft47] .login-primary-button {
    width: 100%;
    min-height: 50px;
    border: 1px solid #c48813;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(90deg, #d69710, #dc9d17);
    box-shadow: 0 9px 22px rgba(198, 133, 12, .18);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

[b-58ltqzft47] .login-primary-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.025);
    box-shadow: 0 12px 25px rgba(198, 133, 12, .22);
}

[b-58ltqzft47] .confirmation-block,
[b-58ltqzft47] .auth-flow-note {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-top: 2px;
    padding: 17px 0 2px;
    border-top: 1px solid #e7ebef;
    color: #7d8994;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
}

[b-58ltqzft47] .login-access-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 25px;
    padding-top: 22px;
    border-top: 1px solid #e6ebef;
    color: #7c8995;
    font-size: 10px;
    text-align: center;
}

[b-58ltqzft47] .login-access-note > span {
    display: grid;
    place-items: center;
    color: #159363;
}

[b-58ltqzft47] .login-access-note svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.8;
}

[b-58ltqzft47] .login-status-v2:empty {
    display: none;
}

[b-58ltqzft47] .login-status-v2 .alert,
[b-58ltqzft47] .auth-flow-card .alert {
    margin: 0 0 20px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

[b-58ltqzft47] .login-swap-card {
    display: none;
}

[b-58ltqzft47] .login-swap-card:target {
    display: block;
}

[b-58ltqzft47] .login-swap-card:target ~ .login-main-card {
    display: block;
}

[b-58ltqzft47] .login-swap-card:target ~ #vista-login,
[b-58ltqzft47] .login-swap-card:target ~ .login-main-card {
    display: none;
}

[b-58ltqzft47] .login-swap-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 22px;
    color: #1d5f91;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

[b-58ltqzft47] .login-swap-back:hover {
    color: #0d3f65;
    text-decoration: underline;
    text-underline-offset: 3px;
}

[b-58ltqzft47] .login-swap-back > span {
    color: #c58d1b;
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 1380px) {
    .rodmay-login-v2[b-58ltqzft47] {
        grid-template-columns: minmax(520px, 48%) minmax(560px, 52%);
    }

    .visual-feature-grid[b-58ltqzft47] {
        grid-template-columns: 1fr;
        max-width: 430px;
        gap: 9px;
    }

    .visual-feature-card[b-58ltqzft47] {
        min-height: 64px;
    }

    .visual-security-card[b-58ltqzft47] {
        max-width: 430px;
    }

    .visual-message[b-58ltqzft47] {
        margin-top: 48px;
    }
}

@media (max-width: 980px) {
    .rodmay-login-v2[b-58ltqzft47] {
        position: relative;
        display: block;
        min-height: 100vh;
        background: #f7f8fa;
    }

    .login-visual-panel[b-58ltqzft47] {
        min-height: auto;
        padding-bottom: 34px;
    }

    .visual-inner[b-58ltqzft47] {
        min-height: auto;
        padding: 36px 28px 28px;
    }

    .rodmay-brand-icon[b-58ltqzft47] {
        width: 70px;
        height: 70px;
    }

    .rodmay-brand-text strong[b-58ltqzft47] {
        font-size: 36px;
    }

    .visual-message[b-58ltqzft47] {
        margin-top: 38px;
    }

    .visual-message h1[b-58ltqzft47] {
        max-width: 580px;
        font-size: clamp(38px, 8vw, 54px);
    }

    .visual-feature-grid[b-58ltqzft47],
    .visual-security-card[b-58ltqzft47],
    .visual-footer[b-58ltqzft47] {
        display: none;
    }

    .visual-photo[b-58ltqzft47] {
        width: 53%;
        opacity: .44;
    }

    .login-form-panel[b-58ltqzft47] {
        min-height: auto;
        padding: 42px 18px 60px;
    }
}

@media (max-width: 620px) {
    .rodmay-brand-large[b-58ltqzft47] {
        gap: 13px;
    }

    .rodmay-brand-icon[b-58ltqzft47] {
        width: 58px;
        height: 58px;
    }

    .rodmay-brand-text strong[b-58ltqzft47] {
        font-size: 30px;
    }

    .rodmay-brand-text small[b-58ltqzft47] {
        font-size: 8px;
    }

    .visual-message h1[b-58ltqzft47] {
        font-size: 40px;
    }

    .visual-message p[b-58ltqzft47] {
        font-size: 13px;
    }

    [b-58ltqzft47] .login-card-v2 {
        padding: 32px 20px;
        border-radius: 14px;
    }

    [b-58ltqzft47] .control-label-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}

@media (min-width: 981px) and (max-height: 900px) {
    .visual-message[b-58ltqzft47] {
        margin-top: 38px;
    }

    .visual-message h1[b-58ltqzft47] {
        margin-bottom: 18px;
        font-size: clamp(48px, 3.7vw, 64px);
    }

    .visual-message p[b-58ltqzft47] {
        font-size: 16px;
    }

    .visual-feature-grid[b-58ltqzft47] {
        margin-top: 26px;
        gap: 14px;
    }

    .visual-feature-card[b-58ltqzft47] {
        min-height: 112px;
        padding: 18px 19px;
    }

    .feature-icon[b-58ltqzft47],
    .visual-security-card > span[b-58ltqzft47] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .feature-icon svg[b-58ltqzft47],
    .visual-security-card svg[b-58ltqzft47] {
        width: 35px;
        height: 35px;
    }

    .visual-feature-card strong[b-58ltqzft47],
    .visual-security-card strong[b-58ltqzft47] {
        font-size: 16px;
    }

    .visual-feature-card small[b-58ltqzft47],
    .visual-security-card small[b-58ltqzft47] {
        font-size: 13px;
    }

    .visual-security-card[b-58ltqzft47] {
        min-height: 92px;
        padding: 17px 20px;
    }
}
/* /Components/Account/Shared/TurnstileWidget.razor.rz.scp.css */
.auth-turnstile[b-bf72bzogau] {
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid #e2e8ef;
    border-radius: 0.65rem;
    background: #fbfcfd;
}

.auth-turnstile.is-blocking[b-bf72bzogau] {
    border-color: #efc1c1;
    background: #fff7f7;
}

.auth-turnstile header[b-bf72bzogau] {
    display: grid;
    gap: 0.12rem;
}

.auth-turnstile header span[b-bf72bzogau] {
    color: #a77720;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.auth-turnstile header strong[b-bf72bzogau] {
    color: #18304a;
    font-size: 0.82rem;
}

.auth-turnstile-message[b-bf72bzogau] {
    margin: 0;
    color: #7b5518;
    font-size: 0.74rem;
    line-height: 1.45;
}

.auth-turnstile.is-blocking .auth-turnstile-message[b-bf72bzogau] {
    color: #8d2e2e;
}

.auth-turnstile-widget[b-bf72bzogau] {
    min-height: 65px;
}
/* /Components/Layout/DocumentViewerLayout.razor.rz.scp.css */
.document-viewer-layout[b-xo6xfopxtr] {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    overflow: hidden;
    background: #eef2f5;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   ESTRUCTURA GENERAL
   ========================================================= */

.app-shell[b-8h93g74lkd] {
    --sidebar-width: 258px;
    box-sizing: border-box;
    width: 100%;
    height: 100dvh;
    min-height: 100vh;
    overflow: hidden;
    background: #f4f6f8;
}

    .app-shell *[b-8h93g74lkd],
    .app-shell *[b-8h93g74lkd]::before,
    .app-shell *[b-8h93g74lkd]::after {
        box-sizing: border-box;
    }

.main-panel[b-8h93g74lkd] {
    min-width: 0;
    width: calc(100% - var(--sidebar-width));
    height: 100dvh;
    min-height: 100vh;
    max-width: calc(100% - var(--sidebar-width));
    margin-left: var(--sidebar-width);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-content[b-8h93g74lkd] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    padding: 27px 30px 40px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* =========================================================
   MENÚ LATERAL
   ========================================================= */

.sidebar[b-8h93g74lkd] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1000;
    width: var(--sidebar-width);
    min-height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 20px 14px 16px;
    overflow: hidden;
    color: #f7f9fb;
    background: #101c28;
}

.brand[b-8h93g74lkd] {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-shrink: 0;
    padding: 3px 10px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.brand-mark[b-8h93g74lkd] {
    width: 49px;
    height: 49px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #e8b848;
    border: 2px solid #c69736;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.brand-copy[b-8h93g74lkd] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .brand-copy strong[b-8h93g74lkd] {
        overflow: hidden;
        color: #ffffff;
        font-size: 17px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .brand-copy span[b-8h93g74lkd] {
        color: #9eabb8;
        font-size: 12px;
    }

.nav-menu[b-8h93g74lkd] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    padding: 16px 2px 14px 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(154, 168, 182, 0.3) transparent;
}

    .nav-menu[b-8h93g74lkd]::-webkit-scrollbar {
        width: 6px;
    }

    .nav-menu[b-8h93g74lkd]::-webkit-scrollbar-thumb {
        background: rgba(154, 168, 182, 0.25);
        border-radius: 8px;
    }

.nav-section-title[b-8h93g74lkd] {
    min-height: 20px;
    display: flex;
    align-items: center;
    margin: 11px 0 2px;
    padding: 0 13px;
    color: #7f8c99;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.nav-link[b-8h93g74lkd],
[b-8h93g74lkd] .nav-link {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 13px;
    color: #c8d0d8;
    background: transparent;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    outline: none;
    transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

    .nav-link:hover:not(.is-disabled)[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link:hover:not(.is-disabled) {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.06);
        text-decoration: none;
    }

    .nav-link.active[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link.active {
        color: #ffffff;
        background: rgba(205, 147, 43, 0.16);
        box-shadow: inset 3px 0 0 #cf942c;
    }

    .nav-link:focus-visible[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link:focus-visible {
        box-shadow: 0 0 0 2px rgba(207, 148, 44, 0.45);
    }

    .nav-link.active:focus-visible[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link.active:focus-visible {
        box-shadow: inset 3px 0 0 #cf942c, 0 0 0 2px rgba(207, 148, 44, 0.45);
    }

    .nav-link.is-disabled[b-8h93g74lkd] {
        cursor: default;
        opacity: 0.72;
    }

.nav-icon[b-8h93g74lkd] {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    color: currentColor;
}

    .nav-icon svg[b-8h93g74lkd] {
        width: 19px;
        height: 19px;
        display: block;
        fill: none;
        overflow: visible;
        stroke: currentColor;
        stroke-width: 1.8px;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.nav-text[b-8h93g74lkd] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-footer[b-8h93g74lkd] {
    flex-shrink: 0;
    padding: 13px 12px 2px;
    color: #71808e;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
}


/* =========================================================
   ENCABEZADO SUPERIOR
   ========================================================= */

.topbar[b-8h93g74lkd] {
    position: relative;
    z-index: 100;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    padding: 13px 30px;
    overflow: visible;
    background: #ffffff;
    border-bottom: 1px solid #e4e8ed;
}

.topbar-right[b-8h93g74lkd] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    margin-left: auto;
}

.date-chip[b-8h93g74lkd] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    color: #53606c;
    background: #f4f6f8;
    border: 1px solid #e4e8ed;
    border-radius: 8px;
    font-size: 13px;
    white-space: nowrap;
}


/* =========================================================
   MENÚ DEL USUARIO
   ========================================================= */

.user-menu[b-8h93g74lkd] {
    position: relative;
}

    .user-menu summary[b-8h93g74lkd] {
        list-style: none;
    }

        .user-menu summary[b-8h93g74lkd]::marker {
            content: "";
        }

.user-menu-trigger[b-8h93g74lkd] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 9px;
    user-select: none;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

    .user-menu-trigger:hover[b-8h93g74lkd] {
        background: #f4f6f8;
    }

.user-menu[open] .user-menu-trigger[b-8h93g74lkd] {
    background: #f4f6f8;
    box-shadow: 0 0 0 1px #e0e6eb;
}

.user-avatar[b-8h93g74lkd] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: linear-gradient( 135deg, #b98224, #d1a044 );
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.user-avatar-large[b-8h93g74lkd] {
    width: 45px;
    height: 45px;
    font-size: 14px;
}

.user-summary[b-8h93g74lkd] {
    min-width: 0;
    max-width: 210px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .user-summary strong[b-8h93g74lkd] {
        overflow: hidden;
        color: #1c2833;
        font-size: 12px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user-summary span[b-8h93g74lkd] {
        overflow: hidden;
        color: #7c8893;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.user-chevron[b-8h93g74lkd] {
    color: #77848f;
    font-size: 11px;
    transition: transform 150ms ease;
}

.user-menu[open] .user-chevron[b-8h93g74lkd] {
    transform: rotate(180deg);
}


/* =========================================================
   DESPLEGABLE DEL USUARIO
   ========================================================= */

.user-menu-dropdown[b-8h93g74lkd] {
    position: absolute;
    z-index: 3000;
    top: calc(100% + 9px);
    right: 0;
    width: 275px;
    padding: 9px;
    background: #ffffff;
    border: 1px solid #dde4e9;
    border-radius: 11px;
    box-shadow: 0 18px 45px rgba(18, 29, 39, 0.16);
}

.user-menu-header[b-8h93g74lkd] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px;
}

    .user-menu-header > div:last-child[b-8h93g74lkd] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .user-menu-header strong[b-8h93g74lkd] {
        overflow: hidden;
        color: #1c2833;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user-menu-header span[b-8h93g74lkd] {
        overflow: hidden;
        color: #7a8792;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.user-menu-divider[b-8h93g74lkd] {
    height: 1px;
    margin: 6px 3px;
    background: #e8ecef;
}

.user-menu-option[b-8h93g74lkd] {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    color: #3d4b57;
    background: transparent;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease;
}

    .user-menu-option:hover[b-8h93g74lkd] {
        color: #855f1c;
        background: #f8f4eb;
    }

.user-option-icon[b-8h93g74lkd] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #8e6820;
    background: #f7ecd2;
    border-radius: 6px;
    font-size: 11px;
}

.logout-form[b-8h93g74lkd] {
    margin: 0;
}

.logout-button[b-8h93g74lkd] {
    color: #a23d3d;
}

    .logout-button:hover[b-8h93g74lkd] {
        color: #a23d3d;
        background: #fff0f0;
    }

    .logout-button .user-option-icon[b-8h93g74lkd] {
        color: #a23d3d;
        background: #f9e5e5;
    }


/* =========================================================
   RESPONSIVE PARA TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .app-shell[b-8h93g74lkd] {
        --sidebar-width: 86px;
    }

    .sidebar[b-8h93g74lkd] {
        padding-inline: 11px;
    }

    .brand[b-8h93g74lkd] {
        justify-content: center;
        padding-inline: 0;
    }

    .brand-copy[b-8h93g74lkd],
    .nav-text[b-8h93g74lkd],
    .nav-section-title[b-8h93g74lkd],
    .sidebar-footer[b-8h93g74lkd] {
        display: none;
    }

    .nav-menu[b-8h93g74lkd] {
        align-items: center;
        padding-right: 0;
    }

    .nav-link[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link {
        justify-content: center;
        padding-inline: 0;
    }

    .nav-icon[b-8h93g74lkd] {
        width: 24px;
        height: 24px;
    }

    .page-content[b-8h93g74lkd] {
        padding: 25px 22px 35px;
    }
}


/* =========================================================
   RESPONSIVE PARA CELULAR
   ========================================================= */

@media (max-width: 720px) {

    .app-shell[b-8h93g74lkd] {
        --sidebar-width: 0px;
        display: block;
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .main-panel[b-8h93g74lkd] {
        width: 100%;
        height: auto;
        min-height: 0;
        max-width: 100%;
        margin-left: 0;
        overflow: visible;
    }

    .sidebar[b-8h93g74lkd] {
        position: static;
        width: auto;
        max-width: 100%;
        height: auto;
        min-height: 0;
        padding: 12px;
        overflow: visible;
    }

    .brand[b-8h93g74lkd] {
        justify-content: flex-start;
        padding-bottom: 12px;
        border-bottom: 0;
    }

    .brand-copy[b-8h93g74lkd] {
        display: flex;
    }

    .nav-menu[b-8h93g74lkd] {
        flex: none;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 100%;
        padding-top: 6px;
        overflow-x: visible;
        overflow-y: visible;
    }

    .nav-section-title[b-8h93g74lkd] {
        width: 100%;
        min-height: 18px;
        display: flex;
        margin: 8px 0 0;
        padding: 0 5px;
    }

    .nav-link[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-link {
        width: auto;
        min-width: 48px;
        min-height: 38px;
        justify-content: flex-start;
        padding: 0 11px;
        flex-shrink: 0;
    }

    .nav-text[b-8h93g74lkd],
    [b-8h93g74lkd] .nav-text {
        display: inline;
    }

    .sidebar-footer[b-8h93g74lkd] {
        display: block;
        margin-top: 12px;
        padding-top: 11px;
    }

    .topbar[b-8h93g74lkd] {
        min-height: 66px;
        padding: 10px 14px;
    }

    .topbar-right[b-8h93g74lkd] {
        gap: 9px;
    }

    .date-chip[b-8h93g74lkd] {
        display: none;
    }

    .user-summary[b-8h93g74lkd] {
        display: none;
    }

    .user-menu-trigger[b-8h93g74lkd] {
        padding: 4px;
    }

    .user-chevron[b-8h93g74lkd] {
        display: none;
    }

    .user-menu-dropdown[b-8h93g74lkd] {
        position: fixed;
        top: 72px;
        right: 12px;
        left: 12px;
        width: auto;
    }

    .page-content[b-8h93g74lkd] {
        padding: 20px 16px 30px;
        overflow: visible;
    }
}

/* =========================================================
   BRANDING INMOBILIARIO - TORRES JPB
   ========================================================= */

.realestate-brand[b-8h93g74lkd] {
    position: relative;
    gap: 12px;
    min-height: 126px;
    padding: 4px 5px 18px;
    overflow: hidden;
}

.realestate-brand[b-8h93g74lkd]::after {
    position: absolute;
    right: 8px;
    bottom: -30px;
    width: 92px;
    height: 92px;
    border: 1px solid rgb(207 148 44 / 9%);
    border-radius: 50%;
    content: "";
}

.realestate-brand-emblem[b-8h93g74lkd] {
    position: relative;
    z-index: 1;
    width: 80px;
    height: 92px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.realestate-brand-emblem svg[b-8h93g74lkd] {
    width: 78px;
    height: 88px;
    display: block;
    overflow: visible;
    fill: none;
    stroke: #d6a23d;
    stroke-width: 3.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 7px 12px rgb(0 0 0 / 22%));
}

.realestate-brand-emblem .tower-arc[b-8h93g74lkd] {
    stroke-width: 2.2;
    opacity: 0.92;
}

.realestate-brand-emblem .tower-ground[b-8h93g74lkd] {
    stroke-width: 2.5;
}

.realestate-brand-emblem .tower-window[b-8h93g74lkd] {
    stroke-width: 1.65;
    opacity: 0.78;
}

.realestate-brand-copy[b-8h93g74lkd] {
    position: relative;
    z-index: 1;
    justify-content: center;
    gap: 7px;
    padding-top: 4px;
}

.realestate-brand-copy strong[b-8h93g74lkd] {
    display: grid;
    gap: 0;
    overflow: visible;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.6px;
    line-height: 0.95;
    text-overflow: clip;
    white-space: normal;
}

.realestate-brand-copy strong > span:first-child[b-8h93g74lkd] {
    font-size: 22px;
    letter-spacing: 0.3px;
}

.realestate-brand-copy strong > span:last-child[b-8h93g74lkd] {
    font-size: 27px;
}

.realestate-brand-subtitle[b-8h93g74lkd] {
    color: #d7aa52 !important;
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: 1.15px;
    line-height: 1.35;
    text-transform: uppercase;
}

.realestate-sidebar-footer[b-8h93g74lkd] {
    display: grid;
    gap: 12px;
    padding: 12px 12px 2px;
    border-top: 0;
}

.realestate-footer-line[b-8h93g74lkd] {
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        #c9932f 0%,
        rgb(201 147 47 / 82%) 70%,
        transparent 100%
    );
}

.realestate-footer-lockup[b-8h93g74lkd] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

.realestate-footer-icon[b-8h93g74lkd] {
    width: 46px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #d5a13d;
}

.realestate-footer-icon svg[b-8h93g74lkd] {
    width: 43px;
    height: 45px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.realestate-footer-copy[b-8h93g74lkd] {
    position: relative;
    display: block;
    padding-bottom: 8px;
    color: #f3f5f7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.realestate-footer-copy[b-8h93g74lkd]::after {
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        #c9932f,
        transparent
    );
    content: "";
}

@media (max-width: 1050px) {
    .realestate-brand[b-8h93g74lkd] {
        min-height: 92px;
        padding-bottom: 12px;
    }

    .realestate-brand-emblem[b-8h93g74lkd] {
        width: 62px;
        height: 70px;
    }

    .realestate-brand-emblem svg[b-8h93g74lkd] {
        width: 60px;
        height: 68px;
    }
}

@media (max-width: 720px) {
    .realestate-brand[b-8h93g74lkd] {
        min-height: 82px;
        gap: 10px;
        padding: 2px 4px 12px;
    }

    .realestate-brand-emblem[b-8h93g74lkd] {
        width: 58px;
        height: 64px;
    }

    .realestate-brand-emblem svg[b-8h93g74lkd] {
        width: 56px;
        height: 62px;
    }

    .realestate-brand-copy strong[b-8h93g74lkd] {
        font-size: 21px;
    }

    .realestate-brand-copy strong > span:first-child[b-8h93g74lkd] {
        font-size: 18px;
    }

    .realestate-brand-copy strong > span:last-child[b-8h93g74lkd] {
        font-size: 23px;
    }

    .realestate-sidebar-footer[b-8h93g74lkd] {
        display: grid;
    }
}
/* =========================================================
   BRANDING - CORREGIR INMOCORE CORTADO
   ========================================================= */

.realestate-brand[b-8h93g74lkd] {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 0;
    overflow: visible;
}

.realestate-brand-emblem[b-8h93g74lkd] {
    width: 70px;
    height: 86px;
    min-width: 0;
}

.realestate-brand-emblem svg[b-8h93g74lkd] {
    width: 68px;
    height: 82px;
}

.realestate-brand-copy[b-8h93g74lkd] {
    display: grid;
    align-content: center;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 2px;
    overflow: visible;
}

.realestate-brand-copy strong[b-8h93g74lkd] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    line-height: 0.94;
    white-space: normal;
}

.realestate-brand-copy strong > span[b-8h93g74lkd] {
    display: block;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.realestate-brand-copy strong > span:first-child[b-8h93g74lkd] {
    font-size: 20px;
    letter-spacing: 0.15px;
}

.realestate-brand-copy strong > span:last-child[b-8h93g74lkd] {
    font-size: 24px;
    letter-spacing: -0.85px;
}

.realestate-brand-subtitle[b-8h93g74lkd] {
    max-width: 100%;
    font-size: 8.6px !important;
    letter-spacing: 0.95px;
    white-space: normal;
}

.realestate-brand[b-8h93g74lkd]::after {
    right: -22px;
    width: 82px;
    height: 82px;
    opacity: 0.55;
}

@media (max-width: 1050px) {
    .realestate-brand[b-8h93g74lkd] {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 8px;
    }

    .realestate-brand-emblem[b-8h93g74lkd] {
        width: 60px;
        height: 70px;
    }

    .realestate-brand-emblem svg[b-8h93g74lkd] {
        width: 58px;
        height: 68px;
    }

    .realestate-brand-copy strong > span:first-child[b-8h93g74lkd] {
        font-size: 18px;
    }

    .realestate-brand-copy strong > span:last-child[b-8h93g74lkd] {
        font-size: 21px;
        letter-spacing: -0.7px;
    }

    .realestate-brand-subtitle[b-8h93g74lkd] {
        font-size: 8px !important;
        letter-spacing: 0.75px;
    }
}

@media (max-width: 720px) {
    .realestate-brand[b-8h93g74lkd] {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 7px;
    }

    .realestate-brand-emblem[b-8h93g74lkd] {
        width: 54px;
        height: 64px;
    }

    .realestate-brand-emblem svg[b-8h93g74lkd] {
        width: 52px;
        height: 62px;
    }

    .realestate-brand-copy strong > span:first-child[b-8h93g74lkd] {
        font-size: 17px;
    }

    .realestate-brand-copy strong > span:last-child[b-8h93g74lkd] {
        font-size: 20px;
    }
}
/* =========================================================
   TOPBAR - FRANJA INMOBILIARIA DELGADA
   ========================================================= */

.topbar-property-decoration[b-8h93g74lkd] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-right: 20px;
    overflow: hidden;
    pointer-events: none;
}

.topbar-property-decoration svg[b-8h93g74lkd] {
    width: min(330px, 42vw);
    height: 42px;
    display: block;
    flex: 0 1 auto;
    fill: none;
    overflow: visible;
}

.topbar-building[b-8h93g74lkd] {
    stroke: #dfe4ea;
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.topbar-gold-curve[b-8h93g74lkd] {
    stroke: #d2a047;
    stroke-width: 1.2;
    stroke-linecap: round;
    opacity: 0.72;
}

.topbar-property-line[b-8h93g74lkd] {
    width: min(140px, 12vw);
    height: 1px;
    flex: 0 1 auto;
}

.topbar-property-line.left[b-8h93g74lkd] {
    background: linear-gradient(
        90deg,
        transparent,
        rgb(210 160 71 / 58%)
    );
}

.topbar-property-line.right[b-8h93g74lkd] {
    background: linear-gradient(
        90deg,
        rgb(210 160 71 / 58%),
        transparent
    );
}

.topbar-right[b-8h93g74lkd] {
    width: auto;
    flex: 0 0 auto;
    margin-left: 0;
}

@media (max-width: 1050px) {
    .topbar-property-decoration[b-8h93g74lkd] {
        margin-right: 10px;
    }

    .topbar-property-decoration svg[b-8h93g74lkd] {
        width: min(240px, 33vw);
    }

    .topbar-property-line[b-8h93g74lkd] {
        display: none;
    }
}

@media (max-width: 720px) {
    .topbar-property-decoration[b-8h93g74lkd] {
        display: none;
    }

    .topbar-right[b-8h93g74lkd] {
        width: 100%;
        margin-left: auto;
    }
}

:global([data-theme="dark"]) .topbar-building[b-8h93g74lkd],
:global(.dark) .topbar-building[b-8h93g74lkd] {
    stroke: rgb(203 213 225 / 30%);
}

:global([data-theme="dark"]) .topbar-gold-curve[b-8h93g74lkd],
:global(.dark) .topbar-gold-curve[b-8h93g74lkd] {
    stroke: #d8ad5a;
}
/* =========================================================
   COM-01C V2 - ESTADO ACTIVO COMISIONES
   ========================================================= */

.commissions-nav.active[b-8h93g74lkd] {
    border-left-color: #d29a30 !important;
    background: rgb(207 147 40 / 18%) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #d29a30;
}

.commissions-nav.active[b-8h93g74lkd],
.commissions-nav.active .nav-text[b-8h93g74lkd],
.commissions-nav.active .nav-icon[b-8h93g74lkd],
.commissions-nav.active svg[b-8h93g74lkd] {
    color: #ffffff !important;
}

.commissions-nav.active svg[b-8h93g74lkd] {
    stroke: currentColor !important;
}

.commissions-nav:not(.active)[b-8h93g74lkd] {
    opacity: 1 !important;
}
/* =========================================================
   COM-01C V4 - CORRECCION VISUAL DEFINITIVA
   ========================================================= */

/* El enlace de Comisiones nunca debe conservar apariencia deshabilitada. */
a[href="/comisiones"][b-8h93g74lkd],
.nav-link[href="/comisiones"][b-8h93g74lkd],
.commissions-nav[b-8h93g74lkd] {
    opacity: 1 !important;
    filter: none !important;
}

/* Oculta el símbolo exterior duplicado que envuelve al enlace Comisiones. */
div:has(> a[href="/comisiones"]) > .nav-icon:first-child[b-8h93g74lkd],
li:has(> a[href="/comisiones"]) > .nav-icon:first-child[b-8h93g74lkd],
.nav-item:has(> a[href="/comisiones"]) > .nav-icon:first-child[b-8h93g74lkd],
.nav-group:has(> a[href="/comisiones"]) > .nav-icon:first-child[b-8h93g74lkd],
.nav-entry:has(> a[href="/comisiones"]) > .nav-icon:first-child[b-8h93g74lkd],
div:has(> .commissions-nav) > .nav-icon:first-child[b-8h93g74lkd],
li:has(> .commissions-nav) > .nav-icon:first-child[b-8h93g74lkd] {
    display: none !important;
}

/* Si por una modificación previa quedaron dos iconos dentro del mismo enlace,
   conserva únicamente el primero. */
a[href="/comisiones"] .nav-icon ~ .nav-icon[b-8h93g74lkd],
.commissions-nav .nav-icon ~ .nav-icon[b-8h93g74lkd] {
    display: none !important;
}

/* Estado activo idéntico al resto de módulos. */
a[href="/comisiones"].active[b-8h93g74lkd],
.nav-link[href="/comisiones"].active[b-8h93g74lkd],
.commissions-nav.active[b-8h93g74lkd] {
    border-left-color: #d29a30 !important;
    background: rgb(207 147 40 / 18%) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #d29a30 !important;
    opacity: 1 !important;
}

/* Texto, icono y SVG blancos cuando Comisiones está seleccionado. */
a[href="/comisiones"].active *[b-8h93g74lkd],
.nav-link[href="/comisiones"].active *[b-8h93g74lkd],
.commissions-nav.active *[b-8h93g74lkd],
a[href="/comisiones"].active .nav-text[b-8h93g74lkd],
a[href="/comisiones"].active .nav-icon[b-8h93g74lkd],
.commissions-nav.active .nav-text[b-8h93g74lkd],
.commissions-nav.active .nav-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

a[href="/comisiones"].active svg[b-8h93g74lkd],
.nav-link[href="/comisiones"].active svg[b-8h93g74lkd],
.commissions-nav.active svg[b-8h93g74lkd] {
    color: #ffffff !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

a[href="/comisiones"].active .nav-text[b-8h93g74lkd],
.commissions-nav.active .nav-text[b-8h93g74lkd] {
    font-weight: 750 !important;
}
/* =========================================================
   COM-01C V5 - ALINEACION Y ESTADO ACTIVO
   ========================================================= */

.commissions-nav[b-8h93g74lkd] {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    opacity: 1 !important;
    filter: none !important;
}

.commissions-nav .commission-single-icon[b-8h93g74lkd] {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    min-width: 1.35rem;
    height: 1.35rem;
    color: inherit;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
}

.commissions-nav.active[b-8h93g74lkd],
.commissions-nav.active:hover[b-8h93g74lkd],
.commissions-nav.active:focus[b-8h93g74lkd] {
    border-left-color: #d29a30 !important;
    background: rgb(207 147 40 / 18%) !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 #d29a30 !important;
    opacity: 1 !important;
}

.commissions-nav.active .nav-text[b-8h93g74lkd],
.commissions-nav.active .nav-icon[b-8h93g74lkd],
.commissions-nav.active .commission-single-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

.commissions-nav.active .nav-text[b-8h93g74lkd] {
    font-weight: 750 !important;
}
/* =========================================================
   COM-01C V7 - SOLO ALINEAR COMISIONES
   ========================================================= */

/* El enlace debe ocupar el mismo ancho y comenzar en la misma
   posición horizontal que los demás módulos del menú. */
a[href="/comisiones"][b-8h93g74lkd],
.nav-link[href="/comisiones"][b-8h93g74lkd],
.commissions-nav[b-8h93g74lkd] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Elimina únicamente la sangría del contenedor inmediato que
   quedó alrededor de Comisiones por las modificaciones previas. */
div:has(> a[href="/comisiones"])[b-8h93g74lkd],
li:has(> a[href="/comisiones"])[b-8h93g74lkd],
div:has(> .commissions-nav)[b-8h93g74lkd],
li:has(> .commissions-nav)[b-8h93g74lkd] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Si existe un segundo contenedor inmediato, también se neutraliza
   solo cuando contiene directamente el bloque de Comisiones. */
div:has(> div > a[href="/comisiones"])[b-8h93g74lkd],
li:has(> div > a[href="/comisiones"])[b-8h93g74lkd] {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* =========================================================
   COM-01C V8 - HOVER Y ACTIVO EN BLANCO
   ========================================================= */

/* Al pasar el mouse por Comisiones, texto e icono se vuelven blancos. */
a[href="/comisiones"]:hover[b-8h93g74lkd],
.nav-link[href="/comisiones"]:hover[b-8h93g74lkd],
.commissions-nav:hover[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

a[href="/comisiones"]:hover .nav-text[b-8h93g74lkd],
a[href="/comisiones"]:hover .nav-icon[b-8h93g74lkd],
.nav-link[href="/comisiones"]:hover .nav-text[b-8h93g74lkd],
.nav-link[href="/comisiones"]:hover .nav-icon[b-8h93g74lkd],
.commissions-nav:hover .nav-text[b-8h93g74lkd],
.commissions-nav:hover .nav-icon[b-8h93g74lkd],
.commissions-nav:hover .commission-single-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Al estar seleccionado, mantiene texto e icono blancos como Ventas. */
a[href="/comisiones"].active[b-8h93g74lkd],
.nav-link[href="/comisiones"].active[b-8h93g74lkd],
.commissions-nav.active[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

a[href="/comisiones"].active .nav-text[b-8h93g74lkd],
a[href="/comisiones"].active .nav-icon[b-8h93g74lkd],
.nav-link[href="/comisiones"].active .nav-text[b-8h93g74lkd],
.nav-link[href="/comisiones"].active .nav-icon[b-8h93g74lkd],
.commissions-nav.active .nav-text[b-8h93g74lkd],
.commissions-nav.active .nav-icon[b-8h93g74lkd],
.commissions-nav.active .commission-single-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Compatibilidad si el icono usa SVG. */
a[href="/comisiones"]:hover svg[b-8h93g74lkd],
a[href="/comisiones"].active svg[b-8h93g74lkd],
.nav-link[href="/comisiones"]:hover svg[b-8h93g74lkd],
.nav-link[href="/comisiones"].active svg[b-8h93g74lkd],
.commissions-nav:hover svg[b-8h93g74lkd],
.commissions-nav.active svg[b-8h93g74lkd] {
    color: #ffffff !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}
/* =========================================================
   COM-01C V9 - CSS ISOLATION DE NAVLINK
   ========================================================= */

/*
   NavLink renderiza el elemento <a> dentro de un componente hijo.
   Por eso estas reglas deben usar ::deep, igual que las reglas
   originales de .nav-link:hover y .nav-link.active.
*/

/* Retira la opacidad gris heredada del antiguo contenedor deshabilitado. */
.nav-link.is-disabled:has(::deep .commissions-nav)[b-8h93g74lkd],
.nav-link.is-disabled:has(::deep a[href="/comisiones"])[b-8h93g74lkd],
[b-8h93g74lkd] .nav-link.is-disabled:has(.commissions-nav),
[b-8h93g74lkd] .nav-link.is-disabled:has(a[href="/comisiones"]) {
    opacity: 1 !important;
    filter: none !important;
}

/* Estado normal: conserva el mismo color base de los demás módulos. */
[b-8h93g74lkd] .commissions-nav,
[b-8h93g74lkd] a[href="/comisiones"] {
    opacity: 1 !important;
    filter: none !important;
}

/* Al colocar el mouse: símbolo y texto completamente blancos. */
[b-8h93g74lkd] .commissions-nav:hover,
[b-8h93g74lkd] a[href="/comisiones"]:hover,
[b-8h93g74lkd] .commissions-nav:hover .nav-icon,
[b-8h93g74lkd] .commissions-nav:hover .nav-text,
[b-8h93g74lkd] a[href="/comisiones"]:hover .nav-icon,
[b-8h93g74lkd] a[href="/comisiones"]:hover .nav-text,
[b-8h93g74lkd] .commissions-nav:hover .commission-single-icon {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Al seleccionar /comisiones: símbolo y texto permanecen blancos. */
[b-8h93g74lkd] .commissions-nav.active,
[b-8h93g74lkd] a[href="/comisiones"].active,
[b-8h93g74lkd] .commissions-nav.active .nav-icon,
[b-8h93g74lkd] .commissions-nav.active .nav-text,
[b-8h93g74lkd] a[href="/comisiones"].active .nav-icon,
[b-8h93g74lkd] a[href="/comisiones"].active .nav-text,
[b-8h93g74lkd] .commissions-nav.active .commission-single-icon {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Conserva el mismo fondo y borde activo usados por Ventas. */
[b-8h93g74lkd] .commissions-nav.active,
[b-8h93g74lkd] a[href="/comisiones"].active {
    background: rgba(205, 147, 43, 0.16) !important;
    box-shadow: inset 3px 0 0 #cf942c !important;
}

/* Compatibilidad si el icono está construido con SVG. */
[b-8h93g74lkd] .commissions-nav:hover svg,
[b-8h93g74lkd] .commissions-nav.active svg,
[b-8h93g74lkd] a[href="/comisiones"]:hover svg,
[b-8h93g74lkd] a[href="/comisiones"].active svg {
    color: #ffffff !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

/* =========================================================
   META-LEADS-01B - CONTADOR DEL MENÚ
   ========================================================= */

.meta-lead-menu-badge[b-8h93g74lkd] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    padding: 0 0.32rem;
    color: #ffffff;
    background: #d64545;
    border: 2px solid currentColor;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 900;
    line-height: 1;
}

.nav-link.active .meta-lead-menu-badge[b-8h93g74lkd] {
    border-color: rgb(255 255 255 / 45%);
}
/* UI-MENU-01 - descendentes del menu */

/*
   Evita que letras con descendente (g, j, p, q, y) se corten.
   Mantiene overflow hidden para conservar elipsis horizontal.
*/
.nav-text[b-8h93g74lkd],
[b-8h93g74lkd] .nav-text {
    line-height: 1.25;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* /UI-MENU-01 */
/* BRAND-01 - RODMAY WEB */

/*
   Solo redefine los textos del branding.
   El emblema/torres, colores y estructura original se conservan.
*/

.realestate-brand-copy .rodmay-web-brand-name[b-8h93g74lkd] {
    display: block;
    overflow: visible;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 1.05;
    text-overflow: clip;
    white-space: nowrap;
}

.realestate-brand-copy .realestate-brand-subtitle[b-8h93g74lkd] {
    color: #d7aa52 !important;
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: 1.05px;
    line-height: 1.35;
    text-transform: uppercase;
}

.realestate-footer-copy[b-8h93g74lkd] {
    display: grid;
    gap: 3px;
    padding-bottom: 8px;
}

.realestate-footer-copy .rodmay-web-footer-name[b-8h93g74lkd] {
    display: block;
    color: #f3f5f7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

.realestate-footer-copy .rodmay-web-footer-version[b-8h93g74lkd] {
    display: block;
    color: #9fb0bf;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .35px;
    line-height: 1.1;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .realestate-brand-copy .rodmay-web-brand-name[b-8h93g74lkd] {
        font-size: 20px;
    }
}

/* /BRAND-01 */
/* USR-MENU-01 - opcion YouTube */
.youtube-option-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    background: #e62117 !important;
    font-size: 9px !important;
}
/* /USR-MENU-01 */
/* USR-MENU-02 - usuario youtube logout */

.youtube-option-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    background: #e62117 !important;
    font-size: 9px !important;
}

.youtube-user-option[b-8h93g74lkd] {
    color: #243548;
}

.logout-form-guest[b-8h93g74lkd] {
    margin: 0;
    padding: 0;
}

.logout-form-guest .user-menu-option[b-8h93g74lkd] {
    width: 100%;
    border: 0;
    text-align: left;
}

/* /USR-MENU-02 */

/* USR-MENU-03 - instagram */

.instagram-user-option[b-8h93g74lkd] {
    color: #243548;
}

.instagram-option-icon[b-8h93g74lkd] {
    color: #ffffff !important;
    background:
        radial-gradient(
            circle at 32% 106%,
            #fdf497 0 5%,
            #fdf497 5% 15%,
            #fd5949 40%,
            #d6249f 60%,
            #285aeb 90%
        ) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

/* /USR-MENU-03 */

/* SEC-02E-UI V5 INSTAGRAM STYLE */
[b-8h93g74lkd] .rodmay-instagram-menu-icon {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-right: 9px;
    border-radius: 7px;
    background: linear-gradient(135deg, #7d2ae8, #e13f7c 55%, #f4a225);
    color: #ffffff;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: -.03em;
    vertical-align: middle;
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.rodmay-public-shell[b-2bfoyfp84i] {
    min-height: 100vh;
    width: 100%;
    background: #ffffff;
    overflow-x: clip;
}

.rodmay-public-shell[b-2bfoyfp84i] (img),
.rodmay-public-shell[b-2bfoyfp84i] (svg) {
    max-width: 100%;
}

@media (max-width: 760px) {
    .rodmay-public-shell[b-2bfoyfp84i] (.main-nav),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-header),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-header),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-header) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: center !important;
        row-gap: 12px !important;
        min-height: auto !important;
        width: 100% !important;
        padding: 14px 18px 16px !important;
        overflow: hidden !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.rodmay-logo-link) {
        width: min(220px, 72vw) !important;
        min-width: 0 !important;
        max-width: 220px !important;
        height: auto !important;
        justify-self: center !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.rodmay-full-logo),
    .rodmay-public-shell[b-2bfoyfp84i] (.rodmay-full-logo--blended) {
        width: 100% !important;
        height: auto !important;
        max-width: 220px !important;
        max-height: 72px !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.nav-links),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-nav),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-nav),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-nav) {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px 13px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.nav-links a),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-nav a),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-nav a),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-nav a) {
        flex: 0 0 auto !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.nav-cta),
    .rodmay-public-shell[b-2bfoyfp84i] (.header-cta),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-cta),
    .rodmay-public-shell[b-2bfoyfp84i] (.agenda-cta) {
        justify-self: center !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.agents-hero),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-hero),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-hero) {
        padding: 54px 20px 38px !important;
        overflow: hidden !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.hero-copy h1),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-hero h1),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-hero h1),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-hero h1) {
        max-width: 100% !important;
        font-size: clamp(30px, 7.4vw, 36px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        overflow-wrap: normal !important;
        text-wrap: balance;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.agents-hero p),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-hero p),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-hero p),
    .rodmay-public-shell[b-2bfoyfp84i] (.hero-copy p) {
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.agents-grid) {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 36px 20px 62px !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.agent-card) {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 28px 20px 24px !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.round-action) {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.round-action svg) {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 430px) {
    .rodmay-public-shell[b-2bfoyfp84i] (.nav-links),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-nav),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-nav),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-nav) {
        gap: 9px 11px !important;
    }

    .rodmay-public-shell[b-2bfoyfp84i] (.nav-links a),
    .rodmay-public-shell[b-2bfoyfp84i] (.about-nav a),
    .rodmay-public-shell[b-2bfoyfp84i] (.agents-nav a),
    .rodmay-public-shell[b-2bfoyfp84i] (.contact-nav a) {
        font-size: 12.5px !important;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9m6aa41i26],
.components-reconnect-repeated-attempt-visible[b-9m6aa41i26],
.components-reconnect-failed-visible[b-9m6aa41i26],
.components-pause-visible[b-9m6aa41i26],
.components-resume-failed-visible[b-9m6aa41i26],
.components-rejoining-animation[b-9m6aa41i26] {
    display: none;
}

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


#components-reconnect-modal[b-9m6aa41i26] {
    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-9m6aa41i26 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-9m6aa41i26 {
    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/Layout/RodmayFooter.razor.rz.scp.css */
:host[b-2o8gtn8ywl] {
    display: block;
    width: 100%;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

*[b-2o8gtn8ywl] {
    box-sizing: border-box;
}

.rodmay-footer-cta[b-2o8gtn8ywl] {
    width: 100%;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 32px;
    padding:
        34px
        clamp(24px, 6vw, 110px);
    color: #071b33;
    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(24, 186, 111, .18),
            transparent 20rem),
        linear-gradient(
            135deg,
            #f6fbff,
            #eef8ff);
    border-top:
        1px solid #dfeaf4;
}

.rodmay-footer-cta > div:first-child[b-2o8gtn8ywl] {
    min-width: 0;
}

.rodmay-footer-cta span[b-2o8gtn8ywl] {
    display: block;
    color: #18a866;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rodmay-footer-cta strong[b-2o8gtn8ywl] {
    display: block;
    max-width: 900px;
    margin-top: 8px;
    color: #071b33;
    font-size:
        clamp(22px, 2.5vw, 36px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.rodmay-footer-cta__actions[b-2o8gtn8ywl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.rodmay-footer-cta__actions a[b-2o8gtn8ywl] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.rodmay-footer-cta__actions a:hover[b-2o8gtn8ywl] {
    transform: translateY(-2px);
}

.rodmay-footer-cta__actions .primary[b-2o8gtn8ywl] {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #18ba6f,
            #178bc7);
    box-shadow:
        0 12px 28px
        rgba(24, 186, 111, .22);
}

.rodmay-footer-cta__actions .secondary[b-2o8gtn8ywl] {
    color: #0b3158;
    background: #ffffff;
    border: 1px solid #d9e7f2;
}

.rodmay-global-footer[b-2o8gtn8ywl] {
    width: 100%;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 86% 0%,
            rgba(29, 119, 199, .20),
            transparent 24rem),
        linear-gradient(
            135deg,
            #061a30,
            #0b3158);
}

.rodmay-global-footer__grid[b-2o8gtn8ywl] {
    width: 100%;
    display: grid;
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(150px, .55fr)
        minmax(270px, .9fr);
    gap:
        clamp(30px, 5vw, 72px);
    padding:
        46px
        clamp(24px, 6vw, 110px)
        38px;
}

.rodmay-global-footer__brand[b-2o8gtn8ywl] {
    max-width: 700px;
}

.rodmay-global-footer__brand .kicker[b-2o8gtn8ywl],
.column-title[b-2o8gtn8ywl] {
    display: block;
    color: #87e8b5;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.rodmay-global-footer__brand > strong[b-2o8gtn8ywl] {
    display: block;
    margin-top: 10px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.15;
}

.rodmay-global-footer__brand p[b-2o8gtn8ywl] {
    max-width: 650px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, .70);
    font-size: 13px;
    line-height: 1.75;
}

.rodmay-global-footer__nav[b-2o8gtn8ywl],
.rodmay-global-footer__contact[b-2o8gtn8ywl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.rodmay-global-footer__nav .column-title[b-2o8gtn8ywl],
.rodmay-global-footer__contact .column-title[b-2o8gtn8ywl] {
    margin-bottom: 5px;
}

.rodmay-global-footer__nav a[b-2o8gtn8ywl],
.rodmay-global-footer__contact a[b-2o8gtn8ywl],
.rodmay-global-footer__bottom a[b-2o8gtn8ywl] {
    color: rgba(255, 255, 255, .80);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    text-decoration: none;
    transition:
        color .15s ease,
        transform .15s ease;
}

.rodmay-global-footer__nav a:hover[b-2o8gtn8ywl],
.rodmay-global-footer__contact a:hover[b-2o8gtn8ywl],
.rodmay-global-footer__bottom a:hover[b-2o8gtn8ywl] {
    color: #8af0ba;
}

.rodmay-global-footer__contact a[b-2o8gtn8ywl] {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
}

.rodmay-global-footer__contact a > span[b-2o8gtn8ywl] {
    width: 17px;
    flex: 0 0 17px;
    color: #71dca4;
    text-align: center;
}

.rodmay-global-footer__bottom[b-2o8gtn8ywl] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding:
        16px
        clamp(24px, 6vw, 110px);
    color: rgba(255, 255, 255, .55);
    background:
        rgba(1, 12, 25, .34);
    border-top:
        1px solid
        rgba(255, 255, 255, .07);
    font-size: 11px;
}

@media (max-width: 980px) {
    .rodmay-footer-cta[b-2o8gtn8ywl] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .rodmay-footer-cta__actions[b-2o8gtn8ywl] {
        justify-content: flex-start;
    }

    .rodmay-global-footer__grid[b-2o8gtn8ywl] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .rodmay-global-footer__brand[b-2o8gtn8ywl] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .rodmay-footer-cta[b-2o8gtn8ywl] {
        padding:
            28px 20px;
    }

    .rodmay-footer-cta__actions[b-2o8gtn8ywl] {
        width: 100%;
    }

    .rodmay-footer-cta__actions a[b-2o8gtn8ywl] {
        flex: 1 1 100%;
    }

    .rodmay-global-footer__grid[b-2o8gtn8ywl] {
        grid-template-columns: 1fr;
        gap: 30px;
        padding:
            38px 20px 32px;
    }

    .rodmay-global-footer__brand[b-2o8gtn8ywl] {
        grid-column: auto;
    }

    .rodmay-global-footer__bottom[b-2o8gtn8ywl] {
        align-items: flex-start;
        flex-direction: column;
        padding:
            17px 20px;
    }
}

/* WEB-27-LEGAL-LINKS START */
.rodmay-global-footer__legal[b-2o8gtn8ywl] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.rodmay-global-footer__legal nav[b-2o8gtn8ywl] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.rodmay-global-footer__legal nav > span[b-2o8gtn8ywl] {
    color: rgba(255, 255, 255, .30);
    font-size: 12px;
}

.rodmay-global-footer__legal nav a[b-2o8gtn8ywl] {
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.rodmay-global-footer__legal nav a:hover[b-2o8gtn8ywl] {
    color: #8af0ba;
}

@media (max-width: 620px) {
    .rodmay-global-footer__legal[b-2o8gtn8ywl] {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}
/* WEB-27-LEGAL-LINKS END */
/* /Components/Layout/RodmayInstagramFooterLink.razor.rz.scp.css */
.rodmay-instagram-footer-link[b-w71jvwmip8] {
    color: rgba(255, 255, 255, .80);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    text-decoration: none;
    transition:
        color .15s ease,
        transform .15s ease;
}

a.rodmay-instagram-footer-link:hover[b-w71jvwmip8],
a.rodmay-instagram-footer-link:focus-visible[b-w71jvwmip8] {
    color: #8af0ba;
    text-decoration: none;
}

.rodmay-instagram-footer-link.is-disabled[b-w71jvwmip8] {
    cursor: default;
    opacity: 0.58;
}
/* /Components/Layout/VisorComprobanteLayout.razor.rz.scp.css */
.standalone-receipt-layout[b-1cunrqsfwj] {
    width: 100%;
    min-height: 100vh;
    padding: 1rem;
    background: #ffffff;
}

@media (max-width: 640px) {
    .standalone-receipt-layout[b-1cunrqsfwj] {
        padding: 0.65rem;
    }
}
/* /Components/Layout/WebContactNotificationBell.razor.rz.scp.css */
.web-notification-menu[b-ls5ivsp96d] {
    position: relative;
    flex: 0 0 auto;
}

.web-notification-menu summary[b-ls5ivsp96d] {
    list-style: none;
}

.web-notification-menu summary[b-ls5ivsp96d]::marker {
    content: "";
}

.web-notification-trigger[b-ls5ivsp96d] {
    position: relative;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #516171;
    background: #ffffff;
    border: 1px solid #dfe5ea;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    transition:
        color 150ms ease,
        background-color 150ms ease,
        border-color 150ms ease,
        box-shadow 150ms ease;
}

.web-notification-trigger:hover[b-ls5ivsp96d] {
    color: #1b5e92;
    background: #f5f9fc;
    border-color: #cbdbe7;
}

.web-notification-menu[open] .web-notification-trigger[b-ls5ivsp96d] {
    color: #ffffff;
    background: #1c5f96;
    border-color: #1c5f96;
    box-shadow: 0 5px 16px rgba(28, 95, 150, .18);
}

.web-notification-trigger svg[b-ls5ivsp96d] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.web-notification-badge[b-ls5ivsp96d] {
    position: absolute;
    top: -6px;
    right: -7px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: #ffffff;
    background: #d84242;
    border: 2px solid #ffffff;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.web-notification-dropdown[b-ls5ivsp96d] {
    position: absolute;
    z-index: 3500;
    top: calc(100% + 10px);
    right: 0;
    width: min(390px, calc(100vw - 30px));
    overflow: hidden;
    color: #263442;
    background: #ffffff;
    border: 1px solid #dde4e9;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(17, 32, 46, .18);
}

.web-notification-header[b-ls5ivsp96d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid #e7ebef;
}

.web-notification-header > div[b-ls5ivsp96d] {
    display: grid;
    gap: 3px;
}

.web-notification-header strong[b-ls5ivsp96d] {
    color: #1f2d3a;
    font-size: 13px;
}

.web-notification-header span[b-ls5ivsp96d] {
    color: #7a8793;
    font-size: 10px;
}

.web-notification-header button[b-ls5ivsp96d] {
    min-height: 28px;
    padding: 0 8px;
    color: #1a628f;
    background: #eef7fc;
    border: 1px solid #cbe1ee;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
}

.web-notification-header button:disabled[b-ls5ivsp96d] {
    cursor: wait;
    opacity: .6;
}

.web-notification-state[b-ls5ivsp96d] {
    min-height: 150px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 18px;
    color: #7a8793;
    font-size: 11px;
    text-align: center;
}

.web-notification-state.empty strong[b-ls5ivsp96d] {
    color: #314252;
    font-size: 12px;
}

.web-notification-empty-icon[b-ls5ivsp96d] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    margin-bottom: 4px;
    color: #ffffff;
    background: #2aaa6d;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 900;
}

.web-notification-list[b-ls5ivsp96d] {
    max-height: 390px;
    overflow-y: auto;
}

.web-notification-item[b-ls5ivsp96d] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 11px 13px;
    color: inherit;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #edf0f3;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.web-notification-item:hover[b-ls5ivsp96d] {
    background: #f7fafc;
}

.web-notification-item.unread[b-ls5ivsp96d] {
    background: #fffaf0;
}

.web-notification-item.unread:hover[b-ls5ivsp96d] {
    background: #fff6e5;
}

.web-notification-item:disabled[b-ls5ivsp96d] {
    cursor: wait;
    opacity: .7;
}

.web-notification-source[b-ls5ivsp96d] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
}

.web-notification-source.sale[b-ls5ivsp96d] {
    color: #17613f;
    background: #e7f8ef;
}

.web-notification-source.rental[b-ls5ivsp96d] {
    color: #1e5f93;
    background: #eaf5fc;
}

.web-notification-copy[b-ls5ivsp96d] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.web-notification-line[b-ls5ivsp96d] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.web-notification-line strong[b-ls5ivsp96d] {
    min-width: 0;
    overflow: hidden;
    color: #253545;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.web-unread-dot[b-ls5ivsp96d] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #d84242;
    border-radius: 50%;
}

.web-notification-property[b-ls5ivsp96d] {
    overflow: hidden;
    color: #425466;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.web-notification-meta[b-ls5ivsp96d] {
    color: #8a96a1;
    font-size: 9px;
}

.web-notification-footer[b-ls5ivsp96d] {
    padding: 9px;
    background: #fafbfc;
}

.web-notification-footer button[b-ls5ivsp96d] {
    width: 100%;
    min-height: 34px;
    color: #1a5e8c;
    background: #ffffff;
    border: 1px solid #d8e2e9;
    border-radius: 7px;
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 850;
}

.web-notification-footer button:hover[b-ls5ivsp96d] {
    background: #f1f7fb;
}

@media (max-width: 720px) {
    .web-notification-trigger[b-ls5ivsp96d] {
        width: 40px;
        height: 40px;
    }

    .web-notification-dropdown[b-ls5ivsp96d] {
        position: fixed;
        top: 72px;
        right: 12px;
        left: 12px;
        width: auto;
    }
}
.web-notification-source.information[b-ls5ivsp96d] {
    color: #7a5414;
    background: #fff2d6;
}
/* /Components/Pages/Alquileres.razor.rz.scp.css */
.rentals-page[b-dv0e2nt0qh] {
    display: grid;
    gap: .95rem;
}

.rentals-page-header[b-dv0e2nt0qh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.rentals-eyebrow[b-dv0e2nt0qh] {
    display: block;
    color: #a6721f;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rentals-title-block h1[b-dv0e2nt0qh] {
    margin: .18rem 0;
    color: #172033;
    font-size: 1.45rem;
}

.rentals-title-block p[b-dv0e2nt0qh] {
    margin: 0;
    color: #748091;
    font-size: .72rem;
}

.rentals-header-actions[b-dv0e2nt0qh],
.rentals-actions[b-dv0e2nt0qh] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.rentals-button[b-dv0e2nt0qh],
.rentals-clean-button[b-dv0e2nt0qh],
.rentals-action-button[b-dv0e2nt0qh] {
    min-height: 2.15rem;
    padding: 0 .75rem;
    border-radius: .42rem;
    font: inherit;
    font-size: .66rem;
    font-weight: 800;
    cursor: pointer;
}

.rentals-button.secondary[b-dv0e2nt0qh] {
    color: #263449;
    background: #fff;
    border: 1px solid #dce2e8;
}

.rentals-button.primary[b-dv0e2nt0qh] {
    color: #fff;
    background: #ca922c;
    border: 1px solid #ca922c;
    box-shadow: 0 .35rem .9rem rgba(184, 128, 28, .18);
}

.rentals-button:disabled[b-dv0e2nt0qh],
.rentals-action-button:disabled[b-dv0e2nt0qh] {
    opacity: .58;
    cursor: wait;
}

.rentals-message[b-dv0e2nt0qh] {
    padding: .65rem .8rem;
    border-radius: .45rem;
    font-size: .68rem;
    font-weight: 750;
}

.rentals-message.success[b-dv0e2nt0qh] {
    color: #176640;
    background: #eaf8f0;
    border: 1px solid #bde6cd;
}

.rentals-message.error[b-dv0e2nt0qh] {
    color: #9a2929;
    background: #fff0f0;
    border: 1px solid #efc5c5;
}

.rentals-summary-grid[b-dv0e2nt0qh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.rentals-summary-card[b-dv0e2nt0qh] {
    position: relative;
    min-height: 5.65rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .65rem;
    padding: .75rem .8rem .7rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .55rem;
}

.rentals-summary-icon[b-dv0e2nt0qh] {
    width: 1.95rem;
    height: 1.95rem;
    display: grid;
    place-items: center;
    color: #9c6c18;
    background: #fff2d5;
    border-radius: .42rem;
    font-weight: 900;
}

.rentals-summary-card.active .rentals-summary-icon[b-dv0e2nt0qh] {
    color: #168852;
    background: #e5f7ed;
}

.rentals-summary-card.warning .rentals-summary-icon[b-dv0e2nt0qh] {
    color: #247ba8;
    background: #e8f4fb;
}

.rentals-summary-card.finished .rentals-summary-icon[b-dv0e2nt0qh] {
    color: #7446aa;
    background: #f1e9fb;
}

.rentals-summary-content span[b-dv0e2nt0qh],
.rentals-summary-content strong[b-dv0e2nt0qh],
.rentals-summary-content small[b-dv0e2nt0qh] {
    display: block;
}

.rentals-summary-content span[b-dv0e2nt0qh] {
    color: #788493;
    font-size: .61rem;
}

.rentals-summary-content strong[b-dv0e2nt0qh] {
    margin-top: .12rem;
    color: #101d2d;
    font-size: 1.18rem;
}

.rentals-summary-content small[b-dv0e2nt0qh] {
    margin-top: .24rem;
    color: #8a95a2;
    font-size: .56rem;
}

.rentals-summary-line[b-dv0e2nt0qh] {
    position: absolute;
    right: .48rem;
    bottom: 0;
    left: .48rem;
    height: 3px;
    border-radius: 999px;
    background: #cf982c;
}

.rentals-summary-card.active .rentals-summary-line[b-dv0e2nt0qh] {
    background: #29a86d;
}

.rentals-summary-card.warning .rentals-summary-line[b-dv0e2nt0qh] {
    background: #278bc1;
}

.rentals-summary-card.finished .rentals-summary-line[b-dv0e2nt0qh] {
    background: #8a54c1;
}

.rentals-list-panel[b-dv0e2nt0qh] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .58rem;
}

.rentals-toolbar[b-dv0e2nt0qh] {
    min-height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .62rem .7rem;
    border-bottom: 1px solid #e4e9ed;
}

.rentals-search[b-dv0e2nt0qh] {
    width: min(34rem, 100%);
    min-height: 2.18rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .65rem;
    color: #8b96a2;
    background: #fbfcfd;
    border: 1px solid #dce2e8;
    border-radius: .42rem;
}

.rentals-search input[b-dv0e2nt0qh] {
    width: 100%;
    min-width: 0;
    padding: 0;
    color: #556270;
    background: transparent;
    border: 0;
    outline: 0;
    font: inherit;
    font-size: .65rem;
}

.rentals-filters[b-dv0e2nt0qh] {
    display: flex;
    align-items: center;
    gap: .42rem;
}

.rentals-toolbar select[b-dv0e2nt0qh] {
    min-height: 2.18rem;
    padding: 0 1.8rem 0 .62rem;
    color: #596778;
    background: #fff;
    border: 1px solid #dce2e8;
    border-radius: .42rem;
    font: inherit;
    font-size: .64rem;
    cursor: pointer;
}

.rentals-clean-button[b-dv0e2nt0qh] {
    color: #2c3848;
    background: #fff;
    border: 1px solid #dce2e8;
}

.rentals-table-scroll[b-dv0e2nt0qh] {
    overflow-x: auto;
}

.rentals-table[b-dv0e2nt0qh] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.rentals-table th[b-dv0e2nt0qh],
.rentals-table td[b-dv0e2nt0qh] {
    padding: .62rem .65rem;
    border-bottom: 1px solid #e8ecf0;
    text-align: left;
    vertical-align: middle;
}

.rentals-table th[b-dv0e2nt0qh] {
    color: #536173;
    background: #f7f9fb;
    font-size: .57rem;
    font-weight: 850;
    text-transform: uppercase;
}

.rentals-table td[b-dv0e2nt0qh] {
    color: #3d4958;
    font-size: .63rem;
}

.rentals-main-text[b-dv0e2nt0qh] {
    color: #172033;
}

.rentals-code[b-dv0e2nt0qh] {
    display: inline-flex;
    padding: .24rem .42rem;
    color: #8b621d;
    background: #fff4d9;
    border-radius: .3rem;
    font-size: .58rem;
    font-weight: 850;
}

.rentals-state[b-dv0e2nt0qh] {
    display: inline-flex;
    padding: .25rem .45rem;
    border-radius: 999px;
    font-size: .57rem;
    font-weight: 850;
}

.rentals-state.active[b-dv0e2nt0qh] {
    color: #177749;
    background: #e6f7ed;
}

.rentals-state.warning[b-dv0e2nt0qh] {
    color: #9a6819;
    background: #fff3d4;
}

.rentals-state.expired[b-dv0e2nt0qh] {
    color: #a13838;
    background: #fdeaea;
}

.rentals-state.finished[b-dv0e2nt0qh] {
    color: #6d478d;
    background: #f1e9f8;
}

.rentals-action-button[b-dv0e2nt0qh] {
    min-height: 1.8rem;
    padding: 0 .5rem;
    color: #344253;
    background: #fff;
    border: 1px solid #d9e0e6;
}

.rentals-action-button.danger[b-dv0e2nt0qh] {
    color: #a33b3b;
    border-color: #ebcece;
}

.rentals-empty-row td[b-dv0e2nt0qh] {
    padding: 0;
}

.rentals-empty-state[b-dv0e2nt0qh],
.rentals-loading[b-dv0e2nt0qh] {
    min-height: 13rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    padding: 1.4rem;
    text-align: center;
}

.rentals-empty-icon[b-dv0e2nt0qh] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    color: #9f701e;
    background: #fff2d8;
    border-radius: .7rem;
}

.rentals-empty-state strong[b-dv0e2nt0qh] {
    color: #172033;
    font-size: .82rem;
}

.rentals-empty-state p[b-dv0e2nt0qh] {
    max-width: 31rem;
    margin: 0;
    color: #7a8694;
    font-size: .66rem;
}

.rentals-table-footer[b-dv0e2nt0qh] {
    min-height: 2.45rem;
    display: flex;
    align-items: center;
    padding: .45rem .68rem;
    color: #8994a0;
    border-top: 1px solid #e5e9ed;
    font-size: .58rem;
}

.rentals-modal-backdrop[b-dv0e2nt0qh] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(15, 25, 38, .58);
}

.rentals-modal[b-dv0e2nt0qh] {
    width: min(760px, 96vw);
    max-height: 92vh;
    overflow: auto;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 2rem 5rem rgba(9, 20, 34, .28);
}

.rentals-modal-header[b-dv0e2nt0qh],
.rentals-modal-footer[b-dv0e2nt0qh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
}

.rentals-modal-header[b-dv0e2nt0qh] {
    border-bottom: 1px solid #e5e9ed;
}

.rentals-modal-header h2[b-dv0e2nt0qh] {
    margin: .15rem 0 0;
    color: #172033;
    font-size: 1.15rem;
}

.rentals-modal-close[b-dv0e2nt0qh] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    color: #536173;
    background: #f5f7f9;
    border: 0;
    border-radius: 50%;
    font-size: 1.15rem;
    cursor: pointer;
}

.rentals-modal-body[b-dv0e2nt0qh] {
    padding: 1rem;
}

.rentals-form-grid[b-dv0e2nt0qh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.rentals-field[b-dv0e2nt0qh] {
    display: grid;
    gap: .3rem;
}

.rentals-field.full[b-dv0e2nt0qh] {
    grid-column: 1 / -1;
}

.rentals-field > span[b-dv0e2nt0qh] {
    color: #344253;
    font-size: .65rem;
    font-weight: 800;
}

.rentals-input[b-dv0e2nt0qh] {
    width: 100%;
    min-height: 2.25rem;
    padding: .45rem .6rem;
    color: #293746;
    background: #fff;
    border: 1px solid #cfd7df;
    border-radius: .4rem;
    font: inherit;
    font-size: .72rem;
}

.rentals-input:focus[b-dv0e2nt0qh] {
    border-color: #c69331;
    outline: 2px solid rgba(198, 147, 49, .12);
}

.rentals-textarea[b-dv0e2nt0qh] {
    min-height: 5rem;
    resize: vertical;
}

.rentals-validation[b-dv0e2nt0qh],
.rentals-field .validation-message[b-dv0e2nt0qh] {
    color: #a33b3b;
    font-size: .62rem;
}

.rentals-modal-note[b-dv0e2nt0qh] {
    margin-top: .8rem;
    padding: .6rem .7rem;
    color: #7b5b22;
    background: #fff7e6;
    border: 1px solid #edd8ad;
    border-radius: .4rem;
    font-size: .63rem;
}

.rentals-modal-footer[b-dv0e2nt0qh] {
    justify-content: flex-end;
    border-top: 1px solid #e5e9ed;
}

@media (max-width: 1150px) {
    .rentals-summary-grid[b-dv0e2nt0qh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rentals-toolbar[b-dv0e2nt0qh] {
        align-items: stretch;
        flex-direction: column;
    }

    .rentals-search[b-dv0e2nt0qh] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .rentals-page-header[b-dv0e2nt0qh] {
        flex-direction: column;
    }

    .rentals-summary-grid[b-dv0e2nt0qh],
    .rentals-form-grid[b-dv0e2nt0qh] {
        grid-template-columns: 1fr;
    }

    .rentals-field.full[b-dv0e2nt0qh] {
        grid-column: auto;
    }

    .rentals-filters[b-dv0e2nt0qh] {
        align-items: stretch;
        flex-direction: column;
    }

    .rentals-toolbar select[b-dv0e2nt0qh],
    .rentals-clean-button[b-dv0e2nt0qh] {
        width: 100%;
    }
}
/* ALQ-04 - detalles manuales */
.rentals-secondary-text[b-dv0e2nt0qh] {
    display: block;
    margin-top: .14rem;
    color: #7b8794;
    font-size: .54rem;
    line-height: 1.25;
}

.rentals-field input.rentals-input[b-dv0e2nt0qh] {
    appearance: none;
}

.rentals-field .rentals-input[b-dv0e2nt0qh]::placeholder {
    color: #9aa3ad;
}
/* ALQ-05 - boton Publicaciones */
.rentals-button.publications[b-dv0e2nt0qh] {
    color: #17385f;
    background: #eef6fd;
    border: 1px solid #bfd5e8;
    text-decoration: none;
}

.rentals-button.publications:hover[b-dv0e2nt0qh] {
    color: #0e2d50;
    background: #e2f0fb;
    border-color: #9fc3df;
}
/* ALQ-06 - boton Publicaciones visual */
.rentals-button.publications[b-dv0e2nt0qh] {
    min-width: 9.35rem;
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 0 1rem;
    color: #ffffff;
    background: linear-gradient(135deg, #1c5fae 0%, #2f7ecc 100%);
    border: 1px solid #215fa6;
    border-radius: .60rem;
    box-shadow: 0 .35rem .95rem rgba(28, 95, 174, .20);
    text-decoration: none;
    text-align: center;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.rentals-button.publications > span[b-dv0e2nt0qh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: .78rem;
    line-height: 1;
    flex: 0 0 auto;
}

.rentals-button.publications:hover[b-dv0e2nt0qh] {
    color: #ffffff;
    background: linear-gradient(135deg, #184f92 0%, #286eb5 100%);
    border-color: #1c538f;
    box-shadow: 0 .45rem 1.10rem rgba(24, 79, 146, .24);
    transform: translateY(-1px);
}

.rentals-button.publications:focus-visible[b-dv0e2nt0qh] {
    outline: 2px solid rgba(47, 126, 204, .28);
    outline-offset: 2px;
}

.rentals-button.publications:active[b-dv0e2nt0qh] {
    transform: translateY(0);
    box-shadow: 0 .22rem .62rem rgba(24, 79, 146, .22);
}

.rentals-button.publications:visited[b-dv0e2nt0qh] {
    color: #ffffff;
}
/* /ALQ-06 */
/* ALQ-07 - buscador Nuevo alquiler */
.rental-wizard-modal[b-dv0e2nt0qh] {
    width: min(920px, 97vw);
}

.rental-search-intro[b-dv0e2nt0qh] {
    margin-bottom: .75rem;
    padding: .7rem .8rem;
    color: #425164;
    background: #f6f9fc;
    border: 1px solid #dfe7ee;
    border-radius: .48rem;
}

.rental-search-intro strong[b-dv0e2nt0qh],
.rental-search-intro p[b-dv0e2nt0qh] {
    display: block;
}

.rental-search-intro strong[b-dv0e2nt0qh] {
    color: #172033;
    font-size: .74rem;
}

.rental-search-intro p[b-dv0e2nt0qh] {
    margin: .15rem 0 0;
    color: #718091;
    font-size: .62rem;
}

.rental-publication-search-grid[b-dv0e2nt0qh] {
    display: grid;
    grid-template-columns: 1fr 1fr .75fr;
    gap: .65rem;
}

.rental-publication-results-head[b-dv0e2nt0qh] {
    min-height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: .75rem;
    color: #768493;
    font-size: .6rem;
}

.rental-search-clear[b-dv0e2nt0qh] {
    padding: .3rem .5rem;
    color: #42627f;
    background: #fff;
    border: 1px solid #d7e0e8;
    border-radius: .36rem;
    font: inherit;
    font-size: .58rem;
    font-weight: 750;
    cursor: pointer;
}

.rental-publication-results[b-dv0e2nt0qh] {
    display: grid;
    gap: .5rem;
    max-height: 23rem;
    overflow-y: auto;
    padding-right: .15rem;
}

.rental-publication-option[b-dv0e2nt0qh] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, .8fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .7rem;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .5rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.rental-publication-option:hover[b-dv0e2nt0qh] {
    border-color: #b9cee0;
    box-shadow: 0 .3rem .9rem rgba(33, 65, 96, .07);
}

.rental-publication-main span[b-dv0e2nt0qh],
.rental-publication-main strong[b-dv0e2nt0qh],
.rental-publication-main small[b-dv0e2nt0qh],
.rental-publication-owner span[b-dv0e2nt0qh],
.rental-publication-owner strong[b-dv0e2nt0qh],
.rental-publication-owner small[b-dv0e2nt0qh],
.rental-publication-rent span[b-dv0e2nt0qh],
.rental-publication-rent strong[b-dv0e2nt0qh],
.rental-publication-rent small[b-dv0e2nt0qh] {
    display: block;
}

.rental-publication-code[b-dv0e2nt0qh] {
    color: #9c6c1d;
    font-size: .53rem;
    font-weight: 850;
}

.rental-publication-main strong[b-dv0e2nt0qh],
.rental-publication-owner strong[b-dv0e2nt0qh],
.rental-publication-rent strong[b-dv0e2nt0qh] {
    margin-top: .12rem;
    color: #263449;
    font-size: .67rem;
}

.rental-publication-main small[b-dv0e2nt0qh],
.rental-publication-owner small[b-dv0e2nt0qh],
.rental-publication-rent small[b-dv0e2nt0qh],
.rental-publication-owner span[b-dv0e2nt0qh],
.rental-publication-rent span[b-dv0e2nt0qh] {
    margin-top: .12rem;
    color: #7c8996;
    font-size: .54rem;
}

.rental-select-publication[b-dv0e2nt0qh] {
    min-height: 2rem;
    padding: 0 .7rem;
    color: #fff;
    background: #2469ad;
    border: 1px solid #2469ad;
    border-radius: .4rem;
    font: inherit;
    font-size: .6rem;
    font-weight: 850;
    cursor: pointer;
}

.rental-select-publication:hover[b-dv0e2nt0qh] {
    background: #1d5790;
    border-color: #1d5790;
}

.rental-publication-empty[b-dv0e2nt0qh] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .4rem;
    padding: 1rem;
    text-align: center;
}

.rental-publication-empty strong[b-dv0e2nt0qh] {
    color: #172033;
    font-size: .76rem;
}

.rental-publication-empty p[b-dv0e2nt0qh] {
    max-width: 30rem;
    margin: 0;
    color: #778493;
    font-size: .62rem;
}

.selected-publication-summary[b-dv0e2nt0qh] {
    display: grid;
    grid-template-columns: 1.35fr 1fr .75fr;
    gap: .55rem;
    margin-bottom: .7rem;
    padding: .65rem;
    background: #f7fafc;
    border: 1px solid #dfe7ed;
    border-radius: .5rem;
}

.selected-publication-summary > div[b-dv0e2nt0qh] {
    min-width: 0;
}

.selected-publication-summary span[b-dv0e2nt0qh],
.selected-publication-summary strong[b-dv0e2nt0qh],
.selected-publication-summary small[b-dv0e2nt0qh] {
    display: block;
}

.selected-publication-summary span[b-dv0e2nt0qh] {
    color: #7b8895;
    font-size: .54rem;
}

.selected-publication-summary strong[b-dv0e2nt0qh] {
    margin-top: .12rem;
    color: #263449;
    font-size: .68rem;
}

.selected-publication-summary small[b-dv0e2nt0qh] {
    margin-top: .1rem;
    color: #87929d;
    font-size: .53rem;
}

.tenant-only-note[b-dv0e2nt0qh] {
    display: grid;
    gap: .12rem;
    margin-bottom: .75rem;
    padding: .55rem .65rem;
    color: #295676;
    background: #edf6fb;
    border: 1px solid #c7dfec;
    border-radius: .44rem;
}

.tenant-only-note strong[b-dv0e2nt0qh] {
    font-size: .64rem;
}

.tenant-only-note span[b-dv0e2nt0qh] {
    font-size: .56rem;
}

.rental-contract-defaults[b-dv0e2nt0qh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: .75rem;
    padding: .55rem .65rem;
    color: #72808e;
    background: #fafbfd;
    border: 1px solid #e1e6ea;
    border-radius: .42rem;
    font-size: .56rem;
}

.rental-contract-defaults strong[b-dv0e2nt0qh] {
    color: #344253;
}

@media (max-width: 820px) {
    .rental-publication-search-grid[b-dv0e2nt0qh],
    .selected-publication-summary[b-dv0e2nt0qh] {
        grid-template-columns: 1fr;
    }

    .rental-publication-option[b-dv0e2nt0qh] {
        grid-template-columns: 1fr;
    }

    .rental-select-publication[b-dv0e2nt0qh] {
        justify-self: start;
    }

    .rental-contract-defaults[b-dv0e2nt0qh] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /ALQ-07 */
/* /Components/Pages/AlquilerPublicaciones.razor.rz.scp.css */
.rental-publications-page[b-mve61lyxnh] {
    display: grid;
    gap: .95rem;
}

.rp-header[b-mve61lyxnh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.rp-title > span[b-mve61lyxnh] {
    color: #a6721f;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .055em;
}

.rp-title h1[b-mve61lyxnh] {
    margin: .18rem 0;
    color: #172033;
    font-size: 1.45rem;
}

.rp-title p[b-mve61lyxnh] {
    margin: 0;
    color: #748091;
    font-size: .72rem;
}

.rp-header-actions[b-mve61lyxnh],
.rp-filters[b-mve61lyxnh],
.rp-card-actions[b-mve61lyxnh],
.rp-file-actions[b-mve61lyxnh] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.rp-button[b-mve61lyxnh] {
    min-height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: 0 .75rem;
    border-radius: .42rem;
    font-size: .66rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.rp-button.primary[b-mve61lyxnh] {
    color: #fff;
    background: #ca922c;
    border: 1px solid #ca922c;
}

.rp-button.secondary[b-mve61lyxnh] {
    color: #263449;
    background: #fff;
    border: 1px solid #dce2e8;
}

.rp-button.compact[b-mve61lyxnh] {
    min-height: 2.05rem;
}

.rp-message[b-mve61lyxnh] {
    padding: .65rem .8rem;
    border-radius: .45rem;
    font-size: .68rem;
    font-weight: 750;
}

.rp-message.success[b-mve61lyxnh] {
    color: #176640;
    background: #eaf8f0;
    border: 1px solid #bde6cd;
}

.rp-message.error[b-mve61lyxnh] {
    color: #9a2929;
    background: #fff0f0;
    border: 1px solid #efc5c5;
}

.rp-summary-grid[b-mve61lyxnh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.rp-summary-card[b-mve61lyxnh] {
    position: relative;
    min-height: 5.3rem;
    padding: .78rem .85rem;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .55rem;
    overflow: hidden;
}

.rp-summary-card[b-mve61lyxnh]::after {
    content: "";
    position: absolute;
    right: .5rem;
    bottom: 0;
    left: .5rem;
    height: 3px;
    background: #ca922c;
    border-radius: 999px;
}

.rp-summary-card.active[b-mve61lyxnh]::after {
    background: #2aa96e;
}

.rp-summary-card.maps[b-mve61lyxnh]::after {
    background: #2a8bc0;
}

.rp-summary-card.files[b-mve61lyxnh]::after {
    background: #8a54c1;
}

.rp-summary-card span[b-mve61lyxnh],
.rp-summary-card strong[b-mve61lyxnh],
.rp-summary-card small[b-mve61lyxnh] {
    display: block;
}

.rp-summary-card span[b-mve61lyxnh] {
    color: #7a8694;
    font-size: .61rem;
}

.rp-summary-card strong[b-mve61lyxnh] {
    margin-top: .16rem;
    color: #172033;
    font-size: 1.15rem;
}

.rp-summary-card small[b-mve61lyxnh] {
    margin-top: .2rem;
    color: #8a95a2;
    font-size: .56rem;
}

.rp-panel[b-mve61lyxnh] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .58rem;
}

.rp-toolbar[b-mve61lyxnh] {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .6rem .68rem;
    border-bottom: 1px solid #e5e9ed;
}

.rp-search[b-mve61lyxnh] {
    width: min(37rem, 100%);
    min-height: 2.15rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: 0 .62rem;
    background: #fbfcfd;
    border: 1px solid #dce2e8;
    border-radius: .42rem;
}

.rp-search input[b-mve61lyxnh] {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: .66rem;
}

.rp-filters select[b-mve61lyxnh] {
    min-height: 2.05rem;
    padding: 0 1.6rem 0 .6rem;
    background: #fff;
    border: 1px solid #dce2e8;
    border-radius: .42rem;
    font: inherit;
    font-size: .64rem;
}

.rp-loading[b-mve61lyxnh],
.rp-empty[b-mve61lyxnh] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    padding: 1.2rem;
    text-align: center;
}

.rp-empty-icon[b-mve61lyxnh] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    color: #9b6d1f;
    background: #fff2d8;
    border-radius: .7rem;
    font-size: 1.25rem;
}

.rp-empty strong[b-mve61lyxnh] {
    color: #172033;
    font-size: .84rem;
}

.rp-empty p[b-mve61lyxnh] {
    max-width: 33rem;
    margin: 0;
    color: #778493;
    font-size: .66rem;
}

.rp-grid[b-mve61lyxnh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    padding: .75rem;
}

.rp-card[b-mve61lyxnh] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe5ea;
    border-radius: .62rem;
    box-shadow: 0 .2rem .8rem rgba(20, 37, 57, .04);
}

.rp-card.inactive[b-mve61lyxnh] {
    opacity: .68;
}

.rp-card-media[b-mve61lyxnh] {
    position: relative;
    height: 11rem;
    overflow: hidden;
    background: #edf2f6;
}

.rp-card-media img[b-mve61lyxnh] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.rp-photo-placeholder[b-mve61lyxnh] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .25rem;
    color: #7b8794;
}

.rp-photo-placeholder span[b-mve61lyxnh] {
    font-size: 1.5rem;
}

.rp-photo-placeholder small[b-mve61lyxnh] {
    font-size: .62rem;
}

.rp-status[b-mve61lyxnh] {
    position: absolute;
    top: .55rem;
    right: .55rem;
    padding: .25rem .48rem;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 850;
}

.rp-status.active[b-mve61lyxnh] {
    color: #166f45;
    background: #e5f7ed;
}

.rp-status.inactive[b-mve61lyxnh] {
    color: #7a4a4a;
    background: #f7e8e8;
}

.rp-card-body[b-mve61lyxnh] {
    display: grid;
    gap: .65rem;
    padding: .75rem;
}

.rp-card-title > span[b-mve61lyxnh] {
    color: #9b6d1f;
    font-size: .55rem;
    font-weight: 850;
}

.rp-card-title h2[b-mve61lyxnh] {
    margin: .16rem 0;
    color: #172033;
    font-size: .85rem;
}

.rp-card-title p[b-mve61lyxnh] {
    margin: 0;
    color: #7b8794;
    font-size: .61rem;
}

.rp-card-info[b-mve61lyxnh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.rp-card-info > div[b-mve61lyxnh] {
    min-width: 0;
    padding: .5rem;
    background: #f8fafb;
    border-radius: .42rem;
}

.rp-card-info span[b-mve61lyxnh],
.rp-card-info strong[b-mve61lyxnh],
.rp-card-info small[b-mve61lyxnh] {
    display: block;
}

.rp-card-info span[b-mve61lyxnh] {
    color: #82909d;
    font-size: .54rem;
}

.rp-card-info strong[b-mve61lyxnh] {
    margin-top: .12rem;
    overflow: hidden;
    color: #263449;
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-card-info small[b-mve61lyxnh] {
    margin-top: .1rem;
    color: #84909d;
    font-size: .53rem;
}

.rp-map-link[b-mve61lyxnh] {
    color: #176b9b;
    font-size: .61rem;
    font-weight: 750;
    text-decoration: none;
}

.rp-card-actions[b-mve61lyxnh] {
    padding: .6rem .75rem;
    border-top: 1px solid #e7ebef;
}

.rp-card-actions button[b-mve61lyxnh],
.rp-file-actions button[b-mve61lyxnh] {
    min-height: 1.9rem;
    padding: 0 .55rem;
    color: #344253;
    background: #fff;
    border: 1px solid #d9e0e6;
    border-radius: .38rem;
    font: inherit;
    font-size: .6rem;
    font-weight: 800;
    cursor: pointer;
}

.rp-card-actions button.danger[b-mve61lyxnh] {
    color: #a23c3c;
    border-color: #ebcdcd;
}

.rp-card-actions button.success[b-mve61lyxnh] {
    color: #19764a;
    border-color: #bee1cd;
}

.rp-panel-footer[b-mve61lyxnh] {
    min-height: 2.3rem;
    padding: .55rem .7rem;
    color: #8994a0;
    border-top: 1px solid #e5e9ed;
    font-size: .58rem;
}

.rp-modal-backdrop[b-mve61lyxnh] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 25, 38, .6);
}

.rp-modal[b-mve61lyxnh] {
    width: min(900px, 97vw);
    max-height: 94vh;
    overflow: auto;
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 2rem 5rem rgba(9, 20, 34, .3);
}

.rp-modal-header[b-mve61lyxnh],
.rp-modal-footer[b-mve61lyxnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
}

.rp-modal-header[b-mve61lyxnh] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #e5e9ed;
}

.rp-modal-header span[b-mve61lyxnh] {
    color: #a6721f;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .05em;
}

.rp-modal-header h2[b-mve61lyxnh] {
    margin: .15rem 0 0;
    color: #172033;
    font-size: 1.1rem;
}

.rp-close[b-mve61lyxnh] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: #f4f7f9;
    cursor: pointer;
}

.rp-modal-body[b-mve61lyxnh] {
    display: grid;
    gap: .8rem;
    padding: .85rem;
}

.rp-form-section[b-mve61lyxnh] {
    padding: .8rem;
    border: 1px solid #e2e7eb;
    border-radius: .55rem;
}

.rp-form-section.compact[b-mve61lyxnh] {
    padding: .65rem .8rem;
}

.rp-section-head[b-mve61lyxnh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .65rem;
}

.rp-section-head h3[b-mve61lyxnh] {
    margin: 0;
    color: #172033;
    font-size: .8rem;
}

.rp-section-head p[b-mve61lyxnh] {
    margin: .12rem 0 0;
    color: #7d8996;
    font-size: .58rem;
}

.rp-section-head > span[b-mve61lyxnh] {
    padding: .22rem .45rem;
    color: #8c641f;
    background: #fff5dd;
    border-radius: 999px;
    font-size: .55rem;
    font-weight: 800;
}

.rp-form-grid[b-mve61lyxnh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.rp-field[b-mve61lyxnh] {
    display: grid;
    gap: .28rem;
}

.rp-field.full[b-mve61lyxnh] {
    grid-column: 1 / -1;
}

.rp-field > span[b-mve61lyxnh] {
    color: #344253;
    font-size: .61rem;
    font-weight: 800;
}

.rp-input[b-mve61lyxnh] {
    width: 100%;
    min-height: 2.18rem;
    padding: .45rem .58rem;
    color: #293746;
    background: #fff;
    border: 1px solid #cfd7df;
    border-radius: .4rem;
    font: inherit;
    font-size: .69rem;
}

.rp-input:focus[b-mve61lyxnh] {
    border-color: #c69331;
    outline: 2px solid rgba(198, 147, 49, .12);
}

.rp-textarea[b-mve61lyxnh] {
    min-height: 6rem;
    resize: vertical;
}

.rp-small-textarea[b-mve61lyxnh] {
    min-height: 4.2rem;
    resize: vertical;
}

.checkbox-field[b-mve61lyxnh],
.rp-publish-option[b-mve61lyxnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .55rem .65rem;
    background: #f8fafb;
    border: 1px solid #dfe5ea;
    border-radius: .42rem;
}

.rp-checkbox-copy strong[b-mve61lyxnh],
.rp-checkbox-copy small[b-mve61lyxnh],
.rp-publish-option strong[b-mve61lyxnh],
.rp-publish-option small[b-mve61lyxnh] {
    display: block;
}

.rp-checkbox-copy strong[b-mve61lyxnh],
.rp-publish-option strong[b-mve61lyxnh] {
    color: #344253;
    font-size: .63rem;
}

.rp-checkbox-copy small[b-mve61lyxnh],
.rp-publish-option small[b-mve61lyxnh] {
    margin-top: .12rem;
    color: #7f8b98;
    font-size: .55rem;
}

.rp-checkbox[b-mve61lyxnh],
.rp-publish-option input[b-mve61lyxnh] {
    width: 1rem;
    height: 1rem;
    accent-color: #c69331;
}

.rp-upload-zone[b-mve61lyxnh] {
    position: relative;
    min-height: 4.8rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .15rem;
    padding: .8rem;
    color: #556270;
    background: #fbfcfd;
    border: 1px dashed #c9d2da;
    border-radius: .48rem;
    text-align: center;
}

.rp-upload-zone strong[b-mve61lyxnh] {
    font-size: .68rem;
}

.rp-upload-zone small[b-mve61lyxnh] {
    font-size: .56rem;
}

.rp-file-input[b-mve61lyxnh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.rp-photo-grid[b-mve61lyxnh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin-top: .6rem;
}

.rp-photo-item[b-mve61lyxnh] {
    position: relative;
    height: 7.5rem;
    overflow: hidden;
    background: #edf2f5;
    border-radius: .42rem;
}

.rp-photo-item img[b-mve61lyxnh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rp-photo-item button[b-mve61lyxnh] {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(24, 34, 45, .76);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.rp-photo-grid.pending[b-mve61lyxnh],
.rp-file-list.pending[b-mve61lyxnh] {
    padding-top: .5rem;
    border-top: 1px dashed #d8dfe5;
}

.rp-file-list[b-mve61lyxnh] {
    display: grid;
    gap: .4rem;
    margin-top: .6rem;
}

.rp-file-item[b-mve61lyxnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .5rem .6rem;
    background: #f8fafb;
    border: 1px solid #e0e5e9;
    border-radius: .4rem;
}

.rp-file-item strong[b-mve61lyxnh],
.rp-file-item small[b-mve61lyxnh] {
    display: block;
}

.rp-file-item strong[b-mve61lyxnh] {
    max-width: 34rem;
    overflow: hidden;
    color: #344253;
    font-size: .62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rp-file-item small[b-mve61lyxnh] {
    margin-top: .12rem;
    color: #8894a0;
    font-size: .53rem;
}

.rp-file-actions a[b-mve61lyxnh] {
    color: #176b9b;
    font-size: .6rem;
    font-weight: 800;
    text-decoration: none;
}

.rp-validation[b-mve61lyxnh],
.rp-field .validation-message[b-mve61lyxnh] {
    color: #a33b3b;
    font-size: .6rem;
}

.rp-modal-footer[b-mve61lyxnh] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    justify-content: flex-end;
    background: #fff;
    border-top: 1px solid #e5e9ed;
}

@media (max-width: 1100px) {
    .rp-grid[b-mve61lyxnh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rp-summary-grid[b-mve61lyxnh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .rp-header[b-mve61lyxnh],
    .rp-toolbar[b-mve61lyxnh] {
        align-items: stretch;
        flex-direction: column;
    }

    .rp-grid[b-mve61lyxnh],
    .rp-summary-grid[b-mve61lyxnh],
    .rp-form-grid[b-mve61lyxnh] {
        grid-template-columns: 1fr;
    }

    .rp-field.full[b-mve61lyxnh] {
        grid-column: auto;
    }

    .rp-photo-grid[b-mve61lyxnh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rp-filters[b-mve61lyxnh] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Asesores.razor.rz.scp.css */
.asesores-page[b-z31hc5loud] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.module-header[b-z31hc5loud] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 0;
}

.module-title[b-z31hc5loud] {
    min-width: 0;
}

.module-eyebrow[b-z31hc5loud] {
    display: block;
    margin-bottom: 7px;
    color: #b98224;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.module-title h1[b-z31hc5loud] {
    margin: 0 0 7px;
    color: #14202c;
    font-size: 27px;
    line-height: 1.2;
}

.module-title p[b-z31hc5loud] {
    max-width: 640px;
    margin: 0;
    color: #74808c;
    font-size: 14px;
    line-height: 1.55;
}

.module-actions[b-z31hc5loud] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.button[b-z31hc5loud] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    color: inherit;
    background: #ffffff;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

    .button:hover:not(:disabled)[b-z31hc5loud] {
        transform: translateY(-1px);
    }

    .button:disabled[b-z31hc5loud] {
        cursor: not-allowed;
        opacity: 0.6;
        transform: none;
    }

.button-primary[b-z31hc5loud] {
    color: #ffffff;
    background: linear-gradient(135deg, #b98224, #d1a044);
    box-shadow: 0 7px 18px rgba(189, 140, 49, 0.2);
}

.button-secondary[b-z31hc5loud] {
    color: #44515d;
    background: #ffffff;
    border: 1px solid #d5dde3;
}

.button-danger[b-z31hc5loud] {
    color: #ffffff;
    background: #c94a4a;
    border: 1px solid #c94a4a;
}

.compact-button[b-z31hc5loud] {
    min-height: 38px;
}

.alert-message[b-z31hc5loud] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.alert-icon[b-z31hc5loud] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    border-radius: 50%;
    font-weight: 800;
}

.alert-text[b-z31hc5loud] {
    min-width: 0;
    flex: 1;
}

.alert-close[b-z31hc5loud] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    margin-left: auto;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
}

    .alert-close:hover[b-z31hc5loud] {
        background: rgba(255, 255, 255, 0.45);
    }

.alert-success[b-z31hc5loud] {
    color: #146c43;
    background: #eaf8f1;
    border: 1px solid #bee7d1;
}

    .alert-success .alert-icon[b-z31hc5loud] {
        background: #1c965c;
    }

.alert-error[b-z31hc5loud] {
    color: #a62d2d;
    background: #fff0f0;
    border: 1px solid #edc3c3;
}

    .alert-error .alert-icon[b-z31hc5loud] {
        background: #cb3d3d;
    }

.summary-grid[b-z31hc5loud] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 14px;
}

.summary-card[b-z31hc5loud] {
    position: relative;
    min-width: 0;
    min-height: 124px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 19px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 8px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.summary-icon[b-z31hc5loud] {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 800;
}

.summary-content[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .summary-content span[b-z31hc5loud] {
        color: #6f7c88;
        font-size: 12px;
    }

    .summary-content strong[b-z31hc5loud] {
        margin: 7px 0 5px;
        color: #15212d;
        font-size: 27px;
        line-height: 1;
    }

    .summary-content small[b-z31hc5loud] {
        color: #8a959e;
        font-size: 11px;
    }

.summary-line[b-z31hc5loud] {
    position: absolute;
    right: 14px;
    bottom: 9px;
    left: 14px;
    height: 4px;
    border-radius: 8px;
}

.summary-total .summary-icon[b-z31hc5loud] {
    color: #9d6f19;
    background: #f8efd9;
}

.summary-total .summary-line[b-z31hc5loud] {
    background: #c49332;
}

.summary-active .summary-icon[b-z31hc5loud] {
    color: #16784a;
    background: #e4f6ed;
}

.summary-active .summary-line[b-z31hc5loud] {
    background: #21945c;
}

.summary-inactive .summary-icon[b-z31hc5loud] {
    color: #a33c3c;
    background: #fae7e7;
}

.summary-inactive .summary-line[b-z31hc5loud] {
    background: #c95050;
}

.summary-month .summary-icon[b-z31hc5loud] {
    color: #315f82;
    background: #e8f2f8;
}

.summary-month .summary-line[b-z31hc5loud] {
    background: #4d8bb4;
}

.list-panel[b-z31hc5loud] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 8px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.list-toolbar[b-z31hc5loud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid #e7ecef;
}

.search-control[b-z31hc5loud] {
    position: relative;
    min-width: 260px;
    max-width: 650px;
    display: flex;
    align-items: center;
    flex: 1;
}

.search-icon[b-z31hc5loud] {
    position: absolute;
    left: 13px;
    color: #84909b;
    font-size: 18px;
    pointer-events: none;
}

.search-control input[b-z31hc5loud] {
    width: 100%;
    height: 41px;
    padding: 0 40px 0 39px;
    color: #26333f;
    outline: none;
    background: #f8fafb;
    border: 1px solid #d7dfe5;
    border-radius: 7px;
    font-size: 13px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .search-control input:focus[b-z31hc5loud] {
        background: #ffffff;
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.clear-search[b-z31hc5loud] {
    position: absolute;
    right: 8px;
    width: 27px;
    height: 27px;
    padding: 0;
    color: #71808c;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
}

    .clear-search:hover[b-z31hc5loud] {
        background: #edf1f4;
    }

.toolbar-filters[b-z31hc5loud] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.filter-select[b-z31hc5loud] {
    min-height: 38px;
    min-width: 132px;
    padding: 0 10px;
    color: #52606c;
    background: #ffffff;
    border: 1px solid #d5dde3;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
}

.toolbar-count[b-z31hc5loud] {
    flex-shrink: 0;
    color: #7e8993;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.advisor-grid[b-z31hc5loud] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.advisor-card[b-z31hc5loud] {
    min-width: 0;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 8px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

    .advisor-card:hover[b-z31hc5loud] {
        transform: translateY(-2px);
        border-color: #d3b26d;
        box-shadow: 0 12px 28px rgba(21, 32, 44, 0.08);
    }

.advisor-card-inactive[b-z31hc5loud] {
    background: #fbfbfc;
}

.advisor-card-header[b-z31hc5loud] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.advisor-avatar[b-z31hc5loud],
.advisor-summary-avatar[b-z31hc5loud] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
    color: #ffffff;
    background: #132231;
    font-weight: 800;
}

.advisor-avatar[b-z31hc5loud] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    font-size: 12px;
}

.advisor-avatar img[b-z31hc5loud],
.advisor-summary-avatar img[b-z31hc5loud] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.advisor-avatar span[b-z31hc5loud],
.advisor-summary-avatar span[b-z31hc5loud] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

.advisor-title[b-z31hc5loud] {
    min-width: 0;
}

    .advisor-title h2[b-z31hc5loud] {
        margin: 3px 0 1px;
        overflow-wrap: anywhere;
        color: #1d2934;
        font-size: 14px;
        line-height: 1.18;
    }

    .advisor-title p[b-z31hc5loud] {
        margin: 0;
        overflow: hidden;
        color: #87939d;
        font-size: 10px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.code-badge[b-z31hc5loud] {
    display: inline-flex;
    padding: 3px 6px;
    color: #7f5d1c;
    background: #f8efd9;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.status-badge[b-z31hc5loud] {
    min-width: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 7px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.status-dot[b-z31hc5loud] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.status-active[b-z31hc5loud] {
    color: #147649;
    background: #e6f7ee;
}

    .status-active .status-dot[b-z31hc5loud] {
        background: #1a985c;
    }

.status-inactive[b-z31hc5loud] {
    color: #985050;
    background: #f9eaea;
}

    .status-inactive .status-dot[b-z31hc5loud] {
        background: #ca5050;
    }

.advisor-info-grid[b-z31hc5loud] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid #edf1f4;
    border-bottom: 1px solid #edf1f4;
}

.advisor-info-item[b-z31hc5loud] {
    min-width: 0;
    min-height: 27px;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    row-gap: 1px;
    padding: 2px 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.advisor-info-wide[b-z31hc5loud] {
    grid-column: auto;
}

    .advisor-info-item span[b-z31hc5loud],
    .detail-item span[b-z31hc5loud] {
        color: #84909a;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .advisor-info-item span[b-z31hc5loud] {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .advisor-info-item strong[b-z31hc5loud],
    .detail-item strong[b-z31hc5loud] {
        min-width: 0;
        overflow: hidden;
        color: #2c3944;
        font-size: 10px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .advisor-info-item strong[b-z31hc5loud] {
        grid-column: 2;
        grid-row: 1;
    }

    .advisor-info-item small[b-z31hc5loud] {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        overflow: hidden;
        color: #87939d;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.advisor-actions[b-z31hc5loud] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 2px;
}

.card-action[b-z31hc5loud] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding: 0 6px;
    background: #ffffff;
    border: 1px solid #d6dee4;
    border-radius: 6px;
    cursor: pointer;
    font-size: 9px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.view-action[b-z31hc5loud] {
    color: #7b5b1f;
    background: #fffaf0;
    border-color: #e7d19e;
}

    .view-action:hover[b-z31hc5loud] {
        color: #ffffff;
        background: #bd8c31;
        border-color: #bd8c31;
    }

.edit-action[b-z31hc5loud] {
    color: #315f82;
}

    .edit-action:hover[b-z31hc5loud] {
        background: #edf5fa;
        border-color: #b9d2e3;
    }

.deactivate-action[b-z31hc5loud] {
    color: #a14343;
}

    .deactivate-action:hover[b-z31hc5loud] {
        background: #fff0f0;
        border-color: #e8c2c2;
    }

.activate-action[b-z31hc5loud] {
    color: #167447;
}

    .activate-action:hover[b-z31hc5loud] {
        background: #eaf8f1;
        border-color: #bee5d1;
    }

.table-footer[b-z31hc5loud] {
    display: flex;
    justify-content: flex-end;
    padding: 11px 15px;
    color: #7e8993;
    background: #fafbfc;
    border-top: 1px solid #e7ecef;
    font-size: 11px;
}

.empty-state[b-z31hc5loud],
.loading-state[b-z31hc5loud] {
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
}

.empty-illustration[b-z31hc5loud] {
    position: relative;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    margin-bottom: 21px;
    color: #bf8825;
    background: #fff8e9;
    border: 1px solid #efd9a5;
    border-radius: 50%;
}

.empty-building[b-z31hc5loud] {
    font-size: 36px;
}

.empty-badge[b-z31hc5loud] {
    position: absolute;
    right: -2px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #132231;
    border: 3px solid #ffffff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
}

.empty-state h2[b-z31hc5loud] {
    margin: 0 0 8px;
    color: #1a2732;
    font-size: 18px;
}

.empty-state p[b-z31hc5loud] {
    max-width: 480px;
    margin: 0 0 23px;
    color: #818d97;
    font-size: 12px;
    line-height: 1.65;
}

.loading-state[b-z31hc5loud] {
    gap: 8px;
    color: #7d8993;
}

    .loading-state strong[b-z31hc5loud] {
        margin-top: 9px;
        color: #53616c;
        font-size: 14px;
    }

    .loading-state span[b-z31hc5loud] {
        font-size: 11px;
    }

.loading-spinner[b-z31hc5loud] {
    width: 40px;
    height: 40px;
    border: 4px solid #e3e8ec;
    border-top-color: #bd8c31;
    border-radius: 50%;
    animation: asesores-spin-b-z31hc5loud 700ms linear infinite;
}

@keyframes asesores-spin-b-z31hc5loud {
    to {
        transform: rotate(360deg);
    }
}

.modal-overlay[b-z31hc5loud] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(10, 18, 26, 0.62);
    backdrop-filter: blur(3px);
}

.advisor-modal[b-z31hc5loud] {
    width: min(100%, 920px);
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.view-modal[b-z31hc5loud] {
    width: min(100%, 980px);
}

.modal-header[b-z31hc5loud] {
    position: sticky;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 21px;
    background: #ffffff;
    border-bottom: 1px solid #e5eaee;
}

.modal-title-group[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.modal-title-icon[b-z31hc5loud] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #93691b;
    background: #f7ecd2;
    border-radius: 8px;
    font-size: 17px;
}

.modal-title-group span[b-z31hc5loud] {
    display: block;
    margin-bottom: 3px;
    color: #b37e22;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal-title-group h2[b-z31hc5loud] {
    margin: 0;
    overflow-wrap: anywhere;
    color: #17232e;
    font-size: 19px;
}

.modal-close[b-z31hc5loud] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: #63717d;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
}

    .modal-close:hover[b-z31hc5loud] {
        background: #e7ecef;
    }

    .modal-close:disabled[b-z31hc5loud] {
        cursor: not-allowed;
        opacity: 0.6;
    }

.advisor-form[b-z31hc5loud] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modal-body[b-z31hc5loud] {
    min-height: 0;
    flex: 1;
    padding: 21px;
    overflow-x: hidden;
    overflow-y: auto;
}

.view-body[b-z31hc5loud] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.modal-footer[b-z31hc5loud] {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 21px;
    background: #ffffff;
    border-top: 1px solid #e5eaee;
}

.form-section[b-z31hc5loud] {
    margin-bottom: 25px;
}

    .form-section:last-of-type[b-z31hc5loud] {
        margin-bottom: 0;
    }

    .form-section h3[b-z31hc5loud],
    .detail-section h3[b-z31hc5loud],
    .notes-panel h3[b-z31hc5loud] {
        margin: 0 0 14px;
        padding-bottom: 8px;
        color: #815d1b;
        border-bottom: 1px solid #e8ecef;
        font-size: 12px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

.form-grid[b-z31hc5loud],
.detail-grid[b-z31hc5loud] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-field[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field-full[b-z31hc5loud],
.detail-item-full[b-z31hc5loud] {
    grid-column: 1 / -1;
}

.form-field label[b-z31hc5loud] {
    color: #3d4a55;
    font-size: 11px;
    font-weight: 700;
}

.form-field label span[b-z31hc5loud] {
    color: #c83b3b;
}

.form-control[b-z31hc5loud] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: #1f2b36;
    outline: none;
    background: #ffffff;
    border: 1px solid #cfd8de;
    border-radius: 6px;
    font-size: 12px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .form-control:focus[b-z31hc5loud] {
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.form-textarea[b-z31hc5loud] {
    min-height: 90px;
    resize: vertical;
    line-height: 1.55;
}

.notes-textarea[b-z31hc5loud] {
    min-height: 110px;
}

.validation-message[b-z31hc5loud] {
    color: #bb2f2f;
    font-size: 10px;
}

.validation-summary[b-z31hc5loud] {
    margin-bottom: 15px;
    color: #ae2f2f;
    font-size: 11px;
}

    .validation-summary:empty[b-z31hc5loud] {
        display: none;
    }

    .validation-summary ul[b-z31hc5loud] {
        margin: 0;
        padding: 10px 12px 10px 28px;
        background: #fff1f1;
        border: 1px solid #efc5c5;
        border-radius: 6px;
    }

.active-option[b-z31hc5loud] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 13px;
    color: #46535e;
    background: #fafbfc;
    border: 1px solid #dce3e8;
    border-radius: 7px;
}

.active-icon[b-z31hc5loud] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #976c1b;
    background: #f8edd3;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
}

.active-copy[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .active-copy strong[b-z31hc5loud] {
        color: #2d3944;
        font-size: 11px;
    }

    .active-copy span[b-z31hc5loud] {
        color: #818d97;
        font-size: 9px;
        line-height: 1.45;
    }

.active-checkbox[b-z31hc5loud] {
    width: 38px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: #c4902d;
}

.photo-form-section[b-z31hc5loud] {
    margin-bottom: 22px;
}

.photo-upload-panel[b-z31hc5loud] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 13px;
    background: #fafbfc;
    border: 1px solid #dfe6eb;
    border-radius: 8px;
}

.photo-preview[b-z31hc5loud] {
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    overflow: hidden;
    color: #ffffff;
    background: #132231;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 800;
}

.photo-preview img[b-z31hc5loud] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.photo-preview-empty[b-z31hc5loud] {
    background: #1e3040;
}

.photo-upload-copy[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 7px;
}

    .photo-upload-copy strong[b-z31hc5loud] {
        color: #25313b;
        font-size: 13px;
    }

    .photo-upload-copy > span[b-z31hc5loud] {
        color: #7d8993;
        font-size: 11px;
    }

.photo-upload-actions[b-z31hc5loud] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.photo-upload-button[b-z31hc5loud],
.photo-remove-button[b-z31hc5loud] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.photo-upload-button[b-z31hc5loud] {
    position: relative;
    color: #ffffff;
    background: #132231;
}

.photo-remove-button[b-z31hc5loud] {
    color: #a14343;
    background: #ffffff;
    border: 1px solid #e3c3c3;
}

.photo-upload-button:hover[b-z31hc5loud] {
    background: #243747;
}

.photo-remove-button:hover:not(:disabled)[b-z31hc5loud] {
    background: #fff0f0;
}

.photo-remove-button:disabled[b-z31hc5loud],
.photo-upload-button:has(.photo-input:disabled)[b-z31hc5loud] {
    cursor: not-allowed;
    opacity: 0.6;
}

.photo-input[b-z31hc5loud] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.advisor-summary[b-z31hc5loud] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    background: #f8fafb;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
}

.advisor-summary-avatar[b-z31hc5loud] {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    font-size: 15px;
}

.advisor-summary-copy[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .advisor-summary-copy h3[b-z31hc5loud] {
        margin: 0;
        overflow-wrap: anywhere;
        color: #192631;
        font-size: 20px;
    }

.advisor-detail-layout[b-z31hc5loud] {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    align-items: flex-start;
    gap: 22px;
}

.advisor-detail-photo-panel[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.advisor-detail-photo-frame[b-z31hc5loud] {
    width: clamp(220px, 22vw, 300px);
    max-width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #f3f6f9;
    border: 1px solid #d9e1e8;
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(21, 32, 44, 0.08);
}

.advisor-detail-photo-frame img[b-z31hc5loud] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 20%;
}

.advisor-detail-photo-placeholder[b-z31hc5loud] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient(145deg, #132231, #263b4e);
}

    .advisor-detail-photo-placeholder span[b-z31hc5loud] {
        width: 86px;
        height: 86px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 50%;
        font-size: 28px;
        font-weight: 800;
    }

.advisor-detail-identity[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .advisor-detail-identity h3[b-z31hc5loud] {
        margin: 0;
        overflow-wrap: anywhere;
        color: #192631;
        font-size: 22px;
        line-height: 1.2;
    }

.advisor-detail-content[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-section[b-z31hc5loud] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-item[b-z31hc5loud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
}

.notes-panel[b-z31hc5loud] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.notes-content[b-z31hc5loud] {
    min-height: 160px;
    padding: 15px;
    color: #4e5c67;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.confirmation-modal[b-z31hc5loud] {
    width: min(100%, 420px);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 27px 25px 22px;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
    text-align: center;
}

    .confirmation-modal h2[b-z31hc5loud] {
        margin: 0 0 9px;
        color: #17232e;
        font-size: 20px;
    }

    .confirmation-modal p[b-z31hc5loud] {
        margin: 0;
        color: #6b7782;
        font-size: 13px;
        line-height: 1.55;
    }

    .confirmation-modal > strong[b-z31hc5loud] {
        margin-top: 8px;
        color: #25323d;
        font-size: 13px;
    }

.confirmation-icon[b-z31hc5loud] {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.confirmation-danger[b-z31hc5loud] {
    color: #b23e3e;
    background: #fbe8e8;
}

.confirmation-success[b-z31hc5loud] {
    color: #17744a;
    background: #e6f7ee;
}

.confirmation-actions[b-z31hc5loud] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-top: 21px;
}

@media (min-width: 1540px) {
    .advisor-grid[b-z31hc5loud] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 701px) and (max-width: 1179px) {
    .advisor-grid[b-z31hc5loud] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .advisor-detail-layout[b-z31hc5loud] {
        grid-template-columns: 1fr;
    }

    .advisor-detail-photo-panel[b-z31hc5loud],
    .advisor-detail-identity[b-z31hc5loud] {
        align-items: center;
        text-align: center;
    }

    .advisor-detail-photo-frame[b-z31hc5loud] {
        width: min(260px, 80vw);
        margin-inline: auto;
    }
}

@media (max-width: 1100px) {
    .summary-grid[b-z31hc5loud] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .list-toolbar[b-z31hc5loud] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-control[b-z31hc5loud] {
        max-width: none;
    }

    .toolbar-filters[b-z31hc5loud] {
        flex-wrap: wrap;
    }

    .toolbar-count[b-z31hc5loud] {
        align-self: flex-start;
    }
}

@media (max-width: 700px) {
    .summary-grid[b-z31hc5loud],
    .form-grid[b-z31hc5loud],
    .detail-grid[b-z31hc5loud],
    .advisor-info-grid[b-z31hc5loud] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-z31hc5loud],
    .detail-item-full[b-z31hc5loud],
    .advisor-info-wide[b-z31hc5loud] {
        grid-column: auto;
    }

    .module-header[b-z31hc5loud],
    .module-actions[b-z31hc5loud],
    .toolbar-filters[b-z31hc5loud] {
        align-items: stretch;
        flex-direction: column;
    }

        .module-actions .button[b-z31hc5loud],
        .toolbar-filters .button[b-z31hc5loud],
        .toolbar-filters .filter-select[b-z31hc5loud] {
            width: 100%;
        }

    .search-control[b-z31hc5loud] {
        min-width: 0;
    }

    .advisor-grid[b-z31hc5loud] {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .advisor-card[b-z31hc5loud] {
        min-height: 0;
    }

    .advisor-card-header[b-z31hc5loud] {
        grid-template-columns: auto minmax(0, 1fr);
    }

        .advisor-card-header .status-badge[b-z31hc5loud] {
            grid-column: 1 / -1;
            justify-self: flex-start;
        }

    .modal-overlay[b-z31hc5loud] {
        padding: 7px;
    }

    .advisor-modal[b-z31hc5loud] {
        max-height: calc(100vh - 14px);
    }

    .modal-header[b-z31hc5loud] {
        align-items: flex-start;
    }

    .modal-footer[b-z31hc5loud],
    .confirmation-actions[b-z31hc5loud] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

        .modal-footer .button[b-z31hc5loud],
        .confirmation-actions .button[b-z31hc5loud] {
            width: 100%;
        }

    .advisor-summary[b-z31hc5loud] {
        align-items: flex-start;
    }

    .photo-upload-panel[b-z31hc5loud] {
        align-items: flex-start;
        flex-direction: column;
    }

    .photo-preview[b-z31hc5loud] {
        width: 84px;
        height: 84px;
    }
}

/* =========================================================
   ASE-COM01A - PORCENTAJE DEL ASESOR
   ========================================================= */

.advisor-commission-control[b-z31hc5loud] {
    position: relative;
    display: flex;
    align-items: center;
}

.advisor-commission-input[b-z31hc5loud] {
    padding-right: 3rem;
}

.advisor-commission-symbol[b-z31hc5loud] {
    position: absolute;
    right: 1rem;
    color: #a76f12;
    font-weight: 850;
    pointer-events: none;
}

.advisor-commission-help[b-z31hc5loud] {
    display: block;
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.45;
}

/* =========================================================
   ASE-COM01F - MODAL SIN CORTES
   ========================================================= */

/*
   Estructura final:
   - Encabezado fijo.
   - Cuerpo desplazable.
   - Footer fijo y siempre visible.
   - Comisión y Observaciones en una rejilla de dos columnas.
   - Ningún recuadro puede quedar debajo del footer.
*/

.modal-overlay:has(> .advisor-modal:not(.view-modal))[b-z31hc5loud] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.65rem !important;
    overflow: hidden !important;
}

.advisor-modal:not(.view-modal)[b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: min(96vw, 64rem) !important;
    height: calc(100dvh - 1.3rem) !important;
    max-height: calc(100dvh - 1.3rem) !important;
    overflow: hidden !important;
}

.advisor-modal:not(.view-modal) > .modal-header[b-z31hc5loud] {
    flex: 0 0 auto !important;
}

.advisor-modal:not(.view-modal) > .advisor-form[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.advisor-modal:not(.view-modal) > .advisor-form > .modal-body[b-z31hc5loud] {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 1.5rem !important;
    scroll-padding-bottom: 2rem !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.advisor-modal:not(.view-modal) > .advisor-form > .modal-footer[b-z31hc5loud] {
    position: relative !important;
    z-index: 30 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
}

.advisor-bottom-grid[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 1.75rem !important;
    padding: 0 0 0.75rem !important;
    scroll-margin-bottom: 2rem !important;
}

.advisor-bottom-grid > .advisor-commission-section[b-z31hc5loud],
.advisor-bottom-grid > .advisor-notes-section[b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 10.5rem !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 1rem !important;
    overflow: visible !important;
    border: 1px solid #d8dee8 !important;
    border-radius: 0.75rem !important;
    background: #fbfcfe !important;
}

.advisor-bottom-grid > .advisor-commission-section > h3[b-z31hc5loud],
.advisor-bottom-grid > .advisor-notes-section > h3[b-z31hc5loud] {
    margin: 0 0 0.8rem !important;
    padding: 0 0 0.6rem !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.advisor-bottom-grid .form-grid[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
}

.advisor-bottom-grid .form-field[b-z31hc5loud],
.advisor-bottom-grid .form-field-full[b-z31hc5loud],
.advisor-bottom-grid .advisor-commission-control[b-z31hc5loud],
.advisor-bottom-grid .advisor-commission-input[b-z31hc5loud] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.advisor-notes-section .form-field[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.advisor-notes-section textarea[b-z31hc5loud],
.advisor-notes-section .notes-textarea[b-z31hc5loud] {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 6.5rem !important;
    max-height: 12rem !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

/* Espacio final real dentro del área desplazable. */
.advisor-modal:not(.view-modal) > .advisor-form > .modal-body[b-z31hc5loud]::after {
    display: block;
    height: 0.75rem;
    content: "";
}

@media (max-width: 860px) {
    .advisor-bottom-grid[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .advisor-modal:not(.view-modal)[b-z31hc5loud] {
        width: 98vw !important;
    }
}

@media (max-height: 760px) {
    .modal-overlay:has(> .advisor-modal:not(.view-modal))[b-z31hc5loud] {
        align-items: flex-start !important;
        padding: 0.35rem !important;
    }

    .advisor-modal:not(.view-modal)[b-z31hc5loud] {
        height: calc(100dvh - 0.7rem) !important;
        max-height: calc(100dvh - 0.7rem) !important;
    }
}

/* =========================================================
   ASE-COM01G - MODAL MAS COMPACTO
   ========================================================= */

/*
   Reduce el tamaño general del modal sin perder contenido.
   El encabezado y el footer permanecen visibles.
   El cuerpo continúa desplazándose cuando sea necesario.
*/

.modal-overlay:has(> .advisor-modal:not(.view-modal))[b-z31hc5loud] {
    padding: 1rem !important;
}

.advisor-modal:not(.view-modal)[b-z31hc5loud] {
    width: min(92vw, 50rem) !important;
    height: auto !important;
    max-height: 88dvh !important;
}

.advisor-modal:not(.view-modal) > .advisor-form[b-z31hc5loud] {
    min-height: 0 !important;
}

.advisor-modal:not(.view-modal) > .advisor-form > .modal-body[b-z31hc5loud] {
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 0.9rem 1rem 1.15rem !important;
}

.advisor-modal:not(.view-modal) > .advisor-form > .modal-footer[b-z31hc5loud] {
    flex: 0 0 auto !important;
    padding: 0.75rem 1rem !important;
}

.advisor-modal:not(.view-modal) > .modal-header[b-z31hc5loud] {
    padding: 0.85rem 1rem !important;
}

.advisor-bottom-grid[b-z31hc5loud] {
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
}

.advisor-bottom-grid > .advisor-commission-section[b-z31hc5loud],
.advisor-bottom-grid > .advisor-notes-section[b-z31hc5loud] {
    min-height: 9rem !important;
    padding: 0.85rem !important;
}

.advisor-notes-section textarea[b-z31hc5loud],
.advisor-notes-section .notes-textarea[b-z31hc5loud] {
    min-height: 5.5rem !important;
}

@media (max-width: 860px) {
    .advisor-modal:not(.view-modal)[b-z31hc5loud] {
        width: 96vw !important;
        max-height: 92dvh !important;
    }

    .advisor-bottom-grid[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-height: 760px) {
    .advisor-modal:not(.view-modal)[b-z31hc5loud] {
        max-height: calc(100dvh - 1rem) !important;
    }
}

/* =========================================================
   ASE-COM01H - SOLO MODAL EDITAR
   ========================================================= */

/*
   Estas reglas se aplican únicamente cuando el formulario está
   en modo Editar. El modal Nuevo asesor conserva exactamente
   el tamaño y comportamiento visual que ya tiene.
*/

.advisor-modal[data-advisor-mode="edit"][b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: min(94vw, 52rem) !important;
    height: calc(100dvh - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    overflow: hidden !important;
}

.advisor-modal[data-advisor-mode="edit"] > .modal-header[b-z31hc5loud] {
    flex: 0 0 auto !important;
}

.advisor-modal[data-advisor-mode="edit"] > .advisor-form[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.advisor-modal[data-advisor-mode="edit"] > .advisor-form > .modal-body[b-z31hc5loud] {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 2rem !important;
    scroll-padding-bottom: 2.5rem !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.advisor-modal[data-advisor-mode="edit"] > .advisor-form > .modal-footer[b-z31hc5loud] {
    position: relative !important;
    z-index: 40 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
}

.advisor-modal[data-advisor-mode="edit"] .advisor-bottom-grid[b-z31hc5loud] {
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.75rem !important;
    scroll-margin-bottom: 2rem !important;
}

.advisor-modal[data-advisor-mode="edit"] .advisor-commission-section[b-z31hc5loud],
.advisor-modal[data-advisor-mode="edit"] .advisor-notes-section[b-z31hc5loud] {
    min-height: 9.5rem !important;
    overflow: visible !important;
}

.advisor-modal[data-advisor-mode="edit"] .advisor-notes-section textarea[b-z31hc5loud],
.advisor-modal[data-advisor-mode="edit"] .advisor-notes-section .notes-textarea[b-z31hc5loud] {
    min-height: 6rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-height: 760px) {
    .advisor-modal[data-advisor-mode="edit"][b-z31hc5loud] {
        height: calc(100dvh - 0.5rem) !important;
        max-height: calc(100dvh - 0.5rem) !important;
    }
}

/* =========================================================
   ASE-COM01I - SCROLL VISIBLE SOLO EDITAR
   ========================================================= */

/*
   Exclusivo de Editar asesor.
   Nuevo asesor no coincide con data-advisor-mode="edit".
*/

.modal-overlay:has(.advisor-modal[data-advisor-mode="edit"])[b-z31hc5loud] {
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem !important;
    overflow: hidden !important;
}

.advisor-modal[data-advisor-mode="edit"][b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: min(94vw, 52rem) !important;
    height: calc(100dvh - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    overflow: hidden !important;
}

.advisor-modal[data-advisor-mode="edit"] > .modal-header[b-z31hc5loud] {
    flex: 0 0 auto !important;
}

.advisor-modal[data-advisor-mode="edit"] .advisor-form[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud] {
    display: block !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding-bottom: 2rem !important;
    scroll-padding-bottom: 2.5rem !important;
    scrollbar-gutter: stable !important;
    overscroll-behavior: contain;
    touch-action: pan-y;
}

.advisor-modal[data-advisor-mode="edit"] .modal-footer[b-z31hc5loud] {
    position: relative !important;
    z-index: 50 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.08);
}

/* Barra visible en Chrome y navegadores basados en Chromium. */
.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud]::-webkit-scrollbar {
    width: 12px;
}

.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 999px;
}

.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud]::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border: 3px solid #f1f5f9;
    border-radius: 999px;
}

.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud]::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Firefox. */
.advisor-modal[data-advisor-mode="edit"] .modal-body[b-z31hc5loud] {
    scrollbar-width: auto;
    scrollbar-color: #94a3b8 #f1f5f9;
}

.advisor-modal[data-advisor-mode="edit"] .advisor-bottom-grid[b-z31hc5loud] {
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.75rem !important;
}

.advisor-modal[data-advisor-mode="edit"] .advisor-commission-section[b-z31hc5loud],
.advisor-modal[data-advisor-mode="edit"] .advisor-notes-section[b-z31hc5loud] {
    overflow: visible !important;
}

@media (max-height: 760px) {
    .modal-overlay:has(.advisor-modal[data-advisor-mode="edit"])[b-z31hc5loud] {
        align-items: flex-start !important;
        padding: 0.25rem !important;
    }

    .advisor-modal[data-advisor-mode="edit"][b-z31hc5loud] {
        height: calc(100dvh - 0.5rem) !important;
        max-height: calc(100dvh - 0.5rem) !important;
    }
}

/* =========================================================
   ASE-COM01K - SCROLL REAL SOLO EDITAR
   ========================================================= */

/*
   Corrección puntual:
   el propio modal Editar asesor es el contenedor desplazable.
   No depende de la altura interna de EditForm ni de modal-body.
   Nuevo asesor no coincide con .advisor-edit-modal.
*/

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
    display: block !important;
    width: min(94vw, 52rem) !important;
    height: auto !important;
    max-height: calc(100dvh - 1rem) !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable !important;
    touch-action: pan-y;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal > .modal-header[b-z31hc5loud] {
    position: static !important;
    display: flex !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal > .advisor-form[b-z31hc5loud] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal .modal-body[b-z31hc5loud] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding-bottom: 1.5rem !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal .modal-footer[b-z31hc5loud] {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar {
    width: 12px;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-track {
    background: #eef2f6;
    border-radius: 999px;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-thumb {
    background: #8795a8;
    border: 3px solid #eef2f6;
    border-radius: 999px;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-thumb:hover {
    background: #5f6f84;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
    scrollbar-width: auto;
    scrollbar-color: #8795a8 #eef2f6;
}

@media (max-height: 760px) {
    html body .modal-overlay .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
        max-height: calc(100dvh - 0.5rem) !important;
    }
}

/* =========================================================
   ASE-COM01L - BOTONES MAS CERCA DE NOTAS
   ========================================================= */

/*
   Exclusivo del modal Editar asesor.
   Reduce solamente el espacio entre los recuadros inferiores
   y los botones Cancelar / Guardar asesor.
*/

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-form .modal-body[b-z31hc5loud] {
    padding-bottom: 0.35rem !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-bottom-grid[b-z31hc5loud] {
    margin-bottom: 0.25rem !important;
    padding-bottom: 0 !important;
    scroll-margin-bottom: 0.5rem !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-form .modal-footer[b-z31hc5loud] {
    margin-top: 0 !important;
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
    min-height: 3.35rem !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-form .modal-body[b-z31hc5loud]::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

/* =========================================================
   ASE-COM01M - CODIGO A LA DERECHA
   ========================================================= */

/*
   Solo aparece en Editar asesor porque la sección se renderiza
   dentro de @if (!esNuevo).
*/

.advisor-internal-id-section[b-z31hc5loud] {
    padding-bottom: 0.75rem !important;
}

.advisor-internal-id-header[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 24rem) !important;
    align-items: end !important;
    gap: 1rem !important;
    width: 100% !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.advisor-internal-id-title[b-z31hc5loud] {
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.advisor-internal-code-field[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: auto minmax(12rem, 1fr) !important;
    align-items: center !important;
    justify-self: end !important;
    gap: 0.65rem !important;
    width: 100% !important;
    min-width: 0 !important;
}

.advisor-internal-code-field label[b-z31hc5loud] {
    margin: 0 !important;
    white-space: nowrap !important;
}

.advisor-internal-code-field .form-control[b-z31hc5loud] {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 720px) {
    .advisor-internal-id-header[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
    }

    .advisor-internal-code-field[b-z31hc5loud] {
        justify-self: stretch !important;
    }
}

/* =========================================================
   ASE-COM01N - INFORMACION PERSONAL MAS ARRIBA
   ========================================================= */

/*
   Exclusivo del modal Editar asesor.
   Reduce el espacio vertical debajo de Identificación interna
   para que Información personal quede más arriba.
*/

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-internal-id-section[b-z31hc5loud] {
    margin-bottom: 0 !important;
    padding-bottom: 0.2rem !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-internal-id-header[b-z31hc5loud] {
    padding-bottom: 0.3rem !important;
    margin-bottom: 0 !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-internal-id-section + .form-section[b-z31hc5loud] {
    margin-top: -0.45rem !important;
    padding-top: 0 !important;
}

html body .modal-overlay .advisor-modal.advisor-edit-modal
.advisor-internal-id-section + .form-section > h3[b-z31hc5loud] {
    margin-top: 0 !important;
}

/* =========================================================
   ASE-COM01O - SIN TEXTO IDENTIFICACION INTERNA
   ========================================================= */

.advisor-internal-id-header[b-z31hc5loud] {
    grid-template-columns: minmax(17rem, 24rem) !important;
    justify-content: end !important;
}

.advisor-internal-code-field[b-z31hc5loud] {
    grid-column: 1 !important;
    justify-self: end !important;
}

/* =========================================================
   ASE-NAV01 V3 - NUEVO ASESOR EN NUEVA PESTANA
   ========================================================= */

.asesores-new-tab-link[b-z31hc5loud] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    text-decoration: none !important;
    cursor: pointer;
}

.asesores-new-tab-link:hover[b-z31hc5loud],
.asesores-new-tab-link:focus[b-z31hc5loud] {
    text-decoration: none !important;
}
/* =========================================================
   ASE-NAV02 V3 - NUEVO ASESOR PAGINA COMPLETA
   ========================================================= */

.modal-overlay[data-advisor-create-page="true"][b-z31hc5loud] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2500 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f4f6f9 !important;
    backdrop-filter: none !important;
}

.modal-overlay[data-advisor-create-page="true"][b-z31hc5loud]::before {
    display: none !important;
    content: none !important;
}

.advisor-modal[data-advisor-create-page="true"][b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f4f6f9 !important;
    box-shadow: none !important;
}

.advisor-modal[data-advisor-create-page="true"] > .modal-header[b-z31hc5loud] {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 1rem max(1.25rem, calc((100vw - 74rem) / 2)) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e3e8ef !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.advisor-modal[data-advisor-create-page="true"] > .advisor-form[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-body[b-z31hc5loud] {
    display: block !important;
    width: min(100%, 74rem) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 1.25rem 1.5rem 2rem !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 30 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0.8rem max(1.5rem, calc((100vw - 74rem) / 2 + 1.5rem)) !important;
    background: #ffffff !important;
    border-top: 1px solid #e3e8ef !important;
    box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.05);
}

.advisor-modal[data-advisor-create-page="true"]
.form-section[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.upload-box[b-z31hc5loud] {
    background: #ffffff !important;
}

@media (max-width: 860px) {
    .advisor-modal[data-advisor-create-page="true"] > .modal-header[b-z31hc5loud],
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-body[b-z31hc5loud],
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}
/* =========================================================
   ASE-COM02A - DIRECTA E INDIRECTA
   ========================================================= */

.advisor-commission-percentages[b-z31hc5loud] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    width: 100%;
    min-width: 0;
}

.advisor-commission-option[b-z31hc5loud] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
    padding: 0.75rem;
    box-sizing: border-box;
    border: 1px solid #e0e6ee;
    border-radius: 0.6rem;
    background: #ffffff;
}

.advisor-commission-option label[b-z31hc5loud] {
    font-weight: 750;
}

.advisor-commission-option label span[b-z31hc5loud] {
    color: #cf3d3d;
}

.advisor-commission-option .advisor-commission-control[b-z31hc5loud],
.advisor-commission-option .advisor-commission-input[b-z31hc5loud] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ASE-NAV03 - PAGINA NUEVO ASESOR REORGANIZADA
   ========================================================= */

/*
   Exclusivo de /asesores?nuevo=1.
   No toca el modal Editar asesor.
*/

.modal-overlay[data-advisor-create-page="true"][b-z31hc5loud] {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f3f5f8 !important;
}

.advisor-modal[data-advisor-create-page="true"][b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f3f5f8 !important;
    box-shadow: none !important;
}

.advisor-modal[data-advisor-create-page="true"] > .modal-header[b-z31hc5loud] {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.9rem max(1rem, calc((100vw - 76rem) / 2)) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e1e6ed !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

.advisor-modal[data-advisor-create-page="true"] > .advisor-form[b-z31hc5loud] {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-body[b-z31hc5loud] {
    display: block !important;
    width: min(100%, 76rem) !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 1rem 1.25rem 1.5rem !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    position: static !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: min(100%, 76rem) !important;
    margin: 0 auto !important;
    padding: 0.85rem 1.25rem 1rem !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud]::before {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background: #e1e6ed;
    content: "";
}

.advisor-modal[data-advisor-create-page="true"]
.form-section[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.upload-box[b-z31hc5loud] {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 0.85rem !important;
    padding: 0.9rem 1rem !important;
    overflow: visible !important;
    border: 1px solid #dfe5ed !important;
    border-radius: 0.7rem !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

.advisor-modal[data-advisor-create-page="true"]
.form-section > h3[b-z31hc5loud] {
    margin: 0 0 0.75rem !important;
    padding: 0 0 0.55rem !important;
    border-bottom: 1px solid #e8ecf1 !important;
}

.advisor-modal[data-advisor-create-page="true"]
.form-grid[b-z31hc5loud] {
    gap: 0.75rem 1rem !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-bottom-grid[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-bottom-grid > .advisor-commission-section[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-bottom-grid > .advisor-notes-section[b-z31hc5loud] {
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0.9rem 1rem !important;
    overflow: visible !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-commission-percentages[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-commission-option[b-z31hc5loud] {
    min-height: 8.75rem !important;
    padding: 0.75rem !important;
    overflow: visible !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-notes-section textarea[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-notes-section .notes-textarea[b-z31hc5loud] {
    min-height: 8.75rem !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-commission-control[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-commission-input[b-z31hc5loud] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.advisor-modal[data-advisor-create-page="true"]
.modal-body[b-z31hc5loud]::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

@media (max-width: 980px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-bottom-grid[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 760px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-commission-percentages[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-body[b-z31hc5loud],
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }
}

/* =========================================================
   ASE-NAV04 - BOTONES CERCA DE OBSERVACIONES
   ========================================================= */

/*
   Exclusivo de la página /asesores?nuevo=1.
   El formulario deja de estirarse hasta el fondo de la pantalla
   y el footer queda inmediatamente después de Comisión/Notas.
*/

.advisor-modal[data-advisor-create-page="true"][b-z31hc5loud] {
    min-height: auto !important;
}

.advisor-modal[data-advisor-create-page="true"]
> .advisor-form[b-z31hc5loud] {
    display: block !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-body[b-z31hc5loud] {
    padding-bottom: 0.25rem !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-bottom-grid[b-z31hc5loud] {
    margin-bottom: 0.2rem !important;
    padding-bottom: 0 !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    position: static !important;
    width: min(100%, 76rem) !important;
    margin: 0 auto !important;
    padding: 0.4rem 1.25rem 0.7rem !important;
    background: #f3f5f8 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud]::before {
    display: none !important;
    content: none !important;
}

.advisor-modal[data-advisor-create-page="true"]
.modal-body[b-z31hc5loud]::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

@media (max-width: 760px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }
}

/* =========================================================
   ASE-NAV05 - BOTONES EN LA PARTE SUPERIOR
   ========================================================= */

/*
   Exclusivo de /asesores?nuevo=1.
   Cancelar y Guardar asesor quedan en la franja superior,
   inmediatamente a la izquierda del botón de cerrar.
*/

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    position: fixed !important;
    top: 0.55rem !important;
    right: max(4.7rem, calc((100vw - 76rem) / 2 + 4.7rem)) !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 90 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud]::before {
    display: none !important;
    content: none !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer .button[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer button[b-z31hc5loud] {
    min-height: 2.3rem !important;
    padding: 0.5rem 0.95rem !important;
    white-space: nowrap !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-body[b-z31hc5loud] {
    padding-bottom: 1rem !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-bottom-grid[b-z31hc5loud] {
    margin-bottom: 0.75rem !important;
}

/* Elimina el espacio inferior reservado para el footer anterior. */
.advisor-modal[data-advisor-create-page="true"]
.modal-body[b-z31hc5loud]::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

@media (max-width: 760px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        top: 0.45rem !important;
        right: 3.8rem !important;
        gap: 0.3rem !important;
    }

    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer .button[b-z31hc5loud],
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer button[b-z31hc5loud] {
        min-height: 2.15rem !important;
        padding: 0.4rem 0.65rem !important;
        font-size: 0.78rem !important;
    }
}

/* =========================================================
   ASE-NAV06 - BOTONES CENTRADOS EN LA FRANJA
   ========================================================= */

/*
   Exclusivo de /asesores?nuevo=1.
   El footer ocupa exactamente la altura de la franja superior
   y centra los botones verticalmente, a la izquierda de la X.
*/

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    top: 0 !important;
    right: max(4.7rem, calc((100vw - 76rem) / 2 + 4.7rem)) !important;
    height: 3.25rem !important;
    min-height: 3.25rem !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    transform: translateY(0.18rem) !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer .button[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer button[b-z31hc5loud] {
    margin: 0 !important;
}

@media (max-width: 760px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        top: 0 !important;
        right: 3.8rem !important;
        height: 3.25rem !important;
        min-height: 3.25rem !important;
        transform: translateY(0.12rem) !important;
    }
}

/* =========================================================
   ASE-NAV07 - ALINEACION FINAL DE BOTONES
   ========================================================= */

/*
   Ajuste puntual:
   baja el grupo de botones y elimina el desplazamiento previo.
   Quedan centrados verticalmente respecto al icono de cerrar.
*/

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    top: 0.55rem !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    align-items: center !important;
}

.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer .button[b-z31hc5loud],
.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer button[b-z31hc5loud] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        top: 0.48rem !important;
        transform: none !important;
    }
}

/* =========================================================
   ASE-NAV08 - BAJAR BOTONES 20PX
   ========================================================= */

/*
   Ajuste puntual final:
   NAV07 conservó prácticamente la misma altura anterior.
   Esta regla baja realmente el grupo de botones para alinearlo
   con el centro visual del icono de cerrar.
*/

html body
.advisor-modal[data-advisor-create-page="true"]
.advisor-form > .modal-footer[b-z31hc5loud] {
    top: 1.75rem !important;
    transform: none !important;
}

@media (max-width: 760px) {
    html body
    .advisor-modal[data-advisor-create-page="true"]
    .advisor-form > .modal-footer[b-z31hc5loud] {
        top: 1.45rem !important;
        transform: none !important;
    }
}

/* =========================================================
   ASE-COM02B - COMISIONES EN LA FICHA DEL ASESOR
   ========================================================= */

.advisor-card-commission-summary[b-z31hc5loud] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    width: 100%;
    margin: 0.55rem 0 0.65rem;
    padding: 0.5rem;
    box-sizing: border-box;
    border-top: 1px solid #e7ebf0;
    border-bottom: 1px solid #e7ebf0;
    background: #fbfcfd;
}

.advisor-card-commission-item[b-z31hc5loud] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.45rem 0.55rem;
    border: 1px solid #e0e6ed;
    border-radius: 0.5rem;
    background: #ffffff;
}

.advisor-card-commission-item span[b-z31hc5loud] {
    overflow: hidden;
    color: #6a7789;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advisor-card-commission-item strong[b-z31hc5loud] {
    color: #14253a;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.15;
    white-space: nowrap;
}

.advisor-card-commission-item--direct[b-z31hc5loud] {
    border-left: 3px solid #d39a27;
}

.advisor-card-commission-item--direct strong[b-z31hc5loud] {
    color: #a66f05;
}

.advisor-card-commission-item--indirect[b-z31hc5loud] {
    border-left: 3px solid #2f7ea8;
}

.advisor-card-commission-item--indirect strong[b-z31hc5loud] {
    color: #236987;
}

@media (max-width: 520px) {
    .advisor-card-commission-summary[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================
   ASE-NAV09 V3 - EDITAR EN NUEVA PESTANA
   ========================================================= */

.advisor-edit-new-tab-link[b-z31hc5loud] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    cursor: pointer;
}

.advisor-edit-new-tab-link:hover[b-z31hc5loud],
.advisor-edit-new-tab-link:focus[b-z31hc5loud] {
    text-decoration: none !important;
}

/* =========================================================
   ASE-NAV10 - EDITAR ASESOR EN UNA SOLA PAGINA
   ========================================================= */

/*
   Exclusivo de /asesores?editar=ID.
   Reorganiza la página de edición sin alterar Nuevo asesor.
*/

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal[b-z31hc5loud] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100dvh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f3f5f8 !important;
    box-shadow: none !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal > .modal-header[b-z31hc5loud] {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    display: grid !important;
    grid-template-columns: minmax(18rem, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 4rem !important;
    padding: 0.75rem max(1rem, calc((100vw - 86rem) / 2)) !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e1e6ed !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal > .modal-header h2[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal > .modal-header h3[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal > .modal-header .modal-title[b-z31hc5loud] {
    width: auto !important;
    min-width: 12rem !important;
    max-width: none !important;
    margin: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal > .advisor-form[b-z31hc5loud] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-form > .modal-body[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.8rem 1rem !important;
    width: min(100%, 86rem) !important;
    max-width: 86rem !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 1rem 1.25rem 0.65rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.modal-body > .form-section[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.modal-body > .upload-box[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.modal-body > .advisor-bottom-grid[b-z31hc5loud] {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    overflow: visible !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.modal-body > .form-section:first-of-type[b-z31hc5loud] {
    grid-column: 1 / -1 !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-internal-id-section[b-z31hc5loud] {
    grid-column: 1 / -1 !important;
    padding: 0.55rem 0.8rem !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-edit-personal-section[b-z31hc5loud] {
    grid-column: 1 !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-edit-contact-section[b-z31hc5loud] {
    grid-column: 2 !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-edit-location-section[b-z31hc5loud] {
    grid-column: 1 / -1 !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-bottom-grid[b-z31hc5loud] {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.form-section[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.upload-box[b-z31hc5loud] {
    padding: 0.75rem 0.9rem !important;
    border: 1px solid #dfe5ed !important;
    border-radius: 0.7rem !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.form-section > h3[b-z31hc5loud] {
    margin: 0 0 0.55rem !important;
    padding: 0 0 0.45rem !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.form-grid[b-z31hc5loud] {
    gap: 0.55rem 0.8rem !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-commission-percentages[b-z31hc5loud] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-commission-option[b-z31hc5loud] {
    min-height: 7.25rem !important;
    padding: 0.65rem !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-notes-section textarea[b-z31hc5loud],
html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-notes-section .notes-textarea[b-z31hc5loud] {
    min-height: 7.25rem !important;
    max-height: none !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.advisor-form > .modal-footer[b-z31hc5loud] {
    position: sticky !important;
    right: auto !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 70 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.55rem !important;
    width: 100% !important;
    min-height: 3.5rem !important;
    margin: 0 !important;
    padding: 0.55rem max(1.25rem, calc((100vw - 86rem) / 2 + 1.25rem)) !important;
    transform: none !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-top: 1px solid #e1e6ed !important;
    box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.05) !important;
}

html body
.modal-overlay[data-advisor-create-page="true"]
.advisor-modal.advisor-edit-modal
.modal-body[b-z31hc5loud]::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

@media (max-width: 1100px) {
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-edit-personal-section[b-z31hc5loud],
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-edit-contact-section[b-z31hc5loud],
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-edit-location-section[b-z31hc5loud],
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-bottom-grid[b-z31hc5loud] {
        grid-column: 1 !important;
    }
}

@media (max-width: 760px) {
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-bottom-grid[b-z31hc5loud],
    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-commission-percentages[b-z31hc5loud] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* =========================================================
   ASE-NAV11 - SCROLL INTERNO SOLO AL MINIMIZAR
   ========================================================= */

/*
   En altura normal la página Editar asesor conserva el diseño actual.
   Cuando el navegador baja a 820px de alto o menos:
   - la página queda limitada al alto visible;
   - el cuerpo obtiene desplazamiento vertical interno;
   - el encabezado y los botones permanecen visibles.
*/

@media (max-height: 820px) {
    html body
    .modal-overlay[data-advisor-create-page="true"]:has(
        .advisor-modal.advisor-edit-modal
    )[b-z31hc5loud] {
        position: fixed !important;
        inset: 0 !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal > .modal-header[b-z31hc5loud] {
        position: relative !important;
        top: auto !important;
        flex: 0 0 auto !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal > .advisor-form[b-z31hc5loud] {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud] {
        display: grid !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-gutter: stable !important;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-footer[b-z31hc5loud] {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        flex: 0 0 auto !important;
        transform: none !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud]::-webkit-scrollbar {
        width: 12px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud]::-webkit-scrollbar-track {
        background: #eef2f6;
        border-radius: 999px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud]::-webkit-scrollbar-thumb {
        background: #8795a8;
        border: 3px solid #eef2f6;
        border-radius: 999px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud]::-webkit-scrollbar-thumb:hover {
        background: #5f6f84;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud] {
        scrollbar-width: auto;
        scrollbar-color: #8795a8 #eef2f6;
    }
}

/* =========================================================
   ASE-NAV12 - SCROLL FORZADO EN EL CONTENEDOR EDITAR
   ========================================================= */

/*
   NAV11 intentó desplazar solamente .modal-body.
   La estructura actual mantiene reglas que impiden que ese
   cuerpo reduzca su altura. Esta fase coloca el scroll en el
   propio contenedor de Editar asesor, donde sí es visible.
*/

@media (max-height: 900px) {
    html[b-z31hc5loud],
    body[b-z31hc5loud] {
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"][b-z31hc5loud] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
        display: block !important;
        width: 100% !important;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        scrollbar-gutter: stable !important;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal > .modal-header[b-z31hc5loud] {
        position: sticky !important;
        top: 0 !important;
        z-index: 90 !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal > .advisor-form[b-z31hc5loud] {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-body[b-z31hc5loud] {
        display: grid !important;
        width: min(100%, 86rem) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 4.5rem !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal
    .advisor-form > .modal-footer[b-z31hc5loud] {
        position: sticky !important;
        right: auto !important;
        bottom: 0 !important;
        left: auto !important;
        z-index: 90 !important;
        width: 100% !important;
        transform: none !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar {
        width: 13px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-track {
        background: #eef2f6;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-thumb {
        background: #7c8da3;
        border: 3px solid #eef2f6;
        border-radius: 999px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud]::-webkit-scrollbar-thumb:hover {
        background: #55677e;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    .advisor-modal.advisor-edit-modal[b-z31hc5loud] {
        scrollbar-width: auto;
        scrollbar-color: #7c8da3 #eef2f6;
    }
}

/* =========================================================
   ASE-NAV13 V2 - SCROLL REAL EN NUEVO ASESOR
   ========================================================= */

/*
   Exclusivo de /asesores?nuevo=1.
   La clase advisor-new-modal existe en Asesores.razor.
   El propio contenedor Nuevo asesor se convierte en el área
   desplazable cuando la altura visible es 900px o menor.
*/

@media (max-height: 900px) {
    html body
    .modal-overlay[data-advisor-create-page="true"]:has(
        > .advisor-modal.advisor-new-modal
    )[b-z31hc5loud] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud] {
        display: block !important;
        width: 100% !important;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        scrollbar-gutter: stable !important;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal
    > .modal-header[b-z31hc5loud] {
        position: sticky !important;
        top: 0 !important;
        z-index: 120 !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal
    > .advisor-form[b-z31hc5loud] {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal
    > .advisor-form
    > .modal-body[b-z31hc5loud] {
        display: block !important;
        width: min(100%, 76rem) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 1.5rem !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal
    > .advisor-form
    > .modal-footer[b-z31hc5loud] {
        position: fixed !important;
        top: 1.75rem !important;
        right: max(
            4.7rem,
            calc((100vw - 76rem) / 2 + 4.7rem)
        ) !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 130 !important;
        transform: none !important;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud]::-webkit-scrollbar {
        width: 13px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud]::-webkit-scrollbar-track {
        background: #eef2f6;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud]::-webkit-scrollbar-thumb {
        background: #7c8da3;
        border: 3px solid #eef2f6;
        border-radius: 999px;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud]::-webkit-scrollbar-thumb:hover {
        background: #55677e;
    }

    html body
    .modal-overlay[data-advisor-create-page="true"]
    > .advisor-modal.advisor-new-modal[b-z31hc5loud] {
        scrollbar-width: auto;
        scrollbar-color: #7c8da3 #eef2f6;
    }
}

/* =========================================================
   ASE-CARGO-01 - CARGO DEL ASESOR
   ========================================================= */

.advisor-role-select-field[b-z31hc5loud] {
    max-width: 100%;
}

.advisor-role-select-field select[b-z31hc5loud],
.advisor-role-select-field .form-control[b-z31hc5loud] {
    width: 100%;
}

.advisor-role-badge[b-z31hc5loud] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.35rem;
    margin-top: 0.35rem;
    padding: 0.2rem 0.55rem;
    color: #0b5f45;
    background: #e9fff4;
    border: 1px solid rgba(20, 184, 106, 0.28);
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
}
/* /Components/Pages/AsesorRendimiento.razor.rz.scp.css */
/* ASE-PERF01-ESTILOS */

:host[b-44q38d4db5] {
    display: block;
    min-width: 0;
}

.advisor-performance-panel[b-44q38d4db5] {
    min-width: 0;
    padding: 1rem;
    background:
        linear-gradient(
            145deg,
            #fbfdff,
            #f6fafc);
    border: 1px solid #e0e8ee;
    border-radius: 0.75rem;
}

.advisor-performance-header[b-44q38d4db5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e5ebef;
}

.advisor-performance-header > div[b-44q38d4db5] {
    min-width: 0;
}

.advisor-performance-header span[b-44q38d4db5] {
    display: block;
    color: #a66f05;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.advisor-performance-header h3[b-44q38d4db5] {
    margin: 0.16rem 0 0;
    color: #263747;
    font-size: 0.9rem;
    line-height: 1.25;
}

.advisor-performance-header > small[b-44q38d4db5] {
    color: #738095;
    font-size: 0.63rem;
    font-weight: 750;
    white-space: nowrap;
}

.advisor-performance-loading[b-44q38d4db5],
.advisor-performance-error[b-44q38d4db5] {
    min-height: 5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.8rem;
    padding: 0.8rem;
    background: #ffffff;
    border: 1px solid #e2e8ed;
    border-radius: 0.6rem;
}

.advisor-performance-loading strong[b-44q38d4db5],
.advisor-performance-loading small[b-44q38d4db5],
.advisor-performance-error strong[b-44q38d4db5],
.advisor-performance-error span[b-44q38d4db5] {
    display: block;
}

.advisor-performance-loading strong[b-44q38d4db5],
.advisor-performance-error strong[b-44q38d4db5] {
    color: #263747;
    font-size: 0.72rem;
}

.advisor-performance-loading small[b-44q38d4db5],
.advisor-performance-error span[b-44q38d4db5] {
    margin-top: 0.15rem;
    color: #7a8793;
    font-size: 0.63rem;
}

.advisor-performance-error[b-44q38d4db5] {
    color: #9b2c2c;
    background: #fff8f7;
    border-color: #f1cfca;
}

.advisor-performance-spinner[b-44q38d4db5] {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    border: 2px solid #dde5ea;
    border-top-color: #c99028;
    border-radius: 50%;
    animation: advisor-performance-spin-b-44q38d4db5 .75s linear infinite;
}

@keyframes advisor-performance-spin-b-44q38d4db5 {
    to {
        transform: rotate(360deg);
    }
}

.advisor-performance-kpis[b-44q38d4db5] {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.advisor-performance-kpis article[b-44q38d4db5] {
    min-width: 0;
    padding: 0.72rem;
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 0.55rem;
}

.advisor-performance-kpis span[b-44q38d4db5],
.advisor-performance-kpis strong[b-44q38d4db5],
.advisor-performance-kpis small[b-44q38d4db5] {
    display: block;
}

.advisor-performance-kpis span[b-44q38d4db5] {
    color: #7a8793;
    font-size: 0.58rem;
    font-weight: 780;
}

.advisor-performance-kpis strong[b-44q38d4db5] {
    margin-top: 0.22rem;
    color: #263747;
    font-size: 1.15rem;
    line-height: 1;
}

.advisor-performance-kpis small[b-44q38d4db5] {
    margin-top: 0.28rem;
    overflow: hidden;
    color: #8a96a0;
    font-size: 0.55rem;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.advisor-performance-money-grid[b-44q38d4db5] {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.55rem;
}

.advisor-performance-money-grid > section[b-44q38d4db5] {
    min-width: 0;
    padding: 0.72rem;
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 0.55rem;
}

.advisor-performance-money-title[b-44q38d4db5] {
    display: block;
    margin-bottom: 0.45rem;
    color: #6c7885;
    font-size: 0.58rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.advisor-performance-money-row[b-44q38d4db5] {
    display: grid;
    grid-template-columns:
        auto minmax(0, 1fr);
    align-items: baseline;
    gap: 0.55rem;
    padding: 0.22rem 0;
}

.advisor-performance-money-row span[b-44q38d4db5] {
    color: #7b8793;
    font-size: 0.58rem;
    font-weight: 800;
}

.advisor-performance-money-row strong[b-44q38d4db5] {
    overflow: hidden;
    color: #1c6598;
    font-size: 0.78rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advisor-performance-money-row--commission strong[b-44q38d4db5] {
    color: #16794f;
}

.advisor-performance-empty-money[b-44q38d4db5] {
    display: block;
    color: #8a96a0;
    font-size: 0.66rem;
}

.advisor-performance-history[b-44q38d4db5] {
    min-width: 0;
    margin-top: 0.65rem;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 0.6rem;
}

.advisor-performance-history-title[b-44q38d4db5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.68rem 0.72rem;
    border-bottom: 1px solid #e6ecef;
}

.advisor-performance-history-title strong[b-44q38d4db5],
.advisor-performance-history-title span[b-44q38d4db5] {
    display: block;
}

.advisor-performance-history-title strong[b-44q38d4db5] {
    color: #263747;
    font-size: 0.72rem;
}

.advisor-performance-history-title span[b-44q38d4db5],
.advisor-performance-history-title small[b-44q38d4db5] {
    margin-top: 0.1rem;
    color: #84909b;
    font-size: 0.56rem;
}

.advisor-performance-history-title small[b-44q38d4db5] {
    white-space: nowrap;
}

.advisor-performance-table-wrap[b-44q38d4db5] {
    max-height: 15.5rem;
    overflow: auto;
}

.advisor-performance-table[b-44q38d4db5] {
    width: 100%;
    min-width: 64rem;
    border-collapse: collapse;
}

.advisor-performance-table th[b-44q38d4db5],
.advisor-performance-table td[b-44q38d4db5] {
    padding: 0.52rem 0.58rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #edf1f4;
}

.advisor-performance-table th[b-44q38d4db5] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: #687684;
    background: #f7f9fb;
    font-size: 0.55rem;
    font-weight: 900;
    white-space: nowrap;
}

.advisor-performance-table td[b-44q38d4db5] {
    color: #435363;
    font-size: 0.61rem;
}

.advisor-performance-table td strong[b-44q38d4db5],
.advisor-performance-table td small[b-44q38d4db5] {
    display: block;
}

.advisor-performance-table td strong[b-44q38d4db5] {
    color: #263747;
    font-size: 0.62rem;
}

.advisor-performance-table td small[b-44q38d4db5] {
    margin-top: 0.12rem;
    color: #87929c;
    font-size: 0.54rem;
}

.advisor-performance-row-pending[b-44q38d4db5] {
    opacity: .78;
}

.advisor-performance-management[b-44q38d4db5],
.advisor-performance-status[b-44q38d4db5],
.advisor-performance-pending[b-44q38d4db5] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: 0.53rem;
    font-weight: 850;
    white-space: nowrap;
}

.advisor-performance-management.direct[b-44q38d4db5] {
    color: #17623f;
    background: #eaf8f0;
}

.advisor-performance-management.indirect[b-44q38d4db5] {
    color: #8a5b08;
    background: #fff5dd;
}

.advisor-performance-status.eligible[b-44q38d4db5] {
    color: #17623f;
    background: #eaf8f0;
}

.advisor-performance-status.other[b-44q38d4db5],
.advisor-performance-pending[b-44q38d4db5] {
    color: #697684;
    background: #eef2f5;
}

.advisor-performance-commission-value[b-44q38d4db5] {
    color: #16794f !important;
    white-space: nowrap;
}

.advisor-performance-empty[b-44q38d4db5] {
    min-height: 5.5rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.2rem;
    padding: 1rem;
    text-align: center;
}

.advisor-performance-empty strong[b-44q38d4db5] {
    color: #344658;
    font-size: 0.7rem;
}

.advisor-performance-empty span[b-44q38d4db5] {
    max-width: 28rem;
    color: #82909c;
    font-size: 0.6rem;
    line-height: 1.4;
}

.advisor-performance-rule[b-44q38d4db5] {
    margin: 0.6rem 0 0;
    color: #7a8793;
    font-size: 0.56rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .advisor-performance-kpis[b-44q38d4db5] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .advisor-performance-header[b-44q38d4db5],
    .advisor-performance-history-title[b-44q38d4db5] {
        flex-direction: column;
    }

    .advisor-performance-kpis[b-44q38d4db5],
    .advisor-performance-money-grid[b-44q38d4db5] {
        grid-template-columns: 1fr;
    }
}

:global([data-theme="dark"]) .advisor-performance-panel[b-44q38d4db5],
:global(.dark) .advisor-performance-panel[b-44q38d4db5] {
    background: #111b27;
    border-color: #27384a;
}

:global([data-theme="dark"]) .advisor-performance-kpis article[b-44q38d4db5],
:global([data-theme="dark"]) .advisor-performance-money-grid > section[b-44q38d4db5],
:global([data-theme="dark"]) .advisor-performance-history[b-44q38d4db5],
:global(.dark) .advisor-performance-kpis article[b-44q38d4db5],
:global(.dark) .advisor-performance-money-grid > section[b-44q38d4db5],
:global(.dark) .advisor-performance-history[b-44q38d4db5] {
    background: #162230;
    border-color: #2a3a4b;
}
/* /Components/Pages/AsesorVentaBuscador.razor.rz.scp.css */
.entity-search[b-7xugtd2q15] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.entity-search-control[b-7xugtd2q15] {
    position: relative;
}

.entity-search-icon[b-7xugtd2q15] {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    color: #8a95a6;
    font-size: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.entity-search-input[b-7xugtd2q15] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.58rem 2.4rem 0.58rem 2.15rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.entity-search-input:focus[b-7xugtd2q15] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.entity-search-input[b-7xugtd2q15]::placeholder {
    color: #98a2b3;
}

.entity-clear[b-7xugtd2q15] {
    position: absolute;
    top: 50%;
    right: 0.45rem;
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: #7d8899;
    font-size: 1.05rem;
    cursor: pointer;
    transform: translateY(-50%);
}

.entity-clear:hover[b-7xugtd2q15] {
    background: rgb(148 163 184 / 13%);
    color: var(--text-primary, #162033);
}

.entity-results[b-7xugtd2q15] {
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 12px 28px rgb(15 23 42 / 12%);
}

.entity-results-header[b-7xugtd2q15] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #738095);
    font-size: 0.68rem;
}

.entity-results-header strong[b-7xugtd2q15] {
    color: var(--text-primary, #162033);
}

.entity-option[b-7xugtd2q15] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.65rem 0.7rem;
    border: 0;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.entity-option:last-child[b-7xugtd2q15] {
    border-bottom: 0;
}

.entity-option:hover[b-7xugtd2q15],
.entity-option.selected[b-7xugtd2q15] {
    background: rgb(207 147 40 / 8%);
}

.entity-avatar[b-7xugtd2q15] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.55rem;
    background: #f8edd5;
    color: #a76f12;
    font-size: 0.72rem;
    font-weight: 850;
}

.entity-option-copy[b-7xugtd2q15] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.entity-option-copy strong[b-7xugtd2q15],
.entity-option-copy small[b-7xugtd2q15] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-option-copy strong[b-7xugtd2q15] {
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
}

.entity-option-copy small[b-7xugtd2q15] {
    color: var(--text-secondary, #738095);
    font-size: 0.67rem;
}

.entity-empty[b-7xugtd2q15] {
    padding: 1rem;
    color: var(--text-secondary, #738095);
    font-size: 0.76rem;
    text-align: center;
}

:global([data-theme="dark"]) .entity-search-input[b-7xugtd2q15],
:global([data-theme="dark"]) .entity-results[b-7xugtd2q15],
:global([data-theme="dark"]) .entity-results-header[b-7xugtd2q15],
:global(.dark) .entity-search-input[b-7xugtd2q15],
:global(.dark) .entity-results[b-7xugtd2q15],
:global(.dark) .entity-results-header[b-7xugtd2q15] {
    background: var(--surface-color, #152132);
}
.advisor-photo-avatar[b-7xugtd2q15] {
    overflow: hidden;
    border-radius: 0.55rem;
}

.advisor-photo-avatar img[b-7xugtd2q15] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* /Components/Pages/Auditoria.razor.rz.scp.css */
.audit-page[b-paheu4k1p9] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.audit-hero[b-paheu4k1p9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.audit-hero h1[b-paheu4k1p9] {
    margin: 0;
    color: #111d2d;
    font-size: 31px;
    line-height: 1.1;
}

.audit-hero p[b-paheu4k1p9] {
    max-width: 820px;
    margin: 8px 0 0;
    color: #6f7d91;
    font-size: 14px;
}

.btn-primary[b-paheu4k1p9],
.btn-danger[b-paheu4k1p9],
.btn-table-danger[b-paheu4k1p9] {
    border: 0;
    border-radius: 10px;
    font-weight: 800;
    cursor: pointer;
}

.btn-primary[b-paheu4k1p9] {
    min-height: 40px;
    padding: 0 16px;
    color: #ffffff;
    background: #c68b2e;
}

.btn-danger[b-paheu4k1p9] {
    min-height: 38px;
    padding: 0 14px;
    color: #ffffff;
    background: #b42318;
}

.btn-table-danger[b-paheu4k1p9] {
    min-height: 32px;
    padding: 0 12px;
    color: #ffffff;
    background: #b42318;
    font-size: 12px;
}

button:disabled[b-paheu4k1p9] {
    cursor: not-allowed;
    opacity: 0.58;
}

.audit-alert[b-paheu4k1p9] {
    padding: 13px 15px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 800;
}

.audit-alert-success[b-paheu4k1p9] {
    color: #17663c;
    background: #ecfdf3;
    border: 1px solid #bde9cf;
}

.audit-alert-error[b-paheu4k1p9] {
    color: #9f1239;
    background: #fff1f2;
    border: 1px solid #fecdd3;
}

.audit-kpi-grid[b-paheu4k1p9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.audit-kpi[b-paheu4k1p9],
.audit-panel[b-paheu4k1p9],
.audit-filters[b-paheu4k1p9] {
    background: #ffffff;
    border: 1px solid #e3e9f2;
    border-radius: 16px;
    box-shadow: 0 15px 34px rgba(15, 23, 42, 0.055);
}

.audit-kpi[b-paheu4k1p9] {
    min-height: 116px;
    padding: 17px;
}

.audit-kpi span[b-paheu4k1p9] {
    color: #718096;
    font-size: 12px;
    font-weight: 800;
}

.audit-kpi strong[b-paheu4k1p9] {
    display: block;
    margin-top: 8px;
    color: #111d2d;
    font-size: 27px;
}

.audit-kpi small[b-paheu4k1p9] {
    display: block;
    margin-top: 5px;
    color: #7b8797;
    font-size: 12px;
}

.audit-kpi.danger[b-paheu4k1p9] {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fffafa 0%, #ffffff 100%);
}

.audit-kpi.danger strong[b-paheu4k1p9] {
    color: #b42318;
}

.audit-panel[b-paheu4k1p9] {
    padding: 18px;
}

.audit-panel-head h2[b-paheu4k1p9] {
    margin: 0;
    color: #111d2d;
    font-size: 21px;
}

.audit-panel-head p[b-paheu4k1p9] {
    margin: 6px 0 0;
    color: #738095;
    font-size: 13px;
}

.sale-cancel-panel[b-paheu4k1p9] {
    border-color: #fed7aa;
    background: #fffaf4;
}

.cancel-list[b-paheu4k1p9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.cancel-card[b-paheu4k1p9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #fed7aa;
    border-radius: 14px;
}

.cancel-card span[b-paheu4k1p9] {
    color: #9a3412;
    font-size: 12px;
    font-weight: 800;
}

.cancel-card strong[b-paheu4k1p9] {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 16px;
}

.cancel-card p[b-paheu4k1p9] {
    margin: 5px 0 0;
    color: #6b7280;
    font-size: 12px;
}

.audit-filters[b-paheu4k1p9] {
    display: grid;
    grid-template-columns: 1fr 1fr 0.8fr 2fr;
    gap: 14px;
    padding: 16px;
}

.audit-field[b-paheu4k1p9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.audit-field label[b-paheu4k1p9] {
    color: #152235;
    font-size: 12px;
    font-weight: 900;
}

.audit-control[b-paheu4k1p9] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    color: #172234;
    background: #ffffff;
    border: 1px solid #dce5ef;
    border-radius: 10px;
    font-size: 13px;
}

.audit-empty[b-paheu4k1p9] {
    min-height: 170px;
    display: grid;
    place-items: center;
    margin-top: 16px;
    padding: 20px;
    color: #748194;
    background: #f8fafc;
    border: 1px dashed #d8e0ec;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.audit-table-wrap[b-paheu4k1p9] {
    max-height: 610px;
    overflow: auto;
    margin-top: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.audit-table[b-paheu4k1p9] {
    width: 100%;
    min-width: 1260px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}

.audit-table th[b-paheu4k1p9],
.audit-table td[b-paheu4k1p9] {
    padding: 11px 12px;
    border-bottom: 1px solid #e8eef5;
    text-align: left;
    vertical-align: top;
}

.audit-table th[b-paheu4k1p9] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: #142033;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.audit-table td[b-paheu4k1p9] {
    color: #344154;
}

.sale-cancel-row[b-paheu4k1p9] {
    background: #fff7ed;
}

.module-pill[b-paheu4k1p9] {
    display: inline-flex;
    padding: 5px 8px;
    color: #213047;
    background: #eef3f8;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.description-cell[b-paheu4k1p9] {
    min-width: 240px;
    max-width: 360px;
}

.change-cell[b-paheu4k1p9] {
    min-width: 260px;
    max-width: 420px;
    color: #667085;
}

.readonly-badge[b-paheu4k1p9] {
    display: inline-flex;
    padding: 6px 9px;
    color: #667085;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.audit-footnote[b-paheu4k1p9] {
    margin-top: 12px;
    color: #7b8794;
    font-size: 12px;
    font-weight: 800;
}

@media (max-width: 1320px) {
    .audit-filters[b-paheu4k1p9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audit-field.wide[b-paheu4k1p9] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .audit-kpi-grid[b-paheu4k1p9],
    .cancel-list[b-paheu4k1p9],
    .audit-filters[b-paheu4k1p9] {
        grid-template-columns: 1fr;
    }

    .audit-hero[b-paheu4k1p9] {
        flex-direction: column;
    }
}
/* /Components/Pages/Clientes.razor.rz.scp.css */

.clientes-page[b-z9gmdiyjxz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.module-header[b-z9gmdiyjxz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 0;
}

.module-title[b-z9gmdiyjxz] {
    min-width: 0;
}

.module-eyebrow[b-z9gmdiyjxz] {
    display: block;
    margin-bottom: 7px;
    color: #b98224;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.module-title h1[b-z9gmdiyjxz] {
    margin: 0 0 7px;
    color: #14202c;
    font-size: 27px;
    line-height: 1.2;
}

.module-title p[b-z9gmdiyjxz] {
    max-width: 640px;
    margin: 0;
    color: #74808c;
    font-size: 14px;
    line-height: 1.55;
}

.module-actions[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.button[b-z9gmdiyjxz] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    color: inherit;
    background: #ffffff;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

    .button:hover:not(:disabled)[b-z9gmdiyjxz] {
        transform: translateY(-1px);
    }

    .button:disabled[b-z9gmdiyjxz] {
        cursor: not-allowed;
        opacity: 0.6;
        transform: none;
    }

.button-primary[b-z9gmdiyjxz] {
    color: #ffffff;
    background: linear-gradient(135deg, #b98224, #d1a044);
    box-shadow: 0 7px 18px rgba(189, 140, 49, 0.2);
}

.button-secondary[b-z9gmdiyjxz] {
    color: #44515d;
    background: #ffffff;
    border: 1px solid #d5dde3;
}

.button-danger[b-z9gmdiyjxz] {
    color: #ffffff;
    background: #c94a4a;
    border: 1px solid #c94a4a;
}

.compact-button[b-z9gmdiyjxz] {
    min-height: 38px;
}

.alert-message[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.alert-icon[b-z9gmdiyjxz] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    border-radius: 50%;
    font-weight: 800;
}

.alert-text[b-z9gmdiyjxz] {
    min-width: 0;
    flex: 1;
}

.alert-close[b-z9gmdiyjxz] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    margin-left: auto;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
}

    .alert-close:hover[b-z9gmdiyjxz] {
        background: rgba(255, 255, 255, 0.45);
    }

.alert-success[b-z9gmdiyjxz] {
    color: #146c43;
    background: #eaf8f1;
    border: 1px solid #bee7d1;
}

    .alert-success .alert-icon[b-z9gmdiyjxz] {
        background: #1c965c;
    }

.alert-error[b-z9gmdiyjxz] {
    color: #a62d2d;
    background: #fff0f0;
    border: 1px solid #edc3c3;
}

    .alert-error .alert-icon[b-z9gmdiyjxz] {
        background: #cb3d3d;
    }

.summary-grid[b-z9gmdiyjxz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 14px;
}

.summary-card[b-z9gmdiyjxz] {
    position: relative;
    min-width: 0;
    min-height: 124px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 19px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.summary-icon[b-z9gmdiyjxz] {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.summary-content[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .summary-content span[b-z9gmdiyjxz] {
        color: #6f7c88;
        font-size: 12px;
    }

    .summary-content strong[b-z9gmdiyjxz] {
        margin: 7px 0 5px;
        color: #15212d;
        font-size: 27px;
        line-height: 1;
    }

    .summary-content small[b-z9gmdiyjxz] {
        color: #8a959e;
        font-size: 11px;
    }

.summary-line[b-z9gmdiyjxz] {
    position: absolute;
    right: 14px;
    bottom: 9px;
    left: 14px;
    height: 4px;
    border-radius: 8px;
}

.summary-total .summary-icon[b-z9gmdiyjxz] {
    color: #9d6f19;
    background: #f8efd9;
}

.summary-total .summary-line[b-z9gmdiyjxz] {
    background: #c49332;
}

.summary-active .summary-icon[b-z9gmdiyjxz] {
    color: #16784a;
    background: #e4f6ed;
}

.summary-active .summary-line[b-z9gmdiyjxz] {
    background: #21945c;
}

.summary-inactive .summary-icon[b-z9gmdiyjxz] {
    color: #a33c3c;
    background: #fae7e7;
}

.summary-inactive .summary-line[b-z9gmdiyjxz] {
    background: #c95050;
}

.summary-month .summary-icon[b-z9gmdiyjxz] {
    color: #7753a3;
    background: #f0e9f8;
}

.summary-month .summary-line[b-z9gmdiyjxz] {
    background: #8d61b8;
}

.list-panel[b-z9gmdiyjxz] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.list-toolbar[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid #e7ecef;
}

.search-control[b-z9gmdiyjxz] {
    position: relative;
    min-width: 260px;
    max-width: 650px;
    display: flex;
    align-items: center;
    flex: 1;
}

.search-icon[b-z9gmdiyjxz] {
    position: absolute;
    left: 13px;
    color: #84909b;
    font-size: 18px;
    pointer-events: none;
}

.search-control input[b-z9gmdiyjxz] {
    width: 100%;
    height: 41px;
    padding: 0 40px 0 39px;
    color: #26333f;
    outline: none;
    background: #f8fafb;
    border: 1px solid #d7dfe5;
    border-radius: 7px;
    font-size: 13px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .search-control input:focus[b-z9gmdiyjxz] {
        background: #ffffff;
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.clear-search[b-z9gmdiyjxz] {
    position: absolute;
    right: 8px;
    width: 27px;
    height: 27px;
    padding: 0;
    color: #71808c;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
}

    .clear-search:hover[b-z9gmdiyjxz] {
        background: #edf1f4;
    }

.toolbar-filters[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.filter-select[b-z9gmdiyjxz] {
    min-height: 38px;
    min-width: 132px;
    padding: 0 10px;
    color: #52606c;
    background: #ffffff;
    border: 1px solid #d5dde3;
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
}

.toolbar-count[b-z9gmdiyjxz] {
    flex-shrink: 0;
    color: #7e8993;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.table-container[b-z9gmdiyjxz] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.clients-table[b-z9gmdiyjxz] {
    width: 100%;
    min-width: 1320px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

    .clients-table thead[b-z9gmdiyjxz] {
        position: sticky;
        z-index: 2;
        top: 0;
    }

    .clients-table th[b-z9gmdiyjxz] {
        padding: 12px 13px;
        color: #64717d;
        text-align: left;
        white-space: nowrap;
        background: #f5f7f9;
        border-bottom: 1px solid #dce3e8;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .clients-table td[b-z9gmdiyjxz] {
        max-width: 220px;
        padding: 12px 13px;
        color: #3e4c58;
        vertical-align: middle;
        border-bottom: 1px solid #e8ecef;
    }

    .clients-table tbody tr[b-z9gmdiyjxz] {
        transition: background-color 120ms ease;
    }

        .clients-table tbody tr:hover[b-z9gmdiyjxz] {
            background: #fbfcfd;
        }

    .clients-table th:nth-child(1)[b-z9gmdiyjxz],
    .clients-table td:nth-child(1)[b-z9gmdiyjxz] {
        width: 110px;
    }

    .clients-table th:nth-child(2)[b-z9gmdiyjxz],
    .clients-table td:nth-child(2)[b-z9gmdiyjxz] {
        width: 225px;
    }

    .clients-table th:nth-child(3)[b-z9gmdiyjxz],
    .clients-table td:nth-child(3)[b-z9gmdiyjxz] {
        width: 165px;
    }

    .clients-table th:nth-child(4)[b-z9gmdiyjxz],
    .clients-table td:nth-child(4)[b-z9gmdiyjxz] {
        width: 145px;
    }

    .clients-table th:nth-child(5)[b-z9gmdiyjxz],
    .clients-table td:nth-child(5)[b-z9gmdiyjxz] {
        width: 205px;
    }

    .clients-table th:nth-child(6)[b-z9gmdiyjxz],
    .clients-table td:nth-child(6)[b-z9gmdiyjxz] {
        width: 165px;
    }

    .clients-table th:nth-child(7)[b-z9gmdiyjxz],
    .clients-table td:nth-child(7)[b-z9gmdiyjxz] {
        width: 110px;
    }

    .clients-table th:nth-child(8)[b-z9gmdiyjxz],
    .clients-table td:nth-child(8)[b-z9gmdiyjxz] {
        width: 125px;
    }

    .clients-table th:nth-child(9)[b-z9gmdiyjxz],
    .clients-table td:nth-child(9)[b-z9gmdiyjxz] {
        width: 230px;
    }

.sort-button[b-z9gmdiyjxz] {
    width: 100%;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
    text-transform: inherit;
    white-space: nowrap;
}

    .sort-button:hover[b-z9gmdiyjxz] {
        color: #a8751f;
    }

    .sort-button:focus-visible[b-z9gmdiyjxz] {
        outline: 2px solid rgba(189, 140, 49, 0.45);
        outline-offset: 3px;
        border-radius: 3px;
    }

.sort-indicator[b-z9gmdiyjxz] {
    min-width: 12px;
    color: #b98224;
    font-size: 9px;
    line-height: 1;
}

.code-badge[b-z9gmdiyjxz] {
    display: inline-flex;
    padding: 5px 8px;
    color: #7f5d1c;
    background: #f8efd9;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.client-name[b-z9gmdiyjxz] {
    min-width: 205px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.client-avatar[b-z9gmdiyjxz],
.client-summary-avatar[b-z9gmdiyjxz] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    font-weight: 800;
}

.client-avatar[b-z9gmdiyjxz] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 11px;
}

.client-copy[b-z9gmdiyjxz],
.two-line-cell[b-z9gmdiyjxz],
.date-cell[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .client-copy strong[b-z9gmdiyjxz],
    .two-line-cell strong[b-z9gmdiyjxz],
    .date-cell strong[b-z9gmdiyjxz] {
        overflow: hidden;
        color: #1d2934;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .client-copy span[b-z9gmdiyjxz],
    .two-line-cell span[b-z9gmdiyjxz],
    .date-cell span[b-z9gmdiyjxz] {
        overflow: hidden;
        color: #87939d;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.email-value[b-z9gmdiyjxz] {
    display: block;
    max-width: 180px;
    overflow: hidden;
    color: #3e4c58;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-badge[b-z9gmdiyjxz] {
    min-width: 79px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
}

.status-dot[b-z9gmdiyjxz] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.status-active[b-z9gmdiyjxz] {
    color: #147649;
    background: #e6f7ee;
}

    .status-active .status-dot[b-z9gmdiyjxz] {
        background: #1a985c;
    }

.status-inactive[b-z9gmdiyjxz] {
    color: #985050;
    background: #f9eaea;
}

    .status-inactive .status-dot[b-z9gmdiyjxz] {
        background: #ca5050;
    }

.row-actions[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.table-action[b-z9gmdiyjxz] {
    min-height: 30px;
    padding: 0 9px;
    background: #ffffff;
    border: 1px solid #d6dee4;
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.view-action[b-z9gmdiyjxz] {
    color: #7b5b1f;
    background: #fffaf0;
    border-color: #e7d19e;
}

    .view-action:hover[b-z9gmdiyjxz] {
        color: #ffffff;
        background: #bd8c31;
        border-color: #bd8c31;
    }

.edit-action[b-z9gmdiyjxz] {
    color: #315f82;
}

    .edit-action:hover[b-z9gmdiyjxz] {
        background: #edf5fa;
        border-color: #b9d2e3;
    }

.deactivate-action[b-z9gmdiyjxz] {
    color: #a14343;
}

    .deactivate-action:hover[b-z9gmdiyjxz] {
        background: #fff0f0;
        border-color: #e8c2c2;
    }

.activate-action[b-z9gmdiyjxz] {
    color: #167447;
}

    .activate-action:hover[b-z9gmdiyjxz] {
        background: #eaf8f1;
        border-color: #bee5d1;
    }

.actions-header[b-z9gmdiyjxz] {
    min-width: 230px;
}

.table-footer[b-z9gmdiyjxz] {
    display: flex;
    justify-content: flex-end;
    padding: 11px 15px;
    color: #7e8993;
    background: #fafbfc;
    border-top: 1px solid #e7ecef;
    font-size: 11px;
}

.empty-state[b-z9gmdiyjxz],
.loading-state[b-z9gmdiyjxz] {
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
}

.empty-illustration[b-z9gmdiyjxz] {
    position: relative;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    margin-bottom: 21px;
    color: #bf8825;
    background: #fff8e9;
    border: 1px solid #efd9a5;
    border-radius: 50%;
}

.empty-building[b-z9gmdiyjxz] {
    font-size: 36px;
}

.empty-badge[b-z9gmdiyjxz] {
    position: absolute;
    right: -2px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #132231;
    border: 3px solid #ffffff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
}

.empty-state h2[b-z9gmdiyjxz] {
    margin: 0 0 8px;
    color: #1a2732;
    font-size: 18px;
}

.empty-state p[b-z9gmdiyjxz] {
    max-width: 480px;
    margin: 0 0 23px;
    color: #818d97;
    font-size: 12px;
    line-height: 1.65;
}

.loading-state[b-z9gmdiyjxz] {
    gap: 8px;
    color: #7d8993;
}

    .loading-state strong[b-z9gmdiyjxz] {
        margin-top: 9px;
        color: #53616c;
        font-size: 14px;
    }

    .loading-state span[b-z9gmdiyjxz] {
        font-size: 11px;
    }

.loading-spinner[b-z9gmdiyjxz] {
    width: 40px;
    height: 40px;
    border: 4px solid #e3e8ec;
    border-top-color: #bd8c31;
    border-radius: 50%;
    animation: clientes-spin-b-z9gmdiyjxz 700ms linear infinite;
}

@keyframes clientes-spin-b-z9gmdiyjxz {
    to {
        transform: rotate(360deg);
    }
}

.modal-overlay[b-z9gmdiyjxz] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(10, 18, 26, 0.62);
    backdrop-filter: blur(3px);
}

.client-modal[b-z9gmdiyjxz] {
    width: min(100%, 920px);
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.view-modal[b-z9gmdiyjxz] {
    width: min(100%, 880px);
}

.modal-header[b-z9gmdiyjxz] {
    position: sticky;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 21px;
    background: #ffffff;
    border-bottom: 1px solid #e5eaee;
}

.modal-title-group[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.modal-title-icon[b-z9gmdiyjxz] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #93691b;
    background: #f7ecd2;
    border-radius: 8px;
    font-size: 17px;
}

.modal-title-group span[b-z9gmdiyjxz] {
    display: block;
    margin-bottom: 3px;
    color: #b37e22;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal-title-group h2[b-z9gmdiyjxz] {
    margin: 0;
    color: #17232e;
    font-size: 19px;
}

.modal-close[b-z9gmdiyjxz] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: #63717d;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
}

    .modal-close:hover[b-z9gmdiyjxz] {
        background: #e7ecef;
    }

.client-form[b-z9gmdiyjxz] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.modal-body[b-z9gmdiyjxz] {
    min-height: 0;
    flex: 1;
    padding: 21px;
    overflow-x: hidden;
    overflow-y: auto;
}

.view-body[b-z9gmdiyjxz] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.modal-footer[b-z9gmdiyjxz] {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 21px;
    background: #ffffff;
    border-top: 1px solid #e5eaee;
}

.form-section[b-z9gmdiyjxz] {
    margin-bottom: 25px;
}

    .form-section:last-of-type[b-z9gmdiyjxz] {
        margin-bottom: 0;
    }

    .form-section h3[b-z9gmdiyjxz],
    .detail-section h3[b-z9gmdiyjxz],
    .notes-panel h3[b-z9gmdiyjxz] {
        margin: 0 0 14px;
        padding-bottom: 8px;
        color: #815d1b;
        border-bottom: 1px solid #e8ecef;
        font-size: 12px;
        letter-spacing: 0;
        text-transform: uppercase;
    }

.form-grid[b-z9gmdiyjxz],
.detail-grid[b-z9gmdiyjxz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-field[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field-full[b-z9gmdiyjxz],
.detail-item-full[b-z9gmdiyjxz] {
    grid-column: 1 / -1;
}

.form-field label[b-z9gmdiyjxz] {
    color: #3d4a55;
    font-size: 11px;
    font-weight: 700;
}

.required[b-z9gmdiyjxz],
.form-field label span[b-z9gmdiyjxz] {
    color: #c83b3b;
}

.form-control[b-z9gmdiyjxz] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: #1f2b36;
    outline: none;
    background: #ffffff;
    border: 1px solid #cfd8de;
    border-radius: 6px;
    font-size: 12px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .form-control:focus[b-z9gmdiyjxz] {
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.form-textarea[b-z9gmdiyjxz] {
    min-height: 90px;
    resize: vertical;
    line-height: 1.55;
}

.notes-textarea[b-z9gmdiyjxz] {
    min-height: 110px;
}

.validation-message[b-z9gmdiyjxz] {
    color: #bb2f2f;
    font-size: 10px;
}

.validation-summary[b-z9gmdiyjxz] {
    margin-bottom: 15px;
    color: #ae2f2f;
    font-size: 11px;
}

    .validation-summary:empty[b-z9gmdiyjxz] {
        display: none;
    }

    .validation-summary ul[b-z9gmdiyjxz] {
        margin: 0;
        padding: 10px 12px 10px 28px;
        background: #fff1f1;
        border: 1px solid #efc5c5;
        border-radius: 6px;
    }

.active-option[b-z9gmdiyjxz] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 13px;
    color: #46535e;
    background: #fafbfc;
    border: 1px solid #dce3e8;
    border-radius: 7px;
}

.active-icon[b-z9gmdiyjxz] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #976c1b;
    background: #f8edd3;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
}

.active-copy[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .active-copy strong[b-z9gmdiyjxz] {
        color: #2d3944;
        font-size: 11px;
    }

    .active-copy span[b-z9gmdiyjxz] {
        color: #818d97;
        font-size: 9px;
        line-height: 1.45;
    }

.active-checkbox[b-z9gmdiyjxz] {
    width: 38px;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: #c4902d;
}

.detail-tabs[b-z9gmdiyjxz] {
    display: flex;
    gap: 6px;
    padding: 10px 21px 0;
    background: #ffffff;
    border-bottom: 1px solid #e5eaee;
}

.detail-tab[b-z9gmdiyjxz] {
    min-height: 38px;
    padding: 0 14px;
    color: #65727d;
    background: transparent;
    border: 0;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

    .detail-tab.active[b-z9gmdiyjxz] {
        color: #815d1b;
        background: #fff8e8;
        box-shadow: inset 0 -3px 0 #bd8c31;
    }

.client-summary[b-z9gmdiyjxz] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    background: #f8fafb;
    border: 1px solid #e1e7eb;
    border-radius: 9px;
}

.client-summary-avatar[b-z9gmdiyjxz] {
    width: 52px;
    height: 52px;
    border-radius: 11px;
    font-size: 15px;
}

.client-summary-copy[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .client-summary-copy h3[b-z9gmdiyjxz] {
        margin: 0;
        overflow-wrap: anywhere;
        color: #192631;
        font-size: 20px;
    }

.detail-section[b-z9gmdiyjxz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-item[b-z9gmdiyjxz] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
}

    .detail-item span[b-z9gmdiyjxz] {
        color: #84909a;
        font-size: 9px;
        text-transform: uppercase;
    }

    .detail-item strong[b-z9gmdiyjxz] {
        overflow-wrap: anywhere;
        color: #2c3944;
        font-size: 11px;
    }

.notes-panel[b-z9gmdiyjxz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .notes-panel header p[b-z9gmdiyjxz] {
        margin: 0;
        color: #818d97;
        font-size: 12px;
    }

.notes-content[b-z9gmdiyjxz] {
    min-height: 210px;
    padding: 15px;
    color: #4e5c67;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.65;
    white-space: pre-wrap;
}

.confirmation-modal[b-z9gmdiyjxz] {
    width: min(100%, 420px);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 27px 25px 22px;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
    text-align: center;
}

    .confirmation-modal h2[b-z9gmdiyjxz] {
        margin: 0 0 9px;
        color: #17232e;
        font-size: 20px;
    }

    .confirmation-modal p[b-z9gmdiyjxz] {
        margin: 0;
        color: #6b7782;
        font-size: 13px;
        line-height: 1.55;
    }

    .confirmation-modal > strong[b-z9gmdiyjxz] {
        margin-top: 8px;
        color: #25323d;
        font-size: 13px;
    }

.confirmation-icon[b-z9gmdiyjxz] {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.confirmation-danger[b-z9gmdiyjxz] {
    color: #b23e3e;
    background: #fbe8e8;
}

.confirmation-success[b-z9gmdiyjxz] {
    color: #17744a;
    background: #e6f7ee;
}

.confirmation-actions[b-z9gmdiyjxz] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 9px;
    margin-top: 21px;
}

@media (max-width: 1100px) {
    .summary-grid[b-z9gmdiyjxz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .list-toolbar[b-z9gmdiyjxz] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-control[b-z9gmdiyjxz] {
        max-width: none;
    }

    .toolbar-filters[b-z9gmdiyjxz] {
        flex-wrap: wrap;
    }

    .toolbar-count[b-z9gmdiyjxz] {
        align-self: flex-start;
    }
}

@media (max-width: 700px) {
    .summary-grid[b-z9gmdiyjxz],
    .form-grid[b-z9gmdiyjxz],
    .detail-grid[b-z9gmdiyjxz] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-z9gmdiyjxz],
    .detail-item-full[b-z9gmdiyjxz] {
        grid-column: auto;
    }

    .module-header[b-z9gmdiyjxz],
    .module-actions[b-z9gmdiyjxz],
    .toolbar-filters[b-z9gmdiyjxz] {
        align-items: stretch;
        flex-direction: column;
    }

        .module-actions .button[b-z9gmdiyjxz],
        .toolbar-filters .button[b-z9gmdiyjxz],
        .toolbar-filters .filter-select[b-z9gmdiyjxz] {
            width: 100%;
        }

    .search-control[b-z9gmdiyjxz] {
        min-width: 0;
    }

    .modal-overlay[b-z9gmdiyjxz] {
        padding: 7px;
    }

    .client-modal[b-z9gmdiyjxz] {
        max-height: calc(100vh - 14px);
    }

    .modal-header[b-z9gmdiyjxz] {
        align-items: flex-start;
    }

    .modal-footer[b-z9gmdiyjxz],
    .confirmation-actions[b-z9gmdiyjxz] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

        .modal-footer .button[b-z9gmdiyjxz],
        .confirmation-actions .button[b-z9gmdiyjxz] {
            width: 100%;
        }

    .detail-tabs[b-z9gmdiyjxz] {
        padding-inline: 10px;
    }

    .detail-tab[b-z9gmdiyjxz] {
        flex: 1;
    }

    .client-summary[b-z9gmdiyjxz] {
        align-items: flex-start;
    }
}
/* /Components/Pages/ClienteVentaBuscador.razor.rz.scp.css */
.entity-search[b-q4u978wzw6] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.entity-search-control[b-q4u978wzw6] {
    position: relative;
}

.entity-search-icon[b-q4u978wzw6] {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    color: #8a95a6;
    font-size: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.entity-search-input[b-q4u978wzw6] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.58rem 2.4rem 0.58rem 2.15rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.entity-search-input:focus[b-q4u978wzw6] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.entity-search-input[b-q4u978wzw6]::placeholder {
    color: #98a2b3;
}

.entity-clear[b-q4u978wzw6] {
    position: absolute;
    top: 50%;
    right: 0.45rem;
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: #7d8899;
    font-size: 1.05rem;
    cursor: pointer;
    transform: translateY(-50%);
}

.entity-clear:hover[b-q4u978wzw6] {
    background: rgb(148 163 184 / 13%);
    color: var(--text-primary, #162033);
}

.entity-results[b-q4u978wzw6] {
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 12px 28px rgb(15 23 42 / 12%);
}

.entity-results-header[b-q4u978wzw6] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #738095);
    font-size: 0.68rem;
}

.entity-results-header strong[b-q4u978wzw6] {
    color: var(--text-primary, #162033);
}

.entity-option[b-q4u978wzw6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.65rem 0.7rem;
    border: 0;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.entity-option:last-child[b-q4u978wzw6] {
    border-bottom: 0;
}

.entity-option:hover[b-q4u978wzw6],
.entity-option.selected[b-q4u978wzw6] {
    background: rgb(207 147 40 / 8%);
}

.entity-avatar[b-q4u978wzw6] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.55rem;
    background: #f8edd5;
    color: #a76f12;
    font-size: 0.72rem;
    font-weight: 850;
}

.entity-option-copy[b-q4u978wzw6] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.entity-option-copy strong[b-q4u978wzw6],
.entity-option-copy small[b-q4u978wzw6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-option-copy strong[b-q4u978wzw6] {
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
}

.entity-option-copy small[b-q4u978wzw6] {
    color: var(--text-secondary, #738095);
    font-size: 0.67rem;
}

.entity-empty[b-q4u978wzw6] {
    padding: 1rem;
    color: var(--text-secondary, #738095);
    font-size: 0.76rem;
    text-align: center;
}

:global([data-theme="dark"]) .entity-search-input[b-q4u978wzw6],
:global([data-theme="dark"]) .entity-results[b-q4u978wzw6],
:global([data-theme="dark"]) .entity-results-header[b-q4u978wzw6],
:global(.dark) .entity-search-input[b-q4u978wzw6],
:global(.dark) .entity-results[b-q4u978wzw6],
:global(.dark) .entity-results-header[b-q4u978wzw6] {
    background: var(--surface-color, #152132);
}
/* /Components/Pages/Comisiones.razor.rz.scp.css */
.commissions-page[b-apj3xzps62] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.commissions-header[b-apj3xzps62] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.commissions-header > div[b-apj3xzps62] {
    display: grid;
    gap: 0.22rem;
}

.commissions-label[b-apj3xzps62] {
    color: #c58a21;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.commissions-header h1[b-apj3xzps62] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: clamp(1.55rem, 2.3vw, 2rem);
}

.commissions-header p[b-apj3xzps62],
.commissions-rule p[b-apj3xzps62] {
    margin: 0;
    color: var(--text-secondary, #718096);
}

.commissions-refresh[b-apj3xzps62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.55rem;
    padding: 0.62rem 0.95rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.commissions-refresh:disabled[b-apj3xzps62] {
    cursor: not-allowed;
    opacity: 0.55;
}

.commissions-rule[b-apj3xzps62] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #bfe9cf;
    border-radius: 0.65rem;
    background: #f0fbf4;
}

.commissions-rule-icon[b-apj3xzps62] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #dff5e8;
    color: #23734d;
    font-weight: 900;
}

.commissions-rule > div:last-child[b-apj3xzps62] {
    display: grid;
    gap: 0.15rem;
}

.commissions-rule strong[b-apj3xzps62] {
    color: #24663e;
}

.commissions-summary-grid[b-apj3xzps62] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.commissions-summary-card[b-apj3xzps62] {
    position: relative;
    display: grid;
    gap: 0.18rem;
    min-height: 7.2rem;
    padding: 0.95rem 1rem;
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.commissions-summary-card[b-apj3xzps62]::after {
    position: absolute;
    right: 0.65rem;
    bottom: 0;
    left: 0.65rem;
    height: 3px;
    border-radius: 999px;
    content: "";
}

.commissions-summary-card.total[b-apj3xzps62]::after {
    background: #d19a32;
}

.commissions-summary-card.closed[b-apj3xzps62]::after {
    background: #2e9f67;
}

.commissions-summary-card.initial[b-apj3xzps62]::after {
    background: #3d8fc0;
}

.commissions-summary-card.amount[b-apj3xzps62]::after {
    background: #8d5ac5;
}

.commissions-summary-card span[b-apj3xzps62],
.commissions-summary-card small[b-apj3xzps62] {
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
}

.commissions-summary-card strong[b-apj3xzps62] {
    color: var(--text-primary, #162033);
    font-size: 1.35rem;
}

.commissions-feedback[b-apj3xzps62] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.78rem 0.9rem;
    border-radius: 0.6rem;
    font-weight: 650;
}

.commissions-feedback.success[b-apj3xzps62] {
    border: 1px solid #bfe9cf;
    background: #f0fbf4;
    color: #24663e;
}

.commissions-feedback.error[b-apj3xzps62] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.commissions-content-card[b-apj3xzps62] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.commissions-toolbar[b-apj3xzps62] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) 14rem auto auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.commissions-search[b-apj3xzps62] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-height: 2.45rem;
    padding: 0 0.75rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #718096);
}

.commissions-search input[b-apj3xzps62] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary, #162033);
    font: inherit;
}

.commissions-toolbar select[b-apj3xzps62],
.commissions-clear[b-apj3xzps62] {
    min-height: 2.45rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.commissions-clear[b-apj3xzps62] {
    font-weight: 750;
    cursor: pointer;
}

.commissions-count[b-apj3xzps62] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.commissions-table-wrap[b-apj3xzps62] {
    width: 100%;
    overflow-x: auto;
}

.commissions-table[b-apj3xzps62] {
    width: 100%;
    border-collapse: collapse;
}

.commissions-table th[b-apj3xzps62],
.commissions-table td[b-apj3xzps62] {
    padding: 0.72rem 0.78rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.commissions-table th[b-apj3xzps62] {
    background: rgb(148 163 184 / 5%);
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.commissions-table td[b-apj3xzps62] {
    color: var(--text-primary, #162033);
    font-size: 0.72rem;
}

.commissions-table tbody tr:hover[b-apj3xzps62] {
    background: rgb(207 147 40 / 5%);
}

.commission-sale-code[b-apj3xzps62] {
    color: #a76f12;
}

.commission-main-line[b-apj3xzps62] {
    display: block;
    color: var(--text-primary, #162033);
}

.commissions-table small[b-apj3xzps62] {
    display: block;
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
}

.commission-type[b-apj3xzps62],
.commission-status[b-apj3xzps62],
.commission-eligible[b-apj3xzps62] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 800;
}

.commission-type.financed[b-apj3xzps62] {
    background: #def4e9;
    color: #218755;
}

.commission-type.cash[b-apj3xzps62] {
    background: #e1f0f8;
    color: #397ea8;
}

.commission-status.closed[b-apj3xzps62] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

.commission-status.initial-complete[b-apj3xzps62] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

.commission-eligible[b-apj3xzps62] {
    border: 1px solid #c9b2e6;
    background: #f2ebfa;
    color: #7140a6;
}

.commissions-state[b-apj3xzps62] {
    display: grid;
    place-items: center;
    min-height: 20rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.commissions-state.empty[b-apj3xzps62] {
    align-content: center;
    gap: 0.35rem;
}

.commissions-state h2[b-apj3xzps62],
.commissions-state p[b-apj3xzps62] {
    margin: 0;
}

.commissions-state h2[b-apj3xzps62] {
    color: var(--text-primary, #162033);
    font-size: 1rem;
}

.commissions-empty-icon[b-apj3xzps62] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.4rem;
    border-radius: 0.75rem;
    background: #f2ebfa;
    color: #7140a6;
    font-size: 1.35rem;
    font-weight: 900;
}

@media (max-width: 1100px) {
    .commissions-summary-grid[b-apj3xzps62] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commissions-toolbar[b-apj3xzps62] {
        grid-template-columns: 1fr 14rem auto;
    }

    .commissions-count[b-apj3xzps62] {
        grid-column: 1 / -1;
        text-align: right;
    }

    .commissions-table[b-apj3xzps62] {
        min-width: 72rem;
    }
}

@media (max-width: 720px) {
    .commissions-header[b-apj3xzps62] {
        flex-direction: column;
    }

    .commissions-refresh[b-apj3xzps62] {
        width: 100%;
    }

    .commissions-summary-grid[b-apj3xzps62],
    .commissions-toolbar[b-apj3xzps62] {
        grid-template-columns: 1fr;
    }

    .commissions-count[b-apj3xzps62] {
        grid-column: auto;
        text-align: left;
    }
}

:global([data-theme="dark"]) .commissions-summary-card[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-content-card[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-search[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-toolbar select[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-clear[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-refresh[b-apj3xzps62],
:global(.dark) .commissions-summary-card[b-apj3xzps62],
:global(.dark) .commissions-content-card[b-apj3xzps62],
:global(.dark) .commissions-search[b-apj3xzps62],
:global(.dark) .commissions-toolbar select[b-apj3xzps62],
:global(.dark) .commissions-clear[b-apj3xzps62],
:global(.dark) .commissions-refresh[b-apj3xzps62] {
    background: var(--surface-color, #152132);
}

:global([data-theme="dark"]) .commissions-rule[b-apj3xzps62],
:global(.dark) .commissions-rule[b-apj3xzps62] {
    border-color: rgb(34 197 94 / 35%);
    background: rgb(22 101 52 / 20%);
}
/* =========================================================
   COM-02A - PORCENTAJE INMOBILIARIO
   ========================================================= */

.commission-realestate-percentage[b-apj3xzps62] {
    color: #a76f12;
    font-weight: 850;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-realestate-percentage[b-apj3xzps62],
:global(.dark) .commission-realestate-percentage[b-apj3xzps62] {
    color: #f3c96f;
}
/* =========================================================
   COM-02B V4 - CALCULO COMISION INMOBILIARIA
   ========================================================= */

.commission-realestate-amount[b-apj3xzps62] {
    color: #16794f;
    font-weight: 850;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-realestate-amount[b-apj3xzps62],
:global(.dark) .commission-realestate-amount[b-apj3xzps62] {
    color: #86efac;
}
/* =========================================================
   COM-03A V2 - CONFIGURACION FISCAL
   ========================================================= */

.commissions-header-actions[b-apj3xzps62] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.commissions-fiscal-button[b-apj3xzps62] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.55rem;
    padding: 0.62rem 0.95rem;
    border: 1px solid #cf9328;
    border-radius: 0.55rem;
    background: #cf9328;
    color: #ffffff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    box-shadow: 0 8px 16px rgb(207 147 40 / 20%);
}

.commissions-fiscal-overlay[b-apj3xzps62] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 58%);
    backdrop-filter: blur(3px);
}

.commissions-fiscal-modal[b-apj3xzps62] {
    width: min(94vw, 42rem);
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 34%);
}

.commissions-fiscal-header[b-apj3xzps62] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.commissions-fiscal-header > div[b-apj3xzps62] {
    display: grid;
    gap: 0.2rem;
}

.commissions-fiscal-header span[b-apj3xzps62] {
    color: #c58a21;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.commissions-fiscal-header h2[b-apj3xzps62],
.commissions-fiscal-header p[b-apj3xzps62] {
    margin: 0;
}

.commissions-fiscal-header h2[b-apj3xzps62] {
    color: var(--text-primary, #162033);
    font-size: 1.1rem;
}

.commissions-fiscal-header p[b-apj3xzps62] {
    color: var(--text-secondary, #718096);
    font-size: 0.75rem;
    line-height: 1.5;
}

.commissions-fiscal-header > button[b-apj3xzps62] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: transparent;
    color: var(--text-secondary, #718096);
    font-size: 1.1rem;
    cursor: pointer;
}

.commissions-fiscal-body[b-apj3xzps62] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.commissions-fiscal-grid[b-apj3xzps62] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.commissions-fiscal-field[b-apj3xzps62] {
    display: grid;
    gap: 0.38rem;
}

.commissions-fiscal-field label[b-apj3xzps62] {
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
    font-weight: 750;
}

.commissions-fiscal-field label span[b-apj3xzps62] {
    color: #d04b4b;
}

.commissions-fiscal-field small[b-apj3xzps62] {
    color: var(--text-secondary, #718096);
    font-size: 0.67rem;
    line-height: 1.45;
}

.commissions-percentage-control[b-apj3xzps62] {
    position: relative;
    display: flex;
    align-items: center;
}

.commissions-fiscal-input[b-apj3xzps62] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.58rem 2.7rem 0.58rem 0.72rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.commissions-percentage-control > span[b-apj3xzps62] {
    position: absolute;
    right: 0.9rem;
    color: #a76f12;
    font-weight: 850;
    pointer-events: none;
}

.commissions-fiscal-note[b-apj3xzps62] {
    padding: 0.75rem 0.85rem;
    border: 1px solid #dce5f2;
    border-radius: 0.55rem;
    background: #f6f9fd;
    color: #5b6b82;
    font-size: 0.7rem;
}

.commissions-fiscal-feedback[b-apj3xzps62] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.commissions-fiscal-feedback.success[b-apj3xzps62] {
    border: 1px solid #bfe9cf;
    background: #f0fbf4;
    color: #24663e;
}

.commissions-fiscal-feedback.error[b-apj3xzps62] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.commissions-fiscal-footer[b-apj3xzps62] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 3%);
}

.commissions-fiscal-cancel[b-apj3xzps62],
.commissions-fiscal-save[b-apj3xzps62] {
    min-height: 2.5rem;
    padding: 0.58rem 0.9rem;
    border-radius: 0.5rem;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.commissions-fiscal-cancel[b-apj3xzps62] {
    border: 1px solid var(--border-color, #dfe4ea);
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.commissions-fiscal-save[b-apj3xzps62] {
    border: 1px solid #cf9328;
    background: #cf9328;
    color: #ffffff;
}

.commissions-fiscal-cancel:disabled[b-apj3xzps62],
.commissions-fiscal-save:disabled[b-apj3xzps62] {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 720px) {
    .commissions-header-actions[b-apj3xzps62] {
        width: 100%;
        flex-direction: column;
    }

    .commissions-header-actions button[b-apj3xzps62] {
        width: 100%;
    }

    .commissions-fiscal-grid[b-apj3xzps62] {
        grid-template-columns: 1fr;
    }

    .commissions-fiscal-footer[b-apj3xzps62] {
        flex-direction: column-reverse;
    }

    .commissions-fiscal-footer button[b-apj3xzps62] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .commissions-fiscal-modal[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-fiscal-input[b-apj3xzps62],
:global([data-theme="dark"]) .commissions-fiscal-cancel[b-apj3xzps62],
:global(.dark) .commissions-fiscal-modal[b-apj3xzps62],
:global(.dark) .commissions-fiscal-input[b-apj3xzps62],
:global(.dark) .commissions-fiscal-cancel[b-apj3xzps62] {
    background: var(--surface-color, #152132);
}
/* =========================================================
   COM-03B V2 - DEDUCCIONES FISCALES
   ========================================================= */

.commission-fiscal-deductions[b-apj3xzps62] {
    color: #b42318;
    font-weight: 850;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-fiscal-deductions[b-apj3xzps62],
:global(.dark) .commission-fiscal-deductions[b-apj3xzps62] {
    color: #fca5a5;
}
/* =========================================================
   COM-04A - DETALLE FISCAL MODAL
   ========================================================= */

.commission-fiscal-breakdown-trigger[b-apj3xzps62] {
    cursor: pointer;
    display: inline-block;
}

.commission-fiscal-breakdown-trigger:hover[b-apj3xzps62] {
    text-decoration: underline;
}

.commission-detail-modal-backdrop[b-apj3xzps62] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1200;
}

.commission-detail-modal[b-apj3xzps62] {
    width: min(420px, 100%);
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.commission-detail-modal__header[b-apj3xzps62] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.8rem;
    border-bottom: 1px solid #eef2f7;
}

.commission-detail-modal__header h4[b-apj3xzps62] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.commission-detail-modal__header p[b-apj3xzps62] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: #64748b;
}

.commission-detail-modal__close[b-apj3xzps62] {
    border: none;
    background: #f8fafc;
    color: #334155;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.commission-detail-modal__body[b-apj3xzps62] {
    padding: 1rem 1.1rem 1.1rem;
}

.commission-detail-modal__row[b-apj3xzps62] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
}

.commission-detail-modal__row span[b-apj3xzps62] {
    color: #475569;
    font-size: 0.92rem;
}

.commission-detail-modal__row strong[b-apj3xzps62] {
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.commission-detail-modal__amount-isr[b-apj3xzps62],
.commission-detail-modal__amount-itbis[b-apj3xzps62],
.commission-detail-modal__amount-total[b-apj3xzps62] {
    color: #b42318 !important;
}

.commission-detail-modal__divider[b-apj3xzps62] {
    height: 1px;
    background: #e5e7eb;
    margin: 0.25rem 0 0.35rem;
}

.commission-detail-modal__row--total span[b-apj3xzps62],
.commission-detail-modal__row--total strong[b-apj3xzps62] {
    font-size: 0.98rem;
}
/* =========================================================
   COM-04C - COMISION NETA
   ========================================================= */

.commission-net-amount[b-apj3xzps62] {
    color: #16794f;
    font-weight: 850;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-net-amount[b-apj3xzps62],
:global(.dark) .commission-net-amount[b-apj3xzps62] {
    color: #86efac;
}

/* =========================================================
   COM-05A - COMISION DEL ASESOR
   ========================================================= */

.commission-advisor-cell[b-apj3xzps62] {
    min-width: 9.5rem;
}

.commission-advisor-amount[b-apj3xzps62] {
    display: block;
    color: #16794f;
    font-weight: 850;
    white-space: nowrap;
}

.commission-advisor-detail[b-apj3xzps62] {
    display: block;
    margin-top: 0.2rem;
    color: #6d7888;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-advisor-amount[b-apj3xzps62],
:global(.dark) .commission-advisor-amount[b-apj3xzps62] {
    color: #86efac;
}

:global([data-theme="dark"]) .commission-advisor-detail[b-apj3xzps62],
:global(.dark) .commission-advisor-detail[b-apj3xzps62] {
    color: #aeb8c6;
}

/* =========================================================
   COM-05B V2 - BENEFICIO DE LA INMOBILIARIA
   ========================================================= */

.commission-company-profit-cell[b-apj3xzps62] {
    min-width: 10.5rem;
}

.commission-company-profit-amount[b-apj3xzps62] {
    display: block;
    color: #16794f;
    font-weight: 850;
    white-space: nowrap;
}

.commission-company-profit-detail[b-apj3xzps62] {
    display: block;
    margin-top: 0.2rem;
    color: #6d7888;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

:global([data-theme="dark"]) .commission-company-profit-amount[b-apj3xzps62],
:global(.dark) .commission-company-profit-amount[b-apj3xzps62] {
    color: #86efac;
}

:global([data-theme="dark"]) .commission-company-profit-detail[b-apj3xzps62],
:global(.dark) .commission-company-profit-detail[b-apj3xzps62] {
    color: #aeb8c6;
}

/* =========================================================
   COM-RES01 V3 - RESUMEN MENSUAL
   ========================================================= */

.commissions-summary-grid-monthly[b-apj3xzps62] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.commissions-monthly-card[b-apj3xzps62] {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.commissions-monthly-card[b-apj3xzps62]::after {
    position: absolute;
    right: 0.65rem;
    bottom: 0;
    left: 0.65rem;
    height: 3px;
    border-radius: 999px 999px 0 0;
    content: "";
}

.commissions-monthly-card.metric-inmobiliaria[b-apj3xzps62]::after {
    background: #cf9328;
}

.commissions-monthly-card.metric-deducciones[b-apj3xzps62]::after {
    background: #d34a4a;
}

.commissions-monthly-card.metric-neta[b-apj3xzps62]::after {
    background: #249b62;
}

.commissions-monthly-card.metric-asesor[b-apj3xzps62]::after {
    background: #2e82b7;
}

.commissions-monthly-card.metric-beneficio[b-apj3xzps62]::after {
    background: #8754bc;
}

.commissions-monthly-value[b-apj3xzps62] {
    display: block;
    margin-top: 0.35rem;
    color: var(--text-primary, #162033);
    font-size: clamp(0.88rem, 1vw, 1.18rem);
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.commissions-monthly-card small[b-apj3xzps62] {
    display: block;
    margin-top: 0.45rem;
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
    line-height: 1.35;
}

@media (max-width: 1500px) {
    .commissions-summary-grid-monthly[b-apj3xzps62] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .commissions-summary-grid-monthly[b-apj3xzps62] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .commissions-summary-grid-monthly[b-apj3xzps62] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Configuracion.razor.rz.scp.css */
.settings-page[b-ihntle9p9v] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.settings-header[b-ihntle9p9v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.settings-eyebrow[b-ihntle9p9v] {
    color: #a77720;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.settings-header h1[b-ihntle9p9v] {
    margin: 0.15rem 0 0.35rem;
    color: var(--text-primary, #172033);
    font-size: clamp(1.65rem, 2vw, 2.25rem);
}

.settings-header p[b-ihntle9p9v] {
    max-width: 52rem;
    margin: 0;
    color: var(--text-secondary, #6f7b8b);
}

.settings-header-status[b-ihntle9p9v] {
    min-width: 10rem;
    padding: 0.7rem 0.85rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
}

.settings-header-status span[b-ihntle9p9v],
.settings-header-status strong[b-ihntle9p9v] {
    display: block;
}

.settings-header-status span[b-ihntle9p9v] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
    font-weight: 750;
}

.settings-header-status strong[b-ihntle9p9v] {
    margin-top: 0.15rem;
    color: var(--text-primary, #172033);
}

.settings-alert[b-ihntle9p9v] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.65rem;
}

.settings-alert.success[b-ihntle9p9v] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.settings-alert.error[b-ihntle9p9v] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.settings-alert button[b-ihntle9p9v] {
    border: 0;
    cursor: pointer;
    background: transparent;
    font-size: 1.25rem;
}

.settings-tabs[b-ihntle9p9v] {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.35rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
}

.settings-tabs button[b-ihntle9p9v] {
    min-height: 2.35rem;
    padding: 0.5rem 0.8rem;
    color: var(--text-secondary, #697586);
    background: transparent;
    border: 0;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.settings-tabs button.active[b-ihntle9p9v] {
    color: #ffffff;
    background: #b98224;
    box-shadow: 0 6px 14px rgb(185 130 36 / 22%);
}

.settings-panel[b-ihntle9p9v] {
    min-width: 0;
    overflow: hidden;
    padding: 1rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
}

.settings-loading[b-ihntle9p9v] {
    display: grid;
    place-items: center;
    min-height: 14rem;
    color: var(--text-secondary, #718096);
}

.settings-validation-summary[b-ihntle9p9v] {
    margin: 0 0 0.75rem;
    color: #9b2f2f;
    font-size: 0.78rem;
}

.panel-header[b-ihntle9p9v] {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--border-color, #e7ebef);
}

.panel-header span[b-ihntle9p9v] {
    color: #a77720;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.panel-header h2[b-ihntle9p9v] {
    margin: 0.15rem 0 0.25rem;
    color: var(--text-primary, #172033);
}

.panel-header p[b-ihntle9p9v] {
    margin: 0;
    color: var(--text-secondary, #718096);
}

.settings-switch-list[b-ihntle9p9v] {
    display: grid;
    gap: 0.65rem;
}

.settings-switch-list.compact[b-ihntle9p9v] {
    margin-top: 0.8rem;
}

.settings-switch-row[b-ihntle9p9v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #e6eaee);
    border-radius: 0.6rem;
    cursor: pointer;
}

.settings-switch-row strong[b-ihntle9p9v],
.settings-switch-row span[b-ihntle9p9v] {
    display: block;
}

.settings-switch-row strong[b-ihntle9p9v] {
    color: var(--text-primary, #172033);
}

.settings-switch-row span[b-ihntle9p9v] {
    margin-top: 0.18rem;
    color: var(--text-secondary, #718096);
    font-size: 0.76rem;
}

.settings-switch-row input[b-ihntle9p9v] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: #b98224;
}

.settings-number-grid[b-ihntle9p9v],
.security-status-grid[b-ihntle9p9v],
.backup-summary-grid[b-ihntle9p9v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.8rem;
}

.settings-number-card[b-ihntle9p9v],
.status-card[b-ihntle9p9v],
.backup-summary-grid article[b-ihntle9p9v] {
    padding: 0.85rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #e3e8ed);
    border-radius: 0.65rem;
}

.settings-number-card label[b-ihntle9p9v] {
    display: block;
    margin-bottom: 0.4rem;
    color: var(--text-primary, #172033);
    font-size: 0.75rem;
    font-weight: 800;
}

.settings-number[b-ihntle9p9v] {
    width: 100%;
    min-height: 2.35rem;
    padding: 0.45rem 0.6rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    font: inherit;
}

.status-card > span[b-ihntle9p9v] {
    display: inline-flex;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 850;
}

.status-card.ready > span[b-ihntle9p9v] {
    color: #17613f;
    background: #e7f8ef;
}

.status-card.pending > span[b-ihntle9p9v] {
    color: #8a5b12;
    background: #fff4d7;
}

.status-card strong[b-ihntle9p9v] {
    display: block;
    margin-top: 0.55rem;
    color: var(--text-primary, #172033);
}

.status-card p[b-ihntle9p9v] {
    margin: 0.3rem 0 0;
    color: var(--text-secondary, #718096);
    font-size: 0.76rem;
    line-height: 1.5;
}

.settings-info-box[b-ihntle9p9v],
.settings-warning-box[b-ihntle9p9v],
.mobile-rule-box[b-ihntle9p9v] {
    margin-top: 0.85rem;
    padding: 0.85rem;
    border-radius: 0.65rem;
}

.settings-info-box[b-ihntle9p9v] {
    color: #385273;
    background: #eef6ff;
    border: 1px solid #cfe1f4;
}

.settings-warning-box[b-ihntle9p9v] {
    color: #745116;
    background: #fff8e6;
    border: 1px solid #ead7a4;
}

.mobile-rule-box[b-ihntle9p9v] {
    color: #3e4d69;
    background: #f1f3fb;
    border: 1px solid #d8dcef;
}

.settings-info-box p[b-ihntle9p9v],
.settings-warning-box p[b-ihntle9p9v],
.mobile-rule-box p[b-ihntle9p9v] {
    margin: 0.3rem 0 0;
}

.settings-form-grid[b-ihntle9p9v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 0.8rem;
}

.settings-field[b-ihntle9p9v] {
    display: grid;
    gap: 0.35rem;
}

.settings-field.full[b-ihntle9p9v] {
    grid-column: 1 / -1;
}

.settings-field label[b-ihntle9p9v] {
    color: var(--text-primary, #172033);
    font-size: 0.78rem;
    font-weight: 800;
}

.settings-control[b-ihntle9p9v] {
    width: 100%;
    min-height: 2.45rem;
    padding: 0.5rem 0.65rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    font: inherit;
}

.settings-control:disabled[b-ihntle9p9v] {
    cursor: not-allowed;
    opacity: 0.65;
}

.settings-textarea[b-ihntle9p9v] {
    min-height: 7rem;
    resize: vertical;
}

.settings-inline-action[b-ihntle9p9v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.settings-readonly-value[b-ihntle9p9v] {
    display: flex;
    align-items: center;
    min-height: 2.45rem;
    padding: 0.5rem 0.65rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    font-size: 0.78rem;
}

.settings-readonly-value.ready[b-ihntle9p9v] {
    color: #17613f;
    background: #ecf9f2;
    border-color: #b8e5cd;
}

.settings-readonly-value.pending[b-ihntle9p9v] {
    color: #745116;
    background: #fff8e6;
    border-color: #ead7a4;
}

.antibot-settings-box[b-ihntle9p9v] {
    margin-top: 1rem;
}

.antibot-incomplete-box[b-ihntle9p9v] {
    margin-top: 0.8rem;
}

.antibot-secret-status-row[b-ihntle9p9v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.settings-secret-badge[b-ihntle9p9v] {
    display: inline-flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
}

.settings-secret-badge.ready[b-ihntle9p9v] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.settings-secret-badge.pending[b-ihntle9p9v] {
    color: #745116;
    background: #fff8e6;
    border: 1px solid #ead7a4;
}

.settings-secret-badge.error[b-ihntle9p9v] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.settings-secondary-action[b-ihntle9p9v],
.settings-danger-action[b-ihntle9p9v] {
    min-height: 2.1rem;
    padding: 0.35rem 0.65rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 850;
}

.settings-secondary-action[b-ihntle9p9v] {
    color: #385273;
    background: #eef6ff;
    border: 1px solid #cfe1f4;
}

.settings-danger-action[b-ihntle9p9v] {
    color: #8d2e2e;
    background: #fff7f7;
    border: 1px solid #efc1c1;
}

.settings-inline-action button[b-ihntle9p9v] {
    min-height: 2.45rem;
    padding: 0.5rem 0.75rem;
    color: #7b5518;
    background: #fff8e8;
    border: 1px solid #e7cf9f;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 850;
}

.settings-inline-action button:hover[b-ihntle9p9v] {
    background: #f7edda;
}

.settings-help[b-ihntle9p9v] {
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
    line-height: 1.45;
}

.backup-summary-grid[b-ihntle9p9v] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.backup-summary-grid span[b-ihntle9p9v],
.backup-summary-grid strong[b-ihntle9p9v] {
    display: block;
}

.backup-summary-grid span[b-ihntle9p9v] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
    font-weight: 750;
}

.backup-summary-grid strong[b-ihntle9p9v] {
    margin-top: 0.2rem;
    color: var(--text-primary, #172033);
}

.backup-actions[b-ihntle9p9v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.backup-actions button[b-ihntle9p9v] {
    min-height: 2.25rem;
    padding: 0.45rem 0.75rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-muted, #f2f4f7);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 800;
}

.backup-actions button:disabled[b-ihntle9p9v] {
    cursor: not-allowed;
    opacity: 0.7;
}

.settings-footer[b-ihntle9p9v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: 0.85rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
}

.settings-footer strong[b-ihntle9p9v],
.settings-footer span[b-ihntle9p9v] {
    display: block;
}

.settings-footer span[b-ihntle9p9v] {
    margin-top: 0.15rem;
    color: var(--text-secondary, #718096);
    font-size: 0.75rem;
}

.settings-save[b-ihntle9p9v] {
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    color: #ffffff;
    background: #b98224;
    border: 1px solid #b98224;
    border-radius: 0.55rem;
    cursor: pointer;
    font: inherit;
    font-weight: 850;
}

.settings-save:hover:not(:disabled)[b-ihntle9p9v] {
    background: #9e6e19;
}

.settings-save:disabled[b-ihntle9p9v] {
    cursor: not-allowed;
    opacity: 0.65;
}

.validation-message[b-ihntle9p9v] {
    color: #a22f2f;
    font-size: 0.72rem;
}

@media (max-width: 1050px) {
    .backup-summary-grid[b-ihntle9p9v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .settings-header[b-ihntle9p9v] {
        flex-direction: column;
    }

    .settings-header-status[b-ihntle9p9v] {
        width: 100%;
    }

    .settings-form-grid[b-ihntle9p9v],
    .settings-number-grid[b-ihntle9p9v],
    .security-status-grid[b-ihntle9p9v],
    .backup-summary-grid[b-ihntle9p9v] {
        grid-template-columns: 1fr;
    }

    .settings-field.full[b-ihntle9p9v] {
        grid-column: auto;
    }

    .settings-inline-action[b-ihntle9p9v] {
        grid-template-columns: 1fr;
    }

    .settings-footer[b-ihntle9p9v] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/ConfiguracionAsesoresIndividual.razor.rz.scp.css */
.advisor-config[b-bv58zpthhe]{display:grid;gap:.8rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border-color,#e3e8ed)}
.advisor-config-header[b-bv58zpthhe]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.advisor-config-header span[b-bv58zpthhe],.advisor-modal header span[b-bv58zpthhe]{color:#a77720;font-size:.68rem;font-weight:850;letter-spacing:.08em}
.advisor-config-header h3[b-bv58zpthhe],.advisor-modal header h3[b-bv58zpthhe]{margin:.15rem 0 .2rem;color:var(--text-primary,#172033)}
.advisor-config-header p[b-bv58zpthhe],.advisor-modal header p[b-bv58zpthhe]{margin:0;color:var(--text-secondary,#718096);font-size:.76rem}
.advisor-config-save[b-bv58zpthhe],.advisor-modal-primary[b-bv58zpthhe]{min-height:2.35rem;padding:.5rem .8rem;color:#fff;background:#b98224;border:1px solid #b98224;border-radius:.5rem;cursor:pointer;font:inherit;font-size:.75rem;font-weight:850;white-space:nowrap}
.advisor-config-save:disabled[b-bv58zpthhe],.advisor-modal-primary:disabled[b-bv58zpthhe]{cursor:not-allowed;opacity:.65}
.advisor-config-message[b-bv58zpthhe]{padding:.65rem .75rem;border-radius:.55rem;font-size:.76rem;font-weight:700}
.advisor-config-message.success[b-bv58zpthhe]{color:#17613f;background:#ecf9f2;border:1px solid #b8e5cd}.advisor-config-message.error[b-bv58zpthhe]{color:#8d2e2e;background:#fff0f0;border:1px solid #efc1c1}
.advisor-summary[b-bv58zpthhe]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.advisor-summary article[b-bv58zpthhe]{padding:.65rem .75rem;background:var(--surface-muted,#f8fafc);border:1px solid var(--border-color,#dfe4ea);border-radius:.6rem}.advisor-summary span[b-bv58zpthhe],.advisor-summary strong[b-bv58zpthhe]{display:block}.advisor-summary span[b-bv58zpthhe]{color:var(--text-secondary,#718096);font-size:.66rem}.advisor-summary strong[b-bv58zpthhe]{margin-top:.18rem;color:var(--text-primary,#172033);font-size:1rem}
.advisor-toolbar[b-bv58zpthhe]{display:grid;grid-template-columns:minmax(15rem,1fr) 13rem 7rem auto;align-items:end;gap:.55rem}.advisor-search[b-bv58zpthhe],.advisor-filter[b-bv58zpthhe]{display:grid;gap:.22rem}.advisor-search label[b-bv58zpthhe],.advisor-filter label[b-bv58zpthhe]{color:var(--text-primary,#172033);font-size:.68rem;font-weight:800}.advisor-search input[b-bv58zpthhe],.advisor-filter select[b-bv58zpthhe]{width:100%;min-height:2.2rem;padding:.4rem .55rem;color:var(--text-primary,#172033);background:var(--surface-color,#fff);border:1px solid var(--border-color,#dfe4ea);border-radius:.45rem;font:inherit;font-size:.73rem}
.advisor-clear[b-bv58zpthhe],.advisor-pagination button[b-bv58zpthhe],.advisor-configure[b-bv58zpthhe],.advisor-modal-secondary[b-bv58zpthhe]{min-height:2.2rem;padding:.4rem .65rem;color:var(--text-primary,#172033);background:var(--surface-color,#fff);border:1px solid var(--border-color,#dfe4ea);border-radius:.45rem;cursor:pointer;font:inherit;font-size:.7rem;font-weight:800}.advisor-clear:hover[b-bv58zpthhe],.advisor-pagination button:hover[b-bv58zpthhe],.advisor-configure:hover[b-bv58zpthhe],.advisor-modal-secondary:hover[b-bv58zpthhe]{border-color:#b98224}
.advisor-config-empty[b-bv58zpthhe]{display:grid;place-items:center;min-height:7rem;color:var(--text-secondary,#718096);background:var(--surface-muted,#f8fafc);border:1px dashed var(--border-color,#dfe4ea);border-radius:.65rem}
.advisor-table-shell[b-bv58zpthhe]{overflow-x:auto;background:var(--surface-color,#fff);border:1px solid var(--border-color,#dfe4ea);border-radius:.65rem}.advisor-table[b-bv58zpthhe]{width:100%;min-width:62rem;border-collapse:collapse}.advisor-table th[b-bv58zpthhe],.advisor-table td[b-bv58zpthhe]{padding:.58rem .65rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border-color,#e7ebef)}.advisor-table th[b-bv58zpthhe]{color:var(--text-secondary,#657287);background:var(--surface-muted,#f7f9fb);font-size:.65rem;font-weight:850;white-space:nowrap}.advisor-table td[b-bv58zpthhe]{color:var(--text-primary,#172033);font-size:.72rem}.advisor-table tbody tr:last-child td[b-bv58zpthhe]{border-bottom:0}.advisor-table tbody tr:hover[b-bv58zpthhe]{background:#fffaf0}.advisor-table td strong[b-bv58zpthhe],.advisor-table td small[b-bv58zpthhe]{display:block}.advisor-table td small[b-bv58zpthhe]{margin-top:.12rem;color:var(--text-secondary,#718096);font-size:.64rem}
.advisor-state[b-bv58zpthhe]{display:inline-flex;padding:.2rem .48rem;border-radius:999px;font-size:.62rem;font-weight:850;white-space:nowrap}.advisor-state.active[b-bv58zpthhe]{color:#17613f;background:#e7f8ef}.advisor-state.inactive[b-bv58zpthhe]{color:#8d2e2e;background:#fff0f0}.advisor-count[b-bv58zpthhe]{display:inline-grid;place-items:center;min-width:1.7rem;min-height:1.7rem;padding:.2rem;color:#9a6816;background:#fff4d8;border-radius:999px;font-weight:850}.advisor-table-check[b-bv58zpthhe]{display:inline-flex;align-items:center;gap:.4rem}.advisor-table-check input[b-bv58zpthhe],.advisor-switch input[b-bv58zpthhe]{width:1rem;height:1rem;accent-color:#b98224}.advisor-configure[b-bv58zpthhe]{min-height:1.95rem;padding:.3rem .55rem;color:#8b5d12;background:#fff8e8;border-color:#ecd49f}
.advisor-pagination[b-bv58zpthhe]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.advisor-pagination>span[b-bv58zpthhe]{color:var(--text-secondary,#718096);font-size:.7rem}.advisor-pagination>div[b-bv58zpthhe]{display:flex;align-items:center;gap:.45rem}.advisor-pagination strong[b-bv58zpthhe]{color:var(--text-primary,#172033);font-size:.68rem}.advisor-pagination button:disabled[b-bv58zpthhe]{cursor:not-allowed;opacity:.55}
.advisor-modal-backdrop[b-bv58zpthhe]{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(15,23,42,.58)}.advisor-modal[b-bv58zpthhe]{width:min(46rem,100%);max-height:calc(100vh - 2rem);overflow:auto;background:var(--surface-color,#fff);border:1px solid var(--border-color,#dfe4ea);border-radius:.8rem;box-shadow:0 1.5rem 4rem rgba(15,23,42,.3)}.advisor-modal>header[b-bv58zpthhe],.advisor-modal>footer[b-bv58zpthhe]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.advisor-modal>header[b-bv58zpthhe]{border-bottom:1px solid var(--border-color,#e4e9ed)}.advisor-modal>footer[b-bv58zpthhe]{align-items:center;justify-content:flex-end;border-top:1px solid var(--border-color,#e4e9ed)}.advisor-modal-close[b-bv58zpthhe]{width:2rem;height:2rem;padding:0;color:var(--text-primary,#172033);background:transparent;border:1px solid var(--border-color,#dfe4ea);border-radius:999px;cursor:pointer;font-size:1.2rem;line-height:1}.advisor-modal-body[b-bv58zpthhe]{display:grid;gap:.7rem;padding:1rem}
.advisor-switch[b-bv58zpthhe]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;background:var(--surface-muted,#f8fafc);border:1px solid var(--border-color,#e2e7eb);border-radius:.55rem}.advisor-switch strong[b-bv58zpthhe],.advisor-switch small[b-bv58zpthhe]{display:block}.advisor-switch strong[b-bv58zpthhe]{color:var(--text-primary,#172033);font-size:.76rem}.advisor-switch small[b-bv58zpthhe]{margin-top:.15rem;color:var(--text-secondary,#718096);font-size:.66rem}.advisor-fields[b-bv58zpthhe]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.advisor-fields label[b-bv58zpthhe]{display:grid;gap:.22rem;color:var(--text-primary,#172033);font-size:.7rem;font-weight:800}.advisor-fields label.full[b-bv58zpthhe]{grid-column:1/-1}.advisor-fields input[b-bv58zpthhe],.advisor-fields select[b-bv58zpthhe]{width:100%;min-height:2.15rem;padding:.38rem .5rem;color:var(--text-primary,#172033);background:var(--surface-color,#fff);border:1px solid var(--border-color,#dfe4ea);border-radius:.42rem;font:inherit;font-weight:500}.advisor-fields small[b-bv58zpthhe]{color:var(--text-secondary,#718096);font-size:.62rem;font-weight:500}.advisor-current[b-bv58zpthhe]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem;background:#fff8e8;border:1px solid #ecd49f;border-radius:.55rem}.advisor-current span[b-bv58zpthhe]{color:#805b18;font-size:.72rem}.advisor-current strong[b-bv58zpthhe]{color:#9a6816;font-size:1rem}
@media(max-width:1200px){.advisor-summary[b-bv58zpthhe]{grid-template-columns:repeat(3,minmax(0,1fr))}.advisor-toolbar[b-bv58zpthhe]{grid-template-columns:minmax(12rem,1fr) 12rem 7rem auto}}@media(max-width:850px){.advisor-summary[b-bv58zpthhe]{grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-toolbar[b-bv58zpthhe]{grid-template-columns:1fr 1fr}.advisor-pagination[b-bv58zpthhe]{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.advisor-config-header[b-bv58zpthhe]{flex-direction:column}.advisor-summary[b-bv58zpthhe],.advisor-toolbar[b-bv58zpthhe],.advisor-fields[b-bv58zpthhe]{grid-template-columns:1fr}.advisor-fields label.full[b-bv58zpthhe]{grid-column:auto}.advisor-modal>footer[b-bv58zpthhe]{align-items:stretch;flex-direction:column-reverse}.advisor-modal>footer button[b-bv58zpthhe]{width:100%}}
/* /Components/Pages/ConfiguracionCorreo.razor.rz.scp.css */
.mail-panel[b-myev99n65x] {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
}

.mail-header[b-myev99n65x],
.mail-test-head[b-myev99n65x],
.mail-secret-card[b-myev99n65x],
.mail-security-note[b-myev99n65x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.mail-header[b-myev99n65x] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-color, #e5e9ed);
}

.mail-header-status[b-myev99n65x] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mail-header div > span[b-myev99n65x],
.mail-secret-card div > span[b-myev99n65x] {
    color: #a77720;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.mail-header h2[b-myev99n65x] {
    margin: 0.18rem 0 0.22rem;
    color: var(--text-primary, #172033);
}

.mail-header p[b-myev99n65x] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: 0.76rem;
}

.mail-security-badge[b-myev99n65x],
.mail-status[b-myev99n65x],
.secret-state[b-myev99n65x] {
    display: inline-flex;
    padding: 0.24rem 0.52rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 850;
    white-space: nowrap;
}

.mail-security-badge[b-myev99n65x] {
    color: #145b3d;
    background: #e7f8ef;
}

.mail-status.enabled[b-myev99n65x],
.secret-state.ready[b-myev99n65x] {
    color: #17613f;
    background: #e7f8ef;
}

.mail-status.disabled[b-myev99n65x],
.secret-state.pending[b-myev99n65x] {
    color: #805b18;
    background: #fff5dc;
}

.mail-message[b-myev99n65x],
.mail-dev-warning[b-myev99n65x],
.mail-access-denied[b-myev99n65x] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.72rem;
}

.mail-message.success[b-myev99n65x] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.mail-message.error[b-myev99n65x],
.mail-access-denied[b-myev99n65x] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.mail-dev-warning[b-myev99n65x] {
    color: #795716;
    background: #fff8e7;
    border: 1px solid #efd79d;
}

.mail-dev-warning strong[b-myev99n65x],
.mail-dev-warning span[b-myev99n65x],
.mail-access-denied strong[b-myev99n65x],
.mail-access-denied p[b-myev99n65x] {
    display: block;
}

.mail-dev-warning span[b-myev99n65x],
.mail-access-denied p[b-myev99n65x] {
    margin: 0.18rem 0 0;
}

.mail-empty[b-myev99n65x] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-muted, #f8fafc);
    border: 1px dashed var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.mail-switches[b-myev99n65x],
.mail-grid[b-myev99n65x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.mail-switch[b-myev99n65x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
}

.mail-switch strong[b-myev99n65x],
.mail-switch small[b-myev99n65x] {
    display: block;
}

.mail-switch strong[b-myev99n65x] {
    color: var(--text-primary, #172033);
    font-size: 0.74rem;
}

.mail-switch small[b-myev99n65x] {
    margin-top: 0.14rem;
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
}

.mail-switch input[b-myev99n65x] {
    width: 1rem;
    height: 1rem;
    accent-color: #b98224;
}

.mail-grid[b-myev99n65x] {
    margin-top: 0.75rem;
}

.mail-field[b-myev99n65x] {
    display: grid;
    gap: 0.22rem;
}

.mail-field label[b-myev99n65x] {
    color: var(--text-primary, #172033);
    font-size: 0.68rem;
    font-weight: 850;
}

.mail-field > small[b-myev99n65x] {
    color: var(--text-secondary, #718096);
    font-size: 0.61rem;
    line-height: 1.4;
}

.mail-control[b-myev99n65x] {
    width: 100%;
    min-height: 2.25rem;
    padding: 0.4rem 0.55rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.45rem;
    font: inherit;
    font-size: 0.73rem;
}

.mail-field[b-myev99n65x]  .validation-message {
    color: #9f3030;
    font-size: 0.62rem;
}

.mail-secret-card[b-myev99n65x],
.mail-security-note[b-myev99n65x] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.6rem;
}

.mail-secret-card[b-myev99n65x] {
    background: #f5fbf8;
    border: 1px solid #bfe2cf;
}

.mail-security-note[b-myev99n65x] {
    display: block;
    color: #5d4a20;
    background: #fff9eb;
    border: 1px solid #ecd49f;
}

.mail-secret-card strong[b-myev99n65x],
.mail-secret-card p[b-myev99n65x],
.mail-security-note strong[b-myev99n65x],
.mail-security-note p[b-myev99n65x] {
    display: block;
}

.mail-secret-card strong[b-myev99n65x] {
    margin-top: 0.16rem;
    color: var(--text-primary, #172033);
    font-size: 0.76rem;
}

.mail-secret-card p[b-myev99n65x],
.mail-security-note p[b-myev99n65x] {
    margin: 0.18rem 0 0;
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
    line-height: 1.45;
}

.mail-footer[b-myev99n65x] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color, #e5e9ed);
}

.mail-save[b-myev99n65x],
.mail-test-button[b-myev99n65x] {
    min-height: 2.35rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 850;
}

.mail-save[b-myev99n65x],
.mail-test-button.primary[b-myev99n65x] {
    color: #fff;
    background: #b98224;
    border: 1px solid #b98224;
}

.mail-test-button.secondary[b-myev99n65x] {
    color: #32485c;
    background: #fff;
    border: 1px solid #cdd8e1;
}

.mail-save:disabled[b-myev99n65x],
.mail-test-button:disabled[b-myev99n65x] {
    cursor: not-allowed;
    opacity: 0.62;
}

.mail-test-panel[b-myev99n65x] {
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.mail-test-head strong[b-myev99n65x],
.mail-test-head span[b-myev99n65x] {
    display: block;
}

.mail-test-head strong[b-myev99n65x] {
    color: var(--text-primary, #172033);
    font-size: 0.76rem;
}

.mail-test-head span[b-myev99n65x] {
    margin-top: 0.16rem;
    color: var(--text-secondary, #718096);
    font-size: 0.65rem;
}

.mail-test-actions[b-myev99n65x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
}

.mail-test-destination[b-myev99n65x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.mail-last-test[b-myev99n65x] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 0.55rem;
}

.mail-last-test article[b-myev99n65x] {
    padding: 0.65rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
}

.mail-last-test span[b-myev99n65x],
.mail-last-test strong[b-myev99n65x] {
    display: block;
}

.mail-last-test span[b-myev99n65x] {
    color: var(--text-secondary, #718096);
    font-size: 0.63rem;
}

.mail-last-test strong[b-myev99n65x] {
    margin-top: 0.16rem;
    color: var(--text-primary, #172033);
    font-size: 0.7rem;
}

.mail-note[b-myev99n65x] {
    padding: 0.7rem 0.8rem;
    color: #805b18;
    background: #fff8e7;
    border: 1px solid #efd79d;
    border-radius: 0.55rem;
}

.mail-note p[b-myev99n65x] {
    margin: 0.2rem 0 0;
    font-size: 0.7rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .mail-switches[b-myev99n65x],
    .mail-grid[b-myev99n65x],
    .mail-last-test[b-myev99n65x],
    .mail-test-actions[b-myev99n65x],
    .mail-test-destination[b-myev99n65x] {
        grid-template-columns: 1fr;
    }

    .mail-header[b-myev99n65x],
    .mail-secret-card[b-myev99n65x] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mail-header-status[b-myev99n65x] {
        justify-content: flex-start;
    }

    .mail-footer[b-myev99n65x] {
        justify-content: stretch;
    }

    .mail-save[b-myev99n65x],
    .mail-test-button[b-myev99n65x] {
        width: 100%;
    }
}
/* /Components/Pages/Constructoras.razor.rz.scp.css */
.constructoras-page[b-kfwnjlk2do] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.module-header[b-kfwnjlk2do] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 0;
}

.module-title[b-kfwnjlk2do] {
    min-width: 0;
}

.module-eyebrow[b-kfwnjlk2do] {
    display: block;
    margin-bottom: 7px;
    color: #b98224;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.module-title h1[b-kfwnjlk2do] {
    margin: 0 0 7px;
    color: #14202c;
    font-size: 27px;
    line-height: 1.2;
}

.module-title p[b-kfwnjlk2do] {
    margin: 0;
    color: #74808c;
    font-size: 14px;
    line-height: 1.55;
}

.module-actions[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.button[b-kfwnjlk2do] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

    .button:hover:not(:disabled)[b-kfwnjlk2do] {
        transform: translateY(-1px);
    }

    .button:disabled[b-kfwnjlk2do] {
        cursor: not-allowed;
        opacity: 0.6;
    }

.button-primary[b-kfwnjlk2do] {
    color: #ffffff;
    background: linear-gradient(135deg, #b98224, #d1a044);
    box-shadow: 0 7px 18px rgba(189, 140, 49, 0.2);
}

.button-secondary[b-kfwnjlk2do] {
    color: #44515d;
    background: #ffffff;
    border: 1px solid #d5dde3;
}

.notification[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.notification-icon[b-kfwnjlk2do] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-weight: 800;
}

.notification button[b-kfwnjlk2do] {
    margin-left: auto;
    padding: 0;
    cursor: pointer;
    color: inherit;
    background: transparent;
    border: 0;
    font-size: 20px;
}

.notification-success[b-kfwnjlk2do] {
    color: #146c43;
    background: #eaf8f1;
    border: 1px solid #bee7d1;
}

    .notification-success .notification-icon[b-kfwnjlk2do] {
        color: #ffffff;
        background: #1c965c;
    }

.notification-error[b-kfwnjlk2do] {
    color: #a62d2d;
    background: #fff0f0;
    border: 1px solid #edc3c3;
}

    .notification-error .notification-icon[b-kfwnjlk2do] {
        color: #ffffff;
        background: #cb3d3d;
    }

.summary-grid[b-kfwnjlk2do] {
    display: grid;
    grid-template-columns: repeat(3, minmax(210px, 1fr));
    gap: 14px;
}

.summary-card[b-kfwnjlk2do] {
    position: relative;
    min-width: 0;
    min-height: 124px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 19px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.summary-icon[b-kfwnjlk2do] {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.summary-content[b-kfwnjlk2do] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .summary-content span[b-kfwnjlk2do] {
        color: #6f7c88;
        font-size: 12px;
    }

    .summary-content strong[b-kfwnjlk2do] {
        margin: 7px 0 5px;
        color: #15212d;
        font-size: 27px;
        line-height: 1;
    }

    .summary-content small[b-kfwnjlk2do] {
        color: #8a959e;
        font-size: 11px;
    }

.summary-line[b-kfwnjlk2do] {
    position: absolute;
    right: 14px;
    bottom: 9px;
    left: 14px;
    height: 4px;
    border-radius: 8px;
}

.summary-total .summary-icon[b-kfwnjlk2do] {
    color: #9d6f19;
    background: #f8efd9;
}

.summary-total .summary-line[b-kfwnjlk2do] {
    background: #c49332;
}

.summary-active .summary-icon[b-kfwnjlk2do] {
    color: #16784a;
    background: #e4f6ed;
}

.summary-active .summary-line[b-kfwnjlk2do] {
    background: #21945c;
}

.summary-inactive .summary-icon[b-kfwnjlk2do] {
    color: #a33c3c;
    background: #fae7e7;
}

.summary-inactive .summary-line[b-kfwnjlk2do] {
    background: #c95050;
}

.list-panel[b-kfwnjlk2do] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.list-toolbar[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background: #ffffff;
    border-bottom: 1px solid #e7ecef;
}

.search-control[b-kfwnjlk2do] {
    position: relative;
    min-width: 260px;
    max-width: 650px;
    display: flex;
    align-items: center;
    flex: 1;
}

.search-icon[b-kfwnjlk2do] {
    position: absolute;
    left: 13px;
    color: #84909b;
    font-size: 18px;
    pointer-events: none;
}

.search-control input[b-kfwnjlk2do] {
    width: 100%;
    height: 41px;
    padding: 0 40px 0 39px;
    color: #26333f;
    outline: none;
    background: #f8fafb;
    border: 1px solid #d7dfe5;
    border-radius: 7px;
    font-size: 13px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .search-control input:focus[b-kfwnjlk2do] {
        background: #ffffff;
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.clear-search[b-kfwnjlk2do] {
    position: absolute;
    right: 8px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    color: #71808c;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 18px;
}

    .clear-search:hover[b-kfwnjlk2do] {
        background: #edf1f4;
    }

.filter-group[b-kfwnjlk2do] {
    display: inline-flex;
    flex-shrink: 0;
    padding: 3px;
    background: #f1f4f6;
    border-radius: 7px;
}

.filter-button[b-kfwnjlk2do] {
    min-height: 34px;
    padding: 0 13px;
    cursor: pointer;
    color: #6a7782;
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
}

    .filter-button.active[b-kfwnjlk2do] {
        color: #7d5a19;
        background: #ffffff;
        box-shadow: 0 2px 7px rgba(20, 31, 42, 0.08);
    }

.table-container[b-kfwnjlk2do] {
    width: 100%;
    overflow-x: auto;
}

.companies-table[b-kfwnjlk2do] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    table-layout: auto;
    font-size: 12px;
}

    .companies-table thead[b-kfwnjlk2do] {
        position: sticky;
        z-index: 2;
        top: 0;
    }

    .companies-table th[b-kfwnjlk2do] {
        padding: 12px 13px;
        color: #64717d;
        text-align: left;
        white-space: nowrap;
        background: #f5f7f9;
        border-bottom: 1px solid #dce3e8;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .companies-table td[b-kfwnjlk2do] {
        max-width: 220px;
        padding: 12px 13px;
        color: #3e4c58;
        vertical-align: middle;
        border-bottom: 1px solid #e8ecef;
    }

    .companies-table tbody tr[b-kfwnjlk2do] {
        transition: background-color 120ms ease;
    }

        .companies-table tbody tr:hover[b-kfwnjlk2do] {
            background: #fbfcfd;
        }

.sort-button[b-kfwnjlk2do] {
    width: 100%;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-align: left;
    text-transform: inherit;
    white-space: nowrap;
}

    .sort-button:hover[b-kfwnjlk2do] {
        color: #a8751f;
    }

    .sort-button:focus-visible[b-kfwnjlk2do] {
        outline: 2px solid rgba(189, 140, 49, 0.45);
        outline-offset: 3px;
        border-radius: 3px;
    }

.sort-indicator[b-kfwnjlk2do] {
    min-width: 12px;
    color: #b98224;
    font-size: 9px;
    line-height: 1;
}

.code-badge[b-kfwnjlk2do] {
    display: inline-flex;
    padding: 5px 8px;
    color: #7f5d1c;
    background: #f8efd9;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.company-name[b-kfwnjlk2do] {
    min-width: 190px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.company-avatar[b-kfwnjlk2do] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
}

.company-name > div:last-child[b-kfwnjlk2do],
.two-line-cell[b-kfwnjlk2do],
.date-cell[b-kfwnjlk2do] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .company-name strong[b-kfwnjlk2do],
    .two-line-cell strong[b-kfwnjlk2do],
    .date-cell strong[b-kfwnjlk2do] {
        overflow: hidden;
        color: #1d2934;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .company-name span[b-kfwnjlk2do],
    .date-cell span[b-kfwnjlk2do] {
        overflow: hidden;
        color: #87939d;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.email-value[b-kfwnjlk2do] {
    display: block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-badge[b-kfwnjlk2do] {
    min-width: 79px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
}

.status-dot[b-kfwnjlk2do] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.status-active[b-kfwnjlk2do] {
    color: #147649;
    background: #e6f7ee;
}

    .status-active .status-dot[b-kfwnjlk2do] {
        background: #1a985c;
    }

.status-inactive[b-kfwnjlk2do] {
    color: #985050;
    background: #f9eaea;
}

    .status-inactive .status-dot[b-kfwnjlk2do] {
        background: #ca5050;
    }

.row-actions[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.table-action[b-kfwnjlk2do] {
    min-height: 30px;
    padding: 0 9px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #d6dee4;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
}

.edit-action[b-kfwnjlk2do] {
    color: #315f82;
}

    .edit-action:hover[b-kfwnjlk2do] {
        background: #edf5fa;
        border-color: #b9d2e3;
    }

.deactivate-action[b-kfwnjlk2do] {
    color: #a14343;
}

    .deactivate-action:hover[b-kfwnjlk2do] {
        background: #fff0f0;
        border-color: #e8c2c2;
    }

.activate-action[b-kfwnjlk2do] {
    color: #167447;
}

    .activate-action:hover[b-kfwnjlk2do] {
        background: #eaf8f1;
        border-color: #bee5d1;
    }

.actions-header[b-kfwnjlk2do] {
    width: 170px;
}

.table-footer[b-kfwnjlk2do] {
    display: flex;
    justify-content: flex-end;
    padding: 11px 15px;
    color: #7e8993;
    background: #fafbfc;
    border-top: 1px solid #e7ecef;
    font-size: 11px;
}

.empty-state[b-kfwnjlk2do],
.loading-state[b-kfwnjlk2do] {
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
}

.empty-illustration[b-kfwnjlk2do] {
    position: relative;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    margin-bottom: 21px;
    color: #bf8825;
    background: #fff8e9;
    border: 1px solid #efd9a5;
    border-radius: 50%;
}

.empty-building[b-kfwnjlk2do] {
    font-size: 36px;
}

.empty-badge[b-kfwnjlk2do] {
    position: absolute;
    right: -2px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #132231;
    border: 3px solid #ffffff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 800;
}

.empty-state h2[b-kfwnjlk2do] {
    margin: 0 0 8px;
    color: #1a2732;
    font-size: 18px;
}

.empty-state p[b-kfwnjlk2do] {
    max-width: 480px;
    margin: 0 0 23px;
    color: #818d97;
    font-size: 12px;
    line-height: 1.65;
}

.loading-state[b-kfwnjlk2do] {
    gap: 8px;
    color: #7d8993;
}

    .loading-state strong[b-kfwnjlk2do] {
        margin-top: 9px;
        color: #53616c;
        font-size: 14px;
    }

    .loading-state span[b-kfwnjlk2do] {
        font-size: 11px;
    }

.loading-spinner[b-kfwnjlk2do] {
    width: 40px;
    height: 40px;
    border: 4px solid #e3e8ec;
    border-top-color: #bd8c31;
    border-radius: 50%;
    animation: constructoras-spin-b-kfwnjlk2do 700ms linear infinite;
}

@keyframes constructoras-spin-b-kfwnjlk2do {
    to {
        transform: rotate(360deg);
    }
}

.modal-overlay[b-kfwnjlk2do] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(10, 18, 26, 0.62);
    backdrop-filter: blur(3px);
}

.company-modal[b-kfwnjlk2do] {
    width: min(100%, 760px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.modal-header[b-kfwnjlk2do] {
    position: sticky;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 21px;
    background: #ffffff;
    border-bottom: 1px solid #e5eaee;
}

.modal-title-group[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.modal-title-icon[b-kfwnjlk2do] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #93691b;
    background: #f7ecd2;
    border-radius: 8px;
    font-size: 17px;
}

.modal-title-group span[b-kfwnjlk2do] {
    display: block;
    margin-bottom: 3px;
    color: #b37e22;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.modal-title-group h2[b-kfwnjlk2do] {
    margin: 0;
    color: #17232e;
    font-size: 19px;
}

.modal-close[b-kfwnjlk2do] {
    width: 34px;
    height: 34px;
    cursor: pointer;
    color: #63717d;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
}

.modal-body[b-kfwnjlk2do] {
    padding: 21px;
}

.form-grid[b-kfwnjlk2do] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-field[b-kfwnjlk2do] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field-full[b-kfwnjlk2do] {
    grid-column: 1 / -1;
}

.form-field label[b-kfwnjlk2do] {
    color: #3d4a55;
    font-size: 11px;
    font-weight: 700;
}

    .form-field label span[b-kfwnjlk2do] {
        color: #c83b3b;
    }

.form-control[b-kfwnjlk2do] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: #1f2b36;
    outline: none;
    background: #ffffff;
    border: 1px solid #cfd8de;
    border-radius: 6px;
    font-size: 12px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .form-control:focus[b-kfwnjlk2do] {
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.textarea-control[b-kfwnjlk2do] {
    min-height: 78px;
    resize: vertical;
}

.validation-message[b-kfwnjlk2do] {
    color: #bb2f2f;
    font-size: 10px;
}

.validation-summary[b-kfwnjlk2do] {
    margin-bottom: 15px;
    color: #ae2f2f;
    font-size: 11px;
}

    .validation-summary:empty[b-kfwnjlk2do] {
        display: none;
    }

    .validation-summary ul[b-kfwnjlk2do] {
        margin: 0;
        padding: 10px 12px 10px 28px;
        background: #fff1f1;
        border: 1px solid #efc5c5;
        border-radius: 6px;
    }

.active-switch[b-kfwnjlk2do] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 13px;
    color: #46535e;
    background: #fafbfc;
    border: 1px solid #dce3e8;
    border-radius: 7px;
    cursor: pointer;
}

.switch-copy[b-kfwnjlk2do] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.switch-icon[b-kfwnjlk2do] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: #976c1b;
    background: #f8edd3;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
}

.switch-copy > div[b-kfwnjlk2do] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.switch-copy strong[b-kfwnjlk2do] {
    color: #2d3944;
    font-size: 11px;
}

.switch-copy small[b-kfwnjlk2do] {
    color: #818d97;
    font-size: 9px;
}

.active-switch input[b-kfwnjlk2do] {
    width: 38px;
    height: 20px;
    cursor: pointer;
    accent-color: #c4902d;
}

.modal-footer[b-kfwnjlk2do] {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 21px;
    background: #ffffff;
    border-top: 1px solid #e5eaee;
}

@media (max-width: 1000px) {
    .summary-grid[b-kfwnjlk2do] {
        grid-template-columns: 1fr;
    }

    .module-header[b-kfwnjlk2do] {
        align-items: stretch;
        flex-direction: column;
    }

    .module-actions[b-kfwnjlk2do] {
        justify-content: flex-end;
    }

    .list-toolbar[b-kfwnjlk2do] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-control[b-kfwnjlk2do] {
        max-width: none;
    }

    .filter-group[b-kfwnjlk2do] {
        align-self: flex-start;
    }
}

@media (max-width: 650px) {
    .form-grid[b-kfwnjlk2do] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-kfwnjlk2do] {
        grid-column: auto;
    }

    .modal-overlay[b-kfwnjlk2do] {
        padding: 7px;
    }

    .company-modal[b-kfwnjlk2do] {
        max-height: calc(100vh - 14px);
    }

    .modal-footer[b-kfwnjlk2do] {
        flex-direction: column-reverse;
    }

        .modal-footer .button[b-kfwnjlk2do] {
            width: 100%;
        }

    .module-actions[b-kfwnjlk2do] {
        flex-direction: column-reverse;
    }

        .module-actions .button[b-kfwnjlk2do] {
            width: 100%;
        }

    .filter-group[b-kfwnjlk2do] {
        width: 100%;
    }

    .filter-button[b-kfwnjlk2do] {
        flex: 1;
    }
}

/* CONSTR - PROYECTOS ENLAZADOS */

tr[data-projects-row="true"][b-kfwnjlk2do] {
    cursor: pointer;
}

tr[data-projects-row="true"]:hover[b-kfwnjlk2do] {
    background: rgb(207 147 40 / 6%);
}

.builder-projects-modal[b-kfwnjlk2do] {
    width: min(96vw, 74rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.builder-projects-subtitle[b-kfwnjlk2do] {
    margin: 0.12rem 0 0;
    color: var(--text-secondary, #718096);
    font-size: 0.75rem;
}

.builder-projects-loading[b-kfwnjlk2do] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    min-height: 20rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.builder-projects-loading strong[b-kfwnjlk2do] {
    color: var(--text-primary, #162033);
}

.builder-projects-message[b-kfwnjlk2do] {
    margin: 1rem;
    padding: 0.9rem;
    border-radius: 0.6rem;
}

.builder-projects-message.error[b-kfwnjlk2do] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.builder-projects-body[b-kfwnjlk2do] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.builder-projects-summary[b-kfwnjlk2do] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.builder-projects-summary article[b-kfwnjlk2do] {
    display: grid;
    gap: 0.18rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
    background: rgb(148 163 184 / 3%);
}

.builder-projects-summary span[b-kfwnjlk2do],
.builder-projects-summary small[b-kfwnjlk2do] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.builder-projects-summary strong[b-kfwnjlk2do] {
    color: var(--text-primary, #162033);
    font-size: 1.05rem;
}

.builder-projects-empty[b-kfwnjlk2do] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.builder-projects-empty-icon[b-kfwnjlk2do] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.7rem;
    background: #fff3d9;
    color: #a76f12;
    font-size: 1.35rem;
}

.builder-projects-empty h3[b-kfwnjlk2do] {
    margin: 0.7rem 0 0;
    color: var(--text-primary, #162033);
}

.builder-projects-empty p[b-kfwnjlk2do] {
    margin: 0.3rem 0 0;
}

.builder-projects-table-wrap[b-kfwnjlk2do] {
    width: 100%;
    max-height: 30rem;
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.builder-projects-table[b-kfwnjlk2do] {
    width: 100%;
    border-collapse: collapse;
}

.builder-projects-table th[b-kfwnjlk2do],
.builder-projects-table td[b-kfwnjlk2do] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    color: var(--text-primary, #162033);
    font-size: 0.72rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.builder-projects-table th[b-kfwnjlk2do] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #718096);
    font-size: 0.65rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.builder-projects-table tbody tr:hover[b-kfwnjlk2do] {
    background: rgb(207 147 40 / 5%);
}

.builder-project-price[b-kfwnjlk2do] {
    color: #9a6510;
}

.builder-project-status[b-kfwnjlk2do] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 800;
}

.builder-project-status.status-planning[b-kfwnjlk2do] {
    border: 1px solid #ead08f;
    background: #fff4d9;
    color: #9a6510;
}

.builder-project-status.status-building[b-kfwnjlk2do] {
    border: 1px solid #a9d2ed;
    background: #eaf6fd;
    color: #2f6f9a;
}

.builder-project-status.status-completed[b-kfwnjlk2do] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

.builder-project-status.status-neutral[b-kfwnjlk2do] {
    border: 1px solid #d8dde5;
    background: #f3f5f8;
    color: #667085;
}

@media (max-width: 900px) {
    .builder-projects-summary[b-kfwnjlk2do] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .builder-projects-table[b-kfwnjlk2do] {
        min-width: 65rem;
    }
}

@media (max-width: 560px) {
    .builder-projects-summary[b-kfwnjlk2do] {
        grid-template-columns: 1fr;
    }
}

:global([data-theme="dark"]) .builder-projects-modal[b-kfwnjlk2do],
:global([data-theme="dark"]) .builder-projects-table th[b-kfwnjlk2do],
:global(.dark) .builder-projects-modal[b-kfwnjlk2do],
:global(.dark) .builder-projects-table th[b-kfwnjlk2do] {
    background: var(--surface-color, #152132);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.executive-dashboard[b-233p3975aj] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    color: #182439;
}

.executive-header[b-233p3975aj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.2rem 0 0.35rem;
}

.executive-header > div:first-child[b-233p3975aj] {
    display: grid;
    gap: 0.15rem;
}

.executive-eyebrow[b-233p3975aj] {
    color: #c68a1d;
    font-size: 0.67rem;
    font-weight: 850;
    letter-spacing: 0.06em;
}

.executive-header h1[b-233p3975aj] {
    margin: 0;
    color: #13223a;
    font-size: clamp(1.45rem, 2.1vw, 2rem);
    line-height: 1.1;
}

.executive-header p[b-233p3975aj] {
    margin: 0;
    color: #7a8798;
    font-size: 0.78rem;
}

.live-status[b-233p3975aj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 13rem;
    padding: 0.62rem 0.8rem;
    border: 1px solid #dfe6ee;
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 5px 18px rgb(15 23 42 / 4%);
}

.live-status > div[b-233p3975aj] {
    display: grid;
    gap: 0.08rem;
}

.live-status strong[b-233p3975aj] {
    color: #26364b;
    font-size: 0.7rem;
}

.live-status small[b-233p3975aj] {
    color: #8390a0;
    font-size: 0.62rem;
}

.live-dot[b-233p3975aj] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: #22a866;
    box-shadow: 0 0 0 4px rgb(34 168 102 / 13%);
}

.dashboard-alert[b-233p3975aj] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid #efc3c3;
    border-radius: 0.6rem;
    background: #fff5f5;
    color: #9e3838;
    font-size: 0.72rem;
    font-weight: 700;
}

.dashboard-alert > span[b-233p3975aj] {
    display: grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #c74848;
    color: #ffffff;
}

.dashboard-alert p[b-233p3975aj] {
    margin: 0;
}

.kpi-grid[b-233p3975aj] {
    display: grid;
    gap: 0.65rem;
}

.primary-kpis[b-233p3975aj] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.secondary-kpis[b-233p3975aj] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.kpi-card[b-233p3975aj],
.mini-kpi[b-233p3975aj],
.dashboard-panel[b-233p3975aj] {
    border: 1px solid #e1e7ee;
    background: #ffffff;
    box-shadow: 0 7px 22px rgb(15 23 42 / 4.5%);
}

.kpi-card[b-233p3975aj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    min-height: 5.5rem;
    padding: 0.72rem 0.75rem;
    border-radius: 0.72rem;
}

.kpi-icon[b-233p3975aj] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.7rem;
}

.kpi-icon svg[b-233p3975aj] {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kpi-body[b-233p3975aj] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.kpi-body span[b-233p3975aj],
.mini-kpi span[b-233p3975aj] {
    overflow: hidden;
    color: #748195;
    font-size: 0.62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-body strong[b-233p3975aj] {
    color: #14243a;
    font-size: 1.08rem;
    line-height: 1.15;
}

.kpi-body small[b-233p3975aj],
.mini-kpi small[b-233p3975aj] {
    overflow: hidden;
    color: #8390a0;
    font-size: 0.57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-kpi[b-233p3975aj] {
    position: relative;
    display: grid;
    gap: 0.12rem;
    min-height: 4.7rem;
    padding: 0.75rem 0.8rem;
    border-radius: 0.7rem;
    overflow: hidden;
}

.mini-kpi[b-233p3975aj]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: "";
    background: currentColor;
}

.mini-kpi strong[b-233p3975aj] {
    color: #17263d;
    font-size: 1rem;
}

.tone-navy .kpi-icon[b-233p3975aj] {
    background: #edf3fa;
    color: #25466e;
}

.tone-blue .kpi-icon[b-233p3975aj],
.tone-blue[b-233p3975aj] {
    color: #2f73d9;
}

.tone-blue .kpi-icon[b-233p3975aj] {
    background: #eef5ff;
}

.tone-orange .kpi-icon[b-233p3975aj],
.tone-orange[b-233p3975aj] {
    color: #e4931c;
}

.tone-orange .kpi-icon[b-233p3975aj] {
    background: #fff4e6;
}

.tone-green .kpi-icon[b-233p3975aj],
.tone-green[b-233p3975aj] {
    color: #1fa45e;
}

.tone-green .kpi-icon[b-233p3975aj] {
    background: #ebf9f1;
}

.tone-purple .kpi-icon[b-233p3975aj],
.tone-purple[b-233p3975aj] {
    color: #7b4dd2;
}

.tone-purple .kpi-icon[b-233p3975aj] {
    background: #f3edff;
}

.tone-cyan .kpi-icon[b-233p3975aj],
.tone-cyan[b-233p3975aj] {
    color: #178db1;
}

.tone-cyan .kpi-icon[b-233p3975aj] {
    background: #eaf8fc;
}

.tone-emerald .kpi-icon[b-233p3975aj],
.tone-emerald[b-233p3975aj] {
    color: #15935b;
}

.tone-emerald .kpi-icon[b-233p3975aj] {
    background: #eaf8f1;
}

.tone-violet .kpi-icon[b-233p3975aj],
.tone-violet[b-233p3975aj] {
    color: #9253c7;
}

.tone-violet .kpi-icon[b-233p3975aj] {
    background: #f6effb;
}

.chart-row[b-233p3975aj] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.chart-row-main[b-233p3975aj] {
    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(0, 1.05fr)
        minmax(18rem, 0.82fr);
}

.chart-row-secondary[b-233p3975aj] {
    grid-template-columns:
        minmax(17rem, 0.86fr)
        minmax(0, 1.12fr)
        minmax(18rem, 0.9fr);
}

.dashboard-panel[b-233p3975aj] {
    min-width: 0;
    border-radius: 0.8rem;
    overflow: hidden;
}

.panel-header[b-233p3975aj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.82rem 0.9rem 0.45rem;
}

.panel-header > div[b-233p3975aj] {
    display: grid;
    gap: 0.08rem;
}

.panel-header h2[b-233p3975aj] {
    margin: 0;
    color: #17263b;
    font-size: 0.82rem;
}

.panel-header p[b-233p3975aj] {
    margin: 0;
    color: #8793a3;
    font-size: 0.61rem;
}

.year-badge[b-233p3975aj] {
    padding: 0.32rem 0.55rem;
    border: 1px solid #e2e8ef;
    border-radius: 0.42rem;
    background: #fafbfd;
    color: #647185;
    font-size: 0.62rem;
    font-weight: 750;
}

.chart-legend[b-233p3975aj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    padding: 0.25rem 0.8rem 0.35rem;
    color: #68778a;
    font-size: 0.58rem;
}

.chart-legend span[b-233p3975aj] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.chart-legend i[b-233p3975aj] {
    width: 0.55rem;
    height: 0.3rem;
    border-radius: 999px;
}

.legend-total[b-233p3975aj] {
    background: #1f4f8f;
}

.legend-cash[b-233p3975aj] {
    background: #3d83e1;
}

.legend-financed[b-233p3975aj] {
    background: #27a866;
}

.bar-chart[b-233p3975aj] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    gap: 0.28rem;
    min-height: 13.5rem;
    padding: 0.45rem 0.8rem 0.72rem;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 24%,
            #edf1f5 25%
        );
}

.bar-group[b-233p3975aj] {
    display: grid;
    grid-template-rows: 11.6rem auto;
    gap: 0.3rem;
    min-width: 0;
}

.bar-stack[b-233p3975aj] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    height: 100%;
}

.bar[b-233p3975aj] {
    width: 26%;
    min-height: 3px;
    height: var(--bar-h);
    border-radius: 3px 3px 0 0;
}

.bar.total[b-233p3975aj] {
    background: #1f4f8f;
}

.bar.cash[b-233p3975aj] {
    background: #3d83e1;
}

.bar.financed[b-233p3975aj] {
    background: #27a866;
}

.bar-group small[b-233p3975aj] {
    overflow: hidden;
    color: #798698;
    font-size: 0.52rem;
    text-align: center;
    text-overflow: clip;
}

.line-chart-shell[b-233p3975aj] {
    padding: 0.25rem 0.75rem 0.72rem;
}

.line-chart-shell svg[b-233p3975aj] {
    display: block;
    width: 100%;
    height: 13.4rem;
    overflow: visible;
}

.line-chart-shell line[b-233p3975aj] {
    stroke: #e9eef3;
    stroke-width: 1;
}

.revenue-area-line[b-233p3975aj] {
    fill: none;
    stroke: #245691;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.revenue-dot[b-233p3975aj] {
    fill: #ffffff;
    stroke: #245691;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.line-months[b-233p3975aj] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0;
}

.line-months span[b-233p3975aj] {
    color: #788598;
    font-size: 0.49rem;
    text-align: center;
}

.distribution-body[b-233p3975aj] {
    display: grid;
    grid-template-columns: minmax(9rem, 0.9fr) minmax(9rem, 1.1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem 1.2rem;
}

.donut-chart[b-233p3975aj] {
    position: relative;
    display: grid;
    place-items: center;
    width: min(11rem, 100%);
    aspect-ratio: 1;
    margin: auto;
    border-radius: 50%;
}

.donut-chart[b-233p3975aj]::after {
    position: absolute;
    inset: 22%;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px #edf1f5;
    content: "";
}

.donut-chart > div[b-233p3975aj] {
    position: relative;
    z-index: 1;
    display: grid;
    text-align: center;
}

.donut-chart span[b-233p3975aj] {
    color: #8995a4;
    font-size: 0.58rem;
}

.donut-chart strong[b-233p3975aj] {
    color: #14243a;
    font-size: 1.35rem;
}

.distribution-legend[b-233p3975aj] {
    display: grid;
    gap: 0.72rem;
}

.distribution-legend > div[b-233p3975aj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    color: #5f6e81;
    font-size: 0.61rem;
}

.distribution-legend span[b-233p3975aj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.distribution-legend strong[b-233p3975aj] {
    color: #25364d;
    font-size: 0.6rem;
}

.dot[b-233p3975aj] {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
}

.dot.available[b-233p3975aj] {
    background: #21a366;
}

.dot.committed[b-233p3975aj] {
    background: #e49a22;
}

.dot.sold[b-233p3975aj] {
    background: #2f73d9;
}

.dot.rentals[b-233p3975aj] {
    background: #8b5bc7;
}

.funnel[b-233p3975aj] {
    display: grid;
    gap: 0.55rem;
    padding: 0.7rem 0.85rem 1rem;
}

.funnel-row[b-233p3975aj] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
}

.funnel-row > span[b-233p3975aj] {
    color: #637286;
    font-size: 0.59rem;
    text-align: right;
}

.funnel-track[b-233p3975aj] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.funnel-bar[b-233p3975aj] {
    display: grid;
    place-items: center;
    min-height: 2.05rem;
    border-radius: 0.35rem;
    color: #ffffff;
    transition: width 0.2s ease;
}

.funnel-bar strong[b-233p3975aj] {
    font-size: 0.72rem;
}

.stage-meta[b-233p3975aj] {
    background: #1f4f8f;
}

.stage-clients[b-233p3975aj] {
    background: #3477cf;
}

.stage-follow[b-233p3975aj] {
    background: #2aa666;
}

.stage-visits[b-233p3975aj] {
    background: #e19a27;
}

.stage-sales[b-233p3975aj] {
    background: #8e5cc8;
}

.commission-bars[b-233p3975aj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    gap: 0.55rem;
    min-height: 13.1rem;
    padding: 0.9rem 0.85rem 1rem;
}

.commission-column[b-233p3975aj] {
    display: grid;
    grid-template-rows: auto 9rem auto;
    gap: 0.3rem;
    min-width: 0;
}

.commission-value[b-233p3975aj] {
    overflow: hidden;
    color: #26364b;
    font-size: 0.56rem;
    font-weight: 800;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commission-track[b-233p3975aj] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-bottom: 1px solid #dfe5eb;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 24%,
            #eef2f6 25%
        );
}

.commission-track span[b-233p3975aj] {
    width: 52%;
    min-height: 3px;
    height: var(--commission-h);
    border-radius: 4px 4px 0 0;
}

.commission-gross[b-233p3975aj] {
    background: #1f4f8f;
}

.commission-tax[b-233p3975aj] {
    background: #df4b4b;
}

.commission-net[b-233p3975aj] {
    background: #15965a;
}

.commission-advisor[b-233p3975aj] {
    background: #3477cf;
}

.commission-profit[b-233p3975aj] {
    background: #8652bf;
}

.commission-column small[b-233p3975aj] {
    color: #6d7b8d;
    font-size: 0.52rem;
    line-height: 1.2;
    text-align: center;
}

.advisor-ranking[b-233p3975aj] {
    display: grid;
    gap: 0.72rem;
    padding: 0.85rem 0.9rem 1rem;
}

.advisor-row[b-233p3975aj] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr) 4.9rem;
    align-items: center;
    gap: 0.5rem;
}

.advisor-name[b-233p3975aj] {
    overflow: hidden;
    color: #34445a;
    font-size: 0.59rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advisor-track[b-233p3975aj] {
    height: 0.72rem;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f5;
}

.advisor-track span[b-233p3975aj] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #245691, #3c7fd5);
}

.advisor-row:nth-child(2) .advisor-track span[b-233p3975aj] {
    background: linear-gradient(90deg, #15965a, #2db870);
}

.advisor-row:nth-child(3) .advisor-track span[b-233p3975aj] {
    background: linear-gradient(90deg, #d98c1b, #f0aa39);
}

.advisor-row:nth-child(4) .advisor-track span[b-233p3975aj] {
    background: linear-gradient(90deg, #8154bb, #a77bd6);
}

.advisor-row:nth-child(5) .advisor-track span[b-233p3975aj] {
    background: linear-gradient(90deg, #168ba9, #35abc4);
}

.advisor-row strong[b-233p3975aj] {
    color: #26364b;
    font-size: 0.55rem;
    white-space: nowrap;
}

.bottom-row[b-233p3975aj] {
    display: grid;
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(18rem, 0.86fr)
        minmax(18rem, 0.86fr);
    gap: 0.75rem;
    min-width: 0;
}

.recent-table-wrap[b-233p3975aj] {
    overflow-x: auto;
    padding: 0.15rem 0.65rem 0.7rem;
}

.recent-table[b-233p3975aj] {
    width: 100%;
    min-width: 43rem;
    border-collapse: collapse;
}

.recent-table th[b-233p3975aj] {
    padding: 0.48rem 0.42rem;
    border-bottom: 1px solid #e5eaf0;
    color: #788598;
    font-size: 0.51rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.recent-table td[b-233p3975aj] {
    padding: 0.52rem 0.42rem;
    border-bottom: 1px solid #edf1f5;
    color: #455469;
    font-size: 0.56rem;
    white-space: nowrap;
}

.recent-table tbody tr:last-child td[b-233p3975aj] {
    border-bottom: 0;
}

.recent-table td:first-child strong[b-233p3975aj] {
    color: #20569a;
}

.sale-type[b-233p3975aj],
.sale-status[b-233p3975aj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.35rem;
    padding: 0.2rem 0.4rem;
    border-radius: 999px;
    font-size: 0.5rem;
    font-weight: 800;
}

.sale-type.cash[b-233p3975aj] {
    background: #e9f5fb;
    color: #267ea6;
}

.sale-type.financed[b-233p3975aj] {
    background: #e9f8ef;
    color: #238052;
}

.sale-status.closed[b-233p3975aj],
.sale-status.initial[b-233p3975aj] {
    border: 1px solid #bce4ca;
    background: #eaf8ef;
    color: #24794d;
}

.sale-status.progress[b-233p3975aj] {
    border: 1px solid #f0d29b;
    background: #fff6e5;
    color: #9b690d;
}

.activities-list[b-233p3975aj] {
    display: grid;
    gap: 0.1rem;
    padding: 0.45rem 0.8rem 0.8rem;
}

.activity-item[b-233p3975aj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.48rem 0;
    border-bottom: 1px solid #edf1f5;
}

.activity-item:last-child[b-233p3975aj] {
    border-bottom: 0;
}

.activity-icon[b-233p3975aj] {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.55rem;
    font-size: 0.68rem;
    font-weight: 900;
}

.activity-icon.visit[b-233p3975aj] {
    background: #eaf5ff;
    color: #2f73d9;
}

.activity-icon.follow-up[b-233p3975aj] {
    background: #f3edff;
    color: #8252bd;
}

.activity-item > div[b-233p3975aj] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.activity-item strong[b-233p3975aj] {
    overflow: hidden;
    color: #314156;
    font-size: 0.59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-item small[b-233p3975aj] {
    overflow: hidden;
    color: #8692a1;
    font-size: 0.52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-item time[b-233p3975aj] {
    display: grid;
    gap: 0.05rem;
    color: #778598;
    font-size: 0.5rem;
    text-align: right;
}

.activity-item time strong[b-233p3975aj] {
    color: #3e4e63;
    font-size: 0.51rem;
}

.finance-list[b-233p3975aj] {
    display: grid;
    padding: 0.45rem 0.9rem 0.2rem;
}

.finance-list > div[b-233p3975aj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.48rem 0;
    border-bottom: 1px solid #edf1f5;
}

.finance-list span[b-233p3975aj] {
    color: #647387;
    font-size: 0.58rem;
}

.finance-list strong[b-233p3975aj] {
    color: #26364a;
    font-size: 0.61rem;
    white-space: nowrap;
}

.finance-progress[b-233p3975aj] {
    display: grid;
    gap: 0.48rem;
    margin: 0.6rem 0.8rem 0.8rem;
    padding: 0.7rem;
    border: 1px solid #f0dfbf;
    border-radius: 0.6rem;
    background: #fffaf0;
}

.finance-progress > div:first-child[b-233p3975aj] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    color: #665738;
    font-size: 0.56rem;
}

.finance-progress > div:first-child strong[b-233p3975aj] {
    color: #a3670a;
    font-size: 0.68rem;
}

.finance-progress-track[b-233p3975aj] {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: #f2e6cf;
}

.finance-progress-track span[b-233p3975aj] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #df971e;
}

.panel-empty[b-233p3975aj] {
    display: grid;
    place-items: center;
    min-height: 7rem;
    padding: 1rem;
    color: #8793a2;
    font-size: 0.62rem;
    text-align: center;
}

@media (max-width: 1600px) {
    .primary-kpis[b-233p3975aj] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .secondary-kpis[b-233p3975aj] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .chart-row-main[b-233p3975aj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .distribution-panel[b-233p3975aj] {
        grid-column: 1 / -1;
    }

    .chart-row-secondary[b-233p3975aj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .advisors-panel[b-233p3975aj] {
        grid-column: 1 / -1;
    }

    .bottom-row[b-233p3975aj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .recent-sales-panel[b-233p3975aj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .primary-kpis[b-233p3975aj],
    .secondary-kpis[b-233p3975aj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chart-row-main[b-233p3975aj],
    .chart-row-secondary[b-233p3975aj],
    .bottom-row[b-233p3975aj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .distribution-panel[b-233p3975aj],
    .advisors-panel[b-233p3975aj],
    .recent-sales-panel[b-233p3975aj] {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .executive-header[b-233p3975aj] {
        flex-direction: column;
    }

    .live-status[b-233p3975aj] {
        width: 100%;
    }

    .primary-kpis[b-233p3975aj],
    .secondary-kpis[b-233p3975aj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .distribution-body[b-233p3975aj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .funnel-row[b-233p3975aj] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }

    .advisor-row[b-233p3975aj] {
        grid-template-columns: 5.2rem minmax(0, 1fr) 4.4rem;
    }
}

/* =========================================================
   INICIO-DASH-02 - DISTRIBUCION DE VENTAS
   ========================================================= */

.distribution-summary[b-233p3975aj] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.distribution-status-grid[b-233p3975aj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    padding-top: 0.75rem;
    border-top: 1px solid #edf1f5;
}

.distribution-status-grid > div[b-233p3975aj] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.55rem 0.45rem;
    border: 1px solid #e7ecf1;
    border-radius: 0.5rem;
    background: #fafbfd;
    text-align: center;
}

.distribution-status-grid span[b-233p3975aj] {
    overflow: hidden;
    color: #7b8899;
    font-size: 0.52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.distribution-status-grid strong[b-233p3975aj] {
    color: #24364d;
    font-size: 0.76rem;
}

@media (max-width: 720px) {
    .distribution-status-grid[b-233p3975aj] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Instagram.razor.rz.scp.css */
.instagram-page[b-ik9iww4eij] {
    display: grid;
    gap: 0.85rem;
}

.instagram-header span[b-ik9iww4eij] {
    color: #b98224;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.instagram-header h1[b-ik9iww4eij] {
    margin: 0.16rem 0 0.22rem;
    color: #172033;
}

.instagram-header p[b-ik9iww4eij] {
    max-width: 55rem;
    margin: 0;
    color: #718096;
    font-size: 0.78rem;
    line-height: 1.5;
}

.instagram-message[b-ik9iww4eij] {
    padding: 0.72rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.74rem;
    font-weight: 750;
}

.instagram-message.success[b-ik9iww4eij] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.instagram-message.error[b-ik9iww4eij] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.instagram-editor[b-ik9iww4eij],
.instagram-current[b-ik9iww4eij] {
    background: #ffffff;
    border: 1px solid #dfe4ea;
    border-radius: 0.7rem;
}

.instagram-editor[b-ik9iww4eij] {
    padding: 0.85rem;
}

.instagram-editor[b-ik9iww4eij]  form {
    display: flex;
    align-items: end;
    gap: 0.65rem;
}

.instagram-url-field[b-ik9iww4eij] {
    flex: 1;
    display: grid;
    gap: 0.25rem;
    color: #263747;
    font-size: 0.67rem;
    font-weight: 850;
}

.instagram-url-field[b-ik9iww4eij]  input {
    width: 100%;
    min-height: 2.4rem;
    padding: 0.48rem 0.62rem;
    box-sizing: border-box;
    color: #172033;
    background: #ffffff;
    border: 1px solid #d6dfe7;
    border-radius: 0.46rem;
    font: inherit;
    font-size: 0.73rem;
}

.instagram-url-field[b-ik9iww4eij]  .validation-message {
    color: #9f3030;
    font-size: 0.62rem;
}

.instagram-editor[b-ik9iww4eij]  button {
    min-height: 2.4rem;
    padding: 0 1rem;
    color: #ffffff;
    background: #b82c8f;
    border: 1px solid #b82c8f;
    border-radius: 0.46rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.69rem;
    font-weight: 850;
}

.instagram-current > header[b-ik9iww4eij] {
    padding: 0.75rem 0.8rem;
    border-bottom: 1px solid #e7ebef;
}

.instagram-current > header strong[b-ik9iww4eij],
.instagram-current > header span[b-ik9iww4eij] {
    display: block;
}

.instagram-current > header strong[b-ik9iww4eij] {
    color: #263747;
    font-size: 0.76rem;
}

.instagram-current > header span[b-ik9iww4eij] {
    margin-top: 0.12rem;
    color: #7a8793;
    font-size: 0.63rem;
}

.instagram-empty[b-ik9iww4eij] {
    min-height: 8rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.3rem;
    padding: 1rem;
    color: #7a8793;
    text-align: center;
}

.instagram-empty strong[b-ik9iww4eij] {
    color: #263747;
}

.instagram-account-card[b-ik9iww4eij] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.85rem;
}

.instagram-brand-icon[b-ik9iww4eij] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    place-items: center;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 32% 106%,
            #fdf497 0 5%,
            #fdf497 5% 15%,
            #fd5949 40%,
            #d6249f 60%,
            #285aeb 90%
        );
    border-radius: 0.7rem;
    font-size: 1.35rem;
    font-weight: 900;
}

.instagram-account-info[b-ik9iww4eij] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.instagram-account-info span[b-ik9iww4eij],
.instagram-account-info small[b-ik9iww4eij] {
    color: #7b8794;
    font-size: 0.62rem;
}

.instagram-account-info a[b-ik9iww4eij] {
    overflow: hidden;
    color: #a1277c;
    font-size: 0.75rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.instagram-open[b-ik9iww4eij] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.8rem;
    color: #ffffff;
    background: #b82c8f;
    border: 1px solid #b82c8f;
    border-radius: 0.45rem;
    font-size: 0.68rem;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 760px) {
    .instagram-editor[b-ik9iww4eij]  form {
        align-items: stretch;
        flex-direction: column;
    }

    .instagram-editor[b-ik9iww4eij]  button {
        width: 100%;
    }

    .instagram-account-card[b-ik9iww4eij] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .instagram-open[b-ik9iww4eij] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/InteresadosMeta.razor.rz.scp.css */
.meta-leads-page[b-h7mj6ulgsf] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.meta-leads-header[b-h7mj6ulgsf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.meta-leads-eyebrow[b-h7mj6ulgsf] {
    color: #a77720;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.meta-leads-header h1[b-h7mj6ulgsf] {
    margin: 0.15rem 0 0.35rem;
    color: var(--text-primary, #172033);
    font-size: clamp(1.6rem, 2vw, 2.2rem);
}

.meta-leads-header p[b-h7mj6ulgsf] {
    max-width: 46rem;
    margin: 0;
    color: var(--text-secondary, #6f7b8b);
}

.meta-leads-header-actions[b-h7mj6ulgsf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.meta-button[b-h7mj6ulgsf] {
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.meta-button:disabled[b-h7mj6ulgsf] {
    cursor: not-allowed;
    opacity: 0.65;
}

.meta-button.primary[b-h7mj6ulgsf] {
    color: #ffffff;
    background: #b98224;
}

.meta-button.primary:hover:not(:disabled)[b-h7mj6ulgsf] {
    background: #9e6e19;
}

.meta-button.secondary[b-h7mj6ulgsf] {
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border-color: var(--border-color, #dfe4ea);
}

.meta-button.compact[b-h7mj6ulgsf] {
    min-height: 2.35rem;
    padding-inline: 0.75rem;
}

.meta-leads-phase-note[b-h7mj6ulgsf] {
    padding: 0.75rem 0.9rem;
    color: #5f4a1e;
    background: #fff8e8;
    border: 1px solid #ead7a7;
    border-radius: 0.65rem;
    font-size: 0.84rem;
}

.meta-alert[b-h7mj6ulgsf] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 0.85rem;
    border-radius: 0.65rem;
}

.meta-alert.success[b-h7mj6ulgsf] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.meta-alert.error[b-h7mj6ulgsf] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.meta-alert button[b-h7mj6ulgsf] {
    border: 0;
    cursor: pointer;
    background: transparent;
    font-size: 1.25rem;
}

.meta-summary-grid[b-h7mj6ulgsf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.meta-summary-card[b-h7mj6ulgsf] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 0.9rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #e1e5ea);
    border-radius: 0.75rem;
    box-shadow: 0 7px 18px rgb(15 23 42 / 4%);
}

.meta-summary-card[b-h7mj6ulgsf]::after {
    position: absolute;
    right: 0.6rem;
    bottom: 0;
    left: 0.6rem;
    height: 3px;
    border-radius: 999px 999px 0 0;
    content: "";
    background: #b98224;
}

.meta-summary-card span[b-h7mj6ulgsf],
.meta-summary-card small[b-h7mj6ulgsf] {
    display: block;
    color: var(--text-secondary, #718096);
}

.meta-summary-card strong[b-h7mj6ulgsf] {
    display: block;
    margin: 0.2rem 0;
    color: var(--text-primary, #172033);
    font-size: 1.55rem;
}

.meta-summary-card small[b-h7mj6ulgsf] {
    font-size: 0.72rem;
}

.meta-leads-panel[b-h7mj6ulgsf] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
}

.meta-leads-toolbar[b-h7mj6ulgsf] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) 12rem 13rem auto auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.meta-search[b-h7mj6ulgsf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 2.4rem;
    padding: 0 0.7rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.meta-search input[b-h7mj6ulgsf],
.meta-leads-toolbar select[b-h7mj6ulgsf],
.meta-control[b-h7mj6ulgsf] {
    width: 100%;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    font: inherit;
}

.meta-search input[b-h7mj6ulgsf] {
    border: 0;
    outline: 0;
    background: transparent;
}

.meta-leads-toolbar select[b-h7mj6ulgsf],
.meta-control[b-h7mj6ulgsf] {
    min-height: 2.4rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.meta-toolbar-count[b-h7mj6ulgsf] {
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
    text-align: right;
    white-space: nowrap;
}

.meta-state[b-h7mj6ulgsf] {
    display: grid;
    place-items: center;
    min-height: 13rem;
    color: var(--text-secondary, #718096);
}

.meta-state.empty[b-h7mj6ulgsf] {
    align-content: center;
    gap: 0.35rem;
    text-align: center;
}

.meta-state.empty strong[b-h7mj6ulgsf] {
    color: var(--text-primary, #172033);
}

.meta-table-wrap[b-h7mj6ulgsf] {
    width: 100%;
    overflow: auto;
}

.meta-leads-table[b-h7mj6ulgsf] {
    width: 100%;
    min-width: 88rem;
    border-collapse: collapse;
}

.meta-leads-table th[b-h7mj6ulgsf],
.meta-leads-table td[b-h7mj6ulgsf] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #edf0f3);
    text-align: left;
    vertical-align: middle;
}

.meta-leads-table th[b-h7mj6ulgsf] {
    color: var(--text-secondary, #667085);
    background: var(--surface-muted, #f8fafc);
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.meta-leads-table td[b-h7mj6ulgsf] {
    color: var(--text-primary, #172033);
    font-size: 0.8rem;
}

.meta-leads-table td strong[b-h7mj6ulgsf],
.meta-leads-table td small[b-h7mj6ulgsf] {
    display: block;
}

.meta-leads-table td small[b-h7mj6ulgsf] {
    margin-top: 0.18rem;
    color: var(--text-secondary, #718096);
}

.meta-leads-table tr.unread td[b-h7mj6ulgsf] {
    background: #fffaf0;
}

.meta-platform[b-h7mj6ulgsf],
.meta-status[b-h7mj6ulgsf],
.meta-unassigned[b-h7mj6ulgsf] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.meta-platform[b-h7mj6ulgsf] {
    color: #4b3f86;
    background: #f0edff;
}

.meta-unassigned[b-h7mj6ulgsf] {
    color: #8a5b12;
    background: #fff4d7;
}

.meta-status.new[b-h7mj6ulgsf] {
    color: #8a5b12;
    background: #fff4d7;
}

.meta-status.assigned[b-h7mj6ulgsf] {
    color: #1d5680;
    background: #eaf5ff;
}

.meta-status.contacted[b-h7mj6ulgsf] {
    color: #17613f;
    background: #e8f8ef;
}

.meta-status.converted[b-h7mj6ulgsf] {
    color: #5d348a;
    background: #f2eafe;
}

.meta-status.discarded[b-h7mj6ulgsf] {
    color: #6d7783;
    background: #eef1f4;
}

.meta-actions[b-h7mj6ulgsf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.meta-actions button[b-h7mj6ulgsf],
.meta-actions a[b-h7mj6ulgsf] {
    min-height: 1.85rem;
    padding: 0.3rem 0.5rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #d8dee5);
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 750;
    text-decoration: none;
}

.meta-modal-backdrop[b-h7mj6ulgsf] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 60%);
    backdrop-filter: blur(3px);
}

.meta-modal[b-h7mj6ulgsf] {
    width: min(94vw, 52rem);
    max-height: 92vh;
    overflow: auto;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    box-shadow: 0 25px 70px rgb(15 23 42 / 35%);
}

.meta-modal.small[b-h7mj6ulgsf] {
    width: min(94vw, 36rem);
}

.meta-modal > header[b-h7mj6ulgsf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.meta-modal > header span[b-h7mj6ulgsf] {
    color: #a77720;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.meta-modal > header h2[b-h7mj6ulgsf] {
    margin: 0.15rem 0;
    color: var(--text-primary, #172033);
}

.meta-modal > header p[b-h7mj6ulgsf] {
    margin: 0;
    color: var(--text-secondary, #718096);
}

.meta-modal > header > button[b-h7mj6ulgsf] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: var(--surface-muted, #f1f4f7);
    font-size: 1.25rem;
}

.meta-modal form[b-h7mj6ulgsf],
.meta-modal-body[b-h7mj6ulgsf] {
    padding: 1rem;
}

.meta-form-grid[b-h7mj6ulgsf],
.meta-detail-grid[b-h7mj6ulgsf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.meta-field[b-h7mj6ulgsf] {
    display: grid;
    gap: 0.35rem;
}

.meta-field.full[b-h7mj6ulgsf],
.meta-detail-grid .full[b-h7mj6ulgsf] {
    grid-column: 1 / -1;
}

.meta-field label[b-h7mj6ulgsf] {
    color: var(--text-primary, #172033);
    font-size: 0.78rem;
    font-weight: 800;
}

.meta-field label span[b-h7mj6ulgsf] {
    color: #c33c3c;
}

.meta-textarea[b-h7mj6ulgsf] {
    min-height: 6rem;
    resize: vertical;
}

.meta-modal footer[b-h7mj6ulgsf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
}

.meta-detail-grid[b-h7mj6ulgsf] {
    padding: 1rem;
}

.meta-detail-grid article[b-h7mj6ulgsf] {
    padding: 0.75rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #e6eaee);
    border-radius: 0.55rem;
}

.meta-detail-grid article span[b-h7mj6ulgsf],
.meta-detail-grid article strong[b-h7mj6ulgsf] {
    display: block;
}

.meta-detail-grid article span[b-h7mj6ulgsf] {
    margin-bottom: 0.25rem;
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
}

.meta-detail-grid article strong[b-h7mj6ulgsf] {
    color: var(--text-primary, #172033);
    overflow-wrap: anywhere;
}

@media (max-width: 1250px) {
    .meta-leads-toolbar[b-h7mj6ulgsf] {
        grid-template-columns: minmax(15rem, 1fr) 12rem 13rem auto;
    }

    .meta-toolbar-count[b-h7mj6ulgsf] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .meta-leads-header[b-h7mj6ulgsf] {
        flex-direction: column;
    }

    .meta-leads-header-actions[b-h7mj6ulgsf] {
        justify-content: flex-start;
    }

    .meta-summary-grid[b-h7mj6ulgsf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meta-leads-toolbar[b-h7mj6ulgsf] {
        grid-template-columns: 1fr;
    }

    .meta-toolbar-count[b-h7mj6ulgsf] {
        grid-column: auto;
        text-align: left;
    }
}

@media (max-width: 620px) {
    .meta-summary-grid[b-h7mj6ulgsf],
    .meta-form-grid[b-h7mj6ulgsf],
    .meta-detail-grid[b-h7mj6ulgsf] {
        grid-template-columns: 1fr;
    }

    .meta-field.full[b-h7mj6ulgsf],
    .meta-detail-grid .full[b-h7mj6ulgsf] {
        grid-column: auto;
    }
}
/* /Components/Pages/MapaProyectos.razor.rz.scp.css */
.project-map-page[b-fhxoqtpzh0] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 18px;
    overflow-x: hidden;
}

    .project-map-page *[b-fhxoqtpzh0],
    .project-map-page *[b-fhxoqtpzh0]::before,
    .project-map-page *[b-fhxoqtpzh0]::after {
        box-sizing: border-box;
    }

.map-module-header[b-fhxoqtpzh0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
}

    .map-module-header h1[b-fhxoqtpzh0] {
        max-width: 100%;
        margin: 3px 0 6px;
        color: #1e2d3a;
        font-size: 30px;
        line-height: 1.1;
        overflow-wrap: anywhere;
    }

    .map-module-header p[b-fhxoqtpzh0] {
        max-width: 720px;
        margin: 0;
        color: #687682;
        font-size: 14px;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

.module-eyebrow[b-fhxoqtpzh0] {
    color: #9a6b1e;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.map-header-actions[b-fhxoqtpzh0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

    .map-header-actions .button[b-fhxoqtpzh0] {
        min-width: 0;
    }

.map-message[b-fhxoqtpzh0] {
    padding: 11px 13px;
    color: #365542;
    background: #eef8f1;
    border: 1px solid #d2ead9;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

.map-message-error[b-fhxoqtpzh0] {
    color: #7a332c;
    background: #fff1ef;
    border-color: #efc7c2;
}

.map-summary-grid[b-fhxoqtpzh0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

    .map-summary-grid article[b-fhxoqtpzh0] {
        min-width: 0;
        padding: 15px;
        background: #ffffff;
        border: 1px solid #e1e7ec;
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(24, 39, 52, 0.06);
    }

    .map-summary-grid span[b-fhxoqtpzh0],
    .map-summary-grid small[b-fhxoqtpzh0] {
        display: block;
        color: #72808b;
        font-size: 11px;
    }

    .map-summary-grid strong[b-fhxoqtpzh0] {
        display: block;
        margin: 7px 0 3px;
        color: #1e2d3a;
        font-size: 24px;
        line-height: 1;
    }

.project-map-workspace[b-fhxoqtpzh0] {
    min-height: calc(100vh - 265px);
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 16px;
}

.map-sidebar[b-fhxoqtpzh0] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
}

.map-filter-panel[b-fhxoqtpzh0],
.map-results-panel[b-fhxoqtpzh0] {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #dfe7ec;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(24, 39, 52, 0.07);
}

.map-filter-panel[b-fhxoqtpzh0] {
    padding: 14px;
}

.map-search-field[b-fhxoqtpzh0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.map-filter-grid[b-fhxoqtpzh0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

.map-search-field input[b-fhxoqtpzh0],
.map-filter-grid input[b-fhxoqtpzh0],
.map-filter-grid select[b-fhxoqtpzh0] {
    width: 100%;
    min-width: 0;
}

    .map-search-field label[b-fhxoqtpzh0],
    .map-filter-grid label[b-fhxoqtpzh0] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
        color: #394957;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
    }

.map-check-filter[b-fhxoqtpzh0] {
    grid-column: 1 / -1;
    flex-direction: row !important;
    align-items: center;
    gap: 8px !important;
    padding: 8px 9px;
    background: #f7f9fb;
    border: 1px solid #e1e7ec;
    border-radius: 7px;
    text-transform: none !important;
}

    .map-check-filter input[b-fhxoqtpzh0] {
        width: 16px;
        height: 16px;
        accent-color: #c6902d;
    }

    .map-check-filter span[b-fhxoqtpzh0] {
        color: #40515f;
        font-size: 11px;
        font-weight: 700;
    }

.map-filter-actions[b-fhxoqtpzh0] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 12px;
}

    .map-filter-actions .button[b-fhxoqtpzh0] {
        min-height: 36px;
        justify-content: center;
        font-size: 11px;
    }

.map-results-panel[b-fhxoqtpzh0] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

    .map-results-panel > header[b-fhxoqtpzh0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 13px 14px;
        border-bottom: 1px solid #e6edf2;
    }

    .map-results-panel strong[b-fhxoqtpzh0] {
        color: #1f2e3a;
        font-size: 13px;
    }

    .map-results-panel header span[b-fhxoqtpzh0] {
        color: #6c7a85;
        font-size: 11px;
        white-space: nowrap;
    }

.map-result-list[b-fhxoqtpzh0] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    overflow-y: auto;
}

.map-list-state[b-fhxoqtpzh0] {
    display: grid;
    min-height: 160px;
    place-items: center;
    padding: 18px;
    color: #687682;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

.project-result-card[b-fhxoqtpzh0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e3e9ee;
    border-radius: 8px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

    .project-result-card.selected[b-fhxoqtpzh0] {
        border-color: #d2a757;
        box-shadow: inset 4px 0 0 #c6902d;
    }

    .project-result-card.without-location[b-fhxoqtpzh0] {
        background: #fbfcfd;
    }

.project-result-main[b-fhxoqtpzh0] {
    width: 100%;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    text-align: left;
}

    .project-result-main strong[b-fhxoqtpzh0] {
        overflow: hidden;
        color: #23313d;
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-result-main small[b-fhxoqtpzh0] {
        overflow: hidden;
        color: #6d7a85;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.project-result-code[b-fhxoqtpzh0] {
    width: fit-content;
    padding: 4px 7px;
    color: #7a5417;
    background: #fbf3e2;
    border: 1px solid #ead6ae;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.project-result-main dl[b-fhxoqtpzh0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 9px;
    margin: 5px 0 0;
}

.project-result-main dt[b-fhxoqtpzh0] {
    margin: 0 0 2px;
    color: #8a96a0;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.project-result-main dd[b-fhxoqtpzh0] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #394957;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map-status[b-fhxoqtpzh0] {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    padding: 3px 7px;
    color: #4d5a65;
    background: #eef2f5;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.map-status-planning[b-fhxoqtpzh0] {
    color: #765315;
    background: #f8edcf;
}

.map-status-building[b-fhxoqtpzh0] {
    color: #245a87;
    background: #e4f0fb;
}

.map-status-available[b-fhxoqtpzh0] {
    color: #236a41;
    background: #e4f4ea;
}

.map-status-paused[b-fhxoqtpzh0] {
    color: #8b4623;
    background: #faeadf;
}

.map-status-finished[b-fhxoqtpzh0] {
    color: #64458b;
    background: #eee7f7;
}

.map-status-inactive[b-fhxoqtpzh0] {
    color: #68727c;
    background: #edf1f4;
}

.project-no-location[b-fhxoqtpzh0] {
    width: fit-content;
    margin-top: 2px;
    padding: 4px 7px;
    color: #8b4623;
    background: #fff2e9;
    border: 1px solid #f1d3c0;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.project-edit-location[b-fhxoqtpzh0] {
    min-height: 31px;
    color: #7a5417;
    cursor: pointer;
    background: #fbf3e2;
    border: 1px solid #ead6ae;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
}

.map-canvas-panel[b-fhxoqtpzh0] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid #dfe7ec;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(24, 39, 52, 0.07);
}

.map-canvas-toolbar[b-fhxoqtpzh0] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #e6edf2;
}

    .map-canvas-toolbar div:first-child[b-fhxoqtpzh0] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .map-canvas-toolbar strong[b-fhxoqtpzh0] {
        color: #22313d;
        font-size: 13px;
    }

    .map-canvas-toolbar span[b-fhxoqtpzh0] {
        color: #6f7d88;
        font-size: 11px;
    }

.map-toolbar-actions[b-fhxoqtpzh0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

    .map-toolbar-actions button[b-fhxoqtpzh0] {
        min-height: 32px;
        padding: 0 10px;
        color: #3d4b57;
        cursor: pointer;
        background: #f7f9fb;
        border: 1px solid #dfe7ec;
        border-radius: 7px;
        font-size: 10px;
        font-weight: 800;
    }

.map-canvas-shell[b-fhxoqtpzh0] {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.project-map-canvas[b-fhxoqtpzh0] {
    width: 100%;
    height: 100%;
    min-height: 520px;
    background: #e7edf1;
}

.map-canvas-message[b-fhxoqtpzh0] {
    position: absolute;
    z-index: 500;
    top: 14px;
    left: 50%;
    max-width: min(520px, calc(100% - 28px));
    padding: 11px 14px;
    color: #7a332c;
    background: rgba(255, 241, 239, 0.96);
    border: 1px solid #efc7c2;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    transform: translateX(-50%);
}

.map-canvas-notice[b-fhxoqtpzh0] {
    color: #6f4d16;
    background: rgba(255, 248, 232, 0.96);
    border-color: #e6c98d;
}

.map-legend[b-fhxoqtpzh0] {
    position: absolute;
    z-index: 500;
    right: 14px;
    bottom: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px 10px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #dfe7ec;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(24, 39, 52, 0.12);
}

    .map-legend span[b-fhxoqtpzh0] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #3e4e5b;
        font-size: 10px;
        font-weight: 700;
        white-space: nowrap;
    }

.legend-dot[b-fhxoqtpzh0] {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}

.planning[b-fhxoqtpzh0] {
    background: #c6902d;
}

.building[b-fhxoqtpzh0] {
    background: #327db2;
}

.available[b-fhxoqtpzh0] {
    background: #2d8a53;
}

.paused[b-fhxoqtpzh0] {
    background: #d36f32;
}

.finished[b-fhxoqtpzh0] {
    background: #7b5ab6;
}

.inactive[b-fhxoqtpzh0] {
    background: #8b98a3;
}

[b-fhxoqtpzh0] .project-map-marker-wrapper,
[b-fhxoqtpzh0] .project-cluster-wrapper {
    background: transparent;
    border: 0;
}

[b-fhxoqtpzh0] .project-map-marker {
    position: relative;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    background: #64727d;
    border: 3px solid #ffffff;
    border-radius: 50% 50% 50% 6px;
    box-shadow: 0 9px 18px rgba(24, 39, 52, 0.28);
    transform: rotate(-45deg);
}

    [b-fhxoqtpzh0] .project-map-marker span {
        width: 9px;
        height: 9px;
        display: block;
        background: #ffffff;
        border-radius: 50%;
    }

[b-fhxoqtpzh0] .project-map-marker-planificacion {
    background: #c6902d;
}

[b-fhxoqtpzh0] .project-map-marker-en-construccion {
    background: #327db2;
}

[b-fhxoqtpzh0] .project-map-marker-disponible {
    background: #2d8a53;
}

[b-fhxoqtpzh0] .project-map-marker-pausado {
    background: #d36f32;
}

[b-fhxoqtpzh0] .project-map-marker-finalizado {
    background: #7b5ab6;
}

[b-fhxoqtpzh0] .project-map-marker-inactivo {
    background: #8b98a3;
}

[b-fhxoqtpzh0] .project-cluster-marker {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #1f3040;
    border: 3px solid #f2d18b;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(24, 39, 52, 0.28);
}

    [b-fhxoqtpzh0] .project-cluster-marker strong {
        font-size: 13px;
        line-height: 1;
    }

[b-fhxoqtpzh0] .project-popup-card {
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    [b-fhxoqtpzh0] .project-popup-card strong {
        color: #1f3040;
        font-size: 14px;
        line-height: 1.25;
    }

[b-fhxoqtpzh0] .project-popup-code {
    width: fit-content;
    padding: 3px 7px;
    color: #7a5417;
    background: #fbf3e2;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

[b-fhxoqtpzh0] .project-popup-card dl {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 0;
}

[b-fhxoqtpzh0] .project-popup-card div {
    min-width: 0;
}

[b-fhxoqtpzh0] .project-popup-card dt {
    margin: 0;
    color: #87939d;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

[b-fhxoqtpzh0] .project-popup-card dd {
    margin: 1px 0 0;
    color: #394957;
    font-size: 11px;
}

[b-fhxoqtpzh0] .project-popup-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 4px;
}

    [b-fhxoqtpzh0] .project-popup-actions button,
    [b-fhxoqtpzh0] .project-popup-actions a {
        min-height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #31404d;
        cursor: pointer;
        background: #f7f9fb;
        border: 1px solid #dfe7ec;
        border-radius: 7px;
        font-size: 10px;
        font-weight: 800;
        text-decoration: none;
    }

    [b-fhxoqtpzh0] .project-popup-actions button:first-child {
        color: #ffffff;
        background: #1f3040;
        border-color: #1f3040;
    }

@media (max-width: 1180px) {
    .map-summary-grid[b-fhxoqtpzh0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .project-map-workspace[b-fhxoqtpzh0] {
        grid-template-columns: 1fr;
    }

    .map-sidebar[b-fhxoqtpzh0] {
        grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .map-results-panel[b-fhxoqtpzh0] {
        max-height: 520px;
    }
}

@media (max-width: 780px) {
    .map-module-header[b-fhxoqtpzh0],
    .map-canvas-toolbar[b-fhxoqtpzh0] {
        flex-direction: column;
        align-items: stretch;
    }

    .map-header-actions[b-fhxoqtpzh0],
    .map-toolbar-actions[b-fhxoqtpzh0] {
        justify-content: flex-start;
    }

    .map-summary-grid[b-fhxoqtpzh0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .map-sidebar[b-fhxoqtpzh0] {
        grid-template-columns: 1fr;
    }

    .map-filter-grid[b-fhxoqtpzh0] {
        grid-template-columns: 1fr;
    }

    .map-canvas-shell[b-fhxoqtpzh0],
    .project-map-canvas[b-fhxoqtpzh0] {
        min-height: 420px;
    }

    .map-legend[b-fhxoqtpzh0] {
        right: 10px;
        bottom: 10px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .map-module-header h1[b-fhxoqtpzh0] {
        font-size: 24px;
    }

    .map-module-header p[b-fhxoqtpzh0] {
        font-size: 13px;
    }

    .map-header-actions .button[b-fhxoqtpzh0],
    .map-toolbar-actions button[b-fhxoqtpzh0] {
        flex: 1 1 150px;
    }

    .map-summary-grid[b-fhxoqtpzh0] {
        grid-template-columns: 1fr;
    }

    .project-result-main dl[b-fhxoqtpzh0] {
        grid-template-columns: 1fr;
    }

    .map-canvas-shell[b-fhxoqtpzh0],
    .project-map-canvas[b-fhxoqtpzh0] {
        min-height: 360px;
    }
}
/* /Components/Pages/NotificacionesWeb.razor.rz.scp.css */
.meta-leads-page[b-5l33hql2cw] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.meta-leads-header[b-5l33hql2cw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.meta-leads-eyebrow[b-5l33hql2cw] {
    color: #a77720;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.meta-leads-header h1[b-5l33hql2cw] {
    margin: 0.15rem 0 0.35rem;
    color: var(--text-primary, #172033);
    font-size: clamp(1.6rem, 2vw, 2.2rem);
}

.meta-leads-header p[b-5l33hql2cw] {
    max-width: 46rem;
    margin: 0;
    color: var(--text-secondary, #6f7b8b);
}

.meta-leads-header-actions[b-5l33hql2cw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.meta-button[b-5l33hql2cw] {
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.meta-button:disabled[b-5l33hql2cw] {
    cursor: not-allowed;
    opacity: 0.65;
}

.meta-button.primary[b-5l33hql2cw] {
    color: #ffffff;
    background: #b98224;
}

.meta-button.primary:hover:not(:disabled)[b-5l33hql2cw] {
    background: #9e6e19;
}

.meta-button.secondary[b-5l33hql2cw] {
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border-color: var(--border-color, #dfe4ea);
}

.meta-button.compact[b-5l33hql2cw] {
    min-height: 2.35rem;
    padding-inline: 0.75rem;
}

.meta-leads-phase-note[b-5l33hql2cw] {
    padding: 0.75rem 0.9rem;
    color: #5f4a1e;
    background: #fff8e8;
    border: 1px solid #ead7a7;
    border-radius: 0.65rem;
    font-size: 0.84rem;
}

.meta-alert[b-5l33hql2cw] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem 0.85rem;
    border-radius: 0.65rem;
}

.meta-alert.success[b-5l33hql2cw] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.meta-alert.error[b-5l33hql2cw] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.meta-alert button[b-5l33hql2cw] {
    border: 0;
    cursor: pointer;
    background: transparent;
    font-size: 1.25rem;
}

.meta-summary-grid[b-5l33hql2cw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.meta-summary-card[b-5l33hql2cw] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 0.9rem;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #e1e5ea);
    border-radius: 0.75rem;
    box-shadow: 0 7px 18px rgb(15 23 42 / 4%);
}

.meta-summary-card[b-5l33hql2cw]::after {
    position: absolute;
    right: 0.6rem;
    bottom: 0;
    left: 0.6rem;
    height: 3px;
    border-radius: 999px 999px 0 0;
    content: "";
    background: #b98224;
}

.meta-summary-card span[b-5l33hql2cw],
.meta-summary-card small[b-5l33hql2cw] {
    display: block;
    color: var(--text-secondary, #718096);
}

.meta-summary-card strong[b-5l33hql2cw] {
    display: block;
    margin: 0.2rem 0;
    color: var(--text-primary, #172033);
    font-size: 1.55rem;
}

.meta-summary-card small[b-5l33hql2cw] {
    font-size: 0.72rem;
}

.meta-leads-panel[b-5l33hql2cw] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
}

.meta-leads-toolbar[b-5l33hql2cw] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) 12rem 13rem auto auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.meta-search[b-5l33hql2cw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-height: 2.4rem;
    padding: 0 0.7rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.meta-search input[b-5l33hql2cw],
.meta-leads-toolbar select[b-5l33hql2cw],
.meta-control[b-5l33hql2cw] {
    width: 100%;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    font: inherit;
}

.meta-search input[b-5l33hql2cw] {
    border: 0;
    outline: 0;
    background: transparent;
}

.meta-leads-toolbar select[b-5l33hql2cw],
.meta-control[b-5l33hql2cw] {
    min-height: 2.4rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.meta-toolbar-count[b-5l33hql2cw] {
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
    text-align: right;
    white-space: nowrap;
}

.meta-state[b-5l33hql2cw] {
    display: grid;
    place-items: center;
    min-height: 13rem;
    color: var(--text-secondary, #718096);
}

.meta-state.empty[b-5l33hql2cw] {
    align-content: center;
    gap: 0.35rem;
    text-align: center;
}

.meta-state.empty strong[b-5l33hql2cw] {
    color: var(--text-primary, #172033);
}

.meta-table-wrap[b-5l33hql2cw] {
    width: 100%;
    overflow: auto;
}

.meta-leads-table[b-5l33hql2cw] {
    width: 100%;
    min-width: 88rem;
    border-collapse: collapse;
}

.meta-leads-table th[b-5l33hql2cw],
.meta-leads-table td[b-5l33hql2cw] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #edf0f3);
    text-align: left;
    vertical-align: middle;
}

.meta-leads-table th[b-5l33hql2cw] {
    color: var(--text-secondary, #667085);
    background: var(--surface-muted, #f8fafc);
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.meta-leads-table td[b-5l33hql2cw] {
    color: var(--text-primary, #172033);
    font-size: 0.8rem;
}

.meta-leads-table td strong[b-5l33hql2cw],
.meta-leads-table td small[b-5l33hql2cw] {
    display: block;
}

.meta-leads-table td small[b-5l33hql2cw] {
    margin-top: 0.18rem;
    color: var(--text-secondary, #718096);
}

.meta-leads-table tr.unread td[b-5l33hql2cw] {
    background: #fffaf0;
}

.meta-platform[b-5l33hql2cw],
.meta-status[b-5l33hql2cw],
.meta-unassigned[b-5l33hql2cw] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}

.meta-platform[b-5l33hql2cw] {
    color: #4b3f86;
    background: #f0edff;
}

.meta-unassigned[b-5l33hql2cw] {
    color: #8a5b12;
    background: #fff4d7;
}

.meta-status.new[b-5l33hql2cw] {
    color: #8a5b12;
    background: #fff4d7;
}

.meta-status.assigned[b-5l33hql2cw] {
    color: #1d5680;
    background: #eaf5ff;
}

.meta-status.contacted[b-5l33hql2cw] {
    color: #17613f;
    background: #e8f8ef;
}

.meta-status.converted[b-5l33hql2cw] {
    color: #5d348a;
    background: #f2eafe;
}

.meta-status.discarded[b-5l33hql2cw] {
    color: #6d7783;
    background: #eef1f4;
}

.meta-actions[b-5l33hql2cw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.meta-actions button[b-5l33hql2cw],
.meta-actions a[b-5l33hql2cw] {
    min-height: 1.85rem;
    padding: 0.3rem 0.5rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #d8dee5);
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 750;
    text-decoration: none;
}

.meta-modal-backdrop[b-5l33hql2cw] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 60%);
    backdrop-filter: blur(3px);
}

.meta-modal[b-5l33hql2cw] {
    width: min(94vw, 52rem);
    max-height: 92vh;
    overflow: auto;
    background: var(--surface-color, #ffffff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    box-shadow: 0 25px 70px rgb(15 23 42 / 35%);
}

.meta-modal.small[b-5l33hql2cw] {
    width: min(94vw, 36rem);
}

.meta-modal > header[b-5l33hql2cw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.meta-modal > header span[b-5l33hql2cw] {
    color: #a77720;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.meta-modal > header h2[b-5l33hql2cw] {
    margin: 0.15rem 0;
    color: var(--text-primary, #172033);
}

.meta-modal > header p[b-5l33hql2cw] {
    margin: 0;
    color: var(--text-secondary, #718096);
}

.meta-modal > header > button[b-5l33hql2cw] {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: var(--surface-muted, #f1f4f7);
    font-size: 1.25rem;
}

.meta-modal form[b-5l33hql2cw],
.meta-modal-body[b-5l33hql2cw] {
    padding: 1rem;
}

.meta-form-grid[b-5l33hql2cw],
.meta-detail-grid[b-5l33hql2cw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.meta-field[b-5l33hql2cw] {
    display: grid;
    gap: 0.35rem;
}

.meta-field.full[b-5l33hql2cw],
.meta-detail-grid .full[b-5l33hql2cw] {
    grid-column: 1 / -1;
}

.meta-field label[b-5l33hql2cw] {
    color: var(--text-primary, #172033);
    font-size: 0.78rem;
    font-weight: 800;
}

.meta-field label span[b-5l33hql2cw] {
    color: #c33c3c;
}

.meta-textarea[b-5l33hql2cw] {
    min-height: 6rem;
    resize: vertical;
}

.meta-modal footer[b-5l33hql2cw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
}

.meta-detail-grid[b-5l33hql2cw] {
    padding: 1rem;
}

.meta-detail-grid article[b-5l33hql2cw] {
    padding: 0.75rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #e6eaee);
    border-radius: 0.55rem;
}

.meta-detail-grid article span[b-5l33hql2cw],
.meta-detail-grid article strong[b-5l33hql2cw] {
    display: block;
}

.meta-detail-grid article span[b-5l33hql2cw] {
    margin-bottom: 0.25rem;
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
}

.meta-detail-grid article strong[b-5l33hql2cw] {
    color: var(--text-primary, #172033);
    overflow-wrap: anywhere;
}

@media (max-width: 1250px) {
    .meta-leads-toolbar[b-5l33hql2cw] {
        grid-template-columns: minmax(15rem, 1fr) 12rem 13rem auto;
    }

    .meta-toolbar-count[b-5l33hql2cw] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .meta-leads-header[b-5l33hql2cw] {
        flex-direction: column;
    }

    .meta-leads-header-actions[b-5l33hql2cw] {
        justify-content: flex-start;
    }

    .meta-summary-grid[b-5l33hql2cw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meta-leads-toolbar[b-5l33hql2cw] {
        grid-template-columns: 1fr;
    }

    .meta-toolbar-count[b-5l33hql2cw] {
        grid-column: auto;
        text-align: left;
    }
}

@media (max-width: 620px) {
    .meta-summary-grid[b-5l33hql2cw],
    .meta-form-grid[b-5l33hql2cw],
    .meta-detail-grid[b-5l33hql2cw] {
        grid-template-columns: 1fr;
    }

    .meta-field.full[b-5l33hql2cw],
    .meta-detail-grid .full[b-5l33hql2cw] {
        grid-column: auto;
    }
}
/* NOTIF-02 - bandeja exclusiva Web Rodmay */
.meta-leads-page .meta-leads-eyebrow[b-5l33hql2cw] {
    color: #1f6b9c;
}

.meta-leads-page .meta-summary-card:nth-child(1)[b-5l33hql2cw]::after {
    background: #1f6b9c;
}

.meta-leads-page .meta-summary-card:nth-child(2)[b-5l33hql2cw]::after {
    background: #d29a28;
}

.meta-leads-page .meta-summary-card:nth-child(3)[b-5l33hql2cw]::after {
    background: #2d8bc0;
}

.meta-leads-page .meta-summary-card:nth-child(4)[b-5l33hql2cw]::after {
    background: #2ca66b;
}
/* /Components/Pages/NuevaVentaContado.razor.rz.scp.css */
.cash-sale-page[b-3w9vxzatf1] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.cash-sale-header[b-3w9vxzatf1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.cash-sale-header > div[b-3w9vxzatf1] {
    display: grid;
    gap: 0.25rem;
}

.cash-sale-label[b-3w9vxzatf1] {
    color: #c58a21;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cash-sale-header h1[b-3w9vxzatf1],
.cash-card-header h2[b-3w9vxzatf1],
.cash-origin-card h3[b-3w9vxzatf1],
.cash-summary-panel h3[b-3w9vxzatf1] {
    margin: 0;
    color: var(--text-primary, #162033);
}

.cash-sale-header h1[b-3w9vxzatf1] {
    font-size: clamp(1.55rem, 2.4vw, 2rem);
}

.cash-sale-header p[b-3w9vxzatf1],
.cash-card-header p[b-3w9vxzatf1],
.cash-origin-card p[b-3w9vxzatf1],
.cash-confirmation p[b-3w9vxzatf1] {
    margin: 0;
    color: var(--text-secondary, #718096);
    line-height: 1.5;
}

.cash-sale-back[b-3w9vxzatf1],
.cash-primary[b-3w9vxzatf1],
.cash-secondary[b-3w9vxzatf1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.62rem 0.95rem;
    border-radius: 0.55rem;
    font: inherit;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}

.cash-sale-back[b-3w9vxzatf1],
.cash-secondary[b-3w9vxzatf1] {
    border: 1px solid var(--border-color, #dfe4ea);
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.cash-primary[b-3w9vxzatf1] {
    border: 1px solid #cf9328;
    background: #cf9328;
    color: #ffffff;
    box-shadow: 0 8px 16px rgb(207 147 40 / 22%);
}

.cash-primary:disabled[b-3w9vxzatf1],
.cash-secondary:disabled[b-3w9vxzatf1] {
    cursor: not-allowed;
    opacity: 0.55;
    box-shadow: none;
}

.cash-alert[b-3w9vxzatf1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 0.95rem;
    border-radius: 0.65rem;
    font-weight: 650;
}

.cash-alert button[b-3w9vxzatf1] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.1rem;
    cursor: pointer;
}

.cash-alert.info[b-3w9vxzatf1] {
    border: 1px solid #c8d7f5;
    background: #f3f7ff;
    color: #365b91;
}

.cash-alert.success[b-3w9vxzatf1] {
    border: 1px solid #bfe9cf;
    background: #f0fbf4;
    color: #24663e;
}

.cash-alert.error[b-3w9vxzatf1] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.cash-tabs[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
}

.cash-tab[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 4.8rem;
    padding: 0.8rem;
    border: 0;
    border-right: 1px solid var(--border-color, #e5e8ee);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.cash-tab:last-child[b-3w9vxzatf1] {
    border-right: 0;
}

.cash-tab > span[b-3w9vxzatf1] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #edf0f5;
    color: #6e7a8d;
    font-weight: 800;
}

.cash-tab > div[b-3w9vxzatf1] {
    display: grid;
    gap: 0.12rem;
}

.cash-tab strong[b-3w9vxzatf1] {
    color: var(--text-primary, #162033);
    font-size: 0.82rem;
}

.cash-tab small[b-3w9vxzatf1] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.cash-tab.active[b-3w9vxzatf1] {
    background: rgb(207 147 40 / 8%);
    box-shadow: inset 0 -3px 0 #cf9328;
}

.cash-tab.active > span[b-3w9vxzatf1],
.cash-tab.completed > span[b-3w9vxzatf1] {
    background: #cf9328;
    color: #ffffff;
}

.cash-tab.completed[b-3w9vxzatf1] {
    background: rgb(46 159 103 / 5%);
}

.cash-card[b-3w9vxzatf1] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.cash-card-header[b-3w9vxzatf1] {
    display: grid;
    gap: 0.22rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.cash-card-header > span[b-3w9vxzatf1] {
    color: #c58a21;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.cash-card-header h2[b-3w9vxzatf1] {
    font-size: 1.08rem;
}

.cash-form-grid[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    padding: 1.1rem;
}

.cash-field[b-3w9vxzatf1] {
    display: grid;
    align-content: start;
    gap: 0.36rem;
}

.cash-field-full[b-3w9vxzatf1] {
    grid-column: 1 / -1;
}

.cash-field label[b-3w9vxzatf1] {
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
    font-weight: 750;
}

.cash-field small[b-3w9vxzatf1] {
    color: var(--text-secondary, #718096);
    font-size: 0.67rem;
}

.required[b-3w9vxzatf1] {
    color: #d04b4b;
}

.cash-control[b-3w9vxzatf1],
.cash-readonly[b-3w9vxzatf1],
.cash-file[b-3w9vxzatf1] {
    width: 100%;
    min-height: 2.55rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.cash-control[b-3w9vxzatf1] {
    padding: 0.58rem 0.72rem;
}

.cash-control:focus[b-3w9vxzatf1],
.cash-file:focus[b-3w9vxzatf1] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.cash-textarea[b-3w9vxzatf1] {
    min-height: 6rem;
    resize: vertical;
}

.cash-readonly[b-3w9vxzatf1] {
    display: flex;
    align-items: center;
    padding: 0.58rem 0.72rem;
    background: rgb(148 163 184 / 8%);
    font-weight: 750;
}

.cash-file[b-3w9vxzatf1] {
    padding: 0.45rem;
}

.cash-file-list[b-3w9vxzatf1] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.cash-origin-grid[b-3w9vxzatf1] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.cash-origin-card[b-3w9vxzatf1] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
    background: rgb(148 163 184 / 3%);
}

.cash-origin-card > header[b-3w9vxzatf1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.cash-origin-card > header > div[b-3w9vxzatf1] {
    display: grid;
    gap: 0.18rem;
}

.cash-origin-card h3[b-3w9vxzatf1] {
    font-size: 0.94rem;
}

.cash-switch[b-3w9vxzatf1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
    font-weight: 750;
}

.cash-switch input[b-3w9vxzatf1] {
    accent-color: #cf9328;
}

.cash-payment-summary[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1.1rem 1.1rem 0;
}

.cash-payment-summary article[b-3w9vxzatf1] {
    display: grid;
    gap: 0.22rem;
    padding: 0.85rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.cash-payment-summary span[b-3w9vxzatf1] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.cash-payment-summary strong[b-3w9vxzatf1] {
    color: var(--text-primary, #162033);
    font-size: 0.96rem;
}

.cash-payment-due[b-3w9vxzatf1] {
    border-color: #d7a342 !important;
    background: #fff8e9;
}

.cash-payment-due strong[b-3w9vxzatf1] {
    color: #9a6510;
}

.cash-summary-grid[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.1rem;
}

.cash-summary-panel[b-3w9vxzatf1] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.cash-summary-panel h3[b-3w9vxzatf1] {
    padding: 0.8rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    font-size: 0.9rem;
}

.cash-summary-panel dl[b-3w9vxzatf1] {
    display: grid;
    margin: 0;
}

.cash-summary-panel dl > div[b-3w9vxzatf1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.68rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
}

.cash-summary-panel dl > div:last-child[b-3w9vxzatf1] {
    border-bottom: 0;
}

.cash-summary-panel dt[b-3w9vxzatf1] {
    color: var(--text-secondary, #718096);
    font-size: 0.73rem;
}

.cash-summary-panel dd[b-3w9vxzatf1] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
    font-weight: 750;
    text-align: right;
}

.cash-summary-total[b-3w9vxzatf1] {
    background: rgb(207 147 40 / 7%);
}

.cash-summary-final[b-3w9vxzatf1] {
    background: rgb(46 159 103 / 8%);
}

.cash-summary-final dt[b-3w9vxzatf1],
.cash-summary-final dd[b-3w9vxzatf1] {
    color: #23734d;
    font-weight: 850;
}

.cash-confirmation[b-3w9vxzatf1] {
    margin: 0 1.1rem 1.1rem;
    padding: 0.9rem;
    border: 1px solid #bfe9cf;
    border-radius: 0.65rem;
    background: #f0fbf4;
}

.cash-confirmation > div[b-3w9vxzatf1] {
    display: grid;
    gap: 0.2rem;
}

.cash-confirmation strong[b-3w9vxzatf1] {
    color: #24663e;
}

.cash-card-footer[b-3w9vxzatf1] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 3%);
}

@media (max-width: 950px) {
    .cash-tabs[b-3w9vxzatf1],
    .cash-payment-summary[b-3w9vxzatf1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cash-tab:nth-child(2)[b-3w9vxzatf1] {
        border-right: 0;
    }
}

@media (max-width: 700px) {
    .cash-sale-header[b-3w9vxzatf1] {
        flex-direction: column;
    }

    .cash-sale-back[b-3w9vxzatf1] {
        width: 100%;
    }

    .cash-form-grid[b-3w9vxzatf1],
    .cash-summary-grid[b-3w9vxzatf1] {
        grid-template-columns: 1fr;
    }

    .cash-field-full[b-3w9vxzatf1] {
        grid-column: auto;
    }
}

@media (max-width: 520px) {
    .cash-tabs[b-3w9vxzatf1],
    .cash-payment-summary[b-3w9vxzatf1] {
        grid-template-columns: 1fr;
    }

    .cash-tab[b-3w9vxzatf1] {
        border-right: 0;
        border-bottom: 1px solid var(--border-color, #e5e8ee);
    }

    .cash-tab:last-child[b-3w9vxzatf1] {
        border-bottom: 0;
    }

    .cash-card-footer[b-3w9vxzatf1] {
        flex-direction: column-reverse;
    }

    .cash-card-footer button[b-3w9vxzatf1] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .cash-card[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-tabs[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-control[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-readonly[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-file[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-origin-card[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-summary-panel[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-sale-back[b-3w9vxzatf1],
:global([data-theme="dark"]) .cash-secondary[b-3w9vxzatf1],
:global(.dark) .cash-card[b-3w9vxzatf1],
:global(.dark) .cash-tabs[b-3w9vxzatf1],
:global(.dark) .cash-control[b-3w9vxzatf1],
:global(.dark) .cash-readonly[b-3w9vxzatf1],
:global(.dark) .cash-file[b-3w9vxzatf1],
:global(.dark) .cash-origin-card[b-3w9vxzatf1],
:global(.dark) .cash-summary-panel[b-3w9vxzatf1],
:global(.dark) .cash-sale-back[b-3w9vxzatf1],
:global(.dark) .cash-secondary[b-3w9vxzatf1] {
    background: var(--surface-color, #152132);
}

/* =========================================================
   COM-CONTADO-02 - GESTION DIRECTA INDIRECTA
   ========================================================= */

.cash-field-full[b-3w9vxzatf1] {
    grid-column: 1 / -1;
}

.cash-sale-channel-field[b-3w9vxzatf1] {
    margin-top: -0.1rem;
}

.cash-sale-channel-grid[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.cash-sale-channel-card[b-3w9vxzatf1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 5rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dfe4ea;
    border-radius: 0.65rem;
    background: #ffffff;
    color: #162033;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.cash-sale-channel-card:hover:not(:disabled)[b-3w9vxzatf1] {
    border-color: #d2a44f;
    background: rgb(207 147 40 / 5%);
}

.cash-sale-channel-card.selected[b-3w9vxzatf1] {
    border-color: #cf9328;
    background: rgb(207 147 40 / 9%);
    box-shadow: 0 0 0 3px rgb(207 147 40 / 12%);
}

.cash-sale-channel-card:disabled[b-3w9vxzatf1] {
    cursor: not-allowed;
    opacity: 0.58;
}

.cash-sale-channel-check[b-3w9vxzatf1] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: #edf1f5;
    color: transparent;
    font-weight: 900;
}

.cash-sale-channel-card.selected
.cash-sale-channel-check[b-3w9vxzatf1] {
    background: #cf9328;
    color: #ffffff;
}

.cash-sale-channel-copy[b-3w9vxzatf1] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.cash-sale-channel-copy strong[b-3w9vxzatf1] {
    font-size: 0.82rem;
}

.cash-sale-channel-copy small[b-3w9vxzatf1] {
    color: #738095;
    font-size: 0.7rem;
    line-height: 1.35;
}

.cash-sale-channel-rate[b-3w9vxzatf1] {
    color: #a66f05;
    font-size: 0.95rem;
    font-weight: 850;
    white-space: nowrap;
}

.cash-sale-channel-message[b-3w9vxzatf1] {
    color: #738095;
    font-size: 0.7rem;
}

.cash-sale-channel-message.selected[b-3w9vxzatf1] {
    color: #25764c;
    font-weight: 750;
}

@media (max-width: 760px) {
    .cash-sale-channel-grid[b-3w9vxzatf1] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/NuevaVentaFinanciamiento.razor.rz.scp.css */
.finance-sale-page[b-29p2ffuj4e] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.finance-header[b-29p2ffuj4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.finance-heading[b-29p2ffuj4e] {
    display: grid;
    gap: 0.28rem;
}

.finance-label[b-29p2ffuj4e] {
    color: #c58a21;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.finance-heading h1[b-29p2ffuj4e],
.finance-card-header h2[b-29p2ffuj4e],
.finance-origin-card h3[b-29p2ffuj4e],
.finance-summary-panel h3[b-29p2ffuj4e],
.finance-schedule h3[b-29p2ffuj4e] {
    margin: 0;
    color: var(--text-primary, #162033);
}

.finance-heading h1[b-29p2ffuj4e] {
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    line-height: 1.1;
}

.finance-heading p[b-29p2ffuj4e],
.finance-card-header p[b-29p2ffuj4e],
.finance-origin-card p[b-29p2ffuj4e],
.finance-schedule p[b-29p2ffuj4e],
.finance-save-note p[b-29p2ffuj4e] {
    margin: 0;
    color: var(--text-secondary, #738095);
    line-height: 1.5;
}

.finance-back[b-29p2ffuj4e],
.finance-primary[b-29p2ffuj4e],
.finance-secondary[b-29p2ffuj4e],
.finance-alert button[b-29p2ffuj4e],
.finance-tab[b-29p2ffuj4e] {
    font: inherit;
}

.finance-back[b-29p2ffuj4e],
.finance-primary[b-29p2ffuj4e],
.finance-secondary[b-29p2ffuj4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.62rem 0.95rem;
    border-radius: 0.55rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}

.finance-back[b-29p2ffuj4e],
.finance-secondary[b-29p2ffuj4e] {
    border: 1px solid var(--border-color, #dfe4ea);
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.finance-primary[b-29p2ffuj4e] {
    border: 1px solid #cf9328;
    background: #cf9328;
    color: #ffffff;
    box-shadow: 0 8px 16px rgb(207 147 40 / 22%);
}

.finance-primary:hover[b-29p2ffuj4e] {
    background: #b97d17;
}

.finance-back:hover[b-29p2ffuj4e],
.finance-secondary:hover[b-29p2ffuj4e] {
    background: rgb(148 163 184 / 10%);
}

.finance-primary:disabled[b-29p2ffuj4e],
.finance-secondary:disabled[b-29p2ffuj4e] {
    cursor: not-allowed;
    opacity: 0.55;
    box-shadow: none;
}

.finance-alert[b-29p2ffuj4e] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.78rem 0.9rem;
    border-radius: 0.65rem;
    font-weight: 650;
}

.finance-alert-info[b-29p2ffuj4e] {
    border: 1px solid #c8d7f5;
    background: #f3f7ff;
    color: #365b91;
}

.finance-alert-success[b-29p2ffuj4e] {
    border: 1px solid #bfe9cf;
    background: #f0fbf4;
    color: #24663e;
}

.finance-alert-error[b-29p2ffuj4e] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.finance-alert button[b-29p2ffuj4e] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.2rem;
    cursor: pointer;
}

.finance-tabs[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
}

.finance-tab[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 4.8rem;
    padding: 0.8rem;
    border: 0;
    border-right: 1px solid var(--border-color, #e5e8ee);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.finance-tab:last-child[b-29p2ffuj4e] {
    border-right: 0;
}

.finance-tab > span[b-29p2ffuj4e] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #edf0f5;
    color: #6e7a8d;
    font-weight: 800;
}

.finance-tab > div[b-29p2ffuj4e] {
    display: grid;
    gap: 0.14rem;
}

.finance-tab strong[b-29p2ffuj4e] {
    color: var(--text-primary, #162033);
    font-size: 0.84rem;
}

.finance-tab small[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
}

.finance-tab.active[b-29p2ffuj4e] {
    background: rgb(207 147 40 / 8%);
    box-shadow: inset 0 -3px 0 #cf9328;
}

.finance-tab.active > span[b-29p2ffuj4e],
.finance-tab.completed > span[b-29p2ffuj4e] {
    background: #cf9328;
    color: #ffffff;
}

.finance-tab.completed[b-29p2ffuj4e] {
    background: rgb(46 159 103 / 5%);
}

.finance-card[b-29p2ffuj4e] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.finance-card-header[b-29p2ffuj4e] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.finance-card-header > div[b-29p2ffuj4e] {
    display: grid;
    gap: 0.22rem;
}

.finance-card-header span[b-29p2ffuj4e] {
    color: #c58a21;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.finance-card-header h2[b-29p2ffuj4e] {
    font-size: 1.08rem;
}

.finance-form-grid[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    padding: 1.1rem;
}

.finance-field[b-29p2ffuj4e] {
    display: grid;
    align-content: start;
    gap: 0.38rem;
}

.finance-field-full[b-29p2ffuj4e] {
    grid-column: 1 / -1;
}

.finance-field label[b-29p2ffuj4e] {
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
    font-weight: 750;
}

.finance-field small[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
}

.required[b-29p2ffuj4e] {
    color: #d04b4b;
}

.finance-control[b-29p2ffuj4e],
.finance-readonly[b-29p2ffuj4e],
.finance-file[b-29p2ffuj4e] {
    width: 100%;
    min-height: 2.55rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.finance-control[b-29p2ffuj4e] {
    padding: 0.58rem 0.72rem;
}

.finance-control:focus[b-29p2ffuj4e],
.finance-file:focus[b-29p2ffuj4e] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.finance-textarea[b-29p2ffuj4e] {
    min-height: 6.5rem;
    resize: vertical;
}

.finance-readonly[b-29p2ffuj4e] {
    display: flex;
    align-items: center;
    padding: 0.58rem 0.72rem;
    background: rgb(148 163 184 / 8%);
    font-weight: 750;
}

.finance-control-with-suffix[b-29p2ffuj4e] {
    position: relative;
}

.finance-control-with-suffix .finance-control[b-29p2ffuj4e] {
    padding-right: 2.4rem;
}

.finance-control-with-suffix > span[b-29p2ffuj4e] {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    color: var(--text-secondary, #738095);
    transform: translateY(-50%);
}

.finance-origin-grid[b-29p2ffuj4e] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.finance-origin-card[b-29p2ffuj4e] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
    background: rgb(148 163 184 / 3%);
}

.finance-origin-card > header[b-29p2ffuj4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.finance-origin-card > header > div[b-29p2ffuj4e] {
    display: grid;
    gap: 0.2rem;
}

.finance-origin-card h3[b-29p2ffuj4e] {
    font-size: 0.95rem;
}

.finance-switch[b-29p2ffuj4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
}

.finance-switch input[b-29p2ffuj4e] {
    width: 1rem;
    height: 1rem;
    accent-color: #cf9328;
}

.finance-file[b-29p2ffuj4e] {
    padding: 0.45rem;
}

.finance-file-list[b-29p2ffuj4e] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-secondary, #738095);
    font-size: 0.72rem;
}

.finance-deductions[b-29p2ffuj4e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    margin: 0 1.1rem 1rem;
    padding: 0.9rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: rgb(207 147 40 / 5%);
}

.finance-deductions h3[b-29p2ffuj4e] {
    flex: 1 1 100%;
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.9rem;
}

.finance-deductions label[b-29p2ffuj4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
}

.finance-deductions input[b-29p2ffuj4e] {
    accent-color: #cf9328;
}

.finance-advance-card[b-29p2ffuj4e] {
    margin: 0 1.1rem 1rem;
}

.finance-plan-summary[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0 1.1rem 1.1rem;
}

.finance-plan-summary article[b-29p2ffuj4e] {
    display: grid;
    gap: 0.22rem;
    padding: 0.85rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
    background: var(--surface-color, #ffffff);
}

.finance-plan-summary span[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
}

.finance-plan-summary strong[b-29p2ffuj4e] {
    color: var(--text-primary, #162033);
    font-size: 1rem;
}

.finance-summary-layout[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 1rem;
    padding: 1.1rem;
}

.finance-summary-panel[b-29p2ffuj4e] {
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    overflow: hidden;
}

.finance-summary-panel h3[b-29p2ffuj4e] {
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    font-size: 0.92rem;
}

.finance-summary-panel dl[b-29p2ffuj4e] {
    display: grid;
    margin: 0;
}

.finance-summary-panel dl > div[b-29p2ffuj4e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.68rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #eef0f4);
}

.finance-summary-panel dl > div:last-child[b-29p2ffuj4e] {
    border-bottom: 0;
}

.finance-summary-panel dt[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.76rem;
}

.finance-summary-panel dd[b-29p2ffuj4e] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
    font-weight: 750;
    text-align: right;
}

.finance-summary-total[b-29p2ffuj4e] {
    background: rgb(148 163 184 / 7%);
}

.finance-summary-highlight[b-29p2ffuj4e] {
    background: rgb(207 147 40 / 9%);
}

.finance-summary-highlight dt[b-29p2ffuj4e],
.finance-summary-highlight dd[b-29p2ffuj4e] {
    color: #9a6510;
    font-weight: 850;
}

.finance-schedule[b-29p2ffuj4e] {
    margin: 0 1.1rem 1.1rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    overflow: hidden;
}

.finance-schedule > header[b-29p2ffuj4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.finance-schedule h3[b-29p2ffuj4e] {
    font-size: 0.92rem;
}

.finance-schedule > header > span[b-29p2ffuj4e] {
    color: #9a6510;
    font-size: 0.76rem;
    font-weight: 800;
}

.finance-table-wrap[b-29p2ffuj4e] {
    overflow-x: auto;
}

.finance-schedule table[b-29p2ffuj4e] {
    width: 100%;
    border-collapse: collapse;
}

.finance-schedule th[b-29p2ffuj4e],
.finance-schedule td[b-29p2ffuj4e] {
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid var(--border-color, #eef0f4);
    text-align: left;
    white-space: nowrap;
}

.finance-schedule th[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
    text-transform: uppercase;
}

.finance-schedule td[b-29p2ffuj4e] {
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
}

.finance-status-pending[b-29p2ffuj4e] {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: #fff3d9;
    color: #9a6510;
    font-size: 0.68rem;
    font-weight: 750;
}

.finance-empty[b-29p2ffuj4e],
.finance-more[b-29p2ffuj4e] {
    padding: 1rem;
    color: var(--text-secondary, #738095);
    font-size: 0.78rem;
    text-align: center;
}

.finance-save-note[b-29p2ffuj4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 1.1rem 1.1rem;
    padding: 0.9rem;
    border: 1px solid #c8d7f5;
    border-radius: 0.65rem;
    background: #f3f7ff;
}

.finance-save-note > div[b-29p2ffuj4e] {
    display: grid;
    gap: 0.2rem;
}

.finance-save-note strong[b-29p2ffuj4e] {
    color: #365b91;
}

.finance-card-footer[b-29p2ffuj4e] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 3%);
}

@media (max-width: 1050px) {
    .finance-tabs[b-29p2ffuj4e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-tab:nth-child(2)[b-29p2ffuj4e] {
        border-right: 0;
    }

    .finance-plan-summary[b-29p2ffuj4e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-summary-layout[b-29p2ffuj4e] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .finance-header[b-29p2ffuj4e] {
        flex-direction: column;
    }

    .finance-back[b-29p2ffuj4e] {
        width: 100%;
    }

    .finance-form-grid[b-29p2ffuj4e] {
        grid-template-columns: 1fr;
    }

    .finance-field-full[b-29p2ffuj4e] {
        grid-column: auto;
    }

    .finance-save-note[b-29p2ffuj4e] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .finance-tabs[b-29p2ffuj4e],
    .finance-plan-summary[b-29p2ffuj4e] {
        grid-template-columns: 1fr;
    }

    .finance-tab[b-29p2ffuj4e] {
        border-right: 0;
        border-bottom: 1px solid var(--border-color, #e5e8ee);
    }

    .finance-tab:last-child[b-29p2ffuj4e] {
        border-bottom: 0;
    }

    .finance-card-footer[b-29p2ffuj4e] {
        flex-direction: column-reverse;
    }

    .finance-card-footer button[b-29p2ffuj4e] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .finance-card[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-tabs[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-control[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-readonly[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-origin-card[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-plan-summary article[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-summary-panel[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-schedule[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-back[b-29p2ffuj4e],
:global([data-theme="dark"]) .finance-secondary[b-29p2ffuj4e],
:global(.dark) .finance-card[b-29p2ffuj4e],
:global(.dark) .finance-tabs[b-29p2ffuj4e],
:global(.dark) .finance-control[b-29p2ffuj4e],
:global(.dark) .finance-readonly[b-29p2ffuj4e],
:global(.dark) .finance-origin-card[b-29p2ffuj4e],
:global(.dark) .finance-plan-summary article[b-29p2ffuj4e],
:global(.dark) .finance-summary-panel[b-29p2ffuj4e],
:global(.dark) .finance-schedule[b-29p2ffuj4e],
:global(.dark) .finance-back[b-29p2ffuj4e],
:global(.dark) .finance-secondary[b-29p2ffuj4e] {
    background: var(--surface-color, #152132);
}

:global([data-theme="dark"]) .finance-save-note[b-29p2ffuj4e],
:global(.dark) .finance-save-note[b-29p2ffuj4e] {
    border-color: rgb(90 130 190 / 45%);
    background: rgb(45 75 120 / 22%);
}

/* =========================================================
   VEN-COM01 V2 - VENTA DIRECTA E INDIRECTA
   ========================================================= */

.finance-sale-channel-field[b-29p2ffuj4e] {
    margin-top: -0.1rem;
}

.finance-sale-channel-grid[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.finance-sale-channel-card[b-29p2ffuj4e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 5.2rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    text-align: left;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

.finance-sale-channel-card:hover:not(:disabled)[b-29p2ffuj4e] {
    border-color: #d2a44f;
    background: rgb(207 147 40 / 5%);
}

.finance-sale-channel-card.selected[b-29p2ffuj4e] {
    border-color: #cf9328;
    background: rgb(207 147 40 / 9%);
    box-shadow: 0 0 0 3px rgb(207 147 40 / 12%);
}

.finance-sale-channel-card:disabled[b-29p2ffuj4e] {
    cursor: not-allowed;
    opacity: 0.58;
}

.finance-sale-channel-check[b-29p2ffuj4e] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: #edf1f5;
    color: transparent;
    font-weight: 900;
}

.finance-sale-channel-card.selected
.finance-sale-channel-check[b-29p2ffuj4e] {
    background: #cf9328;
    color: #ffffff;
}

.finance-sale-channel-copy[b-29p2ffuj4e] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.finance-sale-channel-copy strong[b-29p2ffuj4e] {
    font-size: 0.82rem;
}

.finance-sale-channel-copy small[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
    line-height: 1.35;
}

.finance-sale-channel-rate[b-29p2ffuj4e] {
    color: #a66f05;
    font-size: 0.95rem;
    font-weight: 850;
    white-space: nowrap;
}

.finance-sale-channel-message[b-29p2ffuj4e] {
    color: var(--text-secondary, #738095);
    font-size: 0.7rem;
}

.finance-sale-channel-message.selected[b-29p2ffuj4e] {
    color: #25764c;
    font-weight: 750;
}

@media (max-width: 760px) {
    .finance-sale-channel-grid[b-29p2ffuj4e] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/PagoTotalVentaContado.razor.rz.scp.css */
.cash-final-page[b-8y8c3h7q42] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.cash-final-header[b-8y8c3h7q42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.cash-final-header > div[b-8y8c3h7q42] {
    display: grid;
    gap: 0.2rem;
}

.cash-final-eyebrow[b-8y8c3h7q42] {
    color: #c58a21;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cash-final-header h1[b-8y8c3h7q42] {
    margin: 0;
    color: #13243a;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.cash-final-header p[b-8y8c3h7q42] {
    margin: 0;
    color: #75849a;
    font-size: 0.82rem;
}

.cash-final-back[b-8y8c3h7q42] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #dce3eb;
    border-radius: 0.55rem;
    background: #ffffff;
    color: #1d2b3f;
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.cash-final-state[b-8y8c3h7q42] {
    display: grid;
    place-items: center;
    min-height: 12rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #718096;
    font-weight: 700;
}

.cash-final-alert[b-8y8c3h7q42] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #a8dfbd;
    border-radius: 0.65rem;
    background: #eefbf3;
    color: #22663f;
    font-size: 0.78rem;
    font-weight: 700;
}

.cash-final-alert > span:first-child[b-8y8c3h7q42] {
    display: grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    background: #2e9a5d;
    color: #ffffff;
}

.cash-final-alert.error[b-8y8c3h7q42] {
    border-color: #efb2b2;
    background: #fff3f3;
    color: #9f2f2f;
}

.cash-final-alert.error > span:first-child[b-8y8c3h7q42] {
    background: #cb4949;
}

.cash-final-summary[b-8y8c3h7q42] {
    display: grid;
    grid-template-columns:
        minmax(0, 0.8fr)
        minmax(0, 1.35fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1.1fr);
    gap: 0.75rem;
}

.cash-final-summary article[b-8y8c3h7q42] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.8rem 0.85rem;
    border: 1px solid #e0e6ed;
    border-radius: 0.7rem;
    background: #ffffff;
}

.cash-final-summary span[b-8y8c3h7q42],
.cash-final-summary small[b-8y8c3h7q42] {
    color: #7a8798;
    font-size: 0.65rem;
}

.cash-final-summary strong[b-8y8c3h7q42] {
    overflow: hidden;
    color: #17273d;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-final-summary-balance[b-8y8c3h7q42] {
    border-color: #dfa847 !important;
    background: #fff8e9 !important;
}

.cash-final-summary-balance strong[b-8y8c3h7q42] {
    color: #a36a0d !important;
}

.cash-final-card[b-8y8c3h7q42] {
    overflow: hidden;
    border: 1px solid #dde5ed;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 10px 26px rgb(15 23 42 / 5%);
}

.cash-final-card-header[b-8y8c3h7q42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #e5ebf1;
    background: #fbfcfd;
}

.cash-final-card-header > div:first-child[b-8y8c3h7q42] {
    display: grid;
    gap: 0.2rem;
}

.cash-final-card-header > div:first-child > span[b-8y8c3h7q42] {
    color: #c58a21;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.04em;
}

.cash-final-card-header h2[b-8y8c3h7q42] {
    margin: 0;
    color: #17273d;
    font-size: 1rem;
}

.cash-final-card-header p[b-8y8c3h7q42] {
    margin: 0;
    color: #77869a;
    font-size: 0.72rem;
}

.cash-final-locked[b-8y8c3h7q42] {
    display: grid;
    gap: 0.15rem;
    min-width: 14rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid #e0ac4e;
    border-radius: 0.55rem;
    background: #fff7e8;
}

.cash-final-locked span[b-8y8c3h7q42] {
    color: #92702e;
    font-size: 0.62rem;
    font-weight: 750;
}

.cash-final-locked strong[b-8y8c3h7q42] {
    color: #9b650b;
    font-size: 1rem;
}

.cash-final-form[b-8y8c3h7q42] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1rem;
}

.cash-final-field[b-8y8c3h7q42] {
    display: grid;
    gap: 0.35rem;
}

.cash-final-field-full[b-8y8c3h7q42] {
    grid-column: 1 / -1;
}

.cash-final-field label[b-8y8c3h7q42] {
    color: #28384d;
    font-size: 0.72rem;
    font-weight: 800;
}

.cash-final-field label span[b-8y8c3h7q42] {
    color: #c44b4b;
}

.cash-final-field small[b-8y8c3h7q42] {
    color: #7c899a;
    font-size: 0.64rem;
}

.cash-final-control[b-8y8c3h7q42],
.cash-final-file[b-8y8c3h7q42] {
    width: 100%;
    min-height: 2.55rem;
    border: 1px solid #d8e0e8;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #213147;
    font: inherit;
    font-size: 0.75rem;
}

.cash-final-control[b-8y8c3h7q42] {
    padding: 0.55rem 0.7rem;
}

.cash-final-control:focus[b-8y8c3h7q42] {
    border-color: #cf9328;
    outline: 2px solid rgb(207 147 40 / 12%);
}

.cash-final-textarea[b-8y8c3h7q42] {
    min-height: 5.5rem;
    resize: vertical;
}

.cash-final-file[b-8y8c3h7q42] {
    padding: 0.45rem;
}

.cash-final-files[b-8y8c3h7q42] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cash-final-files li[b-8y8c3h7q42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.48rem 0.6rem;
    border: 1px solid #e6ebf0;
    border-radius: 0.45rem;
    background: #f8fafc;
    color: #445268;
    font-size: 0.66rem;
}

.cash-final-files strong[b-8y8c3h7q42] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-final-footer[b-8y8c3h7q42] {
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-top: 1px solid #e5ebf1;
    background: #fbfcfd;
}

.cash-final-button[b-8y8c3h7q42] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.58rem 0.95rem;
    border-radius: 0.5rem;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.cash-final-button.primary[b-8y8c3h7q42] {
    border: 1px solid #c88d20;
    background: #d59a2c;
    color: #ffffff;
    box-shadow: 0 7px 16px rgb(197 138 33 / 18%);
}

.cash-final-button.secondary[b-8y8c3h7q42] {
    border: 1px solid #d7dfe8;
    background: #ffffff;
    color: #25354a;
}

.cash-final-button:disabled[b-8y8c3h7q42] {
    cursor: not-allowed;
    opacity: 0.5;
    box-shadow: none;
}

.cash-final-zero[b-8y8c3h7q42] {
    display: grid;
    gap: 0.3rem;
    padding: 2rem;
    text-align: center;
}

.cash-final-zero strong[b-8y8c3h7q42] {
    color: #286947;
}

.cash-final-zero p[b-8y8c3h7q42] {
    margin: 0;
    color: #748196;
}

@media (max-width: 1180px) {
    .cash-final-summary[b-8y8c3h7q42] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .cash-final-header[b-8y8c3h7q42],
    .cash-final-card-header[b-8y8c3h7q42] {
        flex-direction: column;
    }

    .cash-final-summary[b-8y8c3h7q42],
    .cash-final-form[b-8y8c3h7q42] {
        grid-template-columns: 1fr;
    }

    .cash-final-field-full[b-8y8c3h7q42] {
        grid-column: auto;
    }

    .cash-final-locked[b-8y8c3h7q42] {
        width: 100%;
        min-width: 0;
    }

    .cash-final-footer[b-8y8c3h7q42] {
        flex-direction: column-reverse;
    }

    .cash-final-button[b-8y8c3h7q42] {
        width: 100%;
    }
}
/* /Components/Pages/ProyectoDocumentosViewer.razor.rz.scp.css */
.documents-viewer-page[b-90b26ms3f1] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    color: #26343f;
    background: #eef2f5;
}

.viewer-page-header[b-90b26ms3f1] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 22px;
    background: #ffffff;
    border-bottom: 1px solid #dce3e8;
    box-shadow: 0 3px 12px rgba(22, 34, 44, 0.05);
}

.viewer-brand[b-90b26ms3f1] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.viewer-brand-icon[b-90b26ms3f1] {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #c99432;
    background: #132231;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.viewer-brand > div:last-child[b-90b26ms3f1] {
    min-width: 0;
}

.viewer-brand span[b-90b26ms3f1] {
    color: #b47f21;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.viewer-brand h1[b-90b26ms3f1] {
    overflow: hidden;
    margin: 3px 0 0;
    color: #17242f;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-header-actions[b-90b26ms3f1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.viewer-document-count[b-90b26ms3f1] {
    padding: 6px 10px;
    color: #7b5a1b;
    background: #fff6df;
    border: 1px solid #ead29e;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
}

.viewer-close-link[b-90b26ms3f1],
.viewer-back-button[b-90b26ms3f1] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    color: #34424d;
    background: #ffffff;
    border: 1px solid #d4dde3;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

    .viewer-close-link:hover[b-90b26ms3f1],
    .viewer-back-button:hover[b-90b26ms3f1] {
        color: #8a611b;
        border-color: #d7b56f;
    }

.viewer-workspace[b-90b26ms3f1] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    height: calc(100vh - 72px);
}

.viewer-sidebar[b-90b26ms3f1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #f8fafb;
    border-right: 1px solid #dce3e8;
}

.viewer-sidebar-header[b-90b26ms3f1] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 14px;
    background: #ffffff;
    border-bottom: 1px solid #dce3e8;
}

    .viewer-sidebar-header strong[b-90b26ms3f1] {
        font-size: 10px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

    .viewer-sidebar-header span[b-90b26ms3f1] {
        min-width: 24px;
        height: 24px;
        display: grid;
        place-items: center;
        color: #79591c;
        background: #f4e5c3;
        border-radius: 20px;
        font-size: 8px;
        font-weight: 700;
    }

.viewer-document-list[b-90b26ms3f1] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 7px;
    padding: 10px;
    overflow-y: auto;
}

.viewer-document-item[b-90b26ms3f1] {
    width: 100%;
    min-width: 0;
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px;
    color: #34424d;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    text-align: left;
}

    .viewer-document-item:hover[b-90b26ms3f1] {
        background: #ffffff;
        border-color: #d6dee4;
    }

    .viewer-document-item.active[b-90b26ms3f1] {
        background: #fff8e8;
        border-color: #e3c681;
        box-shadow: inset 4px 0 0 #c6902d;
    }

.viewer-file-icon[b-90b26ms3f1] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #64727d;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 800;
}

    .viewer-file-icon.pdf[b-90b26ms3f1] {
        background: #c44545;
    }

.viewer-document-copy[b-90b26ms3f1] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

    .viewer-document-copy strong[b-90b26ms3f1] {
        overflow: hidden;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .viewer-document-copy small[b-90b26ms3f1] {
        overflow: hidden;
        color: #83909a;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.viewer-main[b-90b26ms3f1] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background: #343a40;
}

.viewer-file-header[b-90b26ms3f1] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 15px;
    background: #ffffff;
    border-bottom: 1px solid #dce3e8;
}

    .viewer-file-header > div[b-90b26ms3f1] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .viewer-file-header strong[b-90b26ms3f1] {
        overflow: hidden;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .viewer-file-header span[b-90b26ms3f1] {
        color: #83909a;
        font-size: 8px;
    }

.viewer-format-badge[b-90b26ms3f1] {
    flex-shrink: 0;
    padding: 6px 9px;
    color: #596771 !important;
    background: #edf1f4;
    border-radius: 20px;
    font-size: 8px !important;
    font-weight: 800;
}

.viewer-pdf-container[b-90b26ms3f1] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #3c4248;
}

.viewer-pdf-frame[b-90b26ms3f1] {
    width: 100%;
    height: 100%;
    display: block;
    background: #3c4248;
    border: 0;
}

.viewer-file-footer[b-90b26ms3f1] {
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 14px;
    color: #83909a;
    background: #ffffff;
    border-top: 1px solid #dce3e8;
    font-size: 8px;
}

.viewer-page-state[b-90b26ms3f1] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 11px;
    padding: 30px;
    text-align: center;
}

    .viewer-page-state > span:first-child[b-90b26ms3f1] {
        font-size: 36px;
    }

    .viewer-page-state strong[b-90b26ms3f1] {
        color: #36444f;
        font-size: 15px;
    }

    .viewer-page-state p[b-90b26ms3f1] {
        max-width: 520px;
        margin: 0 0 8px;
        color: #7e8a94;
        font-size: 11px;
    }

.viewer-page-spinner[b-90b26ms3f1] {
    width: 43px;
    height: 43px;
    border: 4px solid #d6dee4;
    border-top-color: #c6902d;
    border-radius: 50%;
    animation: viewer-page-spin-b-90b26ms3f1 700ms linear infinite;
}

@keyframes viewer-page-spin-b-90b26ms3f1 {
    to {
        transform: rotate(360deg);
    }
}

.viewer-page-error[b-90b26ms3f1] {
    color: #a34343;
}

.viewer-empty-icon[b-90b26ms3f1] {
    color: #966b1e;
}

@media (max-width: 800px) {
    .viewer-workspace[b-90b26ms3f1] {
        grid-template-columns: 230px minmax(0, 1fr);
    }
}

@media (max-width: 650px) {
    .viewer-page-header[b-90b26ms3f1] {
        align-items: stretch;
        flex-direction: column;
    }

    .viewer-header-actions[b-90b26ms3f1] {
        justify-content: space-between;
    }

    .viewer-workspace[b-90b26ms3f1] {
        height: auto;
        min-height: calc(100vh - 125px);
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(600px, 1fr);
    }

    .viewer-sidebar[b-90b26ms3f1] {
        max-height: 230px;
        border-right: 0;
        border-bottom: 1px solid #dce3e8;
    }

    .viewer-document-list[b-90b26ms3f1] {
        max-height: 170px;
    }

    .viewer-file-footer[b-90b26ms3f1] {
        align-items: flex-start;
        flex-direction: column;
        padding-block: 9px;
    }
}
/* /Components/Pages/Proyectos.razor.rz.scp.css */
.proyectos-page[b-5c4nx8lo0k] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.module-header[b-5c4nx8lo0k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.module-title[b-5c4nx8lo0k] {
    min-width: 0;
}

.module-eyebrow[b-5c4nx8lo0k] {
    display: block;
    margin-bottom: 7px;
    color: #b98224;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.module-title h1[b-5c4nx8lo0k] {
    margin: 0 0 7px;
    color: #14202c;
    font-size: 27px;
}

.module-title p[b-5c4nx8lo0k] {
    margin: 0;
    color: #74808c;
    font-size: 14px;
    line-height: 1.55;
}

.module-actions[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.button[b-5c4nx8lo0k] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    border: 0;
    border-radius: 7px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

    .button:hover:not(:disabled)[b-5c4nx8lo0k] {
        transform: translateY(-1px);
    }

    .button:disabled[b-5c4nx8lo0k] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.button-primary[b-5c4nx8lo0k] {
    color: #ffffff;
    background: linear-gradient(135deg, #b98224, #d1a044);
    box-shadow: 0 7px 18px rgba(189, 140, 49, 0.2);
}

.button-secondary[b-5c4nx8lo0k] {
    color: #44515d;
    background: #ffffff;
    border: 1px solid #d5dde3;
}

.compact-button[b-5c4nx8lo0k] {
    min-height: 38px;
}

.notification[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 13px;
}

.notification-icon[b-5c4nx8lo0k] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-weight: 800;
}

.notification button[b-5c4nx8lo0k] {
    margin-left: auto;
    cursor: pointer;
    color: inherit;
    background: transparent;
    border: 0;
    font-size: 20px;
}

.notification-success[b-5c4nx8lo0k] {
    color: #146c43;
    background: #eaf8f1;
    border: 1px solid #bee7d1;
}

    .notification-success .notification-icon[b-5c4nx8lo0k] {
        color: #ffffff;
        background: #1c965c;
    }

.notification-error[b-5c4nx8lo0k] {
    color: #a62d2d;
    background: #fff0f0;
    border: 1px solid #edc3c3;
}

    .notification-error .notification-icon[b-5c4nx8lo0k] {
        color: #ffffff;
        background: #cb3d3d;
    }

.notification-warning[b-5c4nx8lo0k] {
    color: #7d5b1e;
    background: #fff8e8;
    border: 1px solid #edd9a6;
}

    .notification-warning .notification-icon[b-5c4nx8lo0k] {
        color: #ffffff;
        background: #c38d2b;
    }

.summary-grid[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(190px, 1fr));
    gap: 14px;
}

.summary-card[b-5c4nx8lo0k] {
    position: relative;
    min-width: 0;
    min-height: 124px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 19px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.summary-icon[b-5c4nx8lo0k] {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.summary-content[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .summary-content span[b-5c4nx8lo0k] {
        color: #6f7c88;
        font-size: 12px;
    }

    .summary-content strong[b-5c4nx8lo0k] {
        margin: 7px 0 5px;
        color: #15212d;
        font-size: 27px;
    }

    .summary-content small[b-5c4nx8lo0k] {
        color: #8a959e;
        font-size: 11px;
    }

.summary-line[b-5c4nx8lo0k] {
    position: absolute;
    right: 14px;
    bottom: 9px;
    left: 14px;
    height: 4px;
    border-radius: 8px;
}

.summary-total .summary-icon[b-5c4nx8lo0k] {
    color: #9d6f19;
    background: #f8efd9;
}

.summary-total .summary-line[b-5c4nx8lo0k] {
    background: #c49332;
}

.summary-active .summary-icon[b-5c4nx8lo0k] {
    color: #16784a;
    background: #e4f6ed;
}

.summary-active .summary-line[b-5c4nx8lo0k] {
    background: #21945c;
}

.summary-building .summary-icon[b-5c4nx8lo0k] {
    color: #265e87;
    background: #e7f1f8;
}

.summary-building .summary-line[b-5c4nx8lo0k] {
    background: #327eaf;
}

.summary-finished .summary-icon[b-5c4nx8lo0k] {
    color: #7753a3;
    background: #f0e9f8;
}

.summary-finished .summary-line[b-5c4nx8lo0k] {
    background: #8d61b8;
}

.list-panel[b-5c4nx8lo0k] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6eb;
    border-radius: 10px;
    box-shadow: 0 5px 17px rgba(21, 32, 44, 0.04);
}

.list-toolbar[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    border-bottom: 1px solid #e7ecef;
}

.search-control[b-5c4nx8lo0k] {
    position: relative;
    min-width: 260px;
    max-width: 620px;
    display: flex;
    align-items: center;
    flex: 1;
}

.search-icon[b-5c4nx8lo0k] {
    position: absolute;
    left: 13px;
    color: #84909b;
    font-size: 18px;
    pointer-events: none;
}

.search-control input[b-5c4nx8lo0k] {
    width: 100%;
    height: 41px;
    padding: 0 40px 0 39px;
    outline: none;
    background: #f8fafb;
    border: 1px solid #d7dfe5;
    border-radius: 7px;
    font-size: 13px;
}

    .search-control input:focus[b-5c4nx8lo0k] {
        background: #ffffff;
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.clear-search[b-5c4nx8lo0k] {
    position: absolute;
    right: 8px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    color: #71808c;
    background: transparent;
    border: 0;
    font-size: 18px;
}

.toolbar-filters[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-select[b-5c4nx8lo0k] {
    min-height: 38px;
    padding: 0 10px;
    color: #52606c;
    background: #ffffff;
    border: 1px solid #d5dde3;
    border-radius: 6px;
    font-size: 11px;
}

.table-container[b-5c4nx8lo0k] {
    width: 100%;
    overflow-x: auto;
}

.projects-table[b-5c4nx8lo0k] {
    width: 100%;
    min-width: 1500px;
    border-collapse: collapse;
    font-size: 12px;
}

    .projects-table th[b-5c4nx8lo0k] {
        padding: 12px 13px;
        color: #64717d;
        text-align: left;
        white-space: nowrap;
        background: #f5f7f9;
        border-bottom: 1px solid #dce3e8;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .projects-table td[b-5c4nx8lo0k] {
        max-width: 220px;
        padding: 12px 13px;
        color: #3e4c58;
        vertical-align: middle;
        border-bottom: 1px solid #e8ecef;
    }

    .projects-table tbody tr:hover[b-5c4nx8lo0k] {
        background: #fbfcfd;
    }

.sort-button[b-5c4nx8lo0k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-transform: inherit;
}

    .sort-button:hover[b-5c4nx8lo0k] {
        color: #a8751f;
    }

.sort-indicator[b-5c4nx8lo0k] {
    color: #b98224;
    font-size: 9px;
}

.code-badge[b-5c4nx8lo0k] {
    display: inline-flex;
    padding: 5px 8px;
    color: #7f5d1c;
    background: #f8efd9;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
}

.project-name[b-5c4nx8lo0k] {
    min-width: 210px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.project-avatar[b-5c4nx8lo0k] {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
}

.project-name > div:last-child[b-5c4nx8lo0k],
.two-line-cell[b-5c4nx8lo0k],
.date-cell[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .project-name strong[b-5c4nx8lo0k],
    .two-line-cell strong[b-5c4nx8lo0k],
    .date-cell strong[b-5c4nx8lo0k] {
        overflow: hidden;
        color: #1d2934;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-name span[b-5c4nx8lo0k],
    .two-line-cell span[b-5c4nx8lo0k],
    .date-cell span[b-5c4nx8lo0k] {
        overflow: hidden;
        color: #87939d;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.project-status[b-5c4nx8lo0k],
.activity-badge[b-5c4nx8lo0k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
}

.status-planning[b-5c4nx8lo0k] {
    color: #775c1c;
    background: #f8efd9;
}

.status-building[b-5c4nx8lo0k] {
    color: #275f87;
    background: #e7f1f8;
}

.status-available[b-5c4nx8lo0k] {
    color: #147649;
    background: #e6f7ee;
}

.status-paused[b-5c4nx8lo0k] {
    color: #9a4b35;
    background: #fae9e4;
}

.status-finished[b-5c4nx8lo0k] {
    color: #6f4b92;
    background: #f0e9f8;
}

.activity-badge[b-5c4nx8lo0k] {
    gap: 6px;
}

.activity-dot[b-5c4nx8lo0k] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.activity-active[b-5c4nx8lo0k] {
    color: #147649;
    background: #e6f7ee;
}

    .activity-active .activity-dot[b-5c4nx8lo0k] {
        background: #1a985c;
    }

.activity-inactive[b-5c4nx8lo0k] {
    color: #985050;
    background: #f9eaea;
}

    .activity-inactive .activity-dot[b-5c4nx8lo0k] {
        background: #ca5050;
    }

.price-value[b-5c4nx8lo0k] {
    white-space: nowrap;
}

.row-actions[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.table-action[b-5c4nx8lo0k] {
    min-height: 30px;
    padding: 0 9px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #d6dee4;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
}

.view-action[b-5c4nx8lo0k] {
    color: #7b5b1f;
    background: #fffaf0;
    border-color: #e7d19e;
}

    .view-action:hover[b-5c4nx8lo0k] {
        color: #ffffff;
        background: #bd8c31;
        border-color: #bd8c31;
    }

.edit-action[b-5c4nx8lo0k] {
    color: #315f82;
}

    .edit-action:hover[b-5c4nx8lo0k] {
        background: #edf5fa;
        border-color: #b9d2e3;
    }

.deactivate-action[b-5c4nx8lo0k] {
    color: #a14343;
}

    .deactivate-action:hover[b-5c4nx8lo0k] {
        background: #fff0f0;
        border-color: #e8c2c2;
    }

.activate-action[b-5c4nx8lo0k] {
    color: #167447;
}

    .activate-action:hover[b-5c4nx8lo0k] {
        background: #eaf8f1;
        border-color: #bee5d1;
    }

.actions-header[b-5c4nx8lo0k] {
    min-width: 230px;
}

.table-footer[b-5c4nx8lo0k] {
    display: flex;
    justify-content: flex-end;
    padding: 11px 15px;
    color: #7e8993;
    background: #fafbfc;
    border-top: 1px solid #e7ecef;
    font-size: 11px;
}

.empty-state[b-5c4nx8lo0k],
.loading-state[b-5c4nx8lo0k] {
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
}

.empty-illustration[b-5c4nx8lo0k] {
    position: relative;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    margin-bottom: 21px;
    color: #bf8825;
    background: #fff8e9;
    border: 1px solid #efd9a5;
    border-radius: 50%;
}

.empty-building[b-5c4nx8lo0k] {
    font-size: 36px;
}

.empty-badge[b-5c4nx8lo0k] {
    position: absolute;
    right: -2px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #132231;
    border: 3px solid #ffffff;
    border-radius: 8px;
    font-weight: 800;
}

.empty-state h2[b-5c4nx8lo0k] {
    margin: 0 0 8px;
    font-size: 18px;
}

.empty-state p[b-5c4nx8lo0k] {
    max-width: 480px;
    margin: 0 0 23px;
    color: #818d97;
    font-size: 12px;
}

.loading-state[b-5c4nx8lo0k] {
    gap: 8px;
}

.loading-spinner[b-5c4nx8lo0k] {
    width: 40px;
    height: 40px;
    border: 4px solid #e3e8ec;
    border-top-color: #bd8c31;
    border-radius: 50%;
    animation: proyectos-spin-b-5c4nx8lo0k 700ms linear infinite;
}

@keyframes proyectos-spin-b-5c4nx8lo0k {
    to {
        transform: rotate(360deg);
    }
}

.modal-overlay[b-5c4nx8lo0k] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(10, 18, 26, 0.62);
    backdrop-filter: blur(3px);
}

.project-modal[b-5c4nx8lo0k] {
    width: min(100%, 920px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.project-view-modal[b-5c4nx8lo0k] {
    width: min(100%, 880px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e1e7eb;
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.modal-header[b-5c4nx8lo0k] {
    position: sticky;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 21px;
    background: #ffffff;
    border-bottom: 1px solid #e5eaee;
}

.modal-title-group[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.modal-title-icon[b-5c4nx8lo0k] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #93691b;
    background: #f7ecd2;
    border-radius: 8px;
}

.modal-title-group span[b-5c4nx8lo0k] {
    display: block;
    color: #b37e22;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.modal-title-group h2[b-5c4nx8lo0k] {
    margin: 3px 0 0;
    font-size: 19px;
}

.modal-close[b-5c4nx8lo0k] {
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
}

.modal-body[b-5c4nx8lo0k] {
    padding: 21px;
}

.form-section[b-5c4nx8lo0k] {
    margin-bottom: 25px;
}

    .form-section:last-child[b-5c4nx8lo0k] {
        margin-bottom: 0;
    }

    .form-section h3[b-5c4nx8lo0k] {
        margin: 0 0 14px;
        padding-bottom: 8px;
        color: #815d1b;
        border-bottom: 1px solid #e8ecef;
        font-size: 12px;
        text-transform: uppercase;
    }

.form-grid[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-field[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-field-full[b-5c4nx8lo0k] {
    grid-column: 1 / -1;
}

.form-field label[b-5c4nx8lo0k] {
    color: #3d4a55;
    font-size: 11px;
    font-weight: 700;
}

    .form-field label span[b-5c4nx8lo0k] {
        color: #c83b3b;
    }

.form-control[b-5c4nx8lo0k] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    outline: none;
    background: #ffffff;
    border: 1px solid #cfd8de;
    border-radius: 6px;
    font-size: 12px;
    box-sizing: border-box;
}

    .form-control:focus[b-5c4nx8lo0k] {
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

.textarea-control[b-5c4nx8lo0k] {
    min-height: 90px;
    resize: vertical;
}

.validation-message[b-5c4nx8lo0k] {
    color: #bb2f2f;
    font-size: 10px;
}

.validation-summary[b-5c4nx8lo0k] {
    margin-bottom: 15px;
    color: #ae2f2f;
    font-size: 11px;
}

.active-switch[b-5c4nx8lo0k] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 13px;
    background: #fafbfc;
    border: 1px solid #dce3e8;
    border-radius: 7px;
}

.switch-copy[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.switch-icon[b-5c4nx8lo0k] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: #976c1b;
    background: #f8edd3;
    border-radius: 7px;
}

.switch-copy > div[b-5c4nx8lo0k] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.switch-copy strong[b-5c4nx8lo0k] {
    font-size: 11px;
}

.switch-copy small[b-5c4nx8lo0k] {
    color: #818d97;
    font-size: 9px;
}

.active-switch input[b-5c4nx8lo0k] {
    width: 38px;
    height: 20px;
    cursor: pointer;
    accent-color: #c4902d;
}

.modal-footer[b-5c4nx8lo0k] {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 14px 21px;
    background: #ffffff;
    border-top: 1px solid #e5eaee;
}

.project-view-body[b-5c4nx8lo0k] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 22px;
}

.project-view-heading[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    background: #f8fafb;
    border: 1px solid #e1e7eb;
    border-radius: 9px;
}

.project-view-avatar[b-5c4nx8lo0k] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 800;
}

.project-view-title[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .project-view-title h3[b-5c4nx8lo0k] {
        margin: 0;
        color: #192631;
        font-size: 20px;
    }

.project-view-statuses[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.view-section[b-5c4nx8lo0k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .view-section h4[b-5c4nx8lo0k] {
        margin: 0;
        padding-bottom: 8px;
        color: #815d1b;
        border-bottom: 1px solid #e7ecef;
        font-size: 11px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }

.detail-grid[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.detail-item[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
}

.detail-item-full[b-5c4nx8lo0k] {
    grid-column: 1 / -1;
}

.detail-item span[b-5c4nx8lo0k] {
    color: #84909a;
    font-size: 9px;
    text-transform: uppercase;
}

.detail-item strong[b-5c4nx8lo0k] {
    overflow-wrap: anywhere;
    color: #2c3944;
    font-size: 11px;
}

.map-link[b-5c4nx8lo0k] {
    color: #986b1c;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

    .map-link:hover[b-5c4nx8lo0k] {
        text-decoration: underline;
    }

.description-box[b-5c4nx8lo0k] {
    min-height: 70px;
    padding: 13px;
    color: #4e5c67;
    background: #fafbfc;
    border: 1px solid #e2e7eb;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.65;
}

    .description-box p[b-5c4nx8lo0k],
    .description-box span[b-5c4nx8lo0k] {
        margin: 0;
    }

.documents-view-heading[b-5c4nx8lo0k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7ecef;
}

    .documents-view-heading h4[b-5c4nx8lo0k] {
        padding: 0;
        border: 0;
    }

    .documents-view-heading > span[b-5c4nx8lo0k] {
        color: #8a959e;
        font-size: 9px;
    }

.project-documents-view[b-5c4nx8lo0k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.project-document-view[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    background: #fafbfc;
    border: 1px solid #e0e6ea;
    border-radius: 7px;
}

.project-document-icon[b-5c4nx8lo0k] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #63717c;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 800;
}

.pdf-document[b-5c4nx8lo0k] {
    background: #c44545;
}

.word-document[b-5c4nx8lo0k] {
    background: #2f6da2;
}

.excel-document[b-5c4nx8lo0k] {
    background: #238153;
}

.project-document-copy[b-5c4nx8lo0k] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .project-document-copy strong[b-5c4nx8lo0k] {
        overflow: hidden;
        color: #2e3b46;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-document-copy span[b-5c4nx8lo0k] {
        color: #87929c;
        font-size: 8px;
    }

.saved-badge[b-5c4nx8lo0k] {
    flex-shrink: 0;
    padding: 5px 8px;
    color: #147649;
    background: #e6f7ee;
    border: 1px solid #c6ead7;
    border-radius: 16px;
    font-size: 8px;
    font-weight: 700;
}

.documents-empty-view[b-5c4nx8lo0k] {
    padding: 25px;
    color: #87929c;
    background: #fafbfc;
    border: 1px dashed #d8e0e5;
    border-radius: 7px;
    font-size: 10px;
    text-align: center;
}

.registration-section[b-5c4nx8lo0k] {
    padding-top: 3px;
}

@media (max-width: 1200px) {
    .summary-grid[b-5c4nx8lo0k] {
        grid-template-columns: repeat(2, 1fr);
    }

    .list-toolbar[b-5c4nx8lo0k] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-control[b-5c4nx8lo0k] {
        max-width: none;
    }
}

@media (max-width: 700px) {
    .summary-grid[b-5c4nx8lo0k],
    .form-grid[b-5c4nx8lo0k],
    .detail-grid[b-5c4nx8lo0k] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-5c4nx8lo0k],
    .detail-item-full[b-5c4nx8lo0k] {
        grid-column: auto;
    }

    .module-header[b-5c4nx8lo0k],
    .module-actions[b-5c4nx8lo0k],
    .toolbar-filters[b-5c4nx8lo0k] {
        align-items: stretch;
        flex-direction: column;
    }

        .module-actions .button[b-5c4nx8lo0k] {
            width: 100%;
        }

    .modal-overlay[b-5c4nx8lo0k] {
        padding: 7px;
    }

    .project-modal[b-5c4nx8lo0k],
    .project-view-modal[b-5c4nx8lo0k] {
        max-height: calc(100vh - 14px);
    }

    .modal-footer[b-5c4nx8lo0k] {
        flex-direction: column-reverse;
    }

        .modal-footer .button[b-5c4nx8lo0k] {
            width: 100%;
        }

    .project-view-heading[b-5c4nx8lo0k] {
        align-items: flex-start;
    }
}

/* PROY - UNIDADES ENLAZADAS DESDE VENTAS */

.project-row-units[b-5c4nx8lo0k] {
    cursor: pointer;
}

.project-row-units:hover[b-5c4nx8lo0k] {
    background: rgb(207 147 40 / 6%);
}

.project-units-modal[b-5c4nx8lo0k] {
    width: min(96vw, 78rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.project-units-subtitle[b-5c4nx8lo0k] {
    margin: 0.12rem 0 0;
    color: var(--text-secondary, #718096);
    font-size: 0.75rem;
}

.project-units-loading[b-5c4nx8lo0k] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    min-height: 20rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.project-units-loading strong[b-5c4nx8lo0k] {
    color: var(--text-primary, #162033);
}

.project-units-message[b-5c4nx8lo0k] {
    margin: 1rem;
    padding: 0.9rem;
    border-radius: 0.6rem;
}

.project-units-message.error[b-5c4nx8lo0k] {
    border: 1px solid #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.project-units-body[b-5c4nx8lo0k] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.project-units-summary[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.project-units-summary article[b-5c4nx8lo0k] {
    display: grid;
    gap: 0.18rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
    background: rgb(148 163 184 / 3%);
}

.project-units-summary span[b-5c4nx8lo0k],
.project-units-summary small[b-5c4nx8lo0k] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.project-units-summary strong[b-5c4nx8lo0k] {
    color: var(--text-primary, #162033);
    font-size: 1.05rem;
}

.project-units-empty[b-5c4nx8lo0k] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.project-units-empty-icon[b-5c4nx8lo0k] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.7rem;
    background: #fff3d9;
    color: #a76f12;
    font-size: 1.35rem;
}

.project-units-empty h3[b-5c4nx8lo0k] {
    margin: 0.7rem 0 0;
    color: var(--text-primary, #162033);
}

.project-units-empty p[b-5c4nx8lo0k] {
    margin: 0.3rem 0 0;
}

.project-units-table-wrap[b-5c4nx8lo0k] {
    width: 100%;
    max-height: 30rem;
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.project-units-table[b-5c4nx8lo0k] {
    width: 100%;
    border-collapse: collapse;
}

.project-units-table th[b-5c4nx8lo0k],
.project-units-table td[b-5c4nx8lo0k] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    color: var(--text-primary, #162033);
    font-size: 0.72rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.project-units-table th[b-5c4nx8lo0k] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #718096);
    font-size: 0.65rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.project-units-table tbody tr:hover[b-5c4nx8lo0k] {
    background: rgb(207 147 40 / 5%);
}

.unit-name[b-5c4nx8lo0k] {
    color: #9a6510;
}

.project-unit-type[b-5c4nx8lo0k],
.project-unit-status[b-5c4nx8lo0k] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 800;
}

.project-unit-type.type-financed[b-5c4nx8lo0k] {
    background: #def4e9;
    color: #218755;
}

.project-unit-type.type-cash[b-5c4nx8lo0k] {
    background: #e1f0f8;
    color: #397ea8;
}

.project-unit-status.status-pending[b-5c4nx8lo0k] {
    border: 1px solid #f1b9b9;
    background: #fdeaea;
    color: #b42318;
}

.project-unit-status.status-completed[b-5c4nx8lo0k] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

.project-unit-status.status-neutral[b-5c4nx8lo0k] {
    border: 1px solid #e1c783;
    background: #fff3d9;
    color: #9a6510;
}

@media (max-width: 900px) {
    .project-units-summary[b-5c4nx8lo0k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-units-table[b-5c4nx8lo0k] {
        min-width: 70rem;
    }
}

@media (max-width: 560px) {
    .project-units-summary[b-5c4nx8lo0k] {
        grid-template-columns: 1fr;
    }
}

:global([data-theme="dark"]) .project-units-modal[b-5c4nx8lo0k],
:global([data-theme="dark"]) .project-units-table th[b-5c4nx8lo0k],
:global(.dark) .project-units-modal[b-5c4nx8lo0k],
:global(.dark) .project-units-table th[b-5c4nx8lo0k] {
    background: var(--surface-color, #152132);
}
/* =========================================================
   PROY-COM01A V3 - COMISION INMOBILIARIA
   ========================================================= */

.project-commission-section[b-5c4nx8lo0k] {
    border: 1px solid rgb(207 147 40 / 24%);
    border-radius: 0.7rem;
    background: rgb(207 147 40 / 5%);
    padding: 0.85rem;
}

.project-commission-control[b-5c4nx8lo0k] {
    position: relative;
    display: flex;
    align-items: center;
}

.project-commission-control .form-control[b-5c4nx8lo0k] {
    padding-right: 2.8rem;
}

.project-commission-symbol[b-5c4nx8lo0k] {
    position: absolute;
    right: 0.9rem;
    color: #a76f12;
    font-weight: 850;
    pointer-events: none;
}

.project-commission-help[b-5c4nx8lo0k] {
    display: block;
    margin-top: 0.3rem;
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
    line-height: 1.45;
}

:global([data-theme="dark"]) .project-commission-section[b-5c4nx8lo0k],
:global(.dark) .project-commission-section[b-5c4nx8lo0k] {
    border-color: rgb(207 147 40 / 30%);
    background: rgb(207 147 40 / 8%);
}
/* PROY-FP-02-PORCENTAJES START */
.forma-pago-percent-box[b-5c4nx8lo0k] {
    margin-top: 6px;
}

.forma-pago-percent-grid[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.payment-percent-card[b-5c4nx8lo0k] {
    display: grid;
    gap: 6px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #dfe8f2;
    border-radius: 12px;
}

.payment-percent-card label[b-5c4nx8lo0k] {
    font-weight: 800;
}

.percent-input-wrap[b-5c4nx8lo0k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.percent-input-wrap span[b-5c4nx8lo0k] {
    font-size: 18px;
    font-weight: 900;
    color: #9b6a07;
}

@media (max-width: 900px) {
    .forma-pago-percent-grid[b-5c4nx8lo0k] {
        grid-template-columns: 1fr;
    }
}
/* PROY-FP-02-PORCENTAJES END */
/* /Components/Pages/ProyectoVentaBuscador.razor.rz.scp.css */
.entity-search[b-3oxh1k9osd] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.entity-search-control[b-3oxh1k9osd] {
    position: relative;
}

.entity-search-icon[b-3oxh1k9osd] {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    color: #8a95a6;
    font-size: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.entity-search-input[b-3oxh1k9osd] {
    width: 100%;
    min-height: 2.55rem;
    padding: 0.58rem 2.4rem 0.58rem 2.15rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.entity-search-input:focus[b-3oxh1k9osd] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.entity-search-input[b-3oxh1k9osd]::placeholder {
    color: #98a2b3;
}

.entity-clear[b-3oxh1k9osd] {
    position: absolute;
    top: 50%;
    right: 0.45rem;
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 0;
    border-radius: 0.4rem;
    background: transparent;
    color: #7d8899;
    font-size: 1.05rem;
    cursor: pointer;
    transform: translateY(-50%);
}

.entity-clear:hover[b-3oxh1k9osd] {
    background: rgb(148 163 184 / 13%);
    color: var(--text-primary, #162033);
}

.entity-results[b-3oxh1k9osd] {
    max-height: 18rem;
    overflow-y: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 12px 28px rgb(15 23 42 / 12%);
}

.entity-results-header[b-3oxh1k9osd] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #738095);
    font-size: 0.68rem;
}

.entity-results-header strong[b-3oxh1k9osd] {
    color: var(--text-primary, #162033);
}

.entity-option[b-3oxh1k9osd] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.65rem 0.7rem;
    border: 0;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.entity-option:last-child[b-3oxh1k9osd] {
    border-bottom: 0;
}

.entity-option:hover[b-3oxh1k9osd],
.entity-option.selected[b-3oxh1k9osd] {
    background: rgb(207 147 40 / 8%);
}

.entity-avatar[b-3oxh1k9osd] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.55rem;
    background: #f8edd5;
    color: #a76f12;
    font-size: 0.72rem;
    font-weight: 850;
}

.entity-option-copy[b-3oxh1k9osd] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.entity-option-copy strong[b-3oxh1k9osd],
.entity-option-copy small[b-3oxh1k9osd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-option-copy strong[b-3oxh1k9osd] {
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
}

.entity-option-copy small[b-3oxh1k9osd] {
    color: var(--text-secondary, #738095);
    font-size: 0.67rem;
}

.entity-empty[b-3oxh1k9osd] {
    padding: 1rem;
    color: var(--text-secondary, #738095);
    font-size: 0.76rem;
    text-align: center;
}

:global([data-theme="dark"]) .entity-search-input[b-3oxh1k9osd],
:global([data-theme="dark"]) .entity-results[b-3oxh1k9osd],
:global([data-theme="dark"]) .entity-results-header[b-3oxh1k9osd],
:global(.dark) .entity-search-input[b-3oxh1k9osd],
:global(.dark) .entity-results[b-3oxh1k9osd],
:global(.dark) .entity-results-header[b-3oxh1k9osd] {
    background: var(--surface-color, #152132);
}
/* /Components/Pages/Publico/RodmayAgentes.razor.rz.scp.css */
.agents-page[b-f7x6irpzjn] {
    min-height: 100vh;
    color: #0b2341;
    background: #f4f7fb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.agents-header[b-f7x6irpzjn] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;

    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.brand[b-f7x6irpzjn] {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #0b2341;
    text-decoration: none;
}

.brand > span[b-f7x6irpzjn] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
    font-size: 26px;
    font-weight: 950;
    box-shadow: 0 14px 28px rgba(7, 27, 51, 0.08);
}

.brand strong[b-f7x6irpzjn],
.brand small[b-f7x6irpzjn] {
    display: block;
}

.brand strong[b-f7x6irpzjn] {
    font-size: 23px;
    line-height: 1;
}

.brand small[b-f7x6irpzjn] {
    margin-top: 4px;
    color: #0b2341;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.agents-nav[b-f7x6irpzjn] {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.agents-nav a[b-f7x6irpzjn] {    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.agents-nav a.active[b-f7x6irpzjn],
.agents-nav a:hover[b-f7x6irpzjn] {    color: #18ba6f;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.agents-hero[b-f7x6irpzjn] {
    padding: 76px clamp(22px, 6vw, 110px) 46px;
    background:
        radial-gradient(circle at 88% 8%, rgba(24, 186, 111, .16), transparent 24rem),
        linear-gradient(135deg, #071b33, #103f6f);
    color: #ffffff;
}

.agents-hero span[b-f7x6irpzjn] {
    display: inline-flex;
    color: #9bf0c1;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.agents-hero h1[b-f7x6irpzjn] {
    max-width: 980px;
    margin: 14px 0 0;
    font-size: clamp(38px, 5vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.agents-hero p[b-f7x6irpzjn] {
    max-width: 780px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    line-height: 1.75;
}

.agents-grid[b-f7x6irpzjn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 340px));
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    padding: 44px clamp(22px, 6vw, 110px) 86px;
}

.agent-card[b-f7x6irpzjn] {
    width: 100%;
    max-width: 340px;
    min-height: 342px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 24px 26px;
    background: #ffffff;
    border: 1px solid #e2ebf3;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 16px 42px rgba(7, 27, 51, 0.055);
    transition: transform .18s ease, box-shadow .18s ease;
}

.agent-card:hover[b-f7x6irpzjn] {
    transform: translateY(-5px);
    box-shadow: 0 24px 60px rgba(7, 27, 51, 0.10);
}

.agent-photo-wrap[b-f7x6irpzjn] {
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-bottom: 18px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.82), transparent 36%),
        linear-gradient(135deg, #dff7ff, #e9fff4);
    border: 6px solid #edf4fa;
}

.agent-photo-wrap img[b-f7x6irpzjn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.agent-avatar[b-f7x6irpzjn] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    font-size: 32px;
    font-weight: 950;
}

.agent-card h2[b-f7x6irpzjn] {
    margin: 0;
    color: #050b14;
    font-size: 22px;
    line-height: 1.15;
}

.agent-role[b-f7x6irpzjn] {
    margin: 8px 0 0;
    color: #6f7d8b;
    font-size: 16px;
}

.agent-contact[b-f7x6irpzjn] {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

.agent-contact a[b-f7x6irpzjn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #0972b6;
    font-size: 14px;
    text-decoration: none;
}

.agent-contact span[b-f7x6irpzjn] {
    color: #0b2341;
}

.agent-actions[b-f7x6irpzjn] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 22px;
}

.round-action[b-f7x6irpzjn] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
}

.round-action svg[b-f7x6irpzjn] {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

.round-action:hover[b-f7x6irpzjn] {
    transform: translateY(-2px);
}

.round-action.whatsapp[b-f7x6irpzjn] {
    color: #ffffff;
    background: #18ba6f;
    box-shadow: 0 10px 22px rgba(24, 186, 111, .24);
}

.round-action.instagram[b-f7x6irpzjn] {
    color: #ffffff;
    background:
        radial-gradient(circle at 30% 110%, #fdf497 0 18%, #fd5949 45%, #d6249f 68%, #285AEB 100%);
    box-shadow: 0 10px 22px rgba(214, 36, 159, .22);
}

.agents-empty[b-f7x6irpzjn] {
    margin: 44px clamp(22px, 6vw, 110px);
    padding: 50px;
    color: #6f7d8b;
    background: #ffffff;
    border: 1px dashed #dfe8f2;
    border-radius: 18px;
    text-align: center;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .agents-grid[b-f7x6irpzjn] {
        grid-template-columns: repeat(2, minmax(260px, 340px));
    }
}

@media (max-width: 760px) {
    .agents-header[b-f7x6irpzjn] {
        align-items: flex-start;
        flex-direction: column;
    
    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

    .agents-grid[b-f7x6irpzjn] {
        grid-template-columns: minmax(260px, 340px);
    }
}

.rodmay-logo-name[b-f7x6irpzjn] {
    color: #1397ea !important;
    font-weight: 800;
}

.rodmay-logo-subtitle[b-f7x6irpzjn] {
    color: #59b80f !important;
    font-weight: 800;
    letter-spacing: .18em;
}

/* WEB-06C-LOGO-EXACTO START */
.brand strong[b-f7x6irpzjn],
.rodmay-logo-name[b-f7x6irpzjn],
.brand-copy strong[b-f7x6irpzjn],
.brand-name strong[b-f7x6irpzjn] {
    color: #0279CD !important;
    background-image: linear-gradient(180deg, #08A1E7 0%, #0279CD 46%, #07438E 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 8px rgba(2, 121, 205, .24) !important;
}

.brand small[b-f7x6irpzjn],
.rodmay-logo-subtitle[b-f7x6irpzjn],
.brand-copy small[b-f7x6irpzjn],
.brand-name small[b-f7x6irpzjn] {
    color: #3FA001 !important;
    background-image: linear-gradient(180deg, #64BC08 0%, #3FA001 48%, #116B05 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .34), 0 3px 8px rgba(63, 160, 1, .22) !important;
    letter-spacing: .18em !important;
}

.brand > span[b-f7x6irpzjn] {
    color: #07438E !important;
}

.brand-mark[b-f7x6irpzjn],
.brand-icon[b-f7x6irpzjn],
.brand-symbol[b-f7x6irpzjn] {
    color: #07438E !important;
}
/* WEB-06C-LOGO-EXACTO END */

/* WEB-06D-COLOR-LOGO-EXACTO START */
.brand strong[b-f7x6irpzjn],
.brand-copy strong[b-f7x6irpzjn],
.rodmay-logo-name[b-f7x6irpzjn],
.brand-name strong[b-f7x6irpzjn] {
    color: #0079CD !important;
    background: linear-gradient(180deg, #01B1F6 0%, #0079CD 52%, #014C9F 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(1,76,159,.22) !important;
}

.brand small[b-f7x6irpzjn],
.brand-copy small[b-f7x6irpzjn],
.rodmay-logo-subtitle[b-f7x6irpzjn],
.brand-name small[b-f7x6irpzjn] {
    color: #3FA101 !important;
    background: linear-gradient(180deg, #6BC400 0%, #3FA101 52%, #1D8C01 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(29,140,1,.18) !important;
    letter-spacing: .18em !important;
}

.brand-mark[b-f7x6irpzjn],
.brand-icon[b-f7x6irpzjn],
.brand-symbol[b-f7x6irpzjn] {
    color: #014C9F !important;
}
/* WEB-06D-COLOR-LOGO-EXACTO END */

/* WEB-06E-WORDMARK-EXACTO START */
.brand[b-f7x6irpzjn],
.public-brand[b-f7x6irpzjn],
.rodmay-brand[b-f7x6irpzjn],
.site-brand[b-f7x6irpzjn],
.navbar-brand[b-f7x6irpzjn] {
    gap: .9rem !important;
}

.brand-copy[b-f7x6irpzjn],
.brand-name[b-f7x6irpzjn],
.brand-text[b-f7x6irpzjn],
.rodmay-wordmark[b-f7x6irpzjn] {
    position: relative !important;
    display: block !important;
    width: clamp(225px, 15vw, 270px) !important;
    min-width: 225px !important;
    height: clamp(56px, 4vw, 76px) !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

.brand-copy[b-f7x6irpzjn]::before,
.brand-name[b-f7x6irpzjn]::before,
.brand-text[b-f7x6irpzjn]::before,
.rodmay-wordmark[b-f7x6irpzjn]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: url('/rodmay/branding/rodmay-wordmark-exacto.png') left center / contain no-repeat !important;
    z-index: 2 !important;
}

.brand-copy > *[b-f7x6irpzjn],
.brand-name > *[b-f7x6irpzjn],
.brand-text > *[b-f7x6irpzjn],
.rodmay-wordmark > *[b-f7x6irpzjn],
.brand-copy strong[b-f7x6irpzjn],
.brand-copy small[b-f7x6irpzjn],
.brand-name strong[b-f7x6irpzjn],
.brand-name small[b-f7x6irpzjn],
.brand-text strong[b-f7x6irpzjn],
.brand-text small[b-f7x6irpzjn],
.rodmay-wordmark strong[b-f7x6irpzjn],
.rodmay-wordmark small[b-f7x6irpzjn] {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* WEB-06E-WORDMARK-EXACTO END */

/* WEB-06F-QUITAR-R-LOGO START */
.brand > span[b-f7x6irpzjn],
.brand-mark[b-f7x6irpzjn],
.brand-icon[b-f7x6irpzjn],
.brand-symbol[b-f7x6irpzjn] {
    display: none !important;
}

.brand[b-f7x6irpzjn],
.public-brand[b-f7x6irpzjn],
.rodmay-brand[b-f7x6irpzjn],
.site-brand[b-f7x6irpzjn],
.navbar-brand[b-f7x6irpzjn] {
    gap: 0 !important;
}

.brand-copy[b-f7x6irpzjn],
.brand-name[b-f7x6irpzjn],
.brand-text[b-f7x6irpzjn],
.rodmay-wordmark[b-f7x6irpzjn] {
    margin-left: 0 !important;
}

.brand-copy[b-f7x6irpzjn]::before,
.brand-name[b-f7x6irpzjn]::before,
.brand-text[b-f7x6irpzjn]::before,
.rodmay-wordmark[b-f7x6irpzjn]::before {
    left: 0 !important;
}
/* WEB-06F-QUITAR-R-LOGO END */

/* WEB-06G-V2-LOGO-COMPLETO START */
.rodmay-logo-link[b-f7x6irpzjn] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: clamp(160px, 16vw, 245px) !important;
    height: 96px !important;
    padding: 0 !important;
    gap: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-f7x6irpzjn] {
    display: block !important;
    width: auto !important;
    height: clamp(70px, 6.4vw, 92px) !important;
    max-width: clamp(160px, 17vw, 260px) !important;
    object-fit: contain !important;
    object-position: left center !important;
    image-rendering: auto !important;
    filter: drop-shadow(0 8px 18px rgba(7, 27, 51, .10)) !important;
}

.brand > span[b-f7x6irpzjn],
.brand-mark[b-f7x6irpzjn],
.brand-icon[b-f7x6irpzjn],
.brand-symbol[b-f7x6irpzjn] {
    display: none !important;
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-f7x6irpzjn] {
        height: 82px !important;
        min-width: 150px !important;
    }

    .rodmay-full-logo[b-f7x6irpzjn] {
        height: 68px !important;
        max-width: 210px !important;
    }
}
/* WEB-06G-V2-LOGO-COMPLETO END */

/* WEB-06H-V2-LOGO-FUNDIDO START */
.rodmay-logo-link[b-f7x6irpzjn] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 290px !important;
    max-width: 360px !important;
    height: 98px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-f7x6irpzjn],
.rodmay-full-logo--blended[b-f7x6irpzjn] {
    display: block !important;
    width: auto !important;
    height: 84px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.rodmay-full-logo--blended[b-f7x6irpzjn] {
    mix-blend-mode: multiply !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.08)) !important;
}

header .brand[b-f7x6irpzjn],
.public-header .brand[b-f7x6irpzjn],
.rodmay-header .brand[b-f7x6irpzjn],
.navbar .brand[b-f7x6irpzjn],
.brand-shell[b-f7x6irpzjn],
.brand-box[b-f7x6irpzjn],
.logo-shell[b-f7x6irpzjn],
.logo-box[b-f7x6irpzjn] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1200px) {
    .rodmay-logo-link[b-f7x6irpzjn] { min-width: 250px !important; height: 88px !important; }
    .rodmay-full-logo[b-f7x6irpzjn],
    .rodmay-full-logo--blended[b-f7x6irpzjn] { height: 72px !important; }
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-f7x6irpzjn] { min-width: 188px !important; height: 72px !important; }
    .rodmay-full-logo[b-f7x6irpzjn],
    .rodmay-full-logo--blended[b-f7x6irpzjn] { height: 54px !important; }
}
/* WEB-06H-V2-LOGO-FUNDIDO END */

/* WEB-07-MENU-CENTRADO-FIJO START */
.main-nav[b-f7x6irpzjn],
.about-header[b-f7x6irpzjn],
.agents-header[b-f7x6irpzjn],
.contact-header[b-f7x6irpzjn] {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr) !important;
    align-items: center !important;
    column-gap: 24px !important;
    min-height: 104px !important;
    width: 100% !important;
    padding: 0 clamp(22px, 6vw, 110px) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe8f2 !important;
    box-shadow: 0 8px 30px rgba(7, 27, 51, .045) !important;
}

.brand[b-f7x6irpzjn],
.rodmay-logo-link[b-f7x6irpzjn],
.public-brand[b-f7x6irpzjn],
.rodmay-brand[b-f7x6irpzjn],
.site-brand[b-f7x6irpzjn],
.navbar-brand[b-f7x6irpzjn] {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
}

.nav-links[b-f7x6irpzjn],
.about-nav[b-f7x6irpzjn],
.agents-nav[b-f7x6irpzjn],
.contact-nav[b-f7x6irpzjn] {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(20px, 2.1vw, 34px) !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
}

.nav-links a[b-f7x6irpzjn],
.about-nav a[b-f7x6irpzjn],
.agents-nav a[b-f7x6irpzjn],
.contact-nav a[b-f7x6irpzjn] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: #0b2341 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.nav-links a.active[b-f7x6irpzjn],
.nav-links a:hover[b-f7x6irpzjn],
.about-nav a.active[b-f7x6irpzjn],
.about-nav a:hover[b-f7x6irpzjn],
.agents-nav a.active[b-f7x6irpzjn],
.agents-nav a:hover[b-f7x6irpzjn],
.contact-nav a.active[b-f7x6irpzjn],
.contact-nav a:hover[b-f7x6irpzjn] {
    color: #18ba6f !important;
}

.nav-cta[b-f7x6irpzjn],
.header-cta[b-f7x6irpzjn],
.contact-cta[b-f7x6irpzjn],
.agenda-cta[b-f7x6irpzjn] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.rodmay-full-logo[b-f7x6irpzjn],
.rodmay-full-logo--blended[b-f7x6irpzjn] {
    max-height: 84px !important;
}

@media (max-width: 1180px) {
    .main-nav[b-f7x6irpzjn],
    .about-header[b-f7x6irpzjn],
    .agents-header[b-f7x6irpzjn],
    .contact-header[b-f7x6irpzjn] {
        grid-template-columns: minmax(210px, .8fr) auto minmax(120px, .8fr) !important;
        column-gap: 18px !important;
    }

    .nav-links[b-f7x6irpzjn],
    .about-nav[b-f7x6irpzjn],
    .agents-nav[b-f7x6irpzjn],
    .contact-nav[b-f7x6irpzjn] {
        gap: 18px !important;
    }
}

@media (max-width: 900px) {
    .main-nav[b-f7x6irpzjn],
    .about-header[b-f7x6irpzjn],
    .agents-header[b-f7x6irpzjn],
    .contact-header[b-f7x6irpzjn] {
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
        min-height: auto !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .brand[b-f7x6irpzjn],
    .rodmay-logo-link[b-f7x6irpzjn],
    .public-brand[b-f7x6irpzjn],
    .rodmay-brand[b-f7x6irpzjn],
    .site-brand[b-f7x6irpzjn],
    .navbar-brand[b-f7x6irpzjn],
    .nav-links[b-f7x6irpzjn],
    .about-nav[b-f7x6irpzjn],
    .agents-nav[b-f7x6irpzjn],
    .contact-nav[b-f7x6irpzjn],
    .nav-cta[b-f7x6irpzjn],
    .header-cta[b-f7x6irpzjn],
    .contact-cta[b-f7x6irpzjn],
    .agenda-cta[b-f7x6irpzjn] {
        grid-column: 1 !important;
        justify-self: center !important;
    }

    .nav-links[b-f7x6irpzjn],
    .about-nav[b-f7x6irpzjn],
    .agents-nav[b-f7x6irpzjn],
    .contact-nav[b-f7x6irpzjn] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }
}
/* WEB-07-MENU-CENTRADO-FIJO END */
/* /Components/Pages/Publico/RodmayAlquilerDetalle.razor.rz.scp.css */
.property-detail-page[b-zxnyry5ho0] {
    min-height: 100vh;
    color: #0b2341;
    background: #ffffff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.detail-header[b-zxnyry5ho0] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr);
    align-items: center;
    gap: 24px;
    min-height: 104px;
    padding: 0 clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;
}

.rodmay-logo-link[b-zxnyry5ho0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 290px;
    height: 98px;
    text-decoration: none;
}

.rodmay-full-logo[b-zxnyry5ho0] {
    display: block;
    width: auto;
    height: 84px;
    max-width: 100%;
    object-fit: contain;
}

.detail-nav[b-zxnyry5ho0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 2vw, 34px);
    white-space: nowrap;
}

.detail-nav a[b-zxnyry5ho0] {
    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.detail-nav a.active[b-zxnyry5ho0],
.detail-nav a:hover[b-zxnyry5ho0] {
    color: #18ba6f;
}

.gallery-hero[b-zxnyry5ho0] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f2f6fa;
}

.gallery-strip[b-zxnyry5ho0] {
    display: grid;
    grid-template-columns: 1fr 1.05fr 1.15fr 1.05fr 1fr;
    height: clamp(310px, 36vw, 505px);
}

.gallery-frame[b-zxnyry5ho0] {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .16), rgba(29, 119, 199, .28)),
        #dfe8f2;
    border-right: 1px solid rgba(255,255,255,.78);
}

.gallery-frame img[b-zxnyry5ho0] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.gallery-frame:not(.active) img[b-zxnyry5ho0] {
    opacity: .45;
    filter: saturate(.9);
}

.gallery-frame.image-missing[b-zxnyry5ho0] {
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .55), rgba(29, 119, 199, .58)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 18px, transparent 18px 36px);
}

.gallery-arrow[b-zxnyry5ho0] {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: #0b2341;
    background: rgba(255,255,255,.88);
    box-shadow: 0 12px 30px rgba(7, 27, 51, .18);
    font-size: 34px;
    transform: translateY(-50%);
}

.gallery-arrow.left[b-zxnyry5ho0] {
    left: 18px;
}

.gallery-arrow.right[b-zxnyry5ho0] {
    right: 18px;
}

.detail-content[b-zxnyry5ho0] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 760px);
    gap: 30px;
    align-items: start;
    width: min(1180px, calc(100% - 36px));
    margin: 22px auto 80px;
}

.lead-card[b-zxnyry5ho0] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 14px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(7, 27, 51, .08);
}

.lead-title[b-zxnyry5ho0] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
    align-items: center;
    color: #0b3c69;
    font-size: 16px;
}

.lead-title span[b-zxnyry5ho0] {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #24aaf0;
    border-radius: 999px;
}

.lead-title a[b-zxnyry5ho0] {
    color: #24aaf0;
    font-weight: 950;
    text-decoration: none;
}

.lead-card label[b-zxnyry5ho0] {
    display: grid;
    gap: 6px;
    color: #66788b;
    font-size: 12px;
    font-weight: 750;
}

.lead-card input[b-zxnyry5ho0] {
    min-height: 39px;
    padding: 0 11px;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    outline: none;
}

.lead-send[b-zxnyry5ho0] {
    min-height: 42px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #3b668a;
    border-radius: 4px;
    font-weight: 900;
    text-decoration: none;
}

.property-info[b-zxnyry5ho0] {
    min-width: 0;
}

.code-row[b-zxnyry5ho0] {
    display: flex;
    margin-bottom: 12px;
}

.code-row span[b-zxnyry5ho0] {
    padding: 8px 16px;
    color: #ffffff;
    background: #0b3c69;
    font-size: 14px;
}

.meta-line[b-zxnyry5ho0] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: #24aaf0;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.property-info h1[b-zxnyry5ho0] {
    margin: 10px 0 18px;
    color: #0b3c69;
    font-size: 30px;
    line-height: 1.15;
}

.features-band[b-zxnyry5ho0] {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    padding: 18px 20px;
    margin-bottom: 18px;
    color: #0b3c69;
    background: #f5f7fa;
    font-weight: 850;
}

.price-detail[b-zxnyry5ho0] {
    display: grid;
    gap: 4px;
    margin: 18px 0 26px;
}

.price-detail span[b-zxnyry5ho0] {
    color: #7b8492;
    font-size: 12px;
}

.price-detail strong[b-zxnyry5ho0] {
    margin-left: 6px;
    color: #05a9ef;
    font-size: 28px;
    font-weight: 950;
}

.property-info hr[b-zxnyry5ho0] {
    border: 0;
    border-top: 1px solid #dfe8f2;
    margin: 28px 0;
}

.property-info h2[b-zxnyry5ho0] {
    margin: 0 0 14px;
    color: #0b3c69;
    font-size: 24px;
}

.description-text[b-zxnyry5ho0],
.payment-text[b-zxnyry5ho0] {
    color: #607286;
    font-size: 15px;
    line-height: 1.95;
    white-space: pre-wrap;
}

.payment-text[b-zxnyry5ho0] {
    color: #0b3c69;
    font-weight: 850;
}

.amenities-section[b-zxnyry5ho0] {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid #dfe8f2;
}

.amenities-grid[b-zxnyry5ho0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 34px;
    margin-top: 26px;
}

.amenities-grid span[b-zxnyry5ho0] {
    color: #005996;
    font-size: 16px;
    font-weight: 950;
}

.detail-loading[b-zxnyry5ho0],
.detail-not-found[b-zxnyry5ho0] {
    width: min(900px, calc(100% - 36px));
    margin: 90px auto;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
    box-shadow: 0 18px 46px rgba(7, 27, 51, .08);
}

.detail-not-found a[b-zxnyry5ho0] {
    color: #18ba6f;
    font-weight: 900;
}

@media (max-width: 980px) {
    .detail-header[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .detail-nav[b-zxnyry5ho0] {
        flex-wrap: wrap;
    }

    .gallery-strip[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
        height: 340px;
    }

    .gallery-frame:not(.active)[b-zxnyry5ho0] {
        display: none;
    }

    .detail-content[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
    }

    .lead-card[b-zxnyry5ho0] {
        position: static;
    }

    .amenities-grid[b-zxnyry5ho0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .amenities-grid[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
    }
}
/* WEB-17-GALERIA-FUNCIONAL START */
.gallery-strip[b-zxnyry5ho0] {
    transition: transform .28s ease;
}

.gallery-strip.items-1[b-zxnyry5ho0] {
    grid-template-columns: 1fr !important;
}

.gallery-strip.items-2[b-zxnyry5ho0] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.gallery-strip.items-3[b-zxnyry5ho0] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gallery-strip.items-4[b-zxnyry5ho0] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.gallery-strip.items-5[b-zxnyry5ho0] {
    grid-template-columns: 1fr 1.05fr 1.15fr 1.05fr 1fr !important;
}

.gallery-arrow[b-zxnyry5ho0] {
    cursor: pointer;
    transition: transform .18s ease, opacity .18s ease, background .18s ease;
}

.gallery-arrow:hover:not(:disabled)[b-zxnyry5ho0] {
    transform: translateY(-50%) scale(1.06);
    background: #ffffff;
}

.gallery-arrow:disabled[b-zxnyry5ho0] {
    opacity: .35;
    cursor: not-allowed;
}

.gallery-frame.active img[b-zxnyry5ho0] {
    opacity: 1 !important;
    filter: none !important;
}

.gallery-frame:not(.active) img[b-zxnyry5ho0] {
    opacity: .45;
    filter: saturate(.9);
}
/* WEB-17-GALERIA-FUNCIONAL END */
/* WEB-16A - detalle exclusivo de alquiler */
.rental-gallery-shell[b-zxnyry5ho0] {
    min-height: 310px;
}

.gallery-strip.rental-gallery.gallery-count-1[b-zxnyry5ho0] {
    grid-template-columns: 1fr;
}

.gallery-strip.rental-gallery.gallery-count-2[b-zxnyry5ho0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gallery-strip.rental-gallery.gallery-count-3[b-zxnyry5ho0] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gallery-strip.rental-gallery.gallery-count-4[b-zxnyry5ho0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gallery-strip.rental-gallery.gallery-count-5[b-zxnyry5ho0] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gallery-strip.rental-gallery .gallery-frame img[b-zxnyry5ho0] {
    opacity: 1;
    filter: none;
}

.rental-no-photo[b-zxnyry5ho0] {
    min-height: clamp(310px, 36vw, 505px);
    display: grid;
    place-items: center;
    align-content: center;
    gap: .4rem;
    color: #557088;
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .14), rgba(29, 119, 199, .22)),
        #edf4f8;
    text-align: center;
}

.rental-no-photo > span[b-zxnyry5ho0] {
    font-size: 2.5rem;
}

.rental-no-photo > strong[b-zxnyry5ho0] {
    color: #0b3c69;
    font-size: 1.2rem;
}

.rental-no-photo > small[b-zxnyry5ho0] {
    font-size: .8rem;
}

.rental-price-detail[b-zxnyry5ho0] {
    gap: .75rem;
}

.rental-price-detail > span[b-zxnyry5ho0] {
    display: flex;
    align-items: baseline;
    gap: .35rem;
}

.rental-deposit strong[b-zxnyry5ho0] {
    color: #18a96c;
    font-size: 1.35rem;
}

.rental-location-section[b-zxnyry5ho0] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dfe8f2;
}

.rental-reference[b-zxnyry5ho0] {
    color: #607286;
    font-size: .9rem;
}

.rental-map-button[b-zxnyry5ho0] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .7rem;
    padding: 0 1rem;
    color: #fff;
    background: #1677b8;
    border-radius: .35rem;
    font-weight: 850;
    text-decoration: none;
}

.rental-map-button:hover[b-zxnyry5ho0] {
    background: #0d629b;
}

@media (max-width: 980px) {
    .gallery-strip.rental-gallery[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
        height: 340px;
    }

    .gallery-strip.rental-gallery .gallery-frame:not(:first-child)[b-zxnyry5ho0] {
        display: none;
    }
}
/* WEB-16B - contacto alquiler */
.lead-card form[b-zxnyry5ho0] {
    display: grid;
    gap: .65rem;
}

.lead-card form label[b-zxnyry5ho0] {
    display: grid;
    gap: .25rem;
}

.lead-control[b-zxnyry5ho0] {
    width: 100%;
    min-height: 38px;
    padding: .5rem .6rem;
    color: #24384d;
    background: #fff;
    border: 1px solid #d4dfeb;
    border-radius: .28rem;
    font: inherit;
}

.lead-control:focus[b-zxnyry5ho0] {
    border-color: #2b88c9;
    outline: 2px solid rgba(43, 136, 201, .12);
}

.lead-card .validation-message[b-zxnyry5ho0] {
    color: #b23c3c;
    font-size: .68rem;
}

.lead-send-button[b-zxnyry5ho0] {
    width: 100%;
    min-height: 42px;
    border: 0;
    cursor: pointer;
}

.lead-send-button:disabled[b-zxnyry5ho0] {
    cursor: wait;
    opacity: .68;
}

.lead-error[b-zxnyry5ho0] {
    padding: .55rem .65rem;
    color: #9c3131;
    background: #fff0f0;
    border: 1px solid #efc6c6;
    border-radius: .35rem;
    font-size: .72rem;
    line-height: 1.45;
}

.lead-success[b-zxnyry5ho0] {
    min-height: 185px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    padding: 1rem;
    color: #185d3e;
    background:
        linear-gradient(
            180deg,
            #f2fbf6 0%,
            #e9f8f0 100%);
    border: 1px solid #b8e3cc;
    border-radius: .5rem;
    text-align: center;
}

.lead-success-icon[b-zxnyry5ho0] {
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    color: #fff;
    background: #25a66c;
    border-radius: 50%;
    font-size: 1.35rem;
    font-weight: 900;
}

.lead-success strong[b-zxnyry5ho0] {
    color: #17613f;
    font-size: 1rem;
}

.lead-success p[b-zxnyry5ho0] {
    max-width: 17rem;
    margin: 0;
    color: #4f6e60;
    font-size: .76rem;
    line-height: 1.5;
}
/* /WEB-16B */
/* WEB-16C - igualar contacto alquiler */

/*
   El formulario de Alquiler usa EditForm/InputText.
   En Blazor CSS Isolation esos elementos son renderizados por
   componentes hijos, por eso se usa ::deep para que reciban
   exactamente las medidas visuales del detalle de Venta.
*/

.detail-content[b-zxnyry5ho0] {
    grid-template-columns: minmax(280px, 360px) minmax(0, 760px);
    gap: 30px;
    width: min(1180px, calc(100% - 36px));
}

.lead-card[b-zxnyry5ho0] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    gap: 14px;
    padding: 20px;
}

.lead-card[b-zxnyry5ho0]  form {
    width: 100%;
    display: grid;
    gap: 14px;
    box-sizing: border-box;
}

.lead-card[b-zxnyry5ho0]  form label {
    width: 100%;
    display: grid;
    gap: 6px;
    color: #66788b;
    font-size: 12px;
    font-weight: 750;
    box-sizing: border-box;
}

.lead-card[b-zxnyry5ho0]  .lead-control,
.lead-card[b-zxnyry5ho0]  input {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 0 11px;
    box-sizing: border-box;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    outline: none;
    font: inherit;
}

.lead-card[b-zxnyry5ho0]  .lead-send-button {
    width: 100%;
    min-height: 42px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    color: #ffffff;
    background: #3b668a;
    border: 0;
    border-radius: 4px;
    font-weight: 900;
}

.lead-card[b-zxnyry5ho0]  .validation-message {
    margin-top: -2px;
    font-size: 11px;
    line-height: 1.25;
}

/* Mantiene el recuadro estable también luego de enviar. */
.lead-card[b-zxnyry5ho0]  .lead-success {
    width: 100%;
    min-height: 248px;
    box-sizing: border-box;
}

@media (max-width: 980px) {
    .detail-content[b-zxnyry5ho0] {
        grid-template-columns: 1fr;
    }

    .lead-card[b-zxnyry5ho0] {
        width: 100%;
    }
}

/* /WEB-16C */

/* SEC-03C-HONEYPOT START
   Campo trampa fuera del viewport.
   No usar display:none para que siga siendo util contra bots simples.
*/
.rodmay-honeypot[b-zxnyry5ho0],
[b-zxnyry5ho0] .rodmay-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: .01 !important;
    pointer-events: none !important;
}

.rodmay-honeypot input[b-zxnyry5ho0],
[b-zxnyry5ho0] .rodmay-honeypot input {
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* SEC-03C-HONEYPOT END */
/* /Components/Pages/Publico/RodmayContacto.razor.rz.scp.css */
.contact-page[b-j2xzaowlps] {
    min-height: 100vh;
    color: #0b2341;
    background: #f4f8fc;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.contact-header[b-j2xzaowlps] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;

    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.brand[b-j2xzaowlps] {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #0b2341;
    text-decoration: none;
}

.brand > span[b-j2xzaowlps] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
    font-size: 26px;
    font-weight: 950;
    box-shadow: 0 14px 28px rgba(7, 27, 51, 0.08);
}

.brand strong[b-j2xzaowlps],
.brand small[b-j2xzaowlps] {
    display: block;
}

.brand strong[b-j2xzaowlps] {
    font-size: 23px;
    line-height: 1;
}

.brand small[b-j2xzaowlps] {
    margin-top: 4px;
    color: #0b2341;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.contact-nav[b-j2xzaowlps] {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.contact-nav a[b-j2xzaowlps] {    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.contact-nav a.active[b-j2xzaowlps],
.contact-nav a:hover[b-j2xzaowlps] {    color: #18ba6f;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.contact-hero[b-j2xzaowlps] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 34px;
    align-items: end;
    padding: 78px clamp(22px, 6vw, 110px) 54px;
    color: #ffffff;
    background:
        radial-gradient(circle at 92% 8%, rgba(24, 186, 111, .2), transparent 25rem),
        linear-gradient(135deg, #071b33, #103f6f);
}

.contact-hero span[b-j2xzaowlps] {
    color: #9bf0c1;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.contact-hero h1[b-j2xzaowlps] {
    max-width: 980px;
    margin: 14px 0 0;
    font-size: clamp(38px, 5vw, 74px);
    line-height: 1.02;
    letter-spacing: -0.055em;
}

.contact-hero p[b-j2xzaowlps] {
    max-width: 760px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 17px;
    line-height: 1.75;
}

.contact-quick[b-j2xzaowlps] {
    display: grid;
    gap: 12px;
}

.contact-quick a[b-j2xzaowlps] {
    display: grid;
    gap: 5px;
    padding: 18px;
    color: #0b2341;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 0 20px 50px rgba(0,0,0,.14);
}

.contact-quick strong[b-j2xzaowlps] {
    color: #0f7a51;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.contact-quick span[b-j2xzaowlps] {
    color: #0b2341;
    font-size: 18px;
    font-weight: 900;
}

.contact-content[b-j2xzaowlps] {
    display: grid;
    grid-template-columns: minmax(300px, .88fr) minmax(320px, 1fr);
    grid-template-areas:
        "info form"
        "map map";
    gap: 22px;
    padding: 42px clamp(22px, 6vw, 110px) 88px;
}

.contact-card[b-j2xzaowlps] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 28px;
    box-shadow: 0 24px 64px rgba(7,27,51,.08);
}

.contact-info[b-j2xzaowlps] {
    grid-area: info;
    padding: 30px;
}

.contact-form-card[b-j2xzaowlps] {
    grid-area: form;
    padding: 30px;
}

.map-card[b-j2xzaowlps] {
    grid-area: map;
    min-height: 430px;
}

.map-card iframe[b-j2xzaowlps] {
    width: 100%;
    min-height: 430px;
    display: block;
    border: 0;
}

.badge[b-j2xzaowlps] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 13px;
    color: #0f7a51;
    background: rgba(24,186,111,.12);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.contact-info h2[b-j2xzaowlps],
.contact-form-card h2[b-j2xzaowlps] {
    margin: 16px 0 0;
    color: #071b33;
    font-size: clamp(26px, 2.6vw, 42px);
    line-height: 1.06;
    letter-spacing: -0.035em;
}

.contact-info p[b-j2xzaowlps] {
    margin: 14px 0 0;
    color: #66788b;
    line-height: 1.75;
}

.contact-buttons[b-j2xzaowlps] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.contact-buttons a[b-j2xzaowlps],
.contact-form-card button[b-j2xzaowlps] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
}

.contact-buttons .primary[b-j2xzaowlps],
.contact-form-card button[b-j2xzaowlps] {
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    border: 0;
    box-shadow: 0 16px 34px rgba(24,186,111,.22);
}

.contact-buttons .secondary[b-j2xzaowlps] {
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
}

.location-box[b-j2xzaowlps] {
    display: grid;
    gap: 5px;
    margin-top: 24px;
    padding: 18px;
    background: #f6fbff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
}

.location-box strong[b-j2xzaowlps] {
    color: #0f7a51;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.location-box span[b-j2xzaowlps] {
    color: #0b2341;
    font-size: 17px;
    font-weight: 900;
}

.location-box small[b-j2xzaowlps] {
    color: #66788b;
}

.contact-form-card form[b-j2xzaowlps] {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.form-grid[b-j2xzaowlps] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.contact-form-card label[b-j2xzaowlps] {
    display: grid;
    gap: 7px;
    color: #0b2341;
    font-size: 12px;
    font-weight: 900;
}

.contact-form-card input[b-j2xzaowlps],
.contact-form-card select[b-j2xzaowlps],
.contact-form-card textarea[b-j2xzaowlps] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    color: #071b33;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 15px;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.contact-form-card textarea[b-j2xzaowlps] {
    min-height: 118px;
    padding-top: 12px;
    resize: vertical;
}

.contact-form-card input:focus[b-j2xzaowlps],
.contact-form-card select:focus[b-j2xzaowlps],
.contact-form-card textarea:focus[b-j2xzaowlps] {
    border-color: #18ba6f;
    box-shadow: 0 0 0 4px rgba(24,186,111,.12);
}

.contact-form-card button[b-j2xzaowlps] {
    justify-self: start;
    cursor: pointer;
}

@media (max-width: 980px) {
    .contact-hero[b-j2xzaowlps],
    .contact-content[b-j2xzaowlps] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "info"
            "form"
            "map";
    }

    .form-grid[b-j2xzaowlps] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .contact-header[b-j2xzaowlps] {
        align-items: flex-start;
        flex-direction: column;
    
    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}
}

.rodmay-logo-name[b-j2xzaowlps] {
    color: #1397ea !important;
    font-weight: 800;
}

.rodmay-logo-subtitle[b-j2xzaowlps] {
    color: #59b80f !important;
    font-weight: 800;
    letter-spacing: .18em;
}

/* WEB-06C-LOGO-EXACTO START */
.brand strong[b-j2xzaowlps],
.rodmay-logo-name[b-j2xzaowlps],
.brand-copy strong[b-j2xzaowlps],
.brand-name strong[b-j2xzaowlps] {
    color: #0279CD !important;
    background-image: linear-gradient(180deg, #08A1E7 0%, #0279CD 46%, #07438E 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 8px rgba(2, 121, 205, .24) !important;
}

.brand small[b-j2xzaowlps],
.rodmay-logo-subtitle[b-j2xzaowlps],
.brand-copy small[b-j2xzaowlps],
.brand-name small[b-j2xzaowlps] {
    color: #3FA001 !important;
    background-image: linear-gradient(180deg, #64BC08 0%, #3FA001 48%, #116B05 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .34), 0 3px 8px rgba(63, 160, 1, .22) !important;
    letter-spacing: .18em !important;
}

.brand > span[b-j2xzaowlps] {
    color: #07438E !important;
}

.brand-mark[b-j2xzaowlps],
.brand-icon[b-j2xzaowlps],
.brand-symbol[b-j2xzaowlps] {
    color: #07438E !important;
}
/* WEB-06C-LOGO-EXACTO END */

/* WEB-06D-COLOR-LOGO-EXACTO START */
.brand strong[b-j2xzaowlps],
.brand-copy strong[b-j2xzaowlps],
.rodmay-logo-name[b-j2xzaowlps],
.brand-name strong[b-j2xzaowlps] {
    color: #0079CD !important;
    background: linear-gradient(180deg, #01B1F6 0%, #0079CD 52%, #014C9F 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(1,76,159,.22) !important;
}

.brand small[b-j2xzaowlps],
.brand-copy small[b-j2xzaowlps],
.rodmay-logo-subtitle[b-j2xzaowlps],
.brand-name small[b-j2xzaowlps] {
    color: #3FA101 !important;
    background: linear-gradient(180deg, #6BC400 0%, #3FA101 52%, #1D8C01 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(29,140,1,.18) !important;
    letter-spacing: .18em !important;
}

.brand-mark[b-j2xzaowlps],
.brand-icon[b-j2xzaowlps],
.brand-symbol[b-j2xzaowlps] {
    color: #014C9F !important;
}
/* WEB-06D-COLOR-LOGO-EXACTO END */

/* WEB-06E-WORDMARK-EXACTO START */
.brand[b-j2xzaowlps],
.public-brand[b-j2xzaowlps],
.rodmay-brand[b-j2xzaowlps],
.site-brand[b-j2xzaowlps],
.navbar-brand[b-j2xzaowlps] {
    gap: .9rem !important;
}

.brand-copy[b-j2xzaowlps],
.brand-name[b-j2xzaowlps],
.brand-text[b-j2xzaowlps],
.rodmay-wordmark[b-j2xzaowlps] {
    position: relative !important;
    display: block !important;
    width: clamp(225px, 15vw, 270px) !important;
    min-width: 225px !important;
    height: clamp(56px, 4vw, 76px) !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

.brand-copy[b-j2xzaowlps]::before,
.brand-name[b-j2xzaowlps]::before,
.brand-text[b-j2xzaowlps]::before,
.rodmay-wordmark[b-j2xzaowlps]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: url('/rodmay/branding/rodmay-wordmark-exacto.png') left center / contain no-repeat !important;
    z-index: 2 !important;
}

.brand-copy > *[b-j2xzaowlps],
.brand-name > *[b-j2xzaowlps],
.brand-text > *[b-j2xzaowlps],
.rodmay-wordmark > *[b-j2xzaowlps],
.brand-copy strong[b-j2xzaowlps],
.brand-copy small[b-j2xzaowlps],
.brand-name strong[b-j2xzaowlps],
.brand-name small[b-j2xzaowlps],
.brand-text strong[b-j2xzaowlps],
.brand-text small[b-j2xzaowlps],
.rodmay-wordmark strong[b-j2xzaowlps],
.rodmay-wordmark small[b-j2xzaowlps] {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* WEB-06E-WORDMARK-EXACTO END */

/* WEB-06F-QUITAR-R-LOGO START */
.brand > span[b-j2xzaowlps],
.brand-mark[b-j2xzaowlps],
.brand-icon[b-j2xzaowlps],
.brand-symbol[b-j2xzaowlps] {
    display: none !important;
}

.brand[b-j2xzaowlps],
.public-brand[b-j2xzaowlps],
.rodmay-brand[b-j2xzaowlps],
.site-brand[b-j2xzaowlps],
.navbar-brand[b-j2xzaowlps] {
    gap: 0 !important;
}

.brand-copy[b-j2xzaowlps],
.brand-name[b-j2xzaowlps],
.brand-text[b-j2xzaowlps],
.rodmay-wordmark[b-j2xzaowlps] {
    margin-left: 0 !important;
}

.brand-copy[b-j2xzaowlps]::before,
.brand-name[b-j2xzaowlps]::before,
.brand-text[b-j2xzaowlps]::before,
.rodmay-wordmark[b-j2xzaowlps]::before {
    left: 0 !important;
}
/* WEB-06F-QUITAR-R-LOGO END */

/* WEB-06G-V2-LOGO-COMPLETO START */
.rodmay-logo-link[b-j2xzaowlps] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: clamp(160px, 16vw, 245px) !important;
    height: 96px !important;
    padding: 0 !important;
    gap: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-j2xzaowlps] {
    display: block !important;
    width: auto !important;
    height: clamp(70px, 6.4vw, 92px) !important;
    max-width: clamp(160px, 17vw, 260px) !important;
    object-fit: contain !important;
    object-position: left center !important;
    image-rendering: auto !important;
    filter: drop-shadow(0 8px 18px rgba(7, 27, 51, .10)) !important;
}

.brand > span[b-j2xzaowlps],
.brand-mark[b-j2xzaowlps],
.brand-icon[b-j2xzaowlps],
.brand-symbol[b-j2xzaowlps] {
    display: none !important;
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-j2xzaowlps] {
        height: 82px !important;
        min-width: 150px !important;
    }

    .rodmay-full-logo[b-j2xzaowlps] {
        height: 68px !important;
        max-width: 210px !important;
    }
}
/* WEB-06G-V2-LOGO-COMPLETO END */

/* WEB-06H-V2-LOGO-FUNDIDO START */
.rodmay-logo-link[b-j2xzaowlps] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 290px !important;
    max-width: 360px !important;
    height: 98px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-j2xzaowlps],
.rodmay-full-logo--blended[b-j2xzaowlps] {
    display: block !important;
    width: auto !important;
    height: 84px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.rodmay-full-logo--blended[b-j2xzaowlps] {
    mix-blend-mode: multiply !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.08)) !important;
}

header .brand[b-j2xzaowlps],
.public-header .brand[b-j2xzaowlps],
.rodmay-header .brand[b-j2xzaowlps],
.navbar .brand[b-j2xzaowlps],
.brand-shell[b-j2xzaowlps],
.brand-box[b-j2xzaowlps],
.logo-shell[b-j2xzaowlps],
.logo-box[b-j2xzaowlps] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1200px) {
    .rodmay-logo-link[b-j2xzaowlps] { min-width: 250px !important; height: 88px !important; }
    .rodmay-full-logo[b-j2xzaowlps],
    .rodmay-full-logo--blended[b-j2xzaowlps] { height: 72px !important; }
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-j2xzaowlps] { min-width: 188px !important; height: 72px !important; }
    .rodmay-full-logo[b-j2xzaowlps],
    .rodmay-full-logo--blended[b-j2xzaowlps] { height: 54px !important; }
}
/* WEB-06H-V2-LOGO-FUNDIDO END */

/* WEB-07-MENU-CENTRADO-FIJO START */
.main-nav[b-j2xzaowlps],
.about-header[b-j2xzaowlps],
.agents-header[b-j2xzaowlps],
.contact-header[b-j2xzaowlps] {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr) !important;
    align-items: center !important;
    column-gap: 24px !important;
    min-height: 104px !important;
    width: 100% !important;
    padding: 0 clamp(22px, 6vw, 110px) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe8f2 !important;
    box-shadow: 0 8px 30px rgba(7, 27, 51, .045) !important;
}

.brand[b-j2xzaowlps],
.rodmay-logo-link[b-j2xzaowlps],
.public-brand[b-j2xzaowlps],
.rodmay-brand[b-j2xzaowlps],
.site-brand[b-j2xzaowlps],
.navbar-brand[b-j2xzaowlps] {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
}

.nav-links[b-j2xzaowlps],
.about-nav[b-j2xzaowlps],
.agents-nav[b-j2xzaowlps],
.contact-nav[b-j2xzaowlps] {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(20px, 2.1vw, 34px) !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
}

.nav-links a[b-j2xzaowlps],
.about-nav a[b-j2xzaowlps],
.agents-nav a[b-j2xzaowlps],
.contact-nav a[b-j2xzaowlps] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: #0b2341 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.nav-links a.active[b-j2xzaowlps],
.nav-links a:hover[b-j2xzaowlps],
.about-nav a.active[b-j2xzaowlps],
.about-nav a:hover[b-j2xzaowlps],
.agents-nav a.active[b-j2xzaowlps],
.agents-nav a:hover[b-j2xzaowlps],
.contact-nav a.active[b-j2xzaowlps],
.contact-nav a:hover[b-j2xzaowlps] {
    color: #18ba6f !important;
}

.nav-cta[b-j2xzaowlps],
.header-cta[b-j2xzaowlps],
.contact-cta[b-j2xzaowlps],
.agenda-cta[b-j2xzaowlps] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.rodmay-full-logo[b-j2xzaowlps],
.rodmay-full-logo--blended[b-j2xzaowlps] {
    max-height: 84px !important;
}

@media (max-width: 1180px) {
    .main-nav[b-j2xzaowlps],
    .about-header[b-j2xzaowlps],
    .agents-header[b-j2xzaowlps],
    .contact-header[b-j2xzaowlps] {
        grid-template-columns: minmax(210px, .8fr) auto minmax(120px, .8fr) !important;
        column-gap: 18px !important;
    }

    .nav-links[b-j2xzaowlps],
    .about-nav[b-j2xzaowlps],
    .agents-nav[b-j2xzaowlps],
    .contact-nav[b-j2xzaowlps] {
        gap: 18px !important;
    }
}

@media (max-width: 900px) {
    .main-nav[b-j2xzaowlps],
    .about-header[b-j2xzaowlps],
    .agents-header[b-j2xzaowlps],
    .contact-header[b-j2xzaowlps] {
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
        min-height: auto !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .brand[b-j2xzaowlps],
    .rodmay-logo-link[b-j2xzaowlps],
    .public-brand[b-j2xzaowlps],
    .rodmay-brand[b-j2xzaowlps],
    .site-brand[b-j2xzaowlps],
    .navbar-brand[b-j2xzaowlps],
    .nav-links[b-j2xzaowlps],
    .about-nav[b-j2xzaowlps],
    .agents-nav[b-j2xzaowlps],
    .contact-nav[b-j2xzaowlps],
    .nav-cta[b-j2xzaowlps],
    .header-cta[b-j2xzaowlps],
    .contact-cta[b-j2xzaowlps],
    .agenda-cta[b-j2xzaowlps] {
        grid-column: 1 !important;
        justify-self: center !important;
    }

    .nav-links[b-j2xzaowlps],
    .about-nav[b-j2xzaowlps],
    .agents-nav[b-j2xzaowlps],
    .contact-nav[b-j2xzaowlps] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }
}
/* WEB-07-MENU-CENTRADO-FIJO END */

/* WEB-10-MAPA-SEGURO START */
.map-card-safe[b-j2xzaowlps] {
    position: relative;
    min-height: 430px;
}

.map-card-safe .rodmay-map-frame[b-j2xzaowlps] {
    width: 100%;
    min-height: 430px;
    display: block;
    border: 0;
    pointer-events: none;
}

.map-open-actions[b-j2xzaowlps] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.map-open-actions a[b-j2xzaowlps] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    border-radius: 999px;
    box-shadow: 0 14px 30px rgba(7, 27, 51, .16);
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
}

.map-open-actions a + a[b-j2xzaowlps] {
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
}

.map-open-actions a:hover[b-j2xzaowlps] {
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .map-open-actions[b-j2xzaowlps] {
        left: 14px;
        right: 14px;
        bottom: 14px;
        justify-content: center;
    }

    .map-open-actions a[b-j2xzaowlps] {
        width: 100%;
    }
}
/* WEB-10-MAPA-SEGURO END */
/* WEB-18 - formulario informacion */

.contact-form-card[b-j2xzaowlps]  form {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.contact-form-card[b-j2xzaowlps]  .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.contact-form-card[b-j2xzaowlps]  label {
    display: grid;
    gap: 7px;
    color: #0b2341;
    font-size: 12px;
    font-weight: 900;
}

.contact-form-card[b-j2xzaowlps]  input,
.contact-form-card[b-j2xzaowlps]  select,
.contact-form-card[b-j2xzaowlps]  textarea {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    box-sizing: border-box;
    color: #071b33;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 15px;
    font: inherit;
    font-size: 14px;
    outline: none;
}

.contact-form-card[b-j2xzaowlps]  textarea {
    min-height: 118px;
    padding-top: 12px;
    resize: vertical;
}

.contact-form-card[b-j2xzaowlps]  input:focus,
.contact-form-card[b-j2xzaowlps]  select:focus,
.contact-form-card[b-j2xzaowlps]  textarea:focus {
    border-color: #18ba6f;
    box-shadow: 0 0 0 4px rgba(24, 186, 111, .12);
}

.contact-form-card[b-j2xzaowlps]  .validation-message {
    color: #b33c3c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-required[b-j2xzaowlps] {
    color: #c93d3d;
}

.contact-request-error[b-j2xzaowlps] {
    padding: 12px 14px;
    color: #9c3131;
    background: #fff0f0;
    border: 1px solid #efc6c6;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.45;
}

.contact-request-success[b-j2xzaowlps] {
    min-height: 300px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    margin-top: 22px;
    padding: 28px;
    box-sizing: border-box;
    color: #175f3d;
    background:
        linear-gradient(
            180deg,
            #f1fbf5 0%,
            #e8f8ef 100%);
    border: 1px solid #b8e3cc;
    border-radius: 18px;
    text-align: center;
}

.contact-request-success-icon[b-j2xzaowlps] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #25a66c;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 950;
}

.contact-request-success strong[b-j2xzaowlps] {
    color: #17613f;
    font-size: 20px;
}

.contact-request-success p[b-j2xzaowlps] {
    max-width: 430px;
    margin: 0;
    color: #526f60;
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 980px) {
    .contact-form-card[b-j2xzaowlps]  .form-grid {
        grid-template-columns: 1fr;
    }
}

/* /WEB-18 */

/* SEC-03C-HONEYPOT START
   Campo trampa fuera del viewport.
   No usar display:none para que siga siendo util contra bots simples.
*/
.rodmay-honeypot[b-j2xzaowlps],
[b-j2xzaowlps] .rodmay-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: .01 !important;
    pointer-events: none !important;
}

.rodmay-honeypot input[b-j2xzaowlps],
[b-j2xzaowlps] .rodmay-honeypot input {
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* SEC-03C-HONEYPOT END */
/* /Components/Pages/Publico/RodmayHome.razor.rz.scp.css */
*[b-hlmv17r8ws] {
    box-sizing: border-box;
}

html[b-hlmv17r8ws] {
    scroll-behavior: smooth;
}

.rodmay-site[b-hlmv17r8ws] {
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    color: #0c2038;
    background: #f7fbff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hero-shell[b-hlmv17r8ws] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #071e36;
}

.top-strip[b-hlmv17r8ws] {
    position: relative;
    z-index: 10;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 clamp(22px, 6vw, 110px);
    color: #ffffff;
    background: linear-gradient(90deg, #18ba6f, #1494b7);
    font-size: 14px;
    font-weight: 850;
}

.top-strip__left[b-hlmv17r8ws],
.top-strip__right[b-hlmv17r8ws] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.top-strip__right a[b-hlmv17r8ws] {
    color: #ffffff;
    text-decoration: none;
}

.main-nav[b-hlmv17r8ws] {
    position: relative;
    z-index: 10;
    min-height: 88px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    padding: 0 clamp(22px, 6vw, 110px);
    background: #ffffff;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.brand[b-hlmv17r8ws] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #0b2341;
    text-decoration: none;
}

.brand-mark[b-hlmv17r8ws] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #0b2341;
    background: #ffffff;
    border-radius: 18px;
    font-size: 26px;
    font-weight: 950;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
}

.brand-copy strong[b-hlmv17r8ws],
.brand-copy small[b-hlmv17r8ws] {
    display: block;
}

.brand-copy strong[b-hlmv17r8ws] {
    font-size: 24px;
    line-height: 1;
}

.brand-copy small[b-hlmv17r8ws] {
    margin-top: 4px;
    color: #0b2341;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.nav-links[b-hlmv17r8ws] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    flex-wrap: wrap;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.nav-links a[b-hlmv17r8ws],
.nav-cta[b-hlmv17r8ws] {    color: #0b2341;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.nav-links a:hover[b-hlmv17r8ws] {    color: #18ba6f;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.nav-cta[b-hlmv17r8ws] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    padding: 0 18px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(24, 186, 111, 0.22);

    border-bottom: 1px solid #dfe8f2;
}

.hero-backdrop[b-hlmv17r8ws] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.bg-gradient[b-hlmv17r8ws] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 18%, rgba(46, 186, 128, 0.18), transparent 24rem),
        radial-gradient(circle at 82% 22%, rgba(29, 119, 199, 0.25), transparent 28rem),
        linear-gradient(135deg, #092140 0%, #10335f 45%, #0a2746 100%);
}

.bg-grid[b-hlmv17r8ws] {
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(rgba(255,255,255,0.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.18) 1px, transparent 1px);
    background-size: 46px 46px;
}

.bg-glow[b-hlmv17r8ws] {
    position: absolute;
    border-radius: 999px;
    filter: blur(18px);
}

.glow-a[b-hlmv17r8ws] {
    width: 30vw;
    height: 30vw;
    left: -8vw;
    bottom: -8vw;
    background: rgba(24, 186, 111, 0.24);
}

.glow-b[b-hlmv17r8ws] {
    width: 28vw;
    height: 28vw;
    right: -8vw;
    top: 12vh;
    background: rgba(29, 119, 199, 0.26);
}

.skyline[b-hlmv17r8ws] {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    gap: 14px;
    opacity: 0.56;
}

.skyline span[b-hlmv17r8ws] {
    display: block;
    width: 72px;
    background:
        repeating-linear-gradient(90deg, rgba(255,255,255,0.22) 0 10px, transparent 10px 18px),
        linear-gradient(180deg, rgba(16, 116, 173, 0.85), rgba(8, 34, 59, 0.96));
    border-radius: 10px 10px 0 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.skyline-left[b-hlmv17r8ws] {
    left: 6%;
}

.skyline-right[b-hlmv17r8ws] {
    right: 4%;
}

.skyline-left span:nth-child(1)[b-hlmv17r8ws] { height: 170px; }
.skyline-left span:nth-child(2)[b-hlmv17r8ws] { height: 240px; }
.skyline-left span:nth-child(3)[b-hlmv17r8ws] { height: 210px; }
.skyline-left span:nth-child(4)[b-hlmv17r8ws] { height: 280px; }

.skyline-right span:nth-child(1)[b-hlmv17r8ws] { height: 320px; }
.skyline-right span:nth-child(2)[b-hlmv17r8ws] { height: 250px; }
.skyline-right span:nth-child(3)[b-hlmv17r8ws] { height: 380px; }
.skyline-right span:nth-child(4)[b-hlmv17r8ws] { height: 200px; }
.skyline-right span:nth-child(5)[b-hlmv17r8ws] { height: 270px; }

.hero-content[b-hlmv17r8ws] {
    position: relative;
    z-index: 6;
    width: min(1380px, calc(100% - 44px));
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 38px;
    margin: 0 auto;
    padding: clamp(46px, 6vw, 86px) 0 clamp(80px, 8vw, 120px);
}

.hero-copy[b-hlmv17r8ws] {
    padding-top: clamp(24px, 3vw, 40px);
}

.eyebrow[b-hlmv17r8ws] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    color: #ffffff;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.hero-copy h1[b-hlmv17r8ws] {
    max-width: 760px;
    margin: 22px 0 0;
    color: #ffffff;
    font-size: clamp(48px, 6vw, 92px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.hero-copy p[b-hlmv17r8ws] {
    max-width: 680px;
    margin: 24px 0 0;
    color: rgba(255,255,255,0.88);
    font-size: clamp(17px, 1.5vw, 22px);
    line-height: 1.7;
}

.hero-actions[b-hlmv17r8ws] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.btn[b-hlmv17r8ws] {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

.btn:hover[b-hlmv17r8ws] {
    transform: translateY(-1px);
}

.btn-primary[b-hlmv17r8ws] {
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    box-shadow: 0 18px 38px rgba(24, 186, 111, 0.24);
}

.btn-secondary[b-hlmv17r8ws] {
    color: #ffffff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.22);
}

.hero-metrics[b-hlmv17r8ws] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 700px;
    margin-top: 32px;
}

.hero-metrics article[b-hlmv17r8ws] {
    padding: 20px 20px 18px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 24px;
    backdrop-filter: blur(10px);
}

.hero-metrics strong[b-hlmv17r8ws] {
    display: block;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1;
}

.hero-metrics span[b-hlmv17r8ws] {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,0.75);
    font-size: 14px;
}

.hero-panel[b-hlmv17r8ws] {
    display: grid;
    gap: 18px;
    align-content: start;
}

.hero-panel__card[b-hlmv17r8ws],
.search-card[b-hlmv17r8ws] {
    background: rgba(255,255,255,0.98);
    border: 1px solid rgba(255,255,255,0.55);
    border-radius: 30px;
    box-shadow: 0 26px 70px rgba(5, 21, 38, 0.26);
}

.hero-featured[b-hlmv17r8ws] {
    padding: 24px 24px 22px;
}

.tag[b-hlmv17r8ws] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    color: #0f7a51;
    background: rgba(24, 186, 111, 0.12);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tag.dark[b-hlmv17r8ws] {
    color: #ffffff;
    background: #0c2038;
}

.hero-featured h2[b-hlmv17r8ws] {
    margin: 16px 0 0;
    color: #0c2038;
    font-size: clamp(28px, 2.3vw, 40px);
    line-height: 1.08;
}

.hero-featured p[b-hlmv17r8ws] {
    margin: 12px 0 0;
    color: #66788b;
    line-height: 1.7;
}

.hero-featured strong[b-hlmv17r8ws] {
    display: block;
    margin-top: 16px;
    color: #114b7f;
    font-size: 28px;
    line-height: 1;
}

.search-card[b-hlmv17r8ws] {
    padding: 26px;
}

.search-card__head span[b-hlmv17r8ws],
.section-kicker[b-hlmv17r8ws] {
    color: #16af6b;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.search-card__head h3[b-hlmv17r8ws] {
    margin: 10px 0 0;
    color: #0c2038;
    font-size: clamp(26px, 2.1vw, 34px);
    line-height: 1.08;
}

.search-grid[b-hlmv17r8ws] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.field-btn[b-hlmv17r8ws] {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    padding: 18px 18px 16px;
    background: #f6fbff;
    border: 1px solid #deebf7;
    border-radius: 20px;
    cursor: pointer;
    text-align: left;
}

.field-btn small[b-hlmv17r8ws] {
    color: #6c7f92;
    font-size: 12px;
    font-weight: 800;
}

.field-btn strong[b-hlmv17r8ws] {
    color: #0c2038;
    font-size: 16px;
}

.field-btn--wide[b-hlmv17r8ws] {
    grid-column: 1 / -1;
}

.search-main-btn[b-hlmv17r8ws] {
    width: 100%;
    min-height: 58px;
    margin-top: 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    border: 0;
    border-radius: 18px;
    font: inherit;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.section[b-hlmv17r8ws] {
    padding: clamp(76px, 8vw, 116px) clamp(22px, 6vw, 110px);
}

.section-soft[b-hlmv17r8ws] {
    background: #f7fbff;
}

.section-dark[b-hlmv17r8ws] {
    color: #ffffff;
    background: linear-gradient(135deg, #091d34, #123d68);
}

.section-head[b-hlmv17r8ws] {
    max-width: 860px;
    margin-bottom: 32px;
}

.section-head h2[b-hlmv17r8ws],
.two-cols h2[b-hlmv17r8ws],
.contact-card h2[b-hlmv17r8ws] {
    margin: 14px 0 0;
    font-size: clamp(34px, 4.6vw, 64px);
    line-height: 1.02;
    letter-spacing: -0.05em;
}

.section-head h2[b-hlmv17r8ws],
.contact-card h2[b-hlmv17r8ws] {
    color: #071b33;
}

.section-head p[b-hlmv17r8ws],
.two-cols p[b-hlmv17r8ws],
.contact-card p[b-hlmv17r8ws] {
    margin: 16px 0 0;
    color: #66788b;
    font-size: 17px;
    line-height: 1.75;
}

..property-grid[b-hlmv17r8ws] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.property-card[b-hlmv17r8ws] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ddeaf5;
    border-radius: 28px;
    box-shadow: 0 24px 66px rgba(8, 30, 52, 0.08);
}

..property-media[b-hlmv17r8ws] {
    min-height: 170px;
}

.media-one[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(24,186,111,.54), rgba(29,119,199,.84)),
        repeating-linear-gradient(90deg, #e7fff2 0 18px, #bde8ff 18px 36px);
}

.media-two[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(8,30,52,.80), rgba(24,186,111,.40)),
        repeating-linear-gradient(90deg, #0f2e4e 0 22px, #1d77c7 22px 44px);
}

.media-three[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(29,119,199,.78), rgba(24,186,111,.48)),
        repeating-linear-gradient(90deg, #effaff 0 20px, #d9fff1 20px 40px);
}

..property-card__body[b-hlmv17r8ws] {
    padding: 18px;
}

..property-card__body h3[b-hlmv17r8ws] {
    margin: 12px 0 0;
    color: #071b33;
    font-size: 22px;
    line-height: 1.15;
}

..property-card__body p[b-hlmv17r8ws] {
    margin: 8px 0 0;
    color: #66788b;
    font-size: 14px;
    line-height: 1.55;
}

..property-card__body strong[b-hlmv17r8ws] {
    display: block;
    margin-top: 14px;
    color: #12497e;
    font-size: 17px;
}

.two-cols[b-hlmv17r8ws] {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 28px;
    align-items: center;
}

.two-cols p[b-hlmv17r8ws] {
    color: rgba(255,255,255,.78);
}

.section-kicker.light[b-hlmv17r8ws] {
    color: #9bf0c1;
}

.section-contact[b-hlmv17r8ws] {
    background: #ffffff;
}

.contact-card[b-hlmv17r8ws] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 34px;
    background: linear-gradient(135deg, #f7fbff, #eff8ff);
    border: 1px solid #ddeaf5;
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(8, 30, 52, 0.08);
}

.contact-actions[b-hlmv17r8ws] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.site-footer[b-hlmv17r8ws] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 30px clamp(22px, 6vw, 110px);
    color: #ffffff;
    background: #081a31;
}

.site-footer strong[b-hlmv17r8ws],
.site-footer span[b-hlmv17r8ws] {
    display: block;
}

.site-footer span[b-hlmv17r8ws] {
    margin-top: 6px;
    color: rgba(255,255,255,0.68);
}

.footer-links[b-hlmv17r8ws] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.footer-links a[b-hlmv17r8ws] {
    color: rgba(255,255,255,.82);
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 1180px) {
    .main-nav[b-hlmv17r8ws] {
        grid-template-columns: 1fr;
        padding-block: 18px;
    
    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

    .nav-links[b-hlmv17r8ws] {
        justify-content: flex-start;
    
    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

    .hero-content[b-hlmv17r8ws] {
        grid-template-columns: 1fr;
    }

    .property-grid[b-hlmv17r8ws],
    .two-cols[b-hlmv17r8ws] {
        grid-template-columns: 1fr;
    }

    .contact-card[b-hlmv17r8ws] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 840px) {
    .property-grid[b-hlmv17r8ws],
    .hero-metrics[b-hlmv17r8ws],
    .search-grid[b-hlmv17r8ws] {
        grid-template-columns: 1fr;
    }

    .field-btn--wide[b-hlmv17r8ws] {
        grid-column: auto;
    }

    .top-strip[b-hlmv17r8ws] {
        padding-block: 10px;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .hero-copy h1[b-hlmv17r8ws] {
        font-size: 42px;
    }

    .hero-copy p[b-hlmv17r8ws] {
        font-size: 16px;
    }

    .site-footer[b-hlmv17r8ws] {
        align-items: flex-start;
        flex-direction: column;
    }
}
.media-four[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(24,186,111,.62), rgba(7,30,54,.78)),
        repeating-linear-gradient(90deg, #e7fff2 0 16px, #9ed4ff 16px 32px);
}

.media-five[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(29,119,199,.86), rgba(24,186,111,.36)),
        repeating-linear-gradient(90deg, #0a2746 0 14px, #1a4f7f 14px 28px);
}

@media (max-width: 1480px) {
    .property-grid[b-hlmv17r8ws] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .property-grid[b-hlmv17r8ws] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .property-grid[b-hlmv17r8ws] {
        grid-template-columns: 1fr;
    }
}
/* WEB-01J START */
.property-showcase[b-hlmv17r8ws] {
    padding: 92px 54px 86px;
    background: #f5f9fc;
}

.property-showcase .section-heading[b-hlmv17r8ws] {
    max-width: 880px;
    margin-bottom: 34px;
}

.property-showcase .eyebrow[b-hlmv17r8ws] {
    display: inline-block;
    margin-bottom: 12px;
    color: #19b76e;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .18em;
}

.property-showcase .section-heading h2[b-hlmv17r8ws] {
    margin: 0;
    color: #0b2341;
    font-size: clamp(34px, 3vw, 58px);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.property-showcase .section-heading p[b-hlmv17r8ws] {
    margin: 16px 0 0;
    max-width: 760px;
    color: #6a7e93;
    font-size: 16px;
    line-height: 1.8;
}

.property-showcase .property-grid[b-hlmv17r8ws] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch;
}

.property-showcase .property-card[b-hlmv17r8ws] {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    background: #ffffff;
    border: 1px solid rgba(17, 74, 126, .08);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(7, 27, 51, .08);
    transition: transform .22s ease, box-shadow .22s ease;
}

.property-showcase .property-card:hover[b-hlmv17r8ws] {
    transform: translateY(-5px);
    box-shadow: 0 24px 52px rgba(7, 27, 51, .13);
}

.property-showcase .property-media[b-hlmv17r8ws] {
    position: relative;
    min-height: 170px !important;
    border-radius: 26px 26px 0 0;
}

.property-showcase .property-chip[b-hlmv17r8ws] {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    background: rgba(9, 30, 54, .92);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 999px;
    letter-spacing: .08em;
}

.property-showcase .property-card__body[b-hlmv17r8ws] {
    padding: 18px 18px 20px !important;
}

.property-showcase .property-card__body h3[b-hlmv17r8ws] {
    margin: 0;
    color: #0b2341;
    font-size: 21px;
    line-height: 1.12;
}

.property-showcase .property-card__body p[b-hlmv17r8ws] {
    margin: 10px 0 0;
    color: #6a7e93;
    font-size: 14px;
    line-height: 1.58;
}

.property-showcase .property-card__body strong[b-hlmv17r8ws] {
    display: block;
    margin-top: 14px;
    color: #11497e;
    font-size: 17px;
}

.property-showcase .media-one[b-hlmv17r8ws] {
    background:
        linear-gradient(140deg, rgba(25, 183, 110, .22), rgba(52, 149, 244, .68)),
        radial-gradient(circle at 22% 26%, rgba(255,255,255,.32), transparent 38%),
        linear-gradient(180deg, #6de0b5 0%, #3b8fe1 100%);
}

.property-showcase .media-two[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(7, 27, 51, .1), rgba(7, 27, 51, .05)),
        repeating-linear-gradient(90deg, #0d2f52 0 15px, #17608a 15px 30px, #0f7a88 30px 45px);
}

.property-showcase .media-three[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(53, 137, 226, .65), rgba(112, 228, 179, .55)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 14px, transparent 14px 28px);
}

.property-showcase .media-four[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .68), rgba(10, 68, 126, .78)),
        radial-gradient(circle at 75% 28%, rgba(255,255,255,.18), transparent 34%);
}

.property-showcase .media-five[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(29, 119, 199, .82), rgba(24, 186, 111, .42)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 16px, transparent 16px 32px),
        #184e8c;
}

@media (max-width: 1600px) {
    .property-showcase .property-grid[b-hlmv17r8ws] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1280px) {
    .property-showcase[b-hlmv17r8ws] {
        padding-left: 34px;
        padding-right: 34px;
    }

    .property-showcase .property-grid[b-hlmv17r8ws] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 920px) {
    .property-showcase .property-grid[b-hlmv17r8ws] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .property-showcase[b-hlmv17r8ws] {
        padding: 72px 18px 64px;
    }

    .property-showcase .property-grid[b-hlmv17r8ws] {
        grid-template-columns: 1fr !important;
    }
}
/* WEB-01J END */
/* WEB-01K START */
.search-card select[b-hlmv17r8ws] {
    width: 100%;
    min-height: 38px;
    color: #0c2038;
    background: transparent;
    border: 0;
    outline: 0;
    font: inherit;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
}

.search-card select option[b-hlmv17r8ws] {
    color: #0c2038;
    background: #ffffff;
}

.field-select[b-hlmv17r8ws] {
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 18px 18px 16px;
    background: #f6fbff;
    border: 1px solid #deebf7;
    border-radius: 20px;
}

.field-select small[b-hlmv17r8ws] {
    color: #6c7f92;
    font-size: 12px;
    font-weight: 800;
}

.field-select--wide[b-hlmv17r8ws] {
    grid-column: 1 / -1;
}

.search-result[b-hlmv17r8ws] {
    display: grid;
    gap: 5px;
    margin-top: 14px;
    padding: 14px 16px;
    color: #0c2038;
    background: #eafff4;
    border: 1px solid rgba(24, 186, 111, .28);
    border-radius: 18px;
}

.search-result strong[b-hlmv17r8ws] {
    color: #0f7a51;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.search-result span[b-hlmv17r8ws] {
    color: #0c2038;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 840px) {
    .field-select--wide[b-hlmv17r8ws] {
        grid-column: auto;
    }
}
/* WEB-01K END */
/* WEB-01L:OCULTAR-FRANJA-SUPERIOR */
.top-strip[b-hlmv17r8ws],
.top-strip__left[b-hlmv17r8ws],
.top-strip__right[b-hlmv17r8ws] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.rodmay-logo-name[b-hlmv17r8ws] {
    color: #1397ea !important;
    font-weight: 800;
}

.rodmay-logo-subtitle[b-hlmv17r8ws] {
    color: #59b80f !important;
    font-weight: 800;
    letter-spacing: .18em;
}

/* WEB-06C-LOGO-EXACTO START */
.brand strong[b-hlmv17r8ws],
.rodmay-logo-name[b-hlmv17r8ws],
.brand-copy strong[b-hlmv17r8ws],
.brand-name strong[b-hlmv17r8ws] {
    color: #0279CD !important;
    background-image: linear-gradient(180deg, #08A1E7 0%, #0279CD 46%, #07438E 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 8px rgba(2, 121, 205, .24) !important;
}

.brand small[b-hlmv17r8ws],
.rodmay-logo-subtitle[b-hlmv17r8ws],
.brand-copy small[b-hlmv17r8ws],
.brand-name small[b-hlmv17r8ws] {
    color: #3FA001 !important;
    background-image: linear-gradient(180deg, #64BC08 0%, #3FA001 48%, #116B05 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .34), 0 3px 8px rgba(63, 160, 1, .22) !important;
    letter-spacing: .18em !important;
}

.brand > span[b-hlmv17r8ws] {
    color: #07438E !important;
}

.brand-mark[b-hlmv17r8ws],
.brand-icon[b-hlmv17r8ws],
.brand-symbol[b-hlmv17r8ws] {
    color: #07438E !important;
}
/* WEB-06C-LOGO-EXACTO END */

/* WEB-06D-COLOR-LOGO-EXACTO START */
.brand strong[b-hlmv17r8ws],
.brand-copy strong[b-hlmv17r8ws],
.rodmay-logo-name[b-hlmv17r8ws],
.brand-name strong[b-hlmv17r8ws] {
    color: #0079CD !important;
    background: linear-gradient(180deg, #01B1F6 0%, #0079CD 52%, #014C9F 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(1,76,159,.22) !important;
}

.brand small[b-hlmv17r8ws],
.brand-copy small[b-hlmv17r8ws],
.rodmay-logo-subtitle[b-hlmv17r8ws],
.brand-name small[b-hlmv17r8ws] {
    color: #3FA101 !important;
    background: linear-gradient(180deg, #6BC400 0%, #3FA101 52%, #1D8C01 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(29,140,1,.18) !important;
    letter-spacing: .18em !important;
}

.brand-mark[b-hlmv17r8ws],
.brand-icon[b-hlmv17r8ws],
.brand-symbol[b-hlmv17r8ws] {
    color: #014C9F !important;
}
/* WEB-06D-COLOR-LOGO-EXACTO END */

/* WEB-06E-WORDMARK-EXACTO START */
.brand[b-hlmv17r8ws],
.public-brand[b-hlmv17r8ws],
.rodmay-brand[b-hlmv17r8ws],
.site-brand[b-hlmv17r8ws],
.navbar-brand[b-hlmv17r8ws] {
    gap: .9rem !important;
}

.brand-copy[b-hlmv17r8ws],
.brand-name[b-hlmv17r8ws],
.brand-text[b-hlmv17r8ws],
.rodmay-wordmark[b-hlmv17r8ws] {
    position: relative !important;
    display: block !important;
    width: clamp(225px, 15vw, 270px) !important;
    min-width: 225px !important;
    height: clamp(56px, 4vw, 76px) !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

.brand-copy[b-hlmv17r8ws]::before,
.brand-name[b-hlmv17r8ws]::before,
.brand-text[b-hlmv17r8ws]::before,
.rodmay-wordmark[b-hlmv17r8ws]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: url('/rodmay/branding/rodmay-wordmark-exacto.png') left center / contain no-repeat !important;
    z-index: 2 !important;
}

.brand-copy > *[b-hlmv17r8ws],
.brand-name > *[b-hlmv17r8ws],
.brand-text > *[b-hlmv17r8ws],
.rodmay-wordmark > *[b-hlmv17r8ws],
.brand-copy strong[b-hlmv17r8ws],
.brand-copy small[b-hlmv17r8ws],
.brand-name strong[b-hlmv17r8ws],
.brand-name small[b-hlmv17r8ws],
.brand-text strong[b-hlmv17r8ws],
.brand-text small[b-hlmv17r8ws],
.rodmay-wordmark strong[b-hlmv17r8ws],
.rodmay-wordmark small[b-hlmv17r8ws] {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* WEB-06E-WORDMARK-EXACTO END */

/* WEB-06F-QUITAR-R-LOGO START */
.brand > span[b-hlmv17r8ws],
.brand-mark[b-hlmv17r8ws],
.brand-icon[b-hlmv17r8ws],
.brand-symbol[b-hlmv17r8ws] {
    display: none !important;
}

.brand[b-hlmv17r8ws],
.public-brand[b-hlmv17r8ws],
.rodmay-brand[b-hlmv17r8ws],
.site-brand[b-hlmv17r8ws],
.navbar-brand[b-hlmv17r8ws] {
    gap: 0 !important;
}

.brand-copy[b-hlmv17r8ws],
.brand-name[b-hlmv17r8ws],
.brand-text[b-hlmv17r8ws],
.rodmay-wordmark[b-hlmv17r8ws] {
    margin-left: 0 !important;
}

.brand-copy[b-hlmv17r8ws]::before,
.brand-name[b-hlmv17r8ws]::before,
.brand-text[b-hlmv17r8ws]::before,
.rodmay-wordmark[b-hlmv17r8ws]::before {
    left: 0 !important;
}
/* WEB-06F-QUITAR-R-LOGO END */

/* WEB-06G-V2-LOGO-COMPLETO START */
.rodmay-logo-link[b-hlmv17r8ws] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: clamp(160px, 16vw, 245px) !important;
    height: 96px !important;
    padding: 0 !important;
    gap: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-hlmv17r8ws] {
    display: block !important;
    width: auto !important;
    height: clamp(70px, 6.4vw, 92px) !important;
    max-width: clamp(160px, 17vw, 260px) !important;
    object-fit: contain !important;
    object-position: left center !important;
    image-rendering: auto !important;
    filter: drop-shadow(0 8px 18px rgba(7, 27, 51, .10)) !important;
}

.brand > span[b-hlmv17r8ws],
.brand-mark[b-hlmv17r8ws],
.brand-icon[b-hlmv17r8ws],
.brand-symbol[b-hlmv17r8ws] {
    display: none !important;
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-hlmv17r8ws] {
        height: 82px !important;
        min-width: 150px !important;
    }

    .rodmay-full-logo[b-hlmv17r8ws] {
        height: 68px !important;
        max-width: 210px !important;
    }
}
/* WEB-06G-V2-LOGO-COMPLETO END */

/* WEB-06H-V2-LOGO-FUNDIDO START */
.rodmay-logo-link[b-hlmv17r8ws] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 290px !important;
    max-width: 360px !important;
    height: 98px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-hlmv17r8ws],
.rodmay-full-logo--blended[b-hlmv17r8ws] {
    display: block !important;
    width: auto !important;
    height: 84px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.rodmay-full-logo--blended[b-hlmv17r8ws] {
    mix-blend-mode: multiply !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.08)) !important;
}

header .brand[b-hlmv17r8ws],
.public-header .brand[b-hlmv17r8ws],
.rodmay-header .brand[b-hlmv17r8ws],
.navbar .brand[b-hlmv17r8ws],
.brand-shell[b-hlmv17r8ws],
.brand-box[b-hlmv17r8ws],
.logo-shell[b-hlmv17r8ws],
.logo-box[b-hlmv17r8ws] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1200px) {
    .rodmay-logo-link[b-hlmv17r8ws] { min-width: 250px !important; height: 88px !important; }
    .rodmay-full-logo[b-hlmv17r8ws],
    .rodmay-full-logo--blended[b-hlmv17r8ws] { height: 72px !important; }
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-hlmv17r8ws] { min-width: 188px !important; height: 72px !important; }
    .rodmay-full-logo[b-hlmv17r8ws],
    .rodmay-full-logo--blended[b-hlmv17r8ws] { height: 54px !important; }
}
/* WEB-06H-V2-LOGO-FUNDIDO END */

/* WEB-07-MENU-CENTRADO-FIJO START */
.main-nav[b-hlmv17r8ws],
.about-header[b-hlmv17r8ws],
.agents-header[b-hlmv17r8ws],
.contact-header[b-hlmv17r8ws] {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr) !important;
    align-items: center !important;
    column-gap: 24px !important;
    min-height: 104px !important;
    width: 100% !important;
    padding: 0 clamp(22px, 6vw, 110px) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe8f2 !important;
    box-shadow: 0 8px 30px rgba(7, 27, 51, .045) !important;
}

.brand[b-hlmv17r8ws],
.rodmay-logo-link[b-hlmv17r8ws],
.public-brand[b-hlmv17r8ws],
.rodmay-brand[b-hlmv17r8ws],
.site-brand[b-hlmv17r8ws],
.navbar-brand[b-hlmv17r8ws] {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
}

.nav-links[b-hlmv17r8ws],
.about-nav[b-hlmv17r8ws],
.agents-nav[b-hlmv17r8ws],
.contact-nav[b-hlmv17r8ws] {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(20px, 2.1vw, 34px) !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
}

.nav-links a[b-hlmv17r8ws],
.about-nav a[b-hlmv17r8ws],
.agents-nav a[b-hlmv17r8ws],
.contact-nav a[b-hlmv17r8ws] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: #0b2341 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.nav-links a.active[b-hlmv17r8ws],
.nav-links a:hover[b-hlmv17r8ws],
.about-nav a.active[b-hlmv17r8ws],
.about-nav a:hover[b-hlmv17r8ws],
.agents-nav a.active[b-hlmv17r8ws],
.agents-nav a:hover[b-hlmv17r8ws],
.contact-nav a.active[b-hlmv17r8ws],
.contact-nav a:hover[b-hlmv17r8ws] {
    color: #18ba6f !important;
}

.nav-cta[b-hlmv17r8ws],
.header-cta[b-hlmv17r8ws],
.contact-cta[b-hlmv17r8ws],
.agenda-cta[b-hlmv17r8ws] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.rodmay-full-logo[b-hlmv17r8ws],
.rodmay-full-logo--blended[b-hlmv17r8ws] {
    max-height: 84px !important;
}

@media (max-width: 1180px) {
    .main-nav[b-hlmv17r8ws],
    .about-header[b-hlmv17r8ws],
    .agents-header[b-hlmv17r8ws],
    .contact-header[b-hlmv17r8ws] {
        grid-template-columns: minmax(210px, .8fr) auto minmax(120px, .8fr) !important;
        column-gap: 18px !important;
    }

    .nav-links[b-hlmv17r8ws],
    .about-nav[b-hlmv17r8ws],
    .agents-nav[b-hlmv17r8ws],
    .contact-nav[b-hlmv17r8ws] {
        gap: 18px !important;
    }
}

@media (max-width: 900px) {
    .main-nav[b-hlmv17r8ws],
    .about-header[b-hlmv17r8ws],
    .agents-header[b-hlmv17r8ws],
    .contact-header[b-hlmv17r8ws] {
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
        min-height: auto !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .brand[b-hlmv17r8ws],
    .rodmay-logo-link[b-hlmv17r8ws],
    .public-brand[b-hlmv17r8ws],
    .rodmay-brand[b-hlmv17r8ws],
    .site-brand[b-hlmv17r8ws],
    .navbar-brand[b-hlmv17r8ws],
    .nav-links[b-hlmv17r8ws],
    .about-nav[b-hlmv17r8ws],
    .agents-nav[b-hlmv17r8ws],
    .contact-nav[b-hlmv17r8ws],
    .nav-cta[b-hlmv17r8ws],
    .header-cta[b-hlmv17r8ws],
    .contact-cta[b-hlmv17r8ws],
    .agenda-cta[b-hlmv17r8ws] {
        grid-column: 1 !important;
        justify-self: center !important;
    }

    .nav-links[b-hlmv17r8ws],
    .about-nav[b-hlmv17r8ws],
    .agents-nav[b-hlmv17r8ws],
    .contact-nav[b-hlmv17r8ws] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }
}
/* WEB-07-MENU-CENTRADO-FIJO END */

/* WEB-09-FOOTER-REAL START */
.rodmay-trust-section[b-hlmv17r8ws] {
    background:
        radial-gradient(circle at 88% 12%, rgba(24, 186, 111, .12), transparent 24rem),
        linear-gradient(135deg, #071b33, #103f6f) !important;
}

.rodmay-trust-section .two-cols[b-hlmv17r8ws] {
    align-items: center;
}

.rodmay-trust-section p[b-hlmv17r8ws] {
    max-width: 780px;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 17px;
    line-height: 1.85;
}

.rodmay-clean-footer[b-hlmv17r8ws] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 34px clamp(22px, 6vw, 110px) !important;
    background: #071b33 !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.rodmay-clean-footer strong[b-hlmv17r8ws] {
    display: block;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
}

.rodmay-clean-footer span[b-hlmv17r8ws] {
    color: rgba(255, 255, 255, .74);
    line-height: 1.65;
}

.rodmay-clean-footer > div:first-child span[b-hlmv17r8ws] {
    max-width: 780px;
    display: block;
    margin-top: 7px;
}

.footer-contact[b-hlmv17r8ws] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    flex-wrap: wrap;
}

.footer-contact span[b-hlmv17r8ws] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    color: #ffffff !important;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.footer-links[b-hlmv17r8ws] {
    display: none !important;
}

@media (max-width: 900px) {
    .rodmay-clean-footer[b-hlmv17r8ws] {
        grid-template-columns: 1fr !important;
        align-items: flex-start !important;
    }

    .footer-contact[b-hlmv17r8ws] {
        justify-content: flex-start;
    }
}
/* WEB-09-FOOTER-REAL END */
/* WEB-11-PROPIEDADES-DESDE-PROYECTOS START */
.property-grid-dynamic[b-hlmv17r8ws] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.property-card-live[b-hlmv17r8ws] {
    min-height: 100%;
}

.property-media-live[b-hlmv17r8ws] {
    position: relative;
    min-height: 170px !important;
    overflow: hidden;
}

.property-media-live img[b-hlmv17r8ws] {
    width: 100%;
    height: 100%;
    min-height: 170px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.property-empty-state[b-hlmv17r8ws] {
    padding: 30px;
    color: #66788b;
    background: #ffffff;
    border: 1px dashed #dfe8f2;
    border-radius: 24px;
    font-weight: 800;
}

.media-dynamic-1[b-hlmv17r8ws] {
    background:
        linear-gradient(140deg, rgba(25, 183, 110, .22), rgba(52, 149, 244, .68)),
        radial-gradient(circle at 22% 26%, rgba(255,255,255,.32), transparent 38%),
        linear-gradient(180deg, #6de0b5 0%, #3b8fe1 100%);
}

.media-dynamic-2[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(7, 27, 51, .1), rgba(7, 27, 51, .05)),
        repeating-linear-gradient(90deg, #0d2f52 0 15px, #17608a 15px 30px, #0f7a88 30px 45px);
}

.media-dynamic-3[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(53, 137, 226, .65), rgba(112, 228, 179, .55)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 14px, transparent 14px 28px);
}

.media-dynamic-4[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .68), rgba(10, 68, 126, .78)),
        radial-gradient(circle at 75% 28%, rgba(255,255,255,.18), transparent 34%);
}

.media-dynamic-5[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(29, 119, 199, .82), rgba(24, 186, 111, .42)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 16px, transparent 16px 32px),
        #184e8c;
}

@media (max-width: 1600px) {
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1280px) {
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 920px) {
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: 1fr !important;
    }
}
/* WEB-11-PROPIEDADES-DESDE-PROYECTOS END */
/* WEB-11C-IMAGEN-ENDPOINT START */
.rodmay-image-fallback[b-hlmv17r8ws] {
    background:
        linear-gradient(140deg, rgba(25, 183, 110, .22), rgba(52, 149, 244, .68)),
        radial-gradient(circle at 22% 26%, rgba(255,255,255,.32), transparent 38%),
        linear-gradient(180deg, #6de0b5 0%, #3b8fe1 100%);
}

.rodmay-image-fallback.image-missing[b-hlmv17r8ws] {
    background:
        linear-gradient(135deg, rgba(7, 27, 51, .1), rgba(7, 27, 51, .05)),
        repeating-linear-gradient(90deg, #0d2f52 0 15px, #17608a 15px 30px, #0f7a88 30px 45px);
}

.rodmay-image-fallback img[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
}

.property-media-live .property-chip[b-hlmv17r8ws] {
    z-index: 2;
}
/* WEB-11C-IMAGEN-ENDPOINT END */
/* WEB-12-CARDS-COMPACTAS START */
.property-showcase[b-hlmv17r8ws] {
    padding-top: clamp(54px, 5vw, 78px) !important;
    padding-bottom: clamp(58px, 5vw, 82px) !important;
}

.property-showcase .section-heading[b-hlmv17r8ws] {
    max-width: 860px !important;
    margin-bottom: 34px !important;
}

.property-showcase .section-heading h2[b-hlmv17r8ws] {
    max-width: 760px !important;
    font-size: clamp(34px, 3.8vw, 56px) !important;
    line-height: 1.03 !important;
}

.property-showcase .section-heading p[b-hlmv17r8ws] {
    max-width: 740px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.property-grid[b-hlmv17r8ws],
.property-grid-dynamic[b-hlmv17r8ws] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(255px, 305px)) !important;
    justify-content: start !important;
    align-items: stretch !important;
    gap: 22px !important;
}

.property-card[b-hlmv17r8ws],
.property-card-live[b-hlmv17r8ws] {
    width: 100% !important;
    max-width: 305px !important;
    min-height: 405px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 38px rgba(7, 27, 51, .075) !important;
}

.property-media[b-hlmv17r8ws],
.property-media-live[b-hlmv17r8ws] {
    height: 198px !important;
    min-height: 198px !important;
    max-height: 198px !important;
    border-radius: 6px 6px 0 0 !important;
}

.property-media-live img[b-hlmv17r8ws],
.property-media img[b-hlmv17r8ws] {
    width: 100% !important;
    height: 198px !important;
    min-height: 198px !important;
    max-height: 198px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.property-card__body[b-hlmv17r8ws] {
    padding: 18px 18px 20px !important;
}

.property-card__body h3[b-hlmv17r8ws] {
    margin: 0 0 10px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
}

.property-card__body p[b-hlmv17r8ws] {
    min-height: 46px !important;
    margin: 0 0 14px !important;
    color: #65778c !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.property-card__body strong[b-hlmv17r8ws] {
    display: block !important;
    color: #005996 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.property-chip[b-hlmv17r8ws] {
    top: 12px !important;
    left: 12px !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
}

@media (max-width: 1500px) {
    .property-grid[b-hlmv17r8ws],
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: repeat(auto-fill, minmax(245px, 295px)) !important;
    }

    .property-card[b-hlmv17r8ws],
    .property-card-live[b-hlmv17r8ws] {
        max-width: 295px !important;
    }
}

@media (max-width: 980px) {
    .property-grid[b-hlmv17r8ws],
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .property-card[b-hlmv17r8ws],
    .property-card-live[b-hlmv17r8ws] {
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    .property-grid[b-hlmv17r8ws],
    .property-grid-dynamic[b-hlmv17r8ws] {
        grid-template-columns: 1fr !important;
    }
}
/* WEB-12-CARDS-COMPACTAS END */
/* WEB-13-SEPARACION-COMPACTA-CARDS START */
.property-showcase .property-grid[b-hlmv17r8ws],
.property-showcase .property-grid-dynamic[b-hlmv17r8ws] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    column-gap: 22px !important;
    row-gap: 26px !important;
    width: 100% !important;
}

.property-showcase .property-card[b-hlmv17r8ws],
.property-showcase .property-card-live[b-hlmv17r8ws] {
    flex: 0 0 305px !important;
    width: 305px !important;
    max-width: 305px !important;
    min-width: 305px !important;
    margin: 0 !important;
}

.property-showcase .property-media[b-hlmv17r8ws],
.property-showcase .property-media-live[b-hlmv17r8ws] {
    height: 198px !important;
    min-height: 198px !important;
    max-height: 198px !important;
}

.property-showcase .property-media img[b-hlmv17r8ws],
.property-showcase .property-media-live img[b-hlmv17r8ws] {
    height: 198px !important;
    min-height: 198px !important;
    max-height: 198px !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 980px) {
    .property-showcase .property-card[b-hlmv17r8ws],
    .property-showcase .property-card-live[b-hlmv17r8ws] {
        flex: 0 0 calc(50% - 11px) !important;
        width: calc(50% - 11px) !important;
        max-width: calc(50% - 11px) !important;
        min-width: 0 !important;
    }
}

@media (max-width: 640px) {
    .property-showcase .property-grid[b-hlmv17r8ws],
    .property-showcase .property-grid-dynamic[b-hlmv17r8ws] {
        gap: 18px !important;
    }

    .property-showcase .property-card[b-hlmv17r8ws],
    .property-showcase .property-card-live[b-hlmv17r8ws] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}
/* WEB-13-SEPARACION-COMPACTA-CARDS END */

/* WEB-17C-HERO-IMAGEN START */
.rodmay-hero-media-bg[b-hlmv17r8ws] {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    background-color: #082b58 !important;
}

.rodmay-hero-media-bg[b-hlmv17r8ws]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url("/images/rodmay/hero-publico-bg.png");
    background-repeat: no-repeat;
    background-position: center 66%;
    background-size: cover;
    opacity: .76;
    pointer-events: none;
}

.rodmay-hero-media-bg[b-hlmv17r8ws]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(4, 26, 66, .91) 0%,
            rgba(6, 47, 96, .78) 41%,
            rgba(6, 55, 108, .60) 67%,
            rgba(4, 31, 74, .76) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2, 19, 50, .15) 0%,
            rgba(2, 22, 55, .40) 100%
        );
    pointer-events: none;
}

.rodmay-hero-media-bg > *[b-hlmv17r8ws] {
    position: relative;
    z-index: 2;
}

.rodmay-hero-media-bg h1[b-hlmv17r8ws] {
    text-shadow:
        0 4px 24px rgba(0, 15, 42, .36),
        0 1px 2px rgba(0, 0, 0, .16);
}

.rodmay-hero-media-bg .hero-copy > p[b-hlmv17r8ws],
.rodmay-hero-media-bg .premium-hero-copy > p[b-hlmv17r8ws] {
    color: rgba(255, 255, 255, .92);
    text-shadow: 0 2px 14px rgba(0, 18, 48, .28);
}

.rodmay-hero-media-bg .hero-background[b-hlmv17r8ws],
.rodmay-hero-media-bg .hero-decor[b-hlmv17r8ws],
.rodmay-hero-media-bg .city-decor[b-hlmv17r8ws],
.rodmay-hero-media-bg .hero-cityscape[b-hlmv17r8ws] {
    opacity: .12 !important;
}

@media (max-width: 900px) {
    .rodmay-hero-media-bg[b-hlmv17r8ws]::before {
        background-position: 42% center;
        opacity: .62;
    }

    .rodmay-hero-media-bg[b-hlmv17r8ws]::after {
        background:
            linear-gradient(
                180deg,
                rgba(4, 26, 66, .89) 0%,
                rgba(5, 45, 92, .72) 54%,
                rgba(4, 29, 70, .84) 100%
            );
    }
}
/* WEB-17C-HERO-IMAGEN END */
/* WEB-22 - TARJETA DETALLE */

.property-card-link[b-hlmv17r8ws] {
    display: block;
    min-width: 0;
    height: 100%;
    color: inherit;
    text-decoration: none;
    border-radius: 24px;
    outline: none;
}

.property-card-link .property-card[b-hlmv17r8ws] {
    height: 100%;
    cursor: pointer;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        border-color 160ms ease;
}

.property-card-link:hover .property-card[b-hlmv17r8ws] {
    transform: translateY(-4px);
    border-color: rgba(24, 186, 111, .32);
    box-shadow: 0 20px 42px rgba(8, 30, 50, .13);
}

.property-card-link:focus-visible[b-hlmv17r8ws] {
    outline: 3px solid rgba(24, 186, 111, .45);
    outline-offset: 4px;
}

/* /WEB-22 */
/* WEB-23-V4-PROYECTO-SEMANA */

.hero-featured-week[b-hlmv17r8ws] {
    position: relative;
    display: grid;
    gap: 13px;
    overflow: hidden;
    color: #0c2038;
    text-decoration: none;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(24, 186, 111, .14),
            transparent 34%),
        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(241,249,255,.98));
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.hero-featured-week:hover[b-hlmv17r8ws] {
    transform: translateY(-3px);
    border-color: rgba(24,186,111,.36);
    box-shadow: 0 30px 75px rgba(5, 21, 38, .31);
}

.hero-featured-week[b-hlmv17r8ws]::after {
    content: "";
    position: absolute;
    right: -58px;
    bottom: -72px;
    width: 180px;
    height: 180px;
    border: 24px solid rgba(17, 75, 127, .055);
    border-radius: 50%;
    pointer-events: none;
}

.week-card-topline[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.week-price-badge[b-hlmv17r8ws] {
    padding: 5px 9px;
    color: #0f6094;
    background: #e9f6ff;
    border: 1px solid #cce7f7;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .09em;
    white-space: nowrap;
}

.week-location[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}

.week-location-icon[b-hlmv17r8ws] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #18ba6f,
            #1689c5);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(24,186,111,.17);
    font-size: 18px;
}

.week-location > div[b-hlmv17r8ws] {
    min-width: 0;
}

.week-location small[b-hlmv17r8ws],
.week-price-row small[b-hlmv17r8ws] {
    display: block;
    color: #778a9a;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .12em;
}

.hero-featured-week .week-location h2[b-hlmv17r8ws] {
    margin: 3px 0 0;
    overflow: hidden;
    color: #081d35;
    font-size: clamp(24px, 2.3vw, 36px);
    line-height: 1.02;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hero-featured-week .week-location-detail[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
    margin: -4px 0 0;
    color: #597184;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
}

.hero-featured-week .week-curiosity[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 10px 12px;
    color: #385569;
    background: rgba(24,186,111,.07);
    border-left: 3px solid #18ba6f;
    border-radius: 0 10px 10px 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.42;
}

.week-price-row[b-hlmv17r8ws] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
}

.week-price-row > div > strong[b-hlmv17r8ws] {
    display: block;
    margin-top: 3px;
    color: #114b7f;
    font-size: 27px;
    line-height: 1;
}

.week-open[b-hlmv17r8ws] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 0 12px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #18ba6f,
            #178ac7);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
}

.week-open b[b-hlmv17r8ws] {
    font-size: 14px;
}

.hero-featured-week-empty[b-hlmv17r8ws] {
    align-content: center;
}

@media (max-width: 680px) {
    .week-card-topline[b-hlmv17r8ws] {
        align-items: flex-start;
        flex-direction: column;
    }

    .week-price-row[b-hlmv17r8ws] {
        align-items: stretch;
        flex-direction: column;
    }

    .week-open[b-hlmv17r8ws] {
        justify-content: center;
    }
}

/* /WEB-23-V4-PROYECTO-SEMANA */

/* SEC-20AD:HOME-CARDS-FEATURES-CLEAN START */
.rodmay-home-card-features[b-hlmv17r8ws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem 0.85rem;
    margin-top: 0.55rem;
    color: #052e56;
}

.rodmay-home-card-feature[b-hlmv17r8ws] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #052e56;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    box-shadow: none;
}

@media (max-width: 640px) {
    .rodmay-home-card-features[b-hlmv17r8ws] {
        gap: 0.25rem 0.62rem;
    }

    .rodmay-home-card-feature[b-hlmv17r8ws] {
        font-size: 0.84rem;
    }
}
/* SEC-20AD:HOME-CARDS-FEATURES-CLEAN END */
/* /Components/Pages/Publico/RodmayNosotros.razor.rz.scp.css */
.about-page[b-737gwct1wg] {
    min-height: 100vh;
    color: #0b2341;
    background: #f4f8fc;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.about-header[b-737gwct1wg] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;

    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.brand[b-737gwct1wg] {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #0b2341;
    text-decoration: none;
}

.brand > span[b-737gwct1wg] {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
    font-size: 26px;
    font-weight: 950;
    box-shadow: 0 14px 28px rgba(7, 27, 51, 0.08);
}

.brand strong[b-737gwct1wg],
.brand small[b-737gwct1wg] {
    display: block;
}

.brand strong[b-737gwct1wg] {
    font-size: 23px;
    line-height: 1;
}

.brand small[b-737gwct1wg] {
    margin-top: 4px;
    color: #0b2341;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.about-nav[b-737gwct1wg] {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.about-nav a[b-737gwct1wg] {    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.about-nav a.active[b-737gwct1wg],
.about-nav a:hover[b-737gwct1wg] {    color: #18ba6f;

    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}

.about-hero[b-737gwct1wg] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr);
    gap: 34px;
    align-items: end;
    padding: clamp(76px, 8vw, 118px) clamp(22px, 6vw, 110px);
    color: #ffffff;
    background:
        radial-gradient(circle at 88% 12%, rgba(24, 186, 111, .22), transparent 26rem),
        linear-gradient(135deg, #071b33, #103f6f);
}

.about-hero-copy span[b-737gwct1wg],
.section-kicker[b-737gwct1wg],
.about-cta span[b-737gwct1wg] {
    color: #18ba6f;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.about-hero-copy h1[b-737gwct1wg] {
    max-width: 980px;
    margin: 14px 0 0;
    color: #ffffff;
    font-size: clamp(42px, 6vw, 86px);
    line-height: 1.01;
    letter-spacing: -0.06em;
}

.about-hero-copy p[b-737gwct1wg] {
    max-width: 780px;
    margin: 20px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.75;
}

.about-hero-card[b-737gwct1wg] {
    display: grid;
    gap: 12px;
    padding: 30px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 28px;
    box-shadow: 0 24px 64px rgba(0,0,0,.16);
}

.about-hero-card strong[b-737gwct1wg] {
    color: #071b33;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1;
}

.about-hero-card span[b-737gwct1wg] {
    color: #66788b;
    font-size: 16px;
    line-height: 1.7;
}

.about-story[b-737gwct1wg] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: 24px;
    padding: clamp(70px, 7vw, 104px) clamp(22px, 6vw, 110px);
}

.story-card[b-737gwct1wg],
.story-side article[b-737gwct1wg],
.mission-vision article[b-737gwct1wg],
.why-grid article[b-737gwct1wg],
.about-cta[b-737gwct1wg] {
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 28px;
    box-shadow: 0 20px 56px rgba(7, 27, 51, .07);
}

.story-card[b-737gwct1wg] {
    padding: 34px;
}

.story-card h2[b-737gwct1wg],
.mission-vision h2[b-737gwct1wg],
.why-head h2[b-737gwct1wg],
.about-cta h2[b-737gwct1wg] {
    margin: 14px 0 0;
    color: #071b33;
    font-size: clamp(30px, 4vw, 56px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.story-card p[b-737gwct1wg],
.mission-vision p[b-737gwct1wg],
.why-grid p[b-737gwct1wg] {
    margin: 18px 0 0;
    color: #66788b;
    font-size: 16px;
    line-height: 1.85;
}

.story-side[b-737gwct1wg] {
    display: grid;
    gap: 18px;
}

.story-side article[b-737gwct1wg] {
    padding: 26px;
}

.story-side strong[b-737gwct1wg],
.why-grid strong[b-737gwct1wg] {
    display: block;
    color: #071b33;
    font-size: 22px;
}

.story-side span[b-737gwct1wg] {
    display: block;
    margin-top: 8px;
    color: #66788b;
    line-height: 1.65;
}

.mission-vision[b-737gwct1wg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 0 clamp(22px, 6vw, 110px) clamp(70px, 7vw, 104px);
}

.mission-vision article[b-737gwct1wg] {
    padding: 34px;
}

.why-section[b-737gwct1wg] {
    padding: clamp(70px, 7vw, 104px) clamp(22px, 6vw, 110px);
    background: #ffffff;
}

.why-head[b-737gwct1wg] {
    max-width: 900px;
    margin-bottom: 30px;
}

.why-grid[b-737gwct1wg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.why-grid article[b-737gwct1wg] {
    padding: 26px;
}

.why-grid article > span[b-737gwct1wg] {
    color: #18ba6f;
    font-size: 13px;
    font-weight: 950;
}

.about-cta[b-737gwct1wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: clamp(70px, 7vw, 104px) clamp(22px, 6vw, 110px);
    padding: 34px;
    background:
        radial-gradient(circle at 92% 10%, rgba(24, 186, 111, .18), transparent 22rem),
        linear-gradient(135deg, #f7fbff, #eff8ff);
}

.cta-actions[b-737gwct1wg] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cta-actions a[b-737gwct1wg] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 950;
    text-decoration: none;
}

.cta-actions .primary[b-737gwct1wg] {
    color: #ffffff;
    background: linear-gradient(135deg, #18ba6f, #1d77c7);
    box-shadow: 0 16px 34px rgba(24,186,111,.22);
}

.cta-actions .secondary[b-737gwct1wg] {
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #dfe8f2;
}

@media (max-width: 980px) {
    .about-hero[b-737gwct1wg],
    .about-story[b-737gwct1wg],
    .mission-vision[b-737gwct1wg],
    .why-grid[b-737gwct1wg] {
        grid-template-columns: 1fr;
    }

    .about-cta[b-737gwct1wg] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .about-header[b-737gwct1wg] {
        align-items: flex-start;
        flex-direction: column;
    
    border-bottom: 1px solid #dfe8f2;
    box-shadow: 0 10px 30px rgba(7, 27, 51, .06);
}
}

.rodmay-logo-name[b-737gwct1wg] {
    color: #1397ea !important;
    font-weight: 800;
}

.rodmay-logo-subtitle[b-737gwct1wg] {
    color: #59b80f !important;
    font-weight: 800;
    letter-spacing: .18em;
}

/* WEB-06C-LOGO-EXACTO START */
.brand strong[b-737gwct1wg],
.rodmay-logo-name[b-737gwct1wg],
.brand-copy strong[b-737gwct1wg],
.brand-name strong[b-737gwct1wg] {
    color: #0279CD !important;
    background-image: linear-gradient(180deg, #08A1E7 0%, #0279CD 46%, #07438E 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35), 0 3px 8px rgba(2, 121, 205, .24) !important;
}

.brand small[b-737gwct1wg],
.rodmay-logo-subtitle[b-737gwct1wg],
.brand-copy small[b-737gwct1wg],
.brand-name small[b-737gwct1wg] {
    color: #3FA001 !important;
    background-image: linear-gradient(180deg, #64BC08 0%, #3FA001 48%, #116B05 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .34), 0 3px 8px rgba(63, 160, 1, .22) !important;
    letter-spacing: .18em !important;
}

.brand > span[b-737gwct1wg] {
    color: #07438E !important;
}

.brand-mark[b-737gwct1wg],
.brand-icon[b-737gwct1wg],
.brand-symbol[b-737gwct1wg] {
    color: #07438E !important;
}
/* WEB-06C-LOGO-EXACTO END */

/* WEB-06D-COLOR-LOGO-EXACTO START */
.brand strong[b-737gwct1wg],
.brand-copy strong[b-737gwct1wg],
.rodmay-logo-name[b-737gwct1wg],
.brand-name strong[b-737gwct1wg] {
    color: #0079CD !important;
    background: linear-gradient(180deg, #01B1F6 0%, #0079CD 52%, #014C9F 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(1,76,159,.22) !important;
}

.brand small[b-737gwct1wg],
.brand-copy small[b-737gwct1wg],
.rodmay-logo-subtitle[b-737gwct1wg],
.brand-name small[b-737gwct1wg] {
    color: #3FA101 !important;
    background: linear-gradient(180deg, #6BC400 0%, #3FA101 52%, #1D8C01 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.45), 0 2px 0 rgba(0,0,0,.05), 0 4px 8px rgba(29,140,1,.18) !important;
    letter-spacing: .18em !important;
}

.brand-mark[b-737gwct1wg],
.brand-icon[b-737gwct1wg],
.brand-symbol[b-737gwct1wg] {
    color: #014C9F !important;
}
/* WEB-06D-COLOR-LOGO-EXACTO END */

/* WEB-06E-WORDMARK-EXACTO START */
.brand[b-737gwct1wg],
.public-brand[b-737gwct1wg],
.rodmay-brand[b-737gwct1wg],
.site-brand[b-737gwct1wg],
.navbar-brand[b-737gwct1wg] {
    gap: .9rem !important;
}

.brand-copy[b-737gwct1wg],
.brand-name[b-737gwct1wg],
.brand-text[b-737gwct1wg],
.rodmay-wordmark[b-737gwct1wg] {
    position: relative !important;
    display: block !important;
    width: clamp(225px, 15vw, 270px) !important;
    min-width: 225px !important;
    height: clamp(56px, 4vw, 76px) !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

.brand-copy[b-737gwct1wg]::before,
.brand-name[b-737gwct1wg]::before,
.brand-text[b-737gwct1wg]::before,
.rodmay-wordmark[b-737gwct1wg]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: url('/rodmay/branding/rodmay-wordmark-exacto.png') left center / contain no-repeat !important;
    z-index: 2 !important;
}

.brand-copy > *[b-737gwct1wg],
.brand-name > *[b-737gwct1wg],
.brand-text > *[b-737gwct1wg],
.rodmay-wordmark > *[b-737gwct1wg],
.brand-copy strong[b-737gwct1wg],
.brand-copy small[b-737gwct1wg],
.brand-name strong[b-737gwct1wg],
.brand-name small[b-737gwct1wg],
.brand-text strong[b-737gwct1wg],
.brand-text small[b-737gwct1wg],
.rodmay-wordmark strong[b-737gwct1wg],
.rodmay-wordmark small[b-737gwct1wg] {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* WEB-06E-WORDMARK-EXACTO END */

/* WEB-06F-QUITAR-R-LOGO START */
.brand > span[b-737gwct1wg],
.brand-mark[b-737gwct1wg],
.brand-icon[b-737gwct1wg],
.brand-symbol[b-737gwct1wg] {
    display: none !important;
}

.brand[b-737gwct1wg],
.public-brand[b-737gwct1wg],
.rodmay-brand[b-737gwct1wg],
.site-brand[b-737gwct1wg],
.navbar-brand[b-737gwct1wg] {
    gap: 0 !important;
}

.brand-copy[b-737gwct1wg],
.brand-name[b-737gwct1wg],
.brand-text[b-737gwct1wg],
.rodmay-wordmark[b-737gwct1wg] {
    margin-left: 0 !important;
}

.brand-copy[b-737gwct1wg]::before,
.brand-name[b-737gwct1wg]::before,
.brand-text[b-737gwct1wg]::before,
.rodmay-wordmark[b-737gwct1wg]::before {
    left: 0 !important;
}
/* WEB-06F-QUITAR-R-LOGO END */

/* WEB-06G-V2-LOGO-COMPLETO START */
.rodmay-logo-link[b-737gwct1wg] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: clamp(160px, 16vw, 245px) !important;
    height: 96px !important;
    padding: 0 !important;
    gap: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-737gwct1wg] {
    display: block !important;
    width: auto !important;
    height: clamp(70px, 6.4vw, 92px) !important;
    max-width: clamp(160px, 17vw, 260px) !important;
    object-fit: contain !important;
    object-position: left center !important;
    image-rendering: auto !important;
    filter: drop-shadow(0 8px 18px rgba(7, 27, 51, .10)) !important;
}

.brand > span[b-737gwct1wg],
.brand-mark[b-737gwct1wg],
.brand-icon[b-737gwct1wg],
.brand-symbol[b-737gwct1wg] {
    display: none !important;
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-737gwct1wg] {
        height: 82px !important;
        min-width: 150px !important;
    }

    .rodmay-full-logo[b-737gwct1wg] {
        height: 68px !important;
        max-width: 210px !important;
    }
}
/* WEB-06G-V2-LOGO-COMPLETO END */

/* WEB-06H-V2-LOGO-FUNDIDO START */
.rodmay-logo-link[b-737gwct1wg] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 290px !important;
    max-width: 360px !important;
    height: 98px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.rodmay-full-logo[b-737gwct1wg],
.rodmay-full-logo--blended[b-737gwct1wg] {
    display: block !important;
    width: auto !important;
    height: 84px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.rodmay-full-logo--blended[b-737gwct1wg] {
    mix-blend-mode: multiply !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.08)) !important;
}

header .brand[b-737gwct1wg],
.public-header .brand[b-737gwct1wg],
.rodmay-header .brand[b-737gwct1wg],
.navbar .brand[b-737gwct1wg],
.brand-shell[b-737gwct1wg],
.brand-box[b-737gwct1wg],
.logo-shell[b-737gwct1wg],
.logo-box[b-737gwct1wg] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1200px) {
    .rodmay-logo-link[b-737gwct1wg] { min-width: 250px !important; height: 88px !important; }
    .rodmay-full-logo[b-737gwct1wg],
    .rodmay-full-logo--blended[b-737gwct1wg] { height: 72px !important; }
}

@media (max-width: 900px) {
    .rodmay-logo-link[b-737gwct1wg] { min-width: 188px !important; height: 72px !important; }
    .rodmay-full-logo[b-737gwct1wg],
    .rodmay-full-logo--blended[b-737gwct1wg] { height: 54px !important; }
}
/* WEB-06H-V2-LOGO-FUNDIDO END */

/* WEB-07-MENU-CENTRADO-FIJO START */
.main-nav[b-737gwct1wg],
.about-header[b-737gwct1wg],
.agents-header[b-737gwct1wg],
.contact-header[b-737gwct1wg] {
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr) !important;
    align-items: center !important;
    column-gap: 24px !important;
    min-height: 104px !important;
    width: 100% !important;
    padding: 0 clamp(22px, 6vw, 110px) !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe8f2 !important;
    box-shadow: 0 8px 30px rgba(7, 27, 51, .045) !important;
}

.brand[b-737gwct1wg],
.rodmay-logo-link[b-737gwct1wg],
.public-brand[b-737gwct1wg],
.rodmay-brand[b-737gwct1wg],
.site-brand[b-737gwct1wg],
.navbar-brand[b-737gwct1wg] {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
}

.nav-links[b-737gwct1wg],
.about-nav[b-737gwct1wg],
.agents-nav[b-737gwct1wg],
.contact-nav[b-737gwct1wg] {
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(20px, 2.1vw, 34px) !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
}

.nav-links a[b-737gwct1wg],
.about-nav a[b-737gwct1wg],
.agents-nav a[b-737gwct1wg],
.contact-nav a[b-737gwct1wg] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    color: #0b2341 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.nav-links a.active[b-737gwct1wg],
.nav-links a:hover[b-737gwct1wg],
.about-nav a.active[b-737gwct1wg],
.about-nav a:hover[b-737gwct1wg],
.agents-nav a.active[b-737gwct1wg],
.agents-nav a:hover[b-737gwct1wg],
.contact-nav a.active[b-737gwct1wg],
.contact-nav a:hover[b-737gwct1wg] {
    color: #18ba6f !important;
}

.nav-cta[b-737gwct1wg],
.header-cta[b-737gwct1wg],
.contact-cta[b-737gwct1wg],
.agenda-cta[b-737gwct1wg] {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.rodmay-full-logo[b-737gwct1wg],
.rodmay-full-logo--blended[b-737gwct1wg] {
    max-height: 84px !important;
}

@media (max-width: 1180px) {
    .main-nav[b-737gwct1wg],
    .about-header[b-737gwct1wg],
    .agents-header[b-737gwct1wg],
    .contact-header[b-737gwct1wg] {
        grid-template-columns: minmax(210px, .8fr) auto minmax(120px, .8fr) !important;
        column-gap: 18px !important;
    }

    .nav-links[b-737gwct1wg],
    .about-nav[b-737gwct1wg],
    .agents-nav[b-737gwct1wg],
    .contact-nav[b-737gwct1wg] {
        gap: 18px !important;
    }
}

@media (max-width: 900px) {
    .main-nav[b-737gwct1wg],
    .about-header[b-737gwct1wg],
    .agents-header[b-737gwct1wg],
    .contact-header[b-737gwct1wg] {
        grid-template-columns: 1fr !important;
        row-gap: 12px !important;
        min-height: auto !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .brand[b-737gwct1wg],
    .rodmay-logo-link[b-737gwct1wg],
    .public-brand[b-737gwct1wg],
    .rodmay-brand[b-737gwct1wg],
    .site-brand[b-737gwct1wg],
    .navbar-brand[b-737gwct1wg],
    .nav-links[b-737gwct1wg],
    .about-nav[b-737gwct1wg],
    .agents-nav[b-737gwct1wg],
    .contact-nav[b-737gwct1wg],
    .nav-cta[b-737gwct1wg],
    .header-cta[b-737gwct1wg],
    .contact-cta[b-737gwct1wg],
    .agenda-cta[b-737gwct1wg] {
        grid-column: 1 !important;
        justify-self: center !important;
    }

    .nav-links[b-737gwct1wg],
    .about-nav[b-737gwct1wg],
    .agents-nav[b-737gwct1wg],
    .contact-nav[b-737gwct1wg] {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }
}
/* WEB-07-MENU-CENTRADO-FIJO END */
/* /Components/Pages/Publico/RodmayPrivacidad.razor.rz.scp.css */
:host[b-s60o8dbl29] {
    display: block;
    width: 100%;
    color: #0b2341;
    background: #f5f9fc;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

*[b-s60o8dbl29] {
    box-sizing: border-box;
}

.legal-page[b-s60o8dbl29] {
    min-height: 100vh;
    background:
        linear-gradient(
            180deg,
            #ffffff 0,
            #ffffff 116px,
            #f5f9fc 116px,
            #f5f9fc 100%);
}

.legal-header[b-s60o8dbl29] {
    width: min(1460px, calc(100% - 48px));
    min-height: 116px;
    display: grid;
    grid-template-columns:
        minmax(240px, 1fr)
        auto
        minmax(140px, 1fr);
    align-items: center;
    gap: 26px;
    margin: 0 auto;
}

.legal-brand[b-s60o8dbl29] {
    grid-column: 1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.legal-brand img[b-s60o8dbl29] {
    width: auto;
    max-width: 235px;
    max-height: 88px;
    object-fit: contain;
}

.legal-nav[b-s60o8dbl29] {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    white-space: nowrap;
}

.legal-nav a[b-s60o8dbl29] {
    color: #0b2341;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.legal-nav a:hover[b-s60o8dbl29] {
    color: #18aa67;
}

.legal-hero[b-s60o8dbl29] {
    color: #ffffff;
    background:
        radial-gradient(
            circle at 84% 12%,
            rgba(24, 186, 111, .22),
            transparent 22rem),
        linear-gradient(
            135deg,
            #061c36,
            #0b4777);
}

.legal-hero__inner[b-s60o8dbl29] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding:
        clamp(58px, 7vw, 96px)
        0
        clamp(54px, 6vw, 82px);
}

.legal-hero__inner > span[b-s60o8dbl29] {
    display: block;
    color: #7ce3ad;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .15em;
}

.legal-hero h1[b-s60o8dbl29] {
    max-width: 850px;
    margin: 14px 0 0;
    font-size:
        clamp(42px, 6vw, 74px);
    line-height: .98;
    letter-spacing: -.055em;
}

.legal-hero p[b-s60o8dbl29] {
    max-width: 780px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size:
        clamp(16px, 1.5vw, 20px);
    line-height: 1.7;
}

.legal-hero small[b-s60o8dbl29] {
    display: block;
    margin-top: 22px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
}

.legal-content[b-s60o8dbl29] {
    width: min(1180px, calc(100% - 48px));
    display: grid;
    grid-template-columns:
        minmax(240px, 310px)
        minmax(0, 1fr);
    align-items: start;
    gap: 42px;
    margin: 0 auto;
    padding:
        clamp(48px, 6vw, 82px)
        0
        clamp(64px, 7vw, 96px);
}

.legal-summary[b-s60o8dbl29] {
    position: sticky;
    top: 24px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dce9f3;
    border-radius: 22px;
    box-shadow:
        0 18px 46px
        rgba(7, 27, 51, .07);
}

.legal-summary strong[b-s60o8dbl29] {
    display: block;
    color: #0b2341;
    font-size: 19px;
}

.legal-summary p[b-s60o8dbl29] {
    margin: 12px 0 0;
    color: #60778b;
    font-size: 13px;
    line-height: 1.7;
}

.legal-summary a[b-s60o8dbl29] {
    display: inline-flex;
    margin-top: 16px;
    color: #0c79b9;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.legal-document[b-s60o8dbl29] {
    display: grid;
    gap: 16px;
}

.legal-document > section[b-s60o8dbl29] {
    padding:
        clamp(24px, 3vw, 34px);
    background: #ffffff;
    border: 1px solid #dce9f3;
    border-radius: 22px;
    box-shadow:
        0 15px 38px
        rgba(7, 27, 51, .045);
}

.legal-number[b-s60o8dbl29] {
    display: block;
    color: #18aa67;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
}

.legal-document h2[b-s60o8dbl29] {
    margin: 8px 0 0;
    color: #0a2441;
    font-size:
        clamp(20px, 2.2vw, 27px);
    line-height: 1.15;
    letter-spacing: -.025em;
}

.legal-document p[b-s60o8dbl29],
.legal-document li[b-s60o8dbl29] {
    color: #60778b;
    font-size: 14px;
    line-height: 1.78;
}

.legal-document p[b-s60o8dbl29] {
    margin: 14px 0 0;
}

.legal-document ul[b-s60o8dbl29] {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
    padding-left: 22px;
}

.legal-document a[b-s60o8dbl29] {
    color: #0879bd;
    font-weight: 850;
}

.legal-contact-card[b-s60o8dbl29] {
    background:
        linear-gradient(
            135deg,
            #f5fbff,
            #effaf4) !important;
    border-color:
        rgba(24, 170, 103, .22) !important;
}

.legal-contact-card > div[b-s60o8dbl29] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

.legal-contact-card > div a[b-s60o8dbl29] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    color: #0b4d78;
    background: #ffffff;
    border: 1px solid #d6e8f3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.legal-note[b-s60o8dbl29] {
    margin: 2px 0 0 !important;
    padding: 18px 20px;
    color: #718495 !important;
    background: #edf4f8;
    border-radius: 14px;
    font-size: 12px !important;
}

@media (max-width: 980px) {
    .legal-header[b-s60o8dbl29] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        padding: 14px 0 18px;
    }

    .legal-brand[b-s60o8dbl29],
    .legal-nav[b-s60o8dbl29] {
        grid-column: 1;
        justify-self: center;
    }

    .legal-nav[b-s60o8dbl29] {
        gap: 18px;
        flex-wrap: wrap;
    }

    .legal-content[b-s60o8dbl29] {
        grid-template-columns: 1fr;
    }

    .legal-summary[b-s60o8dbl29] {
        position: static;
    }
}

@media (max-width: 620px) {
    .legal-header[b-s60o8dbl29],
    .legal-hero__inner[b-s60o8dbl29],
    .legal-content[b-s60o8dbl29] {
        width: min(100% - 30px, 1180px);
    }

    .legal-brand img[b-s60o8dbl29] {
        max-width: 205px;
    }

    .legal-nav[b-s60o8dbl29] {
        gap: 12px 16px;
    }

    .legal-nav a[b-s60o8dbl29] {
        font-size: 12px;
    }

    .legal-content[b-s60o8dbl29] {
        gap: 24px;
    }

    .legal-contact-card > div[b-s60o8dbl29] {
        align-items: stretch;
        flex-direction: column;
    }

    .legal-contact-card > div a[b-s60o8dbl29] {
        justify-content: center;
    }
}
/* /Components/Pages/Publico/RodmayPropiedadDetalle.razor.rz.scp.css */
.property-detail-page[b-k1ejw98wug] {
    min-height: 100vh;
    color: #0b2341;
    background: #ffffff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.detail-header[b-k1ejw98wug] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr);
    align-items: center;
    gap: 24px;
    min-height: 104px;
    padding: 0 clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;
}

.rodmay-logo-link[b-k1ejw98wug] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 290px;
    height: 98px;
    text-decoration: none;
}

.rodmay-full-logo[b-k1ejw98wug] {
    display: block;
    width: auto;
    height: 84px;
    max-width: 100%;
    object-fit: contain;
}

.detail-nav[b-k1ejw98wug] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 2vw, 34px);
    white-space: nowrap;
}

.detail-nav a[b-k1ejw98wug] {
    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.detail-nav a.active[b-k1ejw98wug],
.detail-nav a:hover[b-k1ejw98wug] {
    color: #18ba6f;
}

.gallery-hero[b-k1ejw98wug] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f2f6fa;
}

.gallery-strip[b-k1ejw98wug] {
    display: grid;
    grid-template-columns: 1fr 1.05fr 1.15fr 1.05fr 1fr;
    height: clamp(310px, 36vw, 505px);
}

.gallery-frame[b-k1ejw98wug] {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .16), rgba(29, 119, 199, .28)),
        #dfe8f2;
    border-right: 1px solid rgba(255,255,255,.78);
}

.gallery-frame img[b-k1ejw98wug] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.gallery-frame:not(.active) img[b-k1ejw98wug] {
    opacity: .45;
    filter: saturate(.9);
}

.gallery-frame.image-missing[b-k1ejw98wug] {
    background:
        linear-gradient(135deg, rgba(24, 186, 111, .55), rgba(29, 119, 199, .58)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 18px, transparent 18px 36px);
}

.gallery-arrow[b-k1ejw98wug] {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: #0b2341;
    background: rgba(255,255,255,.88);
    box-shadow: 0 12px 30px rgba(7, 27, 51, .18);
    font-size: 34px;
    transform: translateY(-50%);
}

.gallery-arrow.left[b-k1ejw98wug] {
    left: 18px;
}

.gallery-arrow.right[b-k1ejw98wug] {
    right: 18px;
}

.detail-content[b-k1ejw98wug] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 760px);
    gap: 30px;
    align-items: start;
    width: min(1180px, calc(100% - 36px));
    margin: 22px auto 80px;
}

.lead-card[b-k1ejw98wug] {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 14px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(7, 27, 51, .08);
}

.lead-title[b-k1ejw98wug] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
    align-items: center;
    color: #0b3c69;
    font-size: 16px;
}

.lead-title span[b-k1ejw98wug] {
    grid-row: span 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #24aaf0;
    border-radius: 999px;
}

.lead-title a[b-k1ejw98wug] {
    color: #24aaf0;
    font-weight: 950;
    text-decoration: none;
}

.lead-card label[b-k1ejw98wug] {
    display: grid;
    gap: 6px;
    color: #66788b;
    font-size: 12px;
    font-weight: 750;
}

.lead-card input[b-k1ejw98wug] {
    min-height: 39px;
    padding: 0 11px;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    outline: none;
}

.lead-send[b-k1ejw98wug] {
    min-height: 42px;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #3b668a;
    border-radius: 4px;
    font-weight: 900;
    text-decoration: none;
}

.property-info[b-k1ejw98wug] {
    min-width: 0;
}

.code-row[b-k1ejw98wug] {
    display: flex;
    margin-bottom: 12px;
}

.code-row span[b-k1ejw98wug] {
    padding: 8px 16px;
    color: #ffffff;
    background: #0b3c69;
    font-size: 14px;
}

.meta-line[b-k1ejw98wug] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    color: #24aaf0;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.property-info h1[b-k1ejw98wug] {
    margin: 10px 0 18px;
    color: #0b3c69;
    font-size: 30px;
    line-height: 1.15;
}

.features-band[b-k1ejw98wug] {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    padding: 18px 20px;
    margin-bottom: 18px;
    color: #0b3c69;
    background: #f5f7fa;
    font-weight: 850;
}

.price-detail[b-k1ejw98wug] {
    display: grid;
    gap: 4px;
    margin: 18px 0 26px;
}

.price-detail span[b-k1ejw98wug] {
    color: #7b8492;
    font-size: 12px;
}

.price-detail strong[b-k1ejw98wug] {
    margin-left: 6px;
    color: #05a9ef;
    font-size: 28px;
    font-weight: 950;
}

.property-info hr[b-k1ejw98wug] {
    border: 0;
    border-top: 1px solid #dfe8f2;
    margin: 28px 0;
}

.property-info h2[b-k1ejw98wug] {
    margin: 0 0 14px;
    color: #0b3c69;
    font-size: 24px;
}

.description-text[b-k1ejw98wug],
.payment-text[b-k1ejw98wug] {
    color: #607286;
    font-size: 15px;
    line-height: 1.95;
    white-space: pre-wrap;
}

.payment-text[b-k1ejw98wug] {
    color: #0b3c69;
    font-weight: 850;
}

.amenities-section[b-k1ejw98wug] {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid #dfe8f2;
}

.amenities-grid[b-k1ejw98wug] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 34px;
    margin-top: 26px;
}

.amenities-grid span[b-k1ejw98wug] {
    color: #005996;
    font-size: 16px;
    font-weight: 950;
}

.detail-loading[b-k1ejw98wug],
.detail-not-found[b-k1ejw98wug] {
    width: min(900px, calc(100% - 36px));
    margin: 90px auto;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 18px;
    box-shadow: 0 18px 46px rgba(7, 27, 51, .08);
}

.detail-not-found a[b-k1ejw98wug] {
    color: #18ba6f;
    font-weight: 900;
}

@media (max-width: 980px) {
    .detail-header[b-k1ejw98wug] {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .detail-nav[b-k1ejw98wug] {
        flex-wrap: wrap;
    }

    .gallery-strip[b-k1ejw98wug] {
        grid-template-columns: 1fr;
        height: 340px;
    }

    .gallery-frame:not(.active)[b-k1ejw98wug] {
        display: none;
    }

    .detail-content[b-k1ejw98wug] {
        grid-template-columns: 1fr;
    }

    .lead-card[b-k1ejw98wug] {
        position: static;
    }

    .amenities-grid[b-k1ejw98wug] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .amenities-grid[b-k1ejw98wug] {
        grid-template-columns: 1fr;
    }
}
/* WEB-17-GALERIA-FUNCIONAL START */
.gallery-strip[b-k1ejw98wug] {
    transition: transform .28s ease;
}

.gallery-strip.items-1[b-k1ejw98wug] {
    grid-template-columns: 1fr !important;
}

.gallery-strip.items-2[b-k1ejw98wug] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.gallery-strip.items-3[b-k1ejw98wug] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gallery-strip.items-4[b-k1ejw98wug] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.gallery-strip.items-5[b-k1ejw98wug] {
    grid-template-columns: 1fr 1.05fr 1.15fr 1.05fr 1fr !important;
}

.gallery-arrow[b-k1ejw98wug] {
    cursor: pointer;
    transition: transform .18s ease, opacity .18s ease, background .18s ease;
}

.gallery-arrow:hover:not(:disabled)[b-k1ejw98wug] {
    transform: translateY(-50%) scale(1.06);
    background: #ffffff;
}

.gallery-arrow:disabled[b-k1ejw98wug] {
    opacity: .35;
    cursor: not-allowed;
}

.gallery-frame.active img[b-k1ejw98wug] {
    opacity: 1 !important;
    filter: none !important;
}

.gallery-frame:not(.active) img[b-k1ejw98wug] {
    opacity: .45;
    filter: saturate(.9);
}
/* WEB-17-GALERIA-FUNCIONAL END */
/* WEB-16D - contacto venta igual alquiler */

/*
   Mismas medidas establecidas para el recuadro de Alquiler:
   columna lateral hasta 360px, padding 20px, gap 14px,
   inputs de 39px y boton Enviar de 42px.
*/

.detail-content[b-k1ejw98wug] {
    grid-template-columns: minmax(280px, 360px) minmax(0, 760px);
    gap: 30px;
    width: min(1180px, calc(100% - 36px));
}

.lead-card[b-k1ejw98wug] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    gap: 14px;
    padding: 20px;
}

.lead-card label[b-k1ejw98wug] {
    width: 100%;
    display: grid;
    gap: 6px;
    color: #66788b;
    font-size: 12px;
    font-weight: 750;
    box-sizing: border-box;
}

.lead-card input[b-k1ejw98wug] {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 0 11px;
    box-sizing: border-box;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    outline: none;
    font: inherit;
}

.lead-card input:focus[b-k1ejw98wug] {
    border-color: #2b88c9;
    outline: 2px solid rgba(43, 136, 201, .12);
}

.lead-card .lead-send[b-k1ejw98wug] {
    width: 100%;
    min-height: 42px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 980px) {
    .detail-content[b-k1ejw98wug] {
        grid-template-columns: 1fr;
    }

    .lead-card[b-k1ejw98wug] {
        width: 100%;
    }
}

/* /WEB-16D */
/* WEB-16E - contacto venta real */

/*
   El formulario de Venta ahora usa EditForm/InputText.
   ::deep permite que CSS Isolation alcance los controles Blazor.
*/

.lead-card[b-k1ejw98wug]  form {
    width: 100%;
    display: grid;
    gap: 14px;
    box-sizing: border-box;
}

.lead-card[b-k1ejw98wug]  form label {
    width: 100%;
    display: grid;
    gap: 6px;
    color: #66788b;
    font-size: 12px;
    font-weight: 750;
    box-sizing: border-box;
}

.lead-card[b-k1ejw98wug]  .lead-control,
.lead-card[b-k1ejw98wug]  form input {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 0 11px;
    box-sizing: border-box;
    color: #24384d;
    background: #fff;
    border: 1px solid #dfe8f2;
    border-radius: 6px;
    outline: none;
    font: inherit;
}

.lead-card[b-k1ejw98wug]  .lead-control:focus,
.lead-card[b-k1ejw98wug]  form input:focus {
    border-color: #2b88c9;
    outline: 2px solid rgba(43, 136, 201, .12);
}

.lead-card[b-k1ejw98wug]  .validation-message {
    color: #b23c3c;
    font-size: 11px;
    line-height: 1.25;
}

.lead-card[b-k1ejw98wug]  .lead-send-button {
    width: 100%;
    min-height: 42px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    color: #fff;
    background: #3b668a;
    border: 0;
    border-radius: 4px;
    font-weight: 900;
    cursor: pointer;
}

.lead-card[b-k1ejw98wug]  .lead-send-button:disabled {
    cursor: wait;
    opacity: .68;
}

.lead-error[b-k1ejw98wug] {
    padding: .55rem .65rem;
    color: #9c3131;
    background: #fff0f0;
    border: 1px solid #efc6c6;
    border-radius: .35rem;
    font-size: .72rem;
    line-height: 1.45;
}

.lead-success[b-k1ejw98wug] {
    width: 100%;
    min-height: 248px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    padding: 1rem;
    box-sizing: border-box;
    color: #185d3e;
    background:
        linear-gradient(
            180deg,
            #f2fbf6 0%,
            #e9f8f0 100%);
    border: 1px solid #b8e3cc;
    border-radius: .5rem;
    text-align: center;
}

.lead-success-icon[b-k1ejw98wug] {
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    color: #fff;
    background: #25a66c;
    border-radius: 50%;
    font-size: 1.35rem;
    font-weight: 900;
}

.lead-success strong[b-k1ejw98wug] {
    color: #17613f;
    font-size: 1rem;
}

.lead-success p[b-k1ejw98wug] {
    max-width: 17rem;
    margin: 0;
    color: #4f6e60;
    font-size: .76rem;
    line-height: 1.5;
}

/* /WEB-16E */
/* WEB-21B - meta y features */

/*
   Tipo + ubicación al mismo tamaño base del H2 "Descripción".
   El recuadro gris se separa más de esa línea.
*/
.meta-line[b-k1ejw98wug] {
    font-size: 24px;
    line-height: 1.2;
    gap: 14px;
}

.features-band[b-k1ejw98wug] {
    margin-top: 22px;
}

/* /WEB-21B */

/* SEC-03C-HONEYPOT START
   Campo trampa fuera del viewport.
   No usar display:none para que siga siendo util contra bots simples.
*/
.rodmay-honeypot[b-k1ejw98wug],
[b-k1ejw98wug] .rodmay-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: .01 !important;
    pointer-events: none !important;
}

.rodmay-honeypot input[b-k1ejw98wug],
[b-k1ejw98wug] .rodmay-honeypot input {
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* SEC-03C-HONEYPOT END */
/* /Components/Pages/Publico/RodmayPropiedades.razor.rz.scp.css */
.properties-page[b-6a7rdazfqf] {
    min-height: 100vh;
    color: #0b2341;
    background: #f2f6fa;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.properties-header[b-6a7rdazfqf] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto minmax(300px, 1fr);
    align-items: center;
    gap: 24px;
    min-height: 104px;
    padding: 0 clamp(22px, 6vw, 110px);
    background: #ffffff;
    border-bottom: 1px solid #dfe8f2;
}

.rodmay-logo-link[b-6a7rdazfqf] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 290px;
    height: 98px;
    text-decoration: none;
}

.rodmay-full-logo[b-6a7rdazfqf] {
    display: block;
    width: auto;
    height: 84px;
    max-width: 100%;
    object-fit: contain;
}

.properties-nav[b-6a7rdazfqf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 2vw, 34px);
    white-space: nowrap;
}

.properties-nav a[b-6a7rdazfqf] {
    color: #0b2341;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.properties-nav a.active[b-6a7rdazfqf],
.properties-nav a:hover[b-6a7rdazfqf] {
    color: #18ba6f;
}

.properties-shell[b-6a7rdazfqf] {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    gap: 30px;
    width: min(1280px, calc(100% - 36px));
    margin: 0 auto;
    padding: 26px 0 70px;
}

.property-filter[b-6a7rdazfqf] {
    position: sticky;
    top: 16px;
    align-self: start;
    display: grid;
    gap: 11px;
    padding: 18px 14px;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    box-shadow: 0 12px 30px rgba(7, 27, 51, .06);
}

.property-filter h1[b-6a7rdazfqf] {
    margin: 0 0 12px;
    color: #0b3c69;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 400;
}

.property-filter h1 span[b-6a7rdazfqf] {
    display: block;
    color: #22a9ec;
    font-weight: 850;
}

.mode-tabs[b-6a7rdazfqf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 6px;
    border: 1px solid #0b3c69;
}

.mode-tabs button[b-6a7rdazfqf] {
    height: 36px;
    border: 0;
    background: #ffffff;
    color: #0b3c69;
    font-weight: 700;
    cursor: pointer;
}

.mode-tabs button.active[b-6a7rdazfqf] {
    color: #ffffff;
    background: #0b3c69;
}

.property-filter label[b-6a7rdazfqf],
.filter-group[b-6a7rdazfqf] {
    display: grid;
    gap: 6px;
    color: #6b7280;
    font-size: 14px;
}

.property-filter select[b-6a7rdazfqf],
.property-filter input[b-6a7rdazfqf] {
    width: 100%;
    min-height: 39px;
    padding: 0 12px;
    color: #0b2341;
    background: #ffffff;
    border: 1px solid #0b3c69;
    border-radius: 3px;
    font: inherit;
    outline: none;
}

.filter-pills[b-6a7rdazfqf] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: 1px solid #0b3c69;
}

.filter-pills button[b-6a7rdazfqf] {
    height: 34px;
    border: 0;
    border-right: 1px solid #0b3c69;
    color: #0b3c69;
    background: #ffffff;
    cursor: pointer;
}

.filter-pills button:last-child[b-6a7rdazfqf] {
    border-right: 0;
}

.filter-pills button.active[b-6a7rdazfqf] {
    color: #ffffff;
    background: #0b3c69;
}

.clear-filters[b-6a7rdazfqf] {
    min-height: 40px;
    color: #0b3c69;
    background: transparent;
    border: 0;
    font-weight: 800;
    cursor: pointer;
}

.properties-results[b-6a7rdazfqf] {
    min-width: 0;
}

.results-top[b-6a7rdazfqf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 36px;
    margin-bottom: 10px;
}

.results-top strong[b-6a7rdazfqf] {
    color: #0b3c69;
    font-size: 14px;
}

.pagination[b-6a7rdazfqf] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.pagination button[b-6a7rdazfqf] {
    width: 36px;
    height: 33px;
    color: #0b3c69;
    background: #ffffff;
    border: 1px solid #d6e1ec;
    font-weight: 800;
    cursor: pointer;
}

.pagination button.active[b-6a7rdazfqf] {
    color: #ffffff;
    background: #0b3c69;
    border-color: #0b3c69;
}

.properties-grid[b-6a7rdazfqf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 28px;
}

.property-result-card[b-6a7rdazfqf] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe8f2;
    border-radius: 2px;
    box-shadow: 0 8px 24px rgba(7, 27, 51, .07);
}

.property-result-media[b-6a7rdazfqf] {
    position: relative;
    height: 185px;
    background:
        linear-gradient(140deg, rgba(25, 183, 110, .22), rgba(52, 149, 244, .68)),
        radial-gradient(circle at 22% 26%, rgba(255,255,255,.32), transparent 38%),
        linear-gradient(180deg, #6de0b5 0%, #3b8fe1 100%);
}

.property-result-media img[b-6a7rdazfqf] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.property-result-media.image-missing[b-6a7rdazfqf] {
    background:
        linear-gradient(135deg, rgba(7, 27, 51, .1), rgba(7, 27, 51, .05)),
        repeating-linear-gradient(90deg, #0d2f52 0 15px, #17608a 15px 30px, #0f7a88 30px 45px);
}

.view-button[b-6a7rdazfqf] {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 68px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #24aaf0;
    font-weight: 900;
    text-decoration: none;
}

.property-result-body[b-6a7rdazfqf] {
    padding: 17px 18px 24px;
}

.property-result-body h2[b-6a7rdazfqf] {
    margin: 0 0 10px;
    color: #0b3c69;
    font-size: 15px;
    font-weight: 950;
}

.price-lines[b-6a7rdazfqf] {
    display: grid;
    gap: 2px;
    margin-bottom: 12px;
}

.price-lines span[b-6a7rdazfqf] {
    color: #7b8492;
    font-size: 11px;
    text-transform: uppercase;
}

.price-lines strong[b-6a7rdazfqf] {
    margin-left: 8px;
    color: #05a9ef;
    font-size: 23px;
    font-weight: 950;
    text-transform: none;
}

.location-line[b-6a7rdazfqf],
.bed-line[b-6a7rdazfqf] {
    margin: 0;
    color: #0b3c69;
    font-size: 13px;
    line-height: 1.45;
}

.bed-line[b-6a7rdazfqf] {
    margin-top: 24px;
}

.empty-results[b-6a7rdazfqf] {
    padding: 34px;
    color: #6b7280;
    background: #ffffff;
    border: 1px dashed #dfe8f2;
    font-weight: 800;
}

@media (max-width: 1180px) {
    .properties-shell[b-6a7rdazfqf] {
        grid-template-columns: 1fr;
    }

    .property-filter[b-6a7rdazfqf] {
        position: static;
    }

    .properties-grid[b-6a7rdazfqf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 740px) {
    .properties-header[b-6a7rdazfqf] {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .properties-nav[b-6a7rdazfqf] {
        flex-wrap: wrap;
    }

    .properties-grid[b-6a7rdazfqf] {
        grid-template-columns: 1fr;
    }
}

/* WEB-14C-TIPO-PROYECTO-TIPOGRAFIA START */
.property-filter label[b-6a7rdazfqf],
.property-filter label *[b-6a7rdazfqf],
.property-filter select[b-6a7rdazfqf],
.property-filter option[b-6a7rdazfqf],
.property-filter input[b-6a7rdazfqf],
.filter-group[b-6a7rdazfqf],
.filter-group span[b-6a7rdazfqf],
.filter-pills button[b-6a7rdazfqf] {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
}

.property-filter label[b-6a7rdazfqf] {
    color: #5f6f80 !important;
    font-size: 14px !important;
}

.property-filter select[b-6a7rdazfqf],
.property-filter input[b-6a7rdazfqf] {
    color: #0b2341 !important;
    font-size: 14px !important;
}

.property-filter option[b-6a7rdazfqf] {
    color: #0b2341 !important;
    background: #ffffff !important;
}

.property-filter .mode-tabs button[b-6a7rdazfqf],
.property-filter .clear-filters[b-6a7rdazfqf] {
    font-weight: 700 !important;
}
/* WEB-14C-TIPO-PROYECTO-TIPOGRAFIA END */
/* WEB-14E-V3-TIPOGRAFIA-TIPOS START */
.property-filter label[b-6a7rdazfqf],
.property-filter label *[b-6a7rdazfqf],
.property-filter select[b-6a7rdazfqf],
.property-filter option[b-6a7rdazfqf],
.property-filter input[b-6a7rdazfqf],
.filter-group[b-6a7rdazfqf],
.filter-group span[b-6a7rdazfqf],
.filter-pills button[b-6a7rdazfqf] {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
}

.property-filter label[b-6a7rdazfqf] {
    color: #5f6f80 !important;
    font-size: 14px !important;
}

.property-filter select[b-6a7rdazfqf],
.property-filter input[b-6a7rdazfqf] {
    color: #0b2341 !important;
    font-size: 14px !important;
}

.property-filter option[b-6a7rdazfqf] {
    color: #0b2341 !important;
    background: #ffffff !important;
    font-weight: 400 !important;
}

.property-filter .mode-tabs button[b-6a7rdazfqf],
.property-filter .clear-filters[b-6a7rdazfqf] {
    font-weight: 700 !important;
}
/* WEB-14E-V3-TIPOGRAFIA-TIPOS END */
/* /Components/Pages/Publico/RodmayTerminos.razor.rz.scp.css */
:host[b-9qutk9y1kr] {
    display: block;
    width: 100%;
    color: #0b2341;
    background: #f5f9fc;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

*[b-9qutk9y1kr] {
    box-sizing: border-box;
}

.legal-page[b-9qutk9y1kr] {
    min-height: 100vh;
    background:
        linear-gradient(
            180deg,
            #ffffff 0,
            #ffffff 116px,
            #f5f9fc 116px,
            #f5f9fc 100%);
}

.legal-header[b-9qutk9y1kr] {
    width: min(1460px, calc(100% - 48px));
    min-height: 116px;
    display: grid;
    grid-template-columns:
        minmax(240px, 1fr)
        auto
        minmax(140px, 1fr);
    align-items: center;
    gap: 26px;
    margin: 0 auto;
}

.legal-brand[b-9qutk9y1kr] {
    grid-column: 1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.legal-brand img[b-9qutk9y1kr] {
    width: auto;
    max-width: 235px;
    max-height: 88px;
    object-fit: contain;
}

.legal-nav[b-9qutk9y1kr] {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    white-space: nowrap;
}

.legal-nav a[b-9qutk9y1kr] {
    color: #0b2341;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.legal-nav a:hover[b-9qutk9y1kr] {
    color: #18aa67;
}

.legal-hero[b-9qutk9y1kr] {
    color: #ffffff;
    background:
        radial-gradient(
            circle at 84% 12%,
            rgba(24, 186, 111, .22),
            transparent 22rem),
        linear-gradient(
            135deg,
            #061c36,
            #0b4777);
}

.legal-hero__inner[b-9qutk9y1kr] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding:
        clamp(58px, 7vw, 96px)
        0
        clamp(54px, 6vw, 82px);
}

.legal-hero__inner > span[b-9qutk9y1kr] {
    display: block;
    color: #7ce3ad;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .15em;
}

.legal-hero h1[b-9qutk9y1kr] {
    max-width: 850px;
    margin: 14px 0 0;
    font-size:
        clamp(42px, 6vw, 74px);
    line-height: .98;
    letter-spacing: -.055em;
}

.legal-hero p[b-9qutk9y1kr] {
    max-width: 780px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size:
        clamp(16px, 1.5vw, 20px);
    line-height: 1.7;
}

.legal-hero small[b-9qutk9y1kr] {
    display: block;
    margin-top: 22px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
}

.legal-content[b-9qutk9y1kr] {
    width: min(1180px, calc(100% - 48px));
    display: grid;
    grid-template-columns:
        minmax(240px, 310px)
        minmax(0, 1fr);
    align-items: start;
    gap: 42px;
    margin: 0 auto;
    padding:
        clamp(48px, 6vw, 82px)
        0
        clamp(64px, 7vw, 96px);
}

.legal-summary[b-9qutk9y1kr] {
    position: sticky;
    top: 24px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dce9f3;
    border-radius: 22px;
    box-shadow:
        0 18px 46px
        rgba(7, 27, 51, .07);
}

.legal-summary strong[b-9qutk9y1kr] {
    display: block;
    color: #0b2341;
    font-size: 19px;
}

.legal-summary p[b-9qutk9y1kr] {
    margin: 12px 0 0;
    color: #60778b;
    font-size: 13px;
    line-height: 1.7;
}

.legal-summary a[b-9qutk9y1kr] {
    display: inline-flex;
    margin-top: 16px;
    color: #0c79b9;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.legal-document[b-9qutk9y1kr] {
    display: grid;
    gap: 16px;
}

.legal-document > section[b-9qutk9y1kr] {
    padding:
        clamp(24px, 3vw, 34px);
    background: #ffffff;
    border: 1px solid #dce9f3;
    border-radius: 22px;
    box-shadow:
        0 15px 38px
        rgba(7, 27, 51, .045);
}

.legal-number[b-9qutk9y1kr] {
    display: block;
    color: #18aa67;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
}

.legal-document h2[b-9qutk9y1kr] {
    margin: 8px 0 0;
    color: #0a2441;
    font-size:
        clamp(20px, 2.2vw, 27px);
    line-height: 1.15;
    letter-spacing: -.025em;
}

.legal-document p[b-9qutk9y1kr],
.legal-document li[b-9qutk9y1kr] {
    color: #60778b;
    font-size: 14px;
    line-height: 1.78;
}

.legal-document p[b-9qutk9y1kr] {
    margin: 14px 0 0;
}

.legal-document ul[b-9qutk9y1kr] {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
    padding-left: 22px;
}

.legal-document a[b-9qutk9y1kr] {
    color: #0879bd;
    font-weight: 850;
}

.legal-contact-card[b-9qutk9y1kr] {
    background:
        linear-gradient(
            135deg,
            #f5fbff,
            #effaf4) !important;
    border-color:
        rgba(24, 170, 103, .22) !important;
}

.legal-contact-card > div[b-9qutk9y1kr] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

.legal-contact-card > div a[b-9qutk9y1kr] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    color: #0b4d78;
    background: #ffffff;
    border: 1px solid #d6e8f3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.legal-note[b-9qutk9y1kr] {
    margin: 2px 0 0 !important;
    padding: 18px 20px;
    color: #718495 !important;
    background: #edf4f8;
    border-radius: 14px;
    font-size: 12px !important;
}

@media (max-width: 980px) {
    .legal-header[b-9qutk9y1kr] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 10px;
        padding: 14px 0 18px;
    }

    .legal-brand[b-9qutk9y1kr],
    .legal-nav[b-9qutk9y1kr] {
        grid-column: 1;
        justify-self: center;
    }

    .legal-nav[b-9qutk9y1kr] {
        gap: 18px;
        flex-wrap: wrap;
    }

    .legal-content[b-9qutk9y1kr] {
        grid-template-columns: 1fr;
    }

    .legal-summary[b-9qutk9y1kr] {
        position: static;
    }
}

@media (max-width: 620px) {
    .legal-header[b-9qutk9y1kr],
    .legal-hero__inner[b-9qutk9y1kr],
    .legal-content[b-9qutk9y1kr] {
        width: min(100% - 30px, 1180px);
    }

    .legal-brand img[b-9qutk9y1kr] {
        max-width: 205px;
    }

    .legal-nav[b-9qutk9y1kr] {
        gap: 12px 16px;
    }

    .legal-nav a[b-9qutk9y1kr] {
        font-size: 12px;
    }

    .legal-content[b-9qutk9y1kr] {
        gap: 24px;
    }

    .legal-contact-card > div[b-9qutk9y1kr] {
        align-items: stretch;
        flex-direction: column;
    }

    .legal-contact-card > div a[b-9qutk9y1kr] {
        justify-content: center;
    }
}
/* /Components/Pages/Publico/RodmayYoutubeViewer.razor.rz.scp.css */
.rodmay-youtube-viewer[b-n6hmisehv2] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #0b2341;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 28px;
    box-shadow: 0 22px 55px rgba(2, 18, 38, .18);
}

.rodmay-youtube-frame[b-n6hmisehv2] {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #031a30;
}

.rodmay-youtube-frame iframe[b-n6hmisehv2] {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

.rodmay-youtube-meta[b-n6hmisehv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
}

.rodmay-youtube-meta > div[b-n6hmisehv2] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.rodmay-youtube-meta span[b-n6hmisehv2] {
    color: #18a968;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
}

.rodmay-youtube-meta strong[b-n6hmisehv2] {
    color: #0b2341;
    font-size: 17px;
    line-height: 1.2;
}

.rodmay-youtube-meta a[b-n6hmisehv2] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 14px;
    color: #ffffff;
    background: #0f78b8;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
}

.rodmay-youtube-meta a:hover[b-n6hmisehv2] {
    background: #0b6399;
}

.rodmay-youtube-empty[b-n6hmisehv2] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    padding: 26px;
    color: #668094;
    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(29, 119, 199, .12),
            transparent 30%),
        radial-gradient(
            circle at 10% 90%,
            rgba(24, 186, 111, .12),
            transparent 34%),
        #ffffff;
    text-align: center;
}

.rodmay-youtube-empty strong[b-n6hmisehv2] {
    color: #0b2341;
    font-size: 20px;
}

.rodmay-youtube-empty small[b-n6hmisehv2] {
    max-width: 320px;
    font-size: 12px;
    line-height: 1.5;
}

.rodmay-youtube-play[b-n6hmisehv2] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    padding-left: 3px;
    color: #ffffff;
    background: #e62117;
    border-radius: 50%;
    box-shadow:
        0 12px 28px rgba(230, 33, 23, .22);
    font-size: 22px;
}

.rodmay-youtube-loader[b-n6hmisehv2] {
    width: 34px;
    height: 34px;
    border: 3px solid #dce8ef;
    border-top-color: #18ba6f;
    border-radius: 50%;
    animation:
        rodmay-youtube-spin-b-n6hmisehv2 .8s linear infinite;
}

@keyframes rodmay-youtube-spin-b-n6hmisehv2 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 720px) {
    .rodmay-youtube-viewer[b-n6hmisehv2] {
        border-radius: 20px;
    }

    .rodmay-youtube-meta[b-n6hmisehv2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .rodmay-youtube-meta a[b-n6hmisehv2] {
        width: 100%;
        box-sizing: border-box;
    }
}
/* /Components/Pages/Reportes.razor.rz.scp.css */
.reports-page[b-gcnsfhe48f] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reports-header[b-gcnsfhe48f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.eyebrow[b-gcnsfhe48f] {
    display: inline-flex;
    margin-bottom: 6px;
    color: #b8872f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.reports-header h1[b-gcnsfhe48f],
.panel-heading h2[b-gcnsfhe48f] {
    margin: 0;
    color: #142033;
}

.reports-header h1[b-gcnsfhe48f] {
    font-size: 30px;
    line-height: 1.15;
}

.reports-header p[b-gcnsfhe48f],
.panel-heading p[b-gcnsfhe48f] {
    margin: 7px 0 0;
    color: #748194;
    font-size: 14px;
}

.reports-actions[b-gcnsfhe48f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.button[b-gcnsfhe48f] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 9px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.button:disabled[b-gcnsfhe48f] {
    cursor: not-allowed;
    opacity: 0.55;
}

.button-primary[b-gcnsfhe48f] {
    color: #ffffff;
    background: #c68b2e;
}

.button-secondary[b-gcnsfhe48f] {
    color: #243244;
    background: #ffffff;
    border-color: #dfe6ee;
}

.button-outline[b-gcnsfhe48f] {
    color: #c68b2e;
    background: #fffaf2;
    border-color: #eed8b5;
}

.reports-alert[b-gcnsfhe48f] {
    padding: 13px 15px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
}

.reports-alert-success[b-gcnsfhe48f] {
    color: #17663c;
    background: #ecfdf3;
    border: 1px solid #bde9cf;
}

.reports-alert-error[b-gcnsfhe48f] {
    color: #9f1239;
    background: #fff1f2;
    border: 1px solid #fecdd3;
}

.reports-filters[b-gcnsfhe48f],
.reports-summary-grid[b-gcnsfhe48f] {
    display: grid;
    gap: 14px;
}

.reports-filters[b-gcnsfhe48f] {
    grid-template-columns: 1.4fr repeat(2, 0.8fr) 1.2fr;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #e4eaf2;
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.04);
}

.report-field[b-gcnsfhe48f] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.report-field label[b-gcnsfhe48f] {
    color: #152235;
    font-size: 12px;
    font-weight: 800;
}

.report-control[b-gcnsfhe48f] {
    width: 100%;
    min-height: 40px;
    padding: 0 12px;
    color: #172234;
    background: #ffffff;
    border: 1px solid #dce5ef;
    border-radius: 9px;
    font-size: 13px;
}

.reports-summary-grid[b-gcnsfhe48f] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-card[b-gcnsfhe48f],
.reports-panel[b-gcnsfhe48f] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

.summary-card[b-gcnsfhe48f] {
    min-height: 118px;
    padding: 17px;
}

.summary-card span[b-gcnsfhe48f] {
    color: #6f7d8c;
    font-size: 12px;
    font-weight: 800;
}

.summary-card strong[b-gcnsfhe48f] {
    display: block;
    margin-top: 8px;
    color: #101d2e;
    font-size: 22px;
}

.summary-card small[b-gcnsfhe48f] {
    display: block;
    margin-top: 6px;
    color: #778393;
    font-size: 12px;
    line-height: 1.4;
}

.reports-panel[b-gcnsfhe48f] {
    padding: 20px;
}

.reports-empty[b-gcnsfhe48f] {
    min-height: 160px;
    display: grid;
    place-items: center;
    margin-top: 16px;
    color: #748194;
    background: #f8fafc;
    border: 1px dashed #d8e0ec;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
}

.reports-table-wrap[b-gcnsfhe48f] {
    max-height: 560px;
    overflow: auto;
    margin-top: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

.reports-table[b-gcnsfhe48f] {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
}

.reports-table th[b-gcnsfhe48f],
.reports-table td[b-gcnsfhe48f] {
    padding: 11px 12px;
    border-bottom: 1px solid #e8eef5;
    text-align: left;
    vertical-align: top;
}

.reports-table th[b-gcnsfhe48f] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: #152235;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.reports-table td[b-gcnsfhe48f] {
    color: #344154;
    white-space: nowrap;
}

.reports-footnote[b-gcnsfhe48f] {
    margin-top: 12px;
    color: #7b8794;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .reports-filters[b-gcnsfhe48f],
    .reports-summary-grid[b-gcnsfhe48f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .reports-header[b-gcnsfhe48f] {
        flex-direction: column;
    }

    .reports-actions[b-gcnsfhe48f] {
        justify-content: flex-start;
    }

    .reports-filters[b-gcnsfhe48f],
    .reports-summary-grid[b-gcnsfhe48f] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RolesModulos.razor.rz.scp.css */
.rm-page[b-0v0nqeg7uv] {
    display: grid;
    gap: .85rem;
}

.rm-header[b-0v0nqeg7uv],
.rm-modal > header[b-0v0nqeg7uv],
.rm-modal > footer[b-0v0nqeg7uv],
.rm-modal-tools[b-0v0nqeg7uv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.rm-header > div > span[b-0v0nqeg7uv],
.rm-modal > header span[b-0v0nqeg7uv] {
    color: #a77720;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.rm-header h1[b-0v0nqeg7uv],
.rm-modal h2[b-0v0nqeg7uv] {
    margin: .15rem 0 .2rem;
    color: var(--text-primary, #172033);
}

.rm-header p[b-0v0nqeg7uv],
.rm-modal header p[b-0v0nqeg7uv] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: .78rem;
}

.rm-primary[b-0v0nqeg7uv],
.rm-secondary[b-0v0nqeg7uv] {
    min-height: 2.25rem;
    padding: .48rem .72rem;
    border-radius: .48rem;
    cursor: pointer;
    font: inherit;
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none;
}

.rm-primary[b-0v0nqeg7uv] {
    color: #fff;
    background: #b98224;
    border: 1px solid #b98224;
}

.rm-secondary[b-0v0nqeg7uv] {
    color: var(--text-primary, #172033);
    background: #fff;
    border: 1px solid var(--border-color, #dfe4ea);
}

.rm-primary:disabled[b-0v0nqeg7uv],
.rm-secondary:disabled[b-0v0nqeg7uv] {
    cursor: not-allowed;
    opacity: .6;
}

.rm-summary[b-0v0nqeg7uv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.rm-summary article[b-0v0nqeg7uv] {
    padding: .72rem .8rem;
    background: #fff;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .6rem;
}

.rm-summary span[b-0v0nqeg7uv],
.rm-summary strong[b-0v0nqeg7uv] {
    display: block;
}

.rm-summary span[b-0v0nqeg7uv] {
    color: var(--text-secondary, #718096);
    font-size: .66rem;
}

.rm-summary strong[b-0v0nqeg7uv] {
    margin-top: .16rem;
    color: var(--text-primary, #172033);
    font-size: 1.05rem;
}

.rm-note[b-0v0nqeg7uv],
.rm-message[b-0v0nqeg7uv] {
    padding: .7rem .8rem;
    border-radius: .55rem;
    font-size: .7rem;
    line-height: 1.45;
}

.rm-note[b-0v0nqeg7uv] {
    color: #805b18;
    background: #fff8e7;
    border: 1px solid #efd79d;
}

.rm-message.success[b-0v0nqeg7uv] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.rm-message.error[b-0v0nqeg7uv] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.rm-empty[b-0v0nqeg7uv] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    color: var(--text-secondary, #718096);
    background: #fff;
    border: 1px dashed var(--border-color, #dfe4ea);
    border-radius: .6rem;
}

.rm-grid[b-0v0nqeg7uv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.rm-card[b-0v0nqeg7uv] {
    display: grid;
    gap: .7rem;
    padding: .8rem;
    background: #fff;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .65rem;
}

.rm-card > header[b-0v0nqeg7uv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
}

.rm-card header strong[b-0v0nqeg7uv],
.rm-card header span[b-0v0nqeg7uv] {
    display: block;
}

.rm-card header strong[b-0v0nqeg7uv] {
    color: var(--text-primary, #172033);
    font-size: .78rem;
}

.rm-card header span[b-0v0nqeg7uv] {
    margin-top: .12rem;
    color: var(--text-secondary, #718096);
    font-size: .62rem;
}

.rm-type[b-0v0nqeg7uv] {
    padding: .2rem .42rem;
    color: #805b18 !important;
    background: #fff5dc;
    border-radius: 999px;
    font-size: .58rem !important;
    font-weight: 850;
    white-space: nowrap;
}

.rm-card-data[b-0v0nqeg7uv] {
    display: flex;
    gap: 1rem;
    color: var(--text-secondary, #718096);
    font-size: .64rem;
}

.rm-card-data strong[b-0v0nqeg7uv] {
    color: var(--text-primary, #172033);
}

.rm-backdrop[b-0v0nqeg7uv] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .58);
}

.rm-modal[b-0v0nqeg7uv] {
    width: min(70rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: #fff;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .8rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .3);
}

.rm-modal > header[b-0v0nqeg7uv],
.rm-modal > footer[b-0v0nqeg7uv] {
    padding: .9rem 1rem;
}

.rm-modal > header[b-0v0nqeg7uv] {
    border-bottom: 1px solid var(--border-color, #e4e9ed);
}

.rm-modal > footer[b-0v0nqeg7uv] {
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--border-color, #e4e9ed);
}

.rm-close[b-0v0nqeg7uv] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--text-primary, #172033);
    background: transparent;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.2rem;
}

.rm-modal-body[b-0v0nqeg7uv] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.rm-modal-tools[b-0v0nqeg7uv] {
    align-items: center;
}

.rm-modal-tools > span[b-0v0nqeg7uv] {
    color: var(--text-secondary, #718096);
    font-size: .7rem;
}

.rm-modal-tools > div[b-0v0nqeg7uv] {
    display: flex;
    gap: .45rem;
}

.rm-groups[b-0v0nqeg7uv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.rm-group[b-0v0nqeg7uv] {
    overflow: hidden;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .58rem;
}

.rm-group > header[b-0v0nqeg7uv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    padding: .65rem .7rem;
    border-bottom: 1px solid var(--border-color, #e4e9ed);
}

.rm-group header strong[b-0v0nqeg7uv],
.rm-group header span[b-0v0nqeg7uv] {
    display: block;
}

.rm-group header strong[b-0v0nqeg7uv] {
    color: var(--text-primary, #172033);
    font-size: .73rem;
}

.rm-group header span[b-0v0nqeg7uv] {
    margin-top: .1rem;
    color: var(--text-secondary, #718096);
    font-size: .6rem;
}

.rm-group header button[b-0v0nqeg7uv] {
    padding: .25rem .4rem;
    color: #805b18;
    background: #fff5dc;
    border: 1px solid #ecd49f;
    border-radius: .35rem;
    cursor: pointer;
    font: inherit;
    font-size: .58rem;
    font-weight: 800;
    white-space: nowrap;
}

.rm-group > div[b-0v0nqeg7uv] {
    display: grid;
    gap: .42rem;
    padding: .62rem;
}

.rm-group label[b-0v0nqeg7uv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .52rem;
    padding: .5rem;
    background: #fff;
    border: 1px solid var(--border-color, #e1e6ea);
    border-radius: .42rem;
}

.rm-group input[b-0v0nqeg7uv] {
    width: 1rem;
    height: 1rem;
    accent-color: #b98224;
}

.rm-group label strong[b-0v0nqeg7uv],
.rm-group label small[b-0v0nqeg7uv] {
    display: block;
}

.rm-group label strong[b-0v0nqeg7uv] {
    color: var(--text-primary, #172033);
    font-size: .69rem;
}

.rm-group label small[b-0v0nqeg7uv] {
    margin-top: .08rem;
    color: var(--text-secondary, #718096);
    font-size: .59rem;
}

@media (max-width: 1000px) {
    .rm-grid[b-0v0nqeg7uv],
    .rm-groups[b-0v0nqeg7uv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .rm-header[b-0v0nqeg7uv],
    .rm-modal-tools[b-0v0nqeg7uv],
    .rm-modal > footer[b-0v0nqeg7uv] {
        align-items: stretch;
        flex-direction: column;
    }

    .rm-summary[b-0v0nqeg7uv],
    .rm-grid[b-0v0nqeg7uv],
    .rm-groups[b-0v0nqeg7uv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RolesWeb.razor.rz.scp.css */
.roles-page[b-q22mx4ku2l] {
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.roles-header[b-q22mx4ku2l],
.roles-header-actions[b-q22mx4ku2l],
.roles-modal > header[b-q22mx4ku2l],
.roles-modal form > footer[b-q22mx4ku2l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.roles-header > div > span[b-q22mx4ku2l],
.roles-modal > header span[b-q22mx4ku2l] {
    color: #a77720;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.roles-header h1[b-q22mx4ku2l],
.roles-modal > header h2[b-q22mx4ku2l] {
    margin: .15rem 0 .2rem;
    color: var(--text-primary, #172033);
}

.roles-header p[b-q22mx4ku2l],
.roles-modal > header p[b-q22mx4ku2l] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: .78rem;
}

.roles-header-actions[b-q22mx4ku2l] {
    align-items: center;
    gap: .5rem;
}

.primary-button[b-q22mx4ku2l],
.secondary-button[b-q22mx4ku2l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: .5rem .8rem;
    border-radius: .5rem;
    cursor: pointer;
    font: inherit;
    font-size: .74rem;
    font-weight: 850;
    text-decoration: none;
}

.primary-button[b-q22mx4ku2l] {
    color: #fff;
    background: #b98224;
    border: 1px solid #b98224;
}

.secondary-button[b-q22mx4ku2l] {
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
}

.primary-button:disabled[b-q22mx4ku2l],
.secondary-button:disabled[b-q22mx4ku2l] {
    cursor: not-allowed;
    opacity: .65;
}

.roles-message[b-q22mx4ku2l] {
    padding: .68rem .78rem;
    border-radius: .55rem;
    font-size: .75rem;
    font-weight: 750;
}

.roles-message.success[b-q22mx4ku2l] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.roles-message.error[b-q22mx4ku2l] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.roles-summary[b-q22mx4ku2l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.roles-summary article[b-q22mx4ku2l] {
    padding: .68rem .78rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .58rem;
}

.roles-summary span[b-q22mx4ku2l],
.roles-summary strong[b-q22mx4ku2l] {
    display: block;
}

.roles-summary span[b-q22mx4ku2l] {
    color: var(--text-secondary, #718096);
    font-size: .65rem;
}

.roles-summary strong[b-q22mx4ku2l] {
    margin-top: .16rem;
    color: var(--text-primary, #172033);
    font-size: 1.02rem;
}

.roles-toolbar[b-q22mx4ku2l] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) 13rem auto;
    align-items: end;
    gap: .55rem;
    padding: .72rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .62rem;
}

.roles-field[b-q22mx4ku2l] {
    display: grid;
    gap: .2rem;
}

.roles-field label[b-q22mx4ku2l],
.roles-form-field label[b-q22mx4ku2l] {
    color: var(--text-primary, #172033);
    font-size: .66rem;
    font-weight: 850;
}

.roles-field input[b-q22mx4ku2l],
.roles-field select[b-q22mx4ku2l],
.roles-control[b-q22mx4ku2l] {
    width: 100%;
    min-height: 2.2rem;
    padding: .4rem .52rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .44rem;
    font: inherit;
    font-size: .72rem;
}

.roles-empty[b-q22mx4ku2l] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-color, #fff);
    border: 1px dashed var(--border-color, #dfe4ea);
    border-radius: .62rem;
}

.roles-table-shell[b-q22mx4ku2l] {
    overflow-x: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .62rem;
}

.roles-table[b-q22mx4ku2l] {
    width: 100%;
    min-width: 58rem;
    border-collapse: collapse;
}

.roles-table th[b-q22mx4ku2l],
.roles-table td[b-q22mx4ku2l] {
    padding: .6rem .66rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color, #e7ebef);
}

.roles-table th[b-q22mx4ku2l] {
    color: var(--text-secondary, #657287);
    background: var(--surface-muted, #f7f9fb);
    font-size: .63rem;
    font-weight: 850;
    white-space: nowrap;
}

.roles-table td[b-q22mx4ku2l] {
    color: var(--text-primary, #172033);
    font-size: .7rem;
}

.roles-table td > strong[b-q22mx4ku2l],
.roles-table td > small[b-q22mx4ku2l] {
    display: block;
}

.roles-table td > small[b-q22mx4ku2l] {
    margin-top: .12rem;
    color: var(--text-secondary, #718096);
    font-size: .61rem;
}

.role-status[b-q22mx4ku2l],
.count-badge[b-q22mx4ku2l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .21rem .46rem;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 850;
}

.role-status.active[b-q22mx4ku2l] {
    color: #17613f;
    background: #e7f8ef;
}

.role-status.inactive[b-q22mx4ku2l] {
    color: #8d2e2e;
    background: #fff0f0;
}

.role-status.system[b-q22mx4ku2l] {
    color: #35517c;
    background: #edf3ff;
}

.role-status.custom[b-q22mx4ku2l],
.count-badge[b-q22mx4ku2l] {
    color: #805b18;
    background: #fff5dc;
}

.configure-button[b-q22mx4ku2l] {
    min-height: 1.9rem;
    padding: .28rem .48rem;
    color: #805b18;
    background: #fff8e8;
    border: 1px solid #ecd49f;
    border-radius: .38rem;
    cursor: pointer;
    font: inherit;
    font-size: .63rem;
    font-weight: 800;
}

.roles-note[b-q22mx4ku2l],
.roles-info[b-q22mx4ku2l] {
    padding: .7rem .78rem;
    color: #805b18;
    background: #fff8e7;
    border: 1px solid #efd79d;
    border-radius: .55rem;
    font-size: .7rem;
    line-height: 1.45;
}

.roles-modal-backdrop[b-q22mx4ku2l] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .58);
}

.roles-modal[b-q22mx4ku2l] {
    width: min(68rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .8rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .3);
}

.roles-modal > header[b-q22mx4ku2l] {
    padding: .88rem 1rem;
    border-bottom: 1px solid var(--border-color, #e4e9ed);
}

.roles-modal form > footer[b-q22mx4ku2l] {
    align-items: center;
    justify-content: flex-end;
    padding: .88rem 1rem;
    border-top: 1px solid var(--border-color, #e4e9ed);
}

.modal-close[b-q22mx4ku2l] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--text-primary, #172033);
    background: transparent;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.2rem;
}

.roles-modal-body[b-q22mx4ku2l] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
}

.validation-summary[b-q22mx4ku2l] {
    color: #8d2e2e;
    font-size: .7rem;
}

.roles-form-grid[b-q22mx4ku2l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.roles-form-field[b-q22mx4ku2l] {
    display: grid;
    gap: .2rem;
}

.roles-form-field.full[b-q22mx4ku2l] {
    grid-column: 1 / -1;
}

.textarea[b-q22mx4ku2l] {
    min-height: 5rem;
    resize: vertical;
}

.permission-groups[b-q22mx4ku2l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .62rem;
}

.permission-group[b-q22mx4ku2l] {
    overflow: hidden;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: .58rem;
}

.permission-group > header[b-q22mx4ku2l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .66rem .72rem;
    border-bottom: 1px solid var(--border-color, #e3e8ed);
}

.permission-group > header strong[b-q22mx4ku2l],
.permission-group > header span[b-q22mx4ku2l] {
    display: block;
}

.permission-group > header strong[b-q22mx4ku2l] {
    color: var(--text-primary, #172033);
    font-size: .74rem;
}

.permission-group > header span[b-q22mx4ku2l] {
    margin-top: .12rem;
    color: var(--text-secondary, #718096);
    font-size: .6rem;
}

.permission-group > header button[b-q22mx4ku2l] {
    padding: .26rem .42rem;
    color: #805b18;
    background: #fff5dc;
    border: 1px solid #ecd49f;
    border-radius: .35rem;
    cursor: pointer;
    font: inherit;
    font-size: .59rem;
    font-weight: 800;
    white-space: nowrap;
}

.permission-group > div[b-q22mx4ku2l] {
    display: grid;
    gap: .4rem;
    padding: .62rem;
}

.permission-group label[b-q22mx4ku2l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    padding: .48rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #e1e6ea);
    border-radius: .42rem;
}

.permission-group input[b-q22mx4ku2l] {
    width: 1rem;
    height: 1rem;
    accent-color: #b98224;
}

.permission-group label strong[b-q22mx4ku2l],
.permission-group label small[b-q22mx4ku2l] {
    display: block;
}

.permission-group label strong[b-q22mx4ku2l] {
    color: var(--text-primary, #172033);
    font-size: .69rem;
}

.permission-group label small[b-q22mx4ku2l] {
    margin-top: .1rem;
    color: var(--text-secondary, #718096);
    font-size: .59rem;
}

@media (max-width: 1000px) {
    .roles-summary[b-q22mx4ku2l],
    .permission-groups[b-q22mx4ku2l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .roles-header[b-q22mx4ku2l],
    .roles-header-actions[b-q22mx4ku2l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .roles-summary[b-q22mx4ku2l],
    .roles-toolbar[b-q22mx4ku2l],
    .roles-form-grid[b-q22mx4ku2l],
    .permission-groups[b-q22mx4ku2l] {
        grid-template-columns: 1fr;
    }

    .roles-form-field.full[b-q22mx4ku2l] {
        grid-column: auto;
    }

    .roles-modal form > footer[b-q22mx4ku2l] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}
/* /Components/Pages/Seguimientos.razor.rz.scp.css */
/* =========================================================
   JPB INMOCORE — MÓDULO SEGUIMIENTOS
   ========================================================= */

.followups-page[b-6oyzzr84ii] {
    width: 100%;
    min-width: 0;
    padding: 30px 32px 44px;
    color: #172633;
    box-sizing: border-box;
}

/* =========================================================
   ENCABEZADO
   ========================================================= */

.page-header[b-6oyzzr84ii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-heading[b-6oyzzr84ii] {
    min-width: 0;
}

.page-eyebrow[b-6oyzzr84ii] {
    display: block;
    margin-bottom: 7px;
    color: #bd821d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.65px;
}

.page-heading h1[b-6oyzzr84ii] {
    margin: 0;
    color: #152330;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
}

.page-heading p[b-6oyzzr84ii] {
    max-width: 760px;
    margin: 8px 0 0;
    color: #74818d;
    font-size: 13px;
    line-height: 1.55;
}

.page-actions[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

/* =========================================================
   BOTONES GENERALES
   ========================================================= */

.button[b-6oyzzr84ii] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    cursor: pointer;
    border-radius: 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .button:hover:not(:disabled)[b-6oyzzr84ii] {
        transform: translateY(-1px);
    }

    .button:disabled[b-6oyzzr84ii] {
        cursor: not-allowed;
        opacity: 0.58;
        transform: none;
    }

.button-primary[b-6oyzzr84ii] {
    color: #ffffff;
    background: #cf942c;
    border: 1px solid #cf942c;
    box-shadow: 0 7px 17px rgba(191, 132, 31, 0.18);
}

    .button-primary:hover:not(:disabled)[b-6oyzzr84ii] {
        background: #bd821d;
        border-color: #bd821d;
    }

.button-secondary[b-6oyzzr84ii] {
    color: #34434f;
    background: #ffffff;
    border: 1px solid #d2dce3;
}

    .button-secondary:hover:not(:disabled)[b-6oyzzr84ii] {
        color: #8a6119;
        background: #fffaf0;
        border-color: #d9b770;
    }

.button-danger[b-6oyzzr84ii] {
    color: #ffffff;
    background: #ca4949;
    border: 1px solid #ca4949;
}

    .button-danger:hover:not(:disabled)[b-6oyzzr84ii] {
        background: #b83d3d;
        border-color: #b83d3d;
    }

.button-success[b-6oyzzr84ii] {
    color: #ffffff;
    background: #248d59;
    border: 1px solid #248d59;
}

    .button-success:hover:not(:disabled)[b-6oyzzr84ii] {
        background: #197847;
        border-color: #197847;
    }

.button-clear[b-6oyzzr84ii] {
    min-height: 38px;
    padding-inline: 13px;
}

/* =========================================================
   MENSAJES
   ========================================================= */

.alert-message[b-6oyzzr84ii] {
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding: 10px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 11px;
}

.alert-success[b-6oyzzr84ii] {
    color: #19724b;
    background: #eaf8f1;
    border: 1px solid #c2ead5;
}

.alert-error[b-6oyzzr84ii] {
    color: #ad3939;
    background: #fff0f0;
    border: 1px solid #efc7c7;
}

.alert-warning[b-6oyzzr84ii] {
    color: #805c18;
    background: #fff8e7;
    border: 1px solid #edd49e;
}

.alert-icon[b-6oyzzr84ii] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.alert-success .alert-icon[b-6oyzzr84ii] {
    background: #27935f;
}

.alert-error .alert-icon[b-6oyzzr84ii] {
    background: #ce4646;
}

.alert-warning .alert-icon[b-6oyzzr84ii] {
    background: #c68d28;
}

.alert-text[b-6oyzzr84ii] {
    min-width: 0;
    flex: 1;
    line-height: 1.45;
}

.alert-close[b-6oyzzr84ii] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .alert-close:hover[b-6oyzzr84ii] {
        background: rgba(0, 0, 0, 0.05);
    }

/* =========================================================
   TARJETAS DE RESUMEN
   ========================================================= */

.summary-grid[b-6oyzzr84ii] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.summary-card[b-6oyzzr84ii] {
    position: relative;
    min-width: 0;
    min-height: 112px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    overflow: hidden;
    padding: 18px 17px 21px;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(26, 39, 50, 0.045);
    box-sizing: border-box;
}

    .summary-card[b-6oyzzr84ii]::after {
        position: absolute;
        right: 12px;
        bottom: 7px;
        left: 12px;
        height: 3px;
        content: "";
        border-radius: 5px;
    }

.summary-overdue[b-6oyzzr84ii]::after {
    background: #ce4b4b;
}

.summary-today[b-6oyzzr84ii]::after {
    background: #ca902b;
}

.summary-upcoming[b-6oyzzr84ii]::after {
    background: #337eac;
}

.summary-completed[b-6oyzzr84ii]::after {
    background: #25915c;
}

.summary-icon[b-6oyzzr84ii] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.summary-overdue .summary-icon[b-6oyzzr84ii] {
    color: #b33e3e;
    background: #fbe5e5;
}

.summary-today .summary-icon[b-6oyzzr84ii] {
    color: #956515;
    background: #fbefd4;
}

.summary-upcoming .summary-icon[b-6oyzzr84ii] {
    color: #286b97;
    background: #e5f1f8;
}

.summary-completed .summary-icon[b-6oyzzr84ii] {
    color: #148052;
    background: #e1f5eb;
}

.summary-content[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

    .summary-content > span[b-6oyzzr84ii] {
        color: #788591;
        font-size: 10px;
    }

    .summary-content strong[b-6oyzzr84ii] {
        margin-top: 3px;
        color: #13212d;
        font-size: 24px;
        line-height: 1.1;
    }

    .summary-content small[b-6oyzzr84ii] {
        margin-top: 7px;
        color: #8e99a2;
        font-size: 9px;
    }

/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.followups-container[b-6oyzzr84ii] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(26, 39, 50, 0.04);
}

.followups-toolbar[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ec;
}

/* =========================================================
   BUSCADOR Y FILTROS
   ========================================================= */

.search-container[b-6oyzzr84ii] {
    position: relative;
    width: min(100%, 610px);
    min-width: 260px;
    display: flex;
    align-items: center;
}

.search-icon[b-6oyzzr84ii] {
    position: absolute;
    z-index: 2;
    left: 13px;
    color: #80909c;
    font-size: 16px;
    pointer-events: none;
}

.search-input[b-6oyzzr84ii] {
    width: 100%;
    min-height: 42px;
    padding: 9px 42px 9px 39px;
    color: #26343f;
    outline: none;
    background: #fbfcfd;
    border: 1px solid #d4dde3;
    border-radius: 7px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 11px;
}

    .search-input[b-6oyzzr84ii]::placeholder {
        color: #929da6;
    }

    .search-input:focus[b-6oyzzr84ii] {
        background: #ffffff;
        border-color: #c69235;
        box-shadow: 0 0 0 3px rgba(198, 146, 53, 0.1);
    }

    .search-input[b-6oyzzr84ii]::-webkit-search-cancel-button {
        display: none;
    }

.search-clear[b-6oyzzr84ii] {
    position: absolute;
    z-index: 2;
    right: 8px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #788691;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .search-clear:hover[b-6oyzzr84ii] {
        color: #a43f3f;
        background: #fff0f0;
    }

.filters-container[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.filter-select[b-6oyzzr84ii] {
    min-width: 125px;
    min-height: 38px;
    padding: 7px 31px 7px 10px;
    color: #34434f;
    outline: none;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #d4dde3;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
}

    .filter-select:focus[b-6oyzzr84ii] {
        border-color: #c69235;
        box-shadow: 0 0 0 3px rgba(198, 146, 53, 0.1);
    }

/* =========================================================
   LISTADO DE FICHAS
   ========================================================= */

.followups-grid[b-6oyzzr84ii] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 15px;
}

.followup-card[b-6oyzzr84ii] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(24, 38, 49, 0.045);
}

    .followup-card[b-6oyzzr84ii]::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        content: "";
    }

.card-overdue[b-6oyzzr84ii]::before {
    background: #cf4d4d;
}

.card-today[b-6oyzzr84ii]::before {
    background: #ca902b;
}

.card-upcoming[b-6oyzzr84ii]::before {
    background: #337eac;
}

.card-completed[b-6oyzzr84ii]::before {
    background: #24905b;
}

.card-cancelled[b-6oyzzr84ii]::before {
    background: #87939c;
}

.followup-card-header[b-6oyzzr84ii] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px 10px 15px;
    background: #fafbfc;
    border-bottom: 1px solid #e3e8ec;
}

.followup-code-group[b-6oyzzr84ii],
.followup-badges[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.followup-badges[b-6oyzzr84ii] {
    justify-content: flex-end;
}

.followup-code[b-6oyzzr84ii] {
    padding: 5px 7px;
    color: #785617;
    background: #f9edcf;
    border-radius: 5px;
    font-size: 8px;
    font-weight: 800;
}

/* =========================================================
   INSIGNIAS
   ========================================================= */

.type-badge[b-6oyzzr84ii],
.priority-badge[b-6oyzzr84ii],
.status-badge[b-6oyzzr84ii] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 23px;
    padding: 0 7px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.type-call[b-6oyzzr84ii] {
    color: #315f82;
    background: #e7f1f8;
}

.type-whatsapp[b-6oyzzr84ii] {
    color: #137547;
    background: #e3f6ec;
}

.type-email[b-6oyzzr84ii] {
    color: #675193;
    background: #eee9f7;
}

.type-meeting[b-6oyzzr84ii] {
    color: #8a6119;
    background: #faf0d8;
}

.type-visit[b-6oyzzr84ii] {
    color: #9b5034;
    background: #fae9e2;
}

.priority-low[b-6oyzzr84ii] {
    color: #4d6878;
    background: #edf2f5;
}

.priority-medium[b-6oyzzr84ii] {
    color: #8a6119;
    background: #faf0d8;
}

.priority-high[b-6oyzzr84ii] {
    color: #b04935;
    background: #fae7e2;
}

.priority-urgent[b-6oyzzr84ii] {
    color: #ffffff;
    background: #c74747;
}

.status-dot[b-6oyzzr84ii] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.status-pending[b-6oyzzr84ii] {
    color: #8a6119;
    background: #faf0d8;
}

    .status-pending .status-dot[b-6oyzzr84ii] {
        background: #c7902d;
    }

.status-completed[b-6oyzzr84ii] {
    color: #14764a;
    background: #e5f7ee;
}

    .status-completed .status-dot[b-6oyzzr84ii] {
        background: #1d9c61;
    }

.status-cancelled[b-6oyzzr84ii] {
    color: #6e7880;
    background: #edf1f3;
}

    .status-cancelled .status-dot[b-6oyzzr84ii] {
        background: #818b93;
    }

/* =========================================================
   CUERPO DE LAS FICHAS
   ========================================================= */

.followup-card-body[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    padding: 14px 14px 15px 17px;
}

    .followup-card-body h3[b-6oyzzr84ii] {
        overflow: hidden;
        margin: 0;
        color: #1c2a35;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.4;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.followup-person[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.person-avatar[b-6oyzzr84ii] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    overflow: hidden;
    color: #ffffff;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.client-avatar[b-6oyzzr84ii] {
    background: #132332;
}

.advisor-avatar[b-6oyzzr84ii] {
    background: #c8902d;
}

.person-avatar img[b-6oyzzr84ii] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.person-copy[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
}

    .person-copy span[b-6oyzzr84ii] {
        color: #8a96a0;
        font-size: 8px;
        text-transform: uppercase;
    }

    .person-copy strong[b-6oyzzr84ii] {
        overflow: hidden;
        color: #293742;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .person-copy small[b-6oyzzr84ii] {
        overflow: hidden;
        color: #87939d;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.followup-date-panel[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #f8fafb;
    border: 1px solid #e1e7eb;
    border-radius: 7px;
}

.date-icon[b-6oyzzr84ii] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    color: #936718;
    background: #faedcf;
    border-radius: 8px;
    font-size: 15px;
}

.followup-date-panel > div:last-child[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.followup-date-panel span[b-6oyzzr84ii] {
    color: #87939d;
    font-size: 8px;
    text-transform: uppercase;
}

.followup-date-panel strong[b-6oyzzr84ii] {
    color: #293742;
    font-size: 10px;
}

.followup-date-panel small[b-6oyzzr84ii] {
    color: #87939d;
    font-size: 8px;
}

.followup-observation[b-6oyzzr84ii],
.followup-result[b-6oyzzr84ii] {
    padding: 10px;
    border-radius: 7px;
}

.followup-observation[b-6oyzzr84ii] {
    color: #53626d;
    background: #fafbfc;
    border: 1px solid #e1e7eb;
}

.followup-result[b-6oyzzr84ii] {
    color: #296c4b;
    background: #edf8f2;
    border: 1px solid #cee9dc;
}

    .followup-observation span[b-6oyzzr84ii],
    .followup-result span[b-6oyzzr84ii] {
        display: block;
        margin-bottom: 5px;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .followup-observation p[b-6oyzzr84ii],
    .followup-result p[b-6oyzzr84ii] {
        margin: 0;
        font-size: 9px;
        line-height: 1.55;
    }

/* =========================================================
   PIE DE LAS FICHAS
   ========================================================= */

.followup-card-footer[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px 10px 15px;
    background: #fafbfc;
    border-top: 1px solid #e3e8ec;
    flex-wrap: wrap;
}

.action-button[b-6oyzzr84ii] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    padding: 0 8px;
    cursor: pointer;
    background: #ffffff;
    border-radius: 5px;
    font-family: inherit;
    font-size: 8px;
    font-weight: 700;
}

.action-view[b-6oyzzr84ii] {
    color: #936516;
    border: 1px solid #dfc485;
}

.action-edit[b-6oyzzr84ii] {
    color: #315f82;
    border: 1px solid #c5d6e2;
}

.action-complete[b-6oyzzr84ii] {
    color: #167247;
    border: 1px solid #bee3d0;
}

.action-cancel[b-6oyzzr84ii] {
    color: #aa3d3d;
    border: 1px solid #ecc8c8;
}

.action-reopen[b-6oyzzr84ii] {
    color: #695092;
    border: 1px solid #d7cbe8;
}

.action-view:hover[b-6oyzzr84ii] {
    background: #fff8e8;
}

.action-edit:hover[b-6oyzzr84ii] {
    background: #edf6fb;
}

.action-complete:hover[b-6oyzzr84ii] {
    color: #ffffff;
    background: #238b58;
    border-color: #238b58;
}

.action-cancel:hover[b-6oyzzr84ii] {
    color: #ffffff;
    background: #c84848;
    border-color: #c84848;
}

.action-reopen:hover[b-6oyzzr84ii] {
    color: #ffffff;
    background: #7455a2;
    border-color: #7455a2;
}

.results-footer[b-6oyzzr84ii] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 14px;
    color: #85919b;
    background: #fafbfc;
    border-top: 1px solid #e3e8ec;
    font-size: 9px;
}

/* =========================================================
   ESTADOS VACÍOS Y CARGANDO
   ========================================================= */

.loading-state[b-6oyzzr84ii],
.empty-state[b-6oyzzr84ii] {
    min-height: 390px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 35px;
    text-align: center;
    box-sizing: border-box;
}

.loading-state[b-6oyzzr84ii] {
    color: #667580;
}

    .loading-state strong[b-6oyzzr84ii] {
        font-size: 11px;
    }

.loading-spinner[b-6oyzzr84ii] {
    width: 39px;
    height: 39px;
    border: 4px solid #dce3e8;
    border-top-color: #c8902c;
    border-radius: 50%;
    animation: followup-spin-b-6oyzzr84ii 700ms linear infinite;
}

@keyframes followup-spin-b-6oyzzr84ii {
    to {
        transform: rotate(360deg);
    }
}

.empty-icon[b-6oyzzr84ii] {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 3px;
    color: #aa741b;
    background: #fff8e8;
    border: 1px solid #ebd29d;
    border-radius: 50%;
    font-size: 26px;
}

.empty-state h2[b-6oyzzr84ii] {
    margin: 4px 0 0;
    color: #172530;
    font-size: 16px;
}

.empty-state p[b-6oyzzr84ii] {
    max-width: 580px;
    margin: 0 0 8px;
    color: #84909a;
    font-size: 10px;
    line-height: 1.55;
}

.filtered-empty[b-6oyzzr84ii] {
    min-height: 330px;
}

/* =========================================================
   MODALES
   ========================================================= */

.modal-overlay[b-6oyzzr84ii] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: rgba(18, 28, 37, 0.64);
    backdrop-filter: blur(2px);
    box-sizing: border-box;
}

.followup-modal[b-6oyzzr84ii] {
    width: min(94vw, 940px);
    max-height: calc(100dvh - 20px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 12px;
    box-shadow: 0 25px 70px rgba(14, 24, 33, 0.3);
}

.form-modal[b-6oyzzr84ii] {
    width: min(94vw, 940px);
}

.view-modal[b-6oyzzr84ii] {
    width: min(94vw, 850px);
}

.modal-header[b-6oyzzr84ii] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex: 0 0 auto;
    padding: 11px 18px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ec;
}

.modal-title-group[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title-icon[b-6oyzzr84ii] {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #9d6d19;
    background: #faedd0;
    border-radius: 9px;
    font-size: 18px;
}

.modal-title-group > div:last-child[b-6oyzzr84ii] {
    min-width: 0;
}

.modal-title-group span[b-6oyzzr84ii] {
    display: block;
    overflow: hidden;
    margin-bottom: 3px;
    color: #b27714;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.45px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-title-group h2[b-6oyzzr84ii] {
    overflow: hidden;
    margin: 0;
    color: #14232f;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-close[b-6oyzzr84ii] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: #4f5e69;
    cursor: pointer;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
}

    .modal-close:hover[b-6oyzzr84ii] {
        color: #a63e3e;
        background: #fdeaea;
    }

.followup-form[b-6oyzzr84ii] {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.modal-body[b-6oyzzr84ii] {
    min-height: 0;
    flex: 1 1 auto;
    padding: 18px 20px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.modal-footer[b-6oyzzr84ii] {
    position: relative;
    z-index: 20;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    padding: 11px 20px;
    background: #ffffff;
    border-top: 1px solid #e2e8ec;
    box-shadow: 0 -7px 18px rgba(22, 34, 44, 0.06);
}

    .modal-footer .button[b-6oyzzr84ii] {
        min-width: 115px;
    }

/* =========================================================
   VALIDACIONES Y FORMULARIO
   ========================================================= */

.validation-summary[b-6oyzzr84ii] {
    margin-bottom: 15px;
    padding: 10px 12px;
    color: #a83a3a;
    background: #fff0f0;
    border: 1px solid #ecc6c6;
    border-radius: 7px;
    font-size: 9px;
    line-height: 1.55;
}

    .validation-summary:empty[b-6oyzzr84ii] {
        display: none;
    }

    .validation-summary ul[b-6oyzzr84ii] {
        margin: 0;
        padding-left: 17px;
    }

.validation-message[b-6oyzzr84ii] {
    display: block;
    margin-top: 4px;
    color: #bd3e3e;
    font-size: 8px;
}

.form-section[b-6oyzzr84ii] {
    margin-bottom: 21px;
}

    .form-section h3[b-6oyzzr84ii] {
        margin: 0 0 13px;
        padding-bottom: 8px;
        color: #88601b;
        border-bottom: 1px solid #e4e9ed;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.45px;
        text-transform: uppercase;
    }

.form-grid[b-6oyzzr84ii] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 15px;
}

.form-field[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.form-field-full[b-6oyzzr84ii] {
    grid-column: 1 / -1;
}

.form-field label[b-6oyzzr84ii] {
    margin-bottom: 6px;
    color: #44525e;
    font-size: 9px;
    font-weight: 700;
}

.required[b-6oyzzr84ii] {
    color: #c63e3e;
}

.form-control[b-6oyzzr84ii] {
    width: 100%;
    min-height: 39px;
    padding: 8px 10px;
    color: #26343f;
    outline: none;
    background: #ffffff;
    border: 1px solid #ccd6dd;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 11px;
}

    .form-control[b-6oyzzr84ii]::placeholder {
        color: #99a4ac;
    }

    .form-control:focus[b-6oyzzr84ii] {
        border-color: #c28d32;
        box-shadow: 0 0 0 3px rgba(194, 141, 50, 0.1);
    }

    .form-control.invalid[b-6oyzzr84ii] {
        border-color: #ca4b4b;
        background: #fffafa;
    }

    .form-control.valid.modified[b-6oyzzr84ii] {
        border-color: #4a9e72;
    }

.form-textarea[b-6oyzzr84ii] {
    min-height: 94px;
    resize: vertical;
    line-height: 1.55;
}

.readonly-status[b-6oyzzr84ii] {
    min-height: 39px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #f6f8f9;
    border: 1px solid #dce3e8;
    border-radius: 5px;
}

/* =========================================================
   BUSCADORES DE CLIENTE Y ASESOR
   ========================================================= */

.entity-search[b-6oyzzr84ii] {
    position: relative;
    width: 100%;
}

.entity-search-control[b-6oyzzr84ii] {
    position: relative;
    display: flex;
    align-items: center;
}

.entity-search-icon[b-6oyzzr84ii] {
    position: absolute;
    z-index: 2;
    left: 11px;
    color: #7e8a94;
    pointer-events: none;
}

.entity-search-input[b-6oyzzr84ii] {
    padding-left: 35px;
    padding-right: 38px;
}

.entity-clear[b-6oyzzr84ii] {
    position: absolute;
    z-index: 2;
    right: 7px;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #798691;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .entity-clear:hover[b-6oyzzr84ii] {
        color: #a13d3d;
        background: #fff0f0;
    }

.entity-results[b-6oyzzr84ii] {
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    max-height: 270px;
    overflow-y: auto;
    padding: 6px;
    background: #ffffff;
    border: 1px solid #d5dee4;
    border-radius: 8px;
    box-shadow: 0 17px 40px rgba(19, 31, 41, 0.18);
}

.entity-option[b-6oyzzr84ii] {
    width: 100%;
    min-height: 55px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    color: #34424d;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 7px;
    text-align: left;
}

    .entity-option:hover[b-6oyzzr84ii] {
        background: #f6f8fa;
    }

    .entity-option.selected[b-6oyzzr84ii] {
        background: #fff8e8;
        box-shadow: inset 3px 0 0 #c6902d;
    }

.entity-avatar[b-6oyzzr84ii],
.selected-avatar[b-6oyzzr84ii] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    overflow: hidden;
    color: #ffffff;
    background: #132332;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 800;
}

    .entity-avatar img[b-6oyzzr84ii],
    .selected-avatar img[b-6oyzzr84ii] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }

.advisor-search-avatar[b-6oyzzr84ii],
.advisor-selected-avatar[b-6oyzzr84ii] {
    background: #c8902d;
}

.entity-option-copy[b-6oyzzr84ii] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .entity-option-copy strong[b-6oyzzr84ii] {
        overflow: hidden;
        color: #2c3944;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .entity-option-copy small[b-6oyzzr84ii] {
        overflow: hidden;
        color: #87939d;
        font-size: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.entity-empty[b-6oyzzr84ii] {
    padding: 18px;
    color: #84909a;
    font-size: 9px;
    text-align: center;
}

.selected-entity[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
    padding: 8px;
    background: #f8fafb;
    border: 1px solid #dfe6ea;
    border-radius: 7px;
}

    .selected-entity > span:last-child[b-6oyzzr84ii] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .selected-entity strong[b-6oyzzr84ii] {
        overflow: hidden;
        color: #293742;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-entity small[b-6oyzzr84ii] {
        color: #87939d;
        font-size: 8px;
    }

/* =========================================================
   MODAL VER SEGUIMIENTO
   ========================================================= */

.view-body[b-6oyzzr84ii] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.view-summary[b-6oyzzr84ii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px;
    background: #f8fafb;
    border: 1px solid #dfe6ea;
    border-radius: 9px;
}

    .view-summary > div:first-child[b-6oyzzr84ii] {
        min-width: 0;
    }

    .view-summary h3[b-6oyzzr84ii] {
        margin: 8px 0 0;
        color: #192732;
        font-size: 17px;
        line-height: 1.4;
    }

.view-summary-badges[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.detail-section[b-6oyzzr84ii] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

    .detail-section h3[b-6oyzzr84ii] {
        margin: 0;
        padding-bottom: 8px;
        color: #88601b;
        border-bottom: 1px solid #e4e9ed;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.45px;
        text-transform: uppercase;
    }

.detail-grid[b-6oyzzr84ii] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.detail-item[b-6oyzzr84ii],
.detail-person[b-6oyzzr84ii] {
    min-width: 0;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e0e6ea;
    border-radius: 7px;
}

.detail-item[b-6oyzzr84ii] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .detail-item span[b-6oyzzr84ii],
    .detail-person span[b-6oyzzr84ii] {
        color: #87939d;
        font-size: 8px;
        text-transform: uppercase;
    }

    .detail-item strong[b-6oyzzr84ii],
    .detail-person strong[b-6oyzzr84ii] {
        overflow-wrap: anywhere;
        color: #2c3a45;
        font-size: 10px;
    }

.detail-person[b-6oyzzr84ii] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .detail-person > div:last-child[b-6oyzzr84ii] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .detail-person small[b-6oyzzr84ii] {
        color: #87939d;
        font-size: 8px;
    }

.detail-text[b-6oyzzr84ii] {
    min-height: 85px;
    padding: 13px;
    color: #4e5d68;
    background: #fafbfc;
    border: 1px solid #dfe6ea;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.7;
    white-space: pre-wrap;
}

/* =========================================================
   MODAL DE ACCIONES
   ========================================================= */

.action-overlay[b-6oyzzr84ii] {
    z-index: 6000;
}

.action-modal[b-6oyzzr84ii] {
    width: min(92vw, 450px);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 27px 25px 22px;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 12px;
    box-shadow: 0 24px 65px rgba(13, 23, 32, 0.32);
    text-align: center;
}

.action-icon[b-6oyzzr84ii] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
}

.action-icon-complete[b-6oyzzr84ii] {
    color: #17744a;
    background: #e6f7ee;
}

.action-icon-cancel[b-6oyzzr84ii] {
    color: #b23e3e;
    background: #fbe8e8;
}

.action-icon-reopen[b-6oyzzr84ii] {
    color: #695092;
    background: #eee9f7;
}

.action-modal h2[b-6oyzzr84ii] {
    margin: 0;
    color: #1d2b36;
    font-size: 17px;
}

.action-modal p[b-6oyzzr84ii] {
    margin: 10px 0 6px;
    color: #697783;
    font-size: 10px;
    line-height: 1.55;
}

.action-modal > strong[b-6oyzzr84ii] {
    color: #293742;
    font-size: 11px;
}

.action-result-field[b-6oyzzr84ii] {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin-top: 18px;
    text-align: left;
}

    .action-result-field label[b-6oyzzr84ii] {
        margin-bottom: 6px;
        color: #44525e;
        font-size: 9px;
        font-weight: 700;
    }

.action-buttons[b-6oyzzr84ii] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 21px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1450px) {
    .followups-page[b-6oyzzr84ii] {
        padding-inline: 25px;
    }

    .followups-grid[b-6oyzzr84ii] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1150px) {
    .summary-grid[b-6oyzzr84ii] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .followups-toolbar[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-container[b-6oyzzr84ii] {
        width: 100%;
    }

    .filters-container[b-6oyzzr84ii] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .filter-select[b-6oyzzr84ii] {
        flex: 1;
        min-width: 150px;
    }
}

@media (max-width: 780px) {
    .followups-page[b-6oyzzr84ii] {
        padding: 22px 16px 35px;
    }

    .page-header[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column;
    }

    .page-actions[b-6oyzzr84ii] {
        justify-content: flex-start;
    }

        .page-actions .button[b-6oyzzr84ii] {
            flex: 1;
        }

    .summary-grid[b-6oyzzr84ii],
    .followups-grid[b-6oyzzr84ii],
    .form-grid[b-6oyzzr84ii],
    .detail-grid[b-6oyzzr84ii] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-6oyzzr84ii] {
        grid-column: auto;
    }

    .followup-modal[b-6oyzzr84ii] {
        width: min(98vw, 940px);
        max-height: calc(100dvh - 10px);
    }

    .modal-overlay[b-6oyzzr84ii] {
        padding: 5px;
    }

    .view-summary[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column;
    }

    .view-summary-badges[b-6oyzzr84ii] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .followups-page[b-6oyzzr84ii] {
        padding-inline: 10px;
    }

    .page-heading h1[b-6oyzzr84ii] {
        font-size: 23px;
    }

    .page-actions[b-6oyzzr84ii],
    .filters-container[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-select[b-6oyzzr84ii],
    .button-clear[b-6oyzzr84ii] {
        width: 100%;
    }

    .modal-header[b-6oyzzr84ii] {
        min-height: 66px;
        padding-inline: 13px;
    }

    .modal-title-icon[b-6oyzzr84ii] {
        width: 38px;
        height: 38px;
    }

    .modal-title-group h2[b-6oyzzr84ii] {
        font-size: 16px;
    }

    .modal-body[b-6oyzzr84ii] {
        padding: 15px 13px 18px;
    }

    .modal-footer[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding-inline: 13px;
    }

        .modal-footer .button[b-6oyzzr84ii] {
            width: 100%;
            min-width: 0;
        }

    .action-buttons[b-6oyzzr84ii] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

        .action-buttons .button[b-6oyzzr84ii] {
            width: 100%;
        }
}
/* /Components/Pages/Usuarios.razor.rz.scp.css */
.users-page[b-4kjujshfas] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.users-header[b-4kjujshfas] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.users-header span[b-4kjujshfas],
.users-modal > header span[b-4kjujshfas] {
    color: #a77720;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.users-header h1[b-4kjujshfas],
.users-modal > header h2[b-4kjujshfas] {
    margin: 0.15rem 0 0.2rem;
    color: var(--text-primary, #172033);
}

.users-header p[b-4kjujshfas],
.users-modal > header p[b-4kjujshfas] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
}

.users-primary[b-4kjujshfas],
.users-secondary[b-4kjujshfas] {
    min-height: 2.35rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 850;
}

.users-primary[b-4kjujshfas] {
    color: #fff;
    background: #b98224;
    border: 1px solid #b98224;
}

.users-secondary[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
}

.users-primary:disabled[b-4kjujshfas],
.users-secondary:disabled[b-4kjujshfas] {
    cursor: not-allowed;
    opacity: 0.65;
}

.users-message[b-4kjujshfas] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.76rem;
    font-weight: 750;
}

.users-message.success[b-4kjujshfas] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.users-message.error[b-4kjujshfas] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.users-summary[b-4kjujshfas] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.users-summary article[b-4kjujshfas] {
    padding: 0.7rem 0.8rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.users-summary span[b-4kjujshfas],
.users-summary strong[b-4kjujshfas] {
    display: block;
}

.users-summary span[b-4kjujshfas] {
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
}

.users-summary strong[b-4kjujshfas] {
    margin-top: 0.18rem;
    color: var(--text-primary, #172033);
    font-size: 1.05rem;
}

.users-toolbar[b-4kjujshfas] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) 11rem 11rem 10rem 6.5rem auto;
    align-items: end;
    gap: 0.55rem;
    padding: 0.75rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-field[b-4kjujshfas] {
    display: grid;
    gap: 0.22rem;
}

.users-field label[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.66rem;
    font-weight: 850;
}

.users-field input[b-4kjujshfas],
.users-field select[b-4kjujshfas],
.form-control[b-4kjujshfas] {
    width: 100%;
    min-height: 2.2rem;
    padding: 0.4rem 0.55rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.45rem;
    font: inherit;
    font-size: 0.73rem;
}

.users-empty[b-4kjujshfas] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-color, #fff);
    border: 1px dashed var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-table-shell[b-4kjujshfas] {
    overflow-x: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-table[b-4kjujshfas] {
    width: 100%;
    min-width: 78rem;
    border-collapse: collapse;
}

.users-table th[b-4kjujshfas],
.users-table td[b-4kjujshfas] {
    padding: 0.62rem 0.68rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color, #e7ebef);
}

.users-table th[b-4kjujshfas] {
    color: var(--text-secondary, #657287);
    background: var(--surface-muted, #f7f9fb);
    font-size: 0.64rem;
    font-weight: 850;
    white-space: nowrap;
}

.users-table td[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.71rem;
}

.users-table tbody tr:last-child td[b-4kjujshfas] {
    border-bottom: 0;
}

.users-table tbody tr:hover[b-4kjujshfas] {
    background: #fffaf0;
}

.users-table td > strong[b-4kjujshfas],
.users-table td > small[b-4kjujshfas] {
    display: block;
}

.users-table td > small[b-4kjujshfas] {
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.62rem;
}

.role-list[b-4kjujshfas],
.users-actions[b-4kjujshfas] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.role-chip[b-4kjujshfas],
.status-chip[b-4kjujshfas] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 850;
    white-space: nowrap;
}

.role-chip[b-4kjujshfas] {
    color: #805b18;
    background: #fff5dc;
}

.role-chip.empty[b-4kjujshfas] {
    color: #667085;
    background: #eef1f4;
}

.status-chip.active[b-4kjujshfas],
.status-chip.confirmed[b-4kjujshfas] {
    color: #17613f;
    background: #e7f8ef;
}

.status-chip.suspended[b-4kjujshfas] {
    color: #8d2e2e;
    background: #fff0f0;
}

.status-chip.pending[b-4kjujshfas] {
    color: #805b18;
    background: #fff5dc;
}

.warning-text[b-4kjujshfas] {
    display: block;
    margin-top: 0.2rem;
    color: #9a6816;
    font-size: 0.61rem;
}

.muted[b-4kjujshfas] {
    color: var(--text-secondary, #718096);
}

.users-actions button[b-4kjujshfas] {
    min-height: 1.9rem;
    padding: 0.3rem 0.5rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.64rem;
    font-weight: 800;
}

.users-actions button.danger[b-4kjujshfas] {
    color: #8d2e2e;
    background: #fff7f7;
    border-color: #edc6c6;
}

.users-actions button.success[b-4kjujshfas] {
    color: #17613f;
    background: #f2fbf6;
    border-color: #bee3ce;
}

.users-actions button:disabled[b-4kjujshfas] {
    cursor: not-allowed;
    opacity: 0.55;
}

.users-pagination[b-4kjujshfas] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.users-pagination > span[b-4kjujshfas] {
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
}

.users-pagination > div[b-4kjujshfas] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.users-pagination button[b-4kjujshfas] {
    min-height: 2rem;
    padding: 0.35rem 0.6rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.42rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 800;
}

.users-pagination button:disabled[b-4kjujshfas] {
    cursor: not-allowed;
    opacity: 0.55;
}

.users-pagination strong[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.68rem;
}

.users-modal-backdrop[b-4kjujshfas] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.58);
}

.users-modal[b-4kjujshfas] {
    width: min(36rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

.users-modal.large[b-4kjujshfas] {
    width: min(56rem, 100%);
}

.users-modal > header[b-4kjujshfas],
.users-modal form > footer[b-4kjujshfas] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
}

.users-modal > header[b-4kjujshfas] {
    border-bottom: 1px solid var(--border-color, #e4e9ed);
}

.users-modal form > footer[b-4kjujshfas] {
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--border-color, #e4e9ed);
}

.modal-close[b-4kjujshfas] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--text-primary, #172033);
    background: transparent;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.users-modal-body[b-4kjujshfas] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.validation-summary[b-4kjujshfas] {
    color: #8d2e2e;
    font-size: 0.72rem;
}

.form-grid[b-4kjujshfas],
.switch-grid[b-4kjujshfas] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.form-field[b-4kjujshfas] {
    display: grid;
    gap: 0.22rem;
}

.form-field label[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.68rem;
    font-weight: 850;
}

.form-field[b-4kjujshfas]  .validation-message {
    color: #9f3030;
    font-size: 0.62rem;
}

.role-section[b-4kjujshfas] {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.role-section > header strong[b-4kjujshfas],
.role-section > header span[b-4kjujshfas] {
    display: block;
}

.role-section > header strong[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.76rem;
}

.role-section > header span[b-4kjujshfas] {
    margin-top: 0.15rem;
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
}

.role-options[b-4kjujshfas] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.role-options > label[b-4kjujshfas],
.switch-grid > label[b-4kjujshfas] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.role-options input[b-4kjujshfas],
.switch-grid input[b-4kjujshfas] {
    width: 1rem;
    height: 1rem;
    accent-color: #b98224;
}

.role-options strong[b-4kjujshfas],
.role-options small[b-4kjujshfas],
.switch-grid strong[b-4kjujshfas],
.switch-grid small[b-4kjujshfas] {
    display: block;
}

.role-options strong[b-4kjujshfas],
.switch-grid strong[b-4kjujshfas] {
    color: var(--text-primary, #172033);
    font-size: 0.7rem;
}

.role-options small[b-4kjujshfas],
.switch-grid small[b-4kjujshfas] {
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.61rem;
}

.users-info[b-4kjujshfas] {
    padding: 0.7rem 0.8rem;
    color: #805b18;
    background: #fff8e7;
    border: 1px solid #efd79d;
    border-radius: 0.55rem;
    font-size: 0.7rem;
    line-height: 1.45;
}

@media (max-width: 1250px) {
    .users-summary[b-4kjujshfas] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .users-toolbar[b-4kjujshfas] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .users-summary[b-4kjujshfas],
    .users-toolbar[b-4kjujshfas],
    .form-grid[b-4kjujshfas],
    .switch-grid[b-4kjujshfas],
    .role-options[b-4kjujshfas] {
        grid-template-columns: 1fr;
    }

    .users-header[b-4kjujshfas],
    .users-pagination[b-4kjujshfas] {
        align-items: flex-start;
        flex-direction: column;
    }

    .users-modal form > footer[b-4kjujshfas] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .users-modal form > footer button[b-4kjujshfas] {
        width: 100%;
    }
}
/* /Components/Pages/UsuariosWeb.razor.rz.scp.css */
.users-page[b-69jvl2x4y6] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.users-header[b-69jvl2x4y6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.users-header-actions[b-69jvl2x4y6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.users-link[b-69jvl2x4y6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.users-header span[b-69jvl2x4y6],
.users-modal > header span[b-69jvl2x4y6] {
    color: #a77720;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.users-header h1[b-69jvl2x4y6],
.users-modal > header h2[b-69jvl2x4y6] {
    margin: 0.15rem 0 0.2rem;
    color: var(--text-primary, #172033);
}

.users-header p[b-69jvl2x4y6],
.users-modal > header p[b-69jvl2x4y6] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
}

.users-primary[b-69jvl2x4y6],
.users-secondary[b-69jvl2x4y6] {
    min-height: 2.35rem;
    padding: 0.5rem 0.8rem;
    border-radius: 0.5rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 850;
}

.users-primary[b-69jvl2x4y6] {
    color: #fff;
    background: #b98224;
    border: 1px solid #b98224;
}

.users-secondary[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
}

.users-primary:disabled[b-69jvl2x4y6],
.users-secondary:disabled[b-69jvl2x4y6] {
    cursor: not-allowed;
    opacity: 0.65;
}

.users-message[b-69jvl2x4y6] {
    padding: 0.7rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.76rem;
    font-weight: 750;
}

.users-message.success[b-69jvl2x4y6] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.users-message.error[b-69jvl2x4y6] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.users-summary[b-69jvl2x4y6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.users-summary article[b-69jvl2x4y6] {
    padding: 0.7rem 0.8rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.users-summary span[b-69jvl2x4y6],
.users-summary strong[b-69jvl2x4y6] {
    display: block;
}

.users-summary span[b-69jvl2x4y6] {
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
}

.users-summary strong[b-69jvl2x4y6] {
    margin-top: 0.18rem;
    color: var(--text-primary, #172033);
    font-size: 1.05rem;
}

.users-toolbar[b-69jvl2x4y6] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) 11rem 12rem 6.5rem auto;
    align-items: end;
    gap: 0.55rem;
    padding: 0.75rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-field[b-69jvl2x4y6] {
    display: grid;
    gap: 0.22rem;
}

.users-field label[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.66rem;
    font-weight: 850;
}

.users-field input[b-69jvl2x4y6],
.users-field select[b-69jvl2x4y6],
.form-control[b-69jvl2x4y6] {
    width: 100%;
    min-height: 2.2rem;
    padding: 0.4rem 0.55rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.45rem;
    font: inherit;
    font-size: 0.73rem;
}

.users-empty[b-69jvl2x4y6] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    color: var(--text-secondary, #718096);
    background: var(--surface-color, #fff);
    border: 1px dashed var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-table-shell[b-69jvl2x4y6] {
    overflow-x: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
}

.users-table[b-69jvl2x4y6] {
    width: 100%;
    min-width: 78rem;
    border-collapse: collapse;
}

.users-table th[b-69jvl2x4y6],
.users-table td[b-69jvl2x4y6] {
    padding: 0.62rem 0.68rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color, #e7ebef);
}

.users-table th[b-69jvl2x4y6] {
    color: var(--text-secondary, #657287);
    background: var(--surface-muted, #f7f9fb);
    font-size: 0.64rem;
    font-weight: 850;
    white-space: nowrap;
}

.users-table td[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.71rem;
}

.users-table tbody tr:last-child td[b-69jvl2x4y6] {
    border-bottom: 0;
}

.users-table tbody tr:hover[b-69jvl2x4y6] {
    background: #fffaf0;
}

.users-table td > strong[b-69jvl2x4y6],
.users-table td > small[b-69jvl2x4y6] {
    display: block;
}

.users-table td > small[b-69jvl2x4y6] {
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.62rem;
}

.role-list[b-69jvl2x4y6],
.users-actions[b-69jvl2x4y6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.role-chip[b-69jvl2x4y6],
.status-chip[b-69jvl2x4y6] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 850;
    white-space: nowrap;
}

.role-chip[b-69jvl2x4y6] {
    color: #805b18;
    background: #fff5dc;
}

.role-chip.empty[b-69jvl2x4y6] {
    color: #667085;
    background: #eef1f4;
}

.status-chip.active[b-69jvl2x4y6],
.status-chip.confirmed[b-69jvl2x4y6] {
    color: #17613f;
    background: #e7f8ef;
}

.status-chip.suspended[b-69jvl2x4y6] {
    color: #8d2e2e;
    background: #fff0f0;
}

.status-chip.pending[b-69jvl2x4y6] {
    color: #805b18;
    background: #fff5dc;
}

.warning-text[b-69jvl2x4y6] {
    display: block;
    margin-top: 0.2rem;
    color: #9a6816;
    font-size: 0.61rem;
}

.muted[b-69jvl2x4y6] {
    color: var(--text-secondary, #718096);
}

.users-actions button[b-69jvl2x4y6] {
    min-height: 1.9rem;
    padding: 0.3rem 0.5rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.64rem;
    font-weight: 800;
}

.users-actions button.danger[b-69jvl2x4y6] {
    color: #8d2e2e;
    background: #fff7f7;
    border-color: #edc6c6;
}

.users-actions button.success[b-69jvl2x4y6] {
    color: #17613f;
    background: #f2fbf6;
    border-color: #bee3ce;
}

.users-actions button:disabled[b-69jvl2x4y6] {
    cursor: not-allowed;
    opacity: 0.55;
}

.users-pagination[b-69jvl2x4y6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.users-pagination > span[b-69jvl2x4y6] {
    color: var(--text-secondary, #718096);
    font-size: 0.7rem;
}

.users-pagination > div[b-69jvl2x4y6] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.users-pagination button[b-69jvl2x4y6] {
    min-height: 2rem;
    padding: 0.35rem 0.6rem;
    color: var(--text-primary, #172033);
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.42rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 800;
}

.users-pagination button:disabled[b-69jvl2x4y6] {
    cursor: not-allowed;
    opacity: 0.55;
}

.users-pagination strong[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.68rem;
}

.users-modal-backdrop[b-69jvl2x4y6] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.58);
}

.users-modal[b-69jvl2x4y6] {
    width: min(36rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.3);
}

.users-modal.large[b-69jvl2x4y6] {
    width: min(56rem, 100%);
}

.users-modal > header[b-69jvl2x4y6],
.users-modal form > footer[b-69jvl2x4y6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
}

.users-modal > header[b-69jvl2x4y6] {
    border-bottom: 1px solid var(--border-color, #e4e9ed);
}

.users-modal form > footer[b-69jvl2x4y6] {
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--border-color, #e4e9ed);
}

.modal-close[b-69jvl2x4y6] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--text-primary, #172033);
    background: transparent;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 999px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.users-modal-body[b-69jvl2x4y6] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.validation-summary[b-69jvl2x4y6] {
    color: #8d2e2e;
    font-size: 0.72rem;
}

.form-grid[b-69jvl2x4y6],
.switch-grid[b-69jvl2x4y6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.form-field[b-69jvl2x4y6] {
    display: grid;
    gap: 0.22rem;
}

.form-field label[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.68rem;
    font-weight: 850;
}

.form-field[b-69jvl2x4y6]  .validation-message {
    color: #9f3030;
    font-size: 0.62rem;
}

.role-section[b-69jvl2x4y6] {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    background: var(--surface-muted, #f8fafc);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.6rem;
}

.role-section > header strong[b-69jvl2x4y6],
.role-section > header span[b-69jvl2x4y6] {
    display: block;
}

.role-section > header strong[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.76rem;
}

.role-section > header span[b-69jvl2x4y6] {
    margin-top: 0.15rem;
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
}

.role-options[b-69jvl2x4y6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.role-options > label[b-69jvl2x4y6],
.switch-grid > label[b-69jvl2x4y6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    padding: 0.6rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
}

.role-options input[b-69jvl2x4y6],
.switch-grid input[b-69jvl2x4y6] {
    width: 1rem;
    height: 1rem;
    accent-color: #b98224;
}

.role-options strong[b-69jvl2x4y6],
.role-options small[b-69jvl2x4y6],
.switch-grid strong[b-69jvl2x4y6],
.switch-grid small[b-69jvl2x4y6] {
    display: block;
}

.role-options strong[b-69jvl2x4y6],
.switch-grid strong[b-69jvl2x4y6] {
    color: var(--text-primary, #172033);
    font-size: 0.7rem;
}

.role-options small[b-69jvl2x4y6],
.switch-grid small[b-69jvl2x4y6] {
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.61rem;
}

.users-info[b-69jvl2x4y6] {
    padding: 0.7rem 0.8rem;
    color: #805b18;
    background: #fff8e7;
    border: 1px solid #efd79d;
    border-radius: 0.55rem;
    font-size: 0.7rem;
    line-height: 1.45;
}

@media (max-width: 1250px) {
    .users-summary[b-69jvl2x4y6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .users-toolbar[b-69jvl2x4y6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .users-summary[b-69jvl2x4y6],
    .users-toolbar[b-69jvl2x4y6],
    .form-grid[b-69jvl2x4y6],
    .switch-grid[b-69jvl2x4y6],
    .role-options[b-69jvl2x4y6] {
        grid-template-columns: 1fr;
    }

    .users-header[b-69jvl2x4y6],
    .users-pagination[b-69jvl2x4y6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .users-modal form > footer[b-69jvl2x4y6] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .users-modal form > footer button[b-69jvl2x4y6] {
        width: 100%;
    }
}

/* USR-WEB-05 - invitación */
.users-actions button.invite[b-69jvl2x4y6] {
    color: #0d5d8e;
    background: #f0f8ff;
    border-color: #bcdcf0;
}

.users-actions button.invite:hover:not(:disabled)[b-69jvl2x4y6] {
    background: #e4f3fc;
}
/* /USR-WEB-05 */
/* /Components/Pages/Ventas.razor.rz.scp.css */
.ventas-page[b-84dyt80dcq] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.ventas-header[b-84dyt80dcq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.ventas-heading[b-84dyt80dcq] {
    display: grid;
    gap: 0.28rem;
}

.ventas-section-label[b-84dyt80dcq],
.ventas-modal-label[b-84dyt80dcq] {
    color: #c58a21;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ventas-heading h1[b-84dyt80dcq],
.ventas-modal-header h2[b-84dyt80dcq],
.ventas-empty-state h2[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
}

.ventas-heading h1[b-84dyt80dcq] {
    font-size: clamp(1.65rem, 2.4vw, 2.05rem);
    line-height: 1.1;
}

.ventas-heading p[b-84dyt80dcq],
.ventas-modal-header p[b-84dyt80dcq],
.ventas-empty-state p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #738095);
    line-height: 1.5;
}

.ventas-header-actions[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.ventas-button[b-84dyt80dcq],
.ventas-clear-button[b-84dyt80dcq],
.ventas-modal-close[b-84dyt80dcq],
.ventas-type-card[b-84dyt80dcq],
.ventas-cancel-button[b-84dyt80dcq] {
    font: inherit;
}

.ventas-button[b-84dyt80dcq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.55rem;
    padding: 0.62rem 0.95rem;
    border-radius: 0.55rem;
    font-weight: 750;
    cursor: pointer;
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        background 150ms ease;
}

.ventas-button-primary[b-84dyt80dcq] {
    border: 1px solid #cf9328;
    background: #cf9328;
    color: #ffffff;
    box-shadow: 0 8px 16px rgb(207 147 40 / 24%);
}

.ventas-button-primary:hover[b-84dyt80dcq] {
    background: #b97d17;
    box-shadow: 0 10px 20px rgb(207 147 40 / 30%);
    transform: translateY(-1px);
}

.ventas-button-secondary[b-84dyt80dcq] {
    border: 1px solid var(--border-color, #dfe4ea);
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.ventas-button-secondary:hover[b-84dyt80dcq] {
    background: rgb(148 163 184 / 10%);
}

.ventas-button:focus-visible[b-84dyt80dcq],
.ventas-clear-button:focus-visible[b-84dyt80dcq],
.ventas-modal-close:focus-visible[b-84dyt80dcq],
.ventas-type-card:focus-visible[b-84dyt80dcq],
.ventas-cancel-button:focus-visible[b-84dyt80dcq],
.ventas-search input:focus-visible[b-84dyt80dcq],
.ventas-filters select:focus-visible[b-84dyt80dcq] {
    outline: 3px solid rgb(207 147 40 / 22%);
    outline-offset: 2px;
}

.ventas-summary-grid[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.ventas-summary-card[b-84dyt80dcq] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    min-height: 7.4rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.ventas-summary-card[b-84dyt80dcq]::after {
    position: absolute;
    right: 0.7rem;
    bottom: 0.45rem;
    left: 0.7rem;
    height: 0.18rem;
    border-radius: 999px;
    content: "";
}

.ventas-summary-card-total[b-84dyt80dcq]::after {
    background: #d39a2e;
}

.ventas-summary-card-financed[b-84dyt80dcq]::after {
    background: #2e9f67;
}

.ventas-summary-card-cash[b-84dyt80dcq]::after {
    background: #4b8dbd;
}

.ventas-summary-card-month[b-84dyt80dcq]::after {
    background: #8a65c7;
}

.ventas-summary-icon[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    width: 2.55rem;
    height: 2.55rem;
    padding: 0.62rem;
    border-radius: 0.58rem;
    background: #f8edd5;
    color: #b87c16;
}

.ventas-summary-card-financed .ventas-summary-icon[b-84dyt80dcq] {
    background: #def4e9;
    color: #218755;
}

.ventas-summary-card-cash .ventas-summary-icon[b-84dyt80dcq] {
    background: #e1f0f8;
    color: #397ea8;
}

.ventas-summary-card-month .ventas-summary-icon[b-84dyt80dcq] {
    background: #eee6fb;
    color: #7550b5;
}

.ventas-summary-icon svg[b-84dyt80dcq],
.ventas-search-icon svg[b-84dyt80dcq],
.ventas-empty-icon svg[b-84dyt80dcq],
.ventas-modal-close svg[b-84dyt80dcq],
.ventas-type-icon svg[b-84dyt80dcq] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ventas-summary-copy[b-84dyt80dcq] {
    display: grid;
    align-content: start;
    gap: 0.18rem;
}

.ventas-summary-copy > span[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
}

.ventas-summary-copy strong[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 1.65rem;
    line-height: 1;
}

.ventas-summary-copy small[b-84dyt80dcq] {
    color: #8b96a8;
    font-size: 0.72rem;
}

.ventas-feedback[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid #bfe9cf;
    border-radius: 0.65rem;
    background: #f0fbf4;
    color: #24663e;
    font-weight: 650;
}

.ventas-content-card[b-84dyt80dcq] {
    min-height: 25rem;
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.75rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 8px 20px rgb(15 23 42 / 4%);
}

.ventas-toolbar[b-84dyt80dcq] {
    display: grid;
    grid-template-columns:
        minmax(18rem, 1.4fr)
        minmax(0, auto)
        auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 0.85rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.ventas-search[b-84dyt80dcq] {
    position: relative;
    display: block;
}

.ventas-search-icon[b-84dyt80dcq] {
    position: absolute;
    top: 50%;
    left: 0.8rem;
    width: 0.95rem;
    height: 0.95rem;
    color: #8a95a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.ventas-search input[b-84dyt80dcq],
.ventas-filters select[b-84dyt80dcq] {
    min-height: 2.45rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
}

.ventas-search input[b-84dyt80dcq] {
    width: 100%;
    padding: 0.55rem 0.75rem 0.55rem 2.35rem;
}

.ventas-search input[b-84dyt80dcq]::placeholder {
    color: #98a2b3;
}

.ventas-filters[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.ventas-filters select[b-84dyt80dcq] {
    min-width: 9.5rem;
    padding: 0.5rem 2rem 0.5rem 0.75rem;
}

.ventas-clear-button[b-84dyt80dcq],
.ventas-cancel-button[b-84dyt80dcq] {
    min-height: 2.45rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font-weight: 700;
    cursor: pointer;
}

.ventas-clear-button:hover[b-84dyt80dcq],
.ventas-cancel-button:hover[b-84dyt80dcq] {
    background: rgb(148 163 184 / 10%);
}

.ventas-count[b-84dyt80dcq] {
    justify-self: end;
    color: var(--text-secondary, #718096);
    font-size: 0.78rem;
    font-weight: 650;
    white-space: nowrap;
}

.ventas-empty-state[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 20rem;
    padding: 2rem;
    text-align: center;
}

.ventas-empty-icon[b-84dyt80dcq] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.9rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: #f8edd5;
    color: #b87c16;
}

.ventas-empty-state h2[b-84dyt80dcq] {
    margin-bottom: 0.35rem;
    font-size: 1rem;
}

.ventas-empty-state p[b-84dyt80dcq] {
    max-width: 28rem;
    margin-bottom: 1rem;
}

.ventas-modal-backdrop[b-84dyt80dcq] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(15 23 42 / 55%);
    backdrop-filter: blur(3px);
}

.ventas-type-modal[b-84dyt80dcq] {
    width: min(100%, 40rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.8rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 24px 60px rgb(15 23 42 / 30%);
}

.ventas-modal-header[b-84dyt80dcq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.ventas-modal-header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.28rem;
}

.ventas-modal-header h2[b-84dyt80dcq] {
    font-size: 1.2rem;
}

.ventas-modal-close[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--text-secondary, #718096);
    cursor: pointer;
}

.ventas-modal-close:hover[b-84dyt80dcq] {
    background: rgb(148 163 184 / 10%);
}

.ventas-modal-close svg[b-84dyt80dcq] {
    width: 0.95rem;
    height: 0.95rem;
}

.ventas-type-options[b-84dyt80dcq] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1.2rem;
}

.ventas-type-card[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.9rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        transform 150ms ease;
}

.ventas-type-card:hover[b-84dyt80dcq] {
    border-color: #d3a54f;
    background: rgb(207 147 40 / 6%);
    transform: translateY(-1px);
}

.ventas-type-icon[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0.68rem;
    border-radius: 0.62rem;
    background: #f8edd5;
    color: #b87c16;
}

.ventas-type-copy[b-84dyt80dcq] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.ventas-type-copy strong[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.94rem;
}

.ventas-type-copy small[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    line-height: 1.4;
}

.ventas-type-arrow[b-84dyt80dcq] {
    color: #c58a21;
    font-size: 1.1rem;
    font-weight: 800;
}

.ventas-modal-footer[b-84dyt80dcq] {
    display: flex;
    justify-content: flex-end;
    padding: 0 1.2rem 1.2rem;
}

@media (max-width: 1100px) {
    .ventas-summary-grid[b-84dyt80dcq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ventas-toolbar[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-count[b-84dyt80dcq] {
        justify-self: start;
    }
}

@media (max-width: 720px) {
    .ventas-header[b-84dyt80dcq] {
        flex-direction: column;
    }

    .ventas-header-actions[b-84dyt80dcq] {
        width: 100%;
    }

    .ventas-header-actions .ventas-button[b-84dyt80dcq] {
        flex: 1;
    }

    .ventas-filters[b-84dyt80dcq] {
        flex-wrap: wrap;
    }

    .ventas-filters select[b-84dyt80dcq],
    .ventas-clear-button[b-84dyt80dcq] {
        flex: 1 1 10rem;
    }
}

@media (max-width: 520px) {
    .ventas-summary-grid[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-header-actions[b-84dyt80dcq] {
        flex-direction: column-reverse;
    }

    .ventas-header-actions .ventas-button[b-84dyt80dcq] {
        width: 100%;
    }

    .ventas-type-card[b-84dyt80dcq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .ventas-type-arrow[b-84dyt80dcq] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ventas-button[b-84dyt80dcq],
    .ventas-type-card[b-84dyt80dcq] {
        transition: none;
    }
}

:global([data-theme="dark"]) .ventas-feedback[b-84dyt80dcq],
:global(.dark) .ventas-feedback[b-84dyt80dcq] {
    border-color: rgb(34 197 94 / 32%);
    background: rgb(22 101 52 / 20%);
    color: #bbf7d0;
}

:global([data-theme="dark"]) .ventas-summary-card[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-content-card[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-button-secondary[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-search input[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-filters select[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-clear-button[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-cancel-button[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-type-modal[b-84dyt80dcq],
:global(.dark) .ventas-summary-card[b-84dyt80dcq],
:global(.dark) .ventas-content-card[b-84dyt80dcq],
:global(.dark) .ventas-button-secondary[b-84dyt80dcq],
:global(.dark) .ventas-search input[b-84dyt80dcq],
:global(.dark) .ventas-filters select[b-84dyt80dcq],
:global(.dark) .ventas-clear-button[b-84dyt80dcq],
:global(.dark) .ventas-cancel-button[b-84dyt80dcq],
:global(.dark) .ventas-type-modal[b-84dyt80dcq] {
    background: var(--surface-color, #152132);
}
/* RS-05C.2G - LISTADO REAL DE VENTAS */

.ventas-loading[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    font-weight: 650;
}

.ventas-feedback-error[b-84dyt80dcq] {
    border-color: #f2c5c5;
    background: #fff3f3;
    color: #a53333;
}

.ventas-table-wrap[b-84dyt80dcq] {
    width: 100%;
    overflow-x: auto;
}

.ventas-table[b-84dyt80dcq] {
    width: 100%;
    border-collapse: collapse;
}

.ventas-table th[b-84dyt80dcq],
.ventas-table td[b-84dyt80dcq] {
    padding: 0.78rem 0.85rem;
    border-bottom: 1px solid var(--border-color, #e9edf2);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.ventas-table th[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    background: rgb(148 163 184 / 5%);
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.ventas-table td[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.76rem;
}

.ventas-table tbody tr:hover[b-84dyt80dcq] {
    background: rgb(207 147 40 / 5%);
}

.ventas-code[b-84dyt80dcq],
.ventas-main-line[b-84dyt80dcq] {
    display: block;
    color: var(--text-primary, #162033);
}

.ventas-code[b-84dyt80dcq] {
    color: #a76f12;
}

.ventas-table small[b-84dyt80dcq] {
    display: block;
    margin-top: 0.12rem;
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
}

.ventas-type-pill[b-84dyt80dcq],
.ventas-status-pill[b-84dyt80dcq] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
}

.ventas-type-pill.financed[b-84dyt80dcq] {
    background: #def4e9;
    color: #218755;
}

.ventas-type-pill.cash[b-84dyt80dcq] {
    background: #e1f0f8;
    color: #397ea8;
}

.ventas-status-pill[b-84dyt80dcq] {
    background: #fff3d9;
    color: #9a6510;
}

@media (max-width: 900px) {
    .ventas-table[b-84dyt80dcq] {
        min-width: 70rem;
    }
}

:global([data-theme="dark"]) .ventas-feedback-error[b-84dyt80dcq],
:global(.dark) .ventas-feedback-error[b-84dyt80dcq] {
    border-color: rgb(239 68 68 / 35%);
    background: rgb(127 29 29 / 22%);
    color: #fecaca;
}
/* RS-05C.2H - GESTIONAR VENTA */

.ventas-actions-header[b-84dyt80dcq],
.ventas-actions-cell[b-84dyt80dcq] {
    width: 4.5rem;
    text-align: center !important;
}

.ventas-manage-button[b-84dyt80dcq] {
    display: inline-grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid #d7a342;
    border-radius: 0.5rem;
    background: #fff8e9;
    color: #a76f12;
    cursor: pointer;
    transition:
        background 150ms ease,
        transform 150ms ease,
        box-shadow 150ms ease;
}

.ventas-manage-button:hover[b-84dyt80dcq] {
    background: #f8edd5;
    box-shadow: 0 6px 14px rgb(207 147 40 / 20%);
    transform: translateY(-1px);
}

.ventas-manage-button svg[b-84dyt80dcq] {
    width: 1.05rem;
    height: 1.05rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ventas-management-modal[b-84dyt80dcq] {
    width: min(100%, 62rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.ventas-management-header[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

.ventas-management-title[b-84dyt80dcq] {
    display: grid;
    gap: 0.25rem;
}

.ventas-management-title h2[b-84dyt80dcq],
.ventas-management-section h3[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
}

.ventas-management-title h2[b-84dyt80dcq] {
    font-size: 1.2rem;
}

.ventas-management-title p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    line-height: 1.45;
}

.ventas-management-loading[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    font-weight: 650;
}

.ventas-management-body[b-84dyt80dcq] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.ventas-management-section[b-84dyt80dcq] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
}

.ventas-management-section > header[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 4%);
}

.ventas-management-section h3[b-84dyt80dcq] {
    font-size: 0.92rem;
}

.ventas-management-section > header > span[b-84dyt80dcq] {
    color: #a76f12;
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ventas-detail-grid[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ventas-detail-grid > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.8rem 0.9rem;
    border-right: 1px solid var(--border-color, #edf0f4);
    border-bottom: 1px solid var(--border-color, #edf0f4);
}

.ventas-detail-grid > div:nth-child(4n)[b-84dyt80dcq] {
    border-right: 0;
}

.ventas-detail-grid > div:nth-last-child(-n + 4)[b-84dyt80dcq] {
    border-bottom: 0;
}

.ventas-detail-grid span[b-84dyt80dcq],
.ventas-detail-grid small[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.67rem;
}

.ventas-detail-grid strong[b-84dyt80dcq] {
    overflow: hidden;
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ventas-management-form[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0.95rem;
}

.ventas-management-field[b-84dyt80dcq] {
    display: grid;
    gap: 0.35rem;
}

.ventas-management-field-full[b-84dyt80dcq] {
    grid-column: 1 / -1;
}

.ventas-management-field label[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.75rem;
    font-weight: 750;
}

.ventas-management-control[b-84dyt80dcq] {
    width: 100%;
    min-height: 2.5rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.ventas-management-control:focus[b-84dyt80dcq] {
    outline: 3px solid rgb(207 147 40 / 18%);
    border-color: #d0a14b;
}

.ventas-management-textarea[b-84dyt80dcq] {
    min-height: 5.5rem;
    resize: vertical;
}

.ventas-history-list[b-84dyt80dcq] {
    display: grid;
}

.ventas-history-list article[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.2rem 1rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
}

.ventas-history-list article:last-child[b-84dyt80dcq] {
    border-bottom: 0;
}

.ventas-history-list strong[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.75rem;
}

.ventas-history-list span[b-84dyt80dcq],
.ventas-history-list p[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
}

.ventas-history-list p[b-84dyt80dcq] {
    grid-column: 1 / -1;
    margin: 0;
}

.ventas-management-footer[b-84dyt80dcq] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
    padding: 0.9rem 1.25rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

@media (max-width: 900px) {
    .ventas-detail-grid[b-84dyt80dcq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ventas-detail-grid > div:nth-child(4n)[b-84dyt80dcq] {
        border-right: 1px solid var(--border-color, #edf0f4);
    }

    .ventas-detail-grid > div:nth-child(2n)[b-84dyt80dcq] {
        border-right: 0;
    }

    .ventas-detail-grid > div:nth-last-child(-n + 4)[b-84dyt80dcq] {
        border-bottom: 1px solid var(--border-color, #edf0f4);
    }

    .ventas-detail-grid > div:nth-last-child(-n + 2)[b-84dyt80dcq] {
        border-bottom: 0;
    }
}

@media (max-width: 620px) {
    .ventas-management-form[b-84dyt80dcq],
    .ventas-detail-grid[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-management-field-full[b-84dyt80dcq] {
        grid-column: auto;
    }

    .ventas-detail-grid > div[b-84dyt80dcq] {
        border-right: 0 !important;
        border-bottom: 1px solid var(--border-color, #edf0f4) !important;
    }

    .ventas-detail-grid > div:last-child[b-84dyt80dcq] {
        border-bottom: 0 !important;
    }

    .ventas-management-footer[b-84dyt80dcq] {
        flex-direction: column-reverse;
    }

    .ventas-management-footer button[b-84dyt80dcq] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .ventas-manage-button[b-84dyt80dcq],
:global(.dark) .ventas-manage-button[b-84dyt80dcq] {
    border-color: rgb(207 147 40 / 42%);
    background: rgb(207 147 40 / 13%);
    color: #f0c56e;
}

:global([data-theme="dark"]) .ventas-management-modal[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-management-header[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-management-footer[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-management-control[b-84dyt80dcq],
:global(.dark) .ventas-management-modal[b-84dyt80dcq],
:global(.dark) .ventas-management-header[b-84dyt80dcq],
:global(.dark) .ventas-management-footer[b-84dyt80dcq],
:global(.dark) .ventas-management-control[b-84dyt80dcq] {
    background: var(--surface-color, #152132);
}
/* RS-05C.2I V2 - PAGOS DEL PLAN DEL INICIAL */

.ventas-payment-button[b-84dyt80dcq] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #2f8f62;
    border-radius: 0.5rem;
    background: #eefaf4;
    color: #23734d;
    cursor: pointer;
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        background 150ms ease;
}

.ventas-payment-button:hover[b-84dyt80dcq] {
    background: #dff4e9;
    box-shadow: 0 6px 14px rgb(47 143 98 / 20%);
    transform: translateY(-1px);
}

.ventas-payment-button:disabled[b-84dyt80dcq] {
    cursor: not-allowed;
    opacity: 0.45;
    box-shadow: none;
}

.ventas-payment-button svg[b-84dyt80dcq] {
    width: 1.08rem;
    height: 1.08rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ventas-plan-modal[b-84dyt80dcq] {
    width: min(100%, 74rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.ventas-plan-header[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

.ventas-plan-header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.25rem;
}

.ventas-plan-header h2[b-84dyt80dcq],
.ventas-plan-section h3[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
}

.ventas-plan-header h2[b-84dyt80dcq] {
    font-size: 1.2rem;
}

.ventas-plan-header p[b-84dyt80dcq],
.ventas-plan-section p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    line-height: 1.45;
}

.ventas-plan-loading[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    min-height: 20rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    font-weight: 650;
}

.ventas-plan-body[b-84dyt80dcq] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.ventas-plan-summary[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.ventas-plan-summary article[b-84dyt80dcq] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: var(--surface-color, #ffffff);
}

.ventas-plan-summary article > span[b-84dyt80dcq],
.ventas-plan-summary article > small[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.ventas-plan-summary article > strong[b-84dyt80dcq] {
    overflow: hidden;
    color: var(--text-primary, #162033);
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ventas-plan-summary-balance[b-84dyt80dcq] {
    border-color: #e2b45d !important;
    background: #fff9ed !important;
}

.ventas-plan-summary-balance strong[b-84dyt80dcq] {
    color: #99620b !important;
}

.ventas-plan-section[b-84dyt80dcq] {
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.7rem;
}

.ventas-plan-section > header[b-84dyt80dcq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.95rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 4%);
}

.ventas-plan-section > header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.15rem;
}

.ventas-plan-section h3[b-84dyt80dcq] {
    font-size: 0.92rem;
}

.ventas-plan-section > header > span[b-84dyt80dcq] {
    color: #a76f12;
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ventas-plan-table-wrap[b-84dyt80dcq] {
    width: 100%;
    max-height: 20rem;
    overflow: auto;
}

.ventas-plan-table[b-84dyt80dcq] {
    width: 100%;
    border-collapse: collapse;
}

.ventas-plan-table th[b-84dyt80dcq],
.ventas-plan-table td[b-84dyt80dcq] {
    padding: 0.68rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    color: var(--text-primary, #162033);
    font-size: 0.72rem;
    text-align: left;
    white-space: nowrap;
}

.ventas-plan-table th[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
    text-transform: uppercase;
}

.ventas-plan-table tr.selected[b-84dyt80dcq] {
    background: rgb(207 147 40 / 8%);
}

.ventas-plan-status[b-84dyt80dcq] {
    display: inline-flex;
    padding: 0.22rem 0.48rem;
    border-radius: 999px;
    background: #fff3d9;
    color: #9a6510;
    font-size: 0.64rem;
    font-weight: 750;
}

.ventas-select-installment[b-84dyt80dcq] {
    min-height: 1.9rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid #d7a342;
    border-radius: 0.4rem;
    background: #fff8e9;
    color: #9a6510;
    font-size: 0.65rem;
    font-weight: 750;
    cursor: pointer;
}

.ventas-select-installment:disabled[b-84dyt80dcq] {
    cursor: not-allowed;
    opacity: 0.45;
}

.ventas-payment-type[b-84dyt80dcq] {
    display: flex;
    gap: 0.55rem;
    padding: 0.9rem 0.95rem 0;
}

.ventas-payment-type-button[b-84dyt80dcq] {
    min-height: 2.35rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 750;
    cursor: pointer;
}

.ventas-payment-type-button.active[b-84dyt80dcq] {
    border-color: #cf9328;
    background: #fff7e7;
    color: #9a6510;
    box-shadow: inset 0 -2px 0 #cf9328;
}

.ventas-payment-form[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0.95rem;
}

.ventas-payment-field[b-84dyt80dcq] {
    display: grid;
    gap: 0.35rem;
}

.ventas-payment-field-full[b-84dyt80dcq] {
    grid-column: 1 / -1;
}

.ventas-payment-field label[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.74rem;
    font-weight: 750;
}

.ventas-payment-field small[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
}

.ventas-payment-control[b-84dyt80dcq],
.ventas-payment-readonly[b-84dyt80dcq],
.ventas-payment-file[b-84dyt80dcq] {
    width: 100%;
    min-height: 2.5rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.ventas-payment-control[b-84dyt80dcq] {
    padding: 0.55rem 0.7rem;
}

.ventas-payment-readonly[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    padding: 0.55rem 0.7rem;
    background: rgb(148 163 184 / 7%);
    font-size: 0.75rem;
    font-weight: 700;
}

.ventas-payment-textarea[b-84dyt80dcq] {
    min-height: 5rem;
    resize: vertical;
}

.ventas-payment-file[b-84dyt80dcq] {
    padding: 0.42rem;
}

.ventas-payment-files[b-84dyt80dcq] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.ventas-plan-empty[b-84dyt80dcq] {
    padding: 1.25rem;
    color: var(--text-secondary, #718096);
    font-size: 0.75rem;
    text-align: center;
}

.ventas-document-link[b-84dyt80dcq] {
    display: inline-flex;
    margin-right: 0.3rem;
    color: #1d6fa5;
    font-size: 0.66rem;
    font-weight: 750;
    text-decoration: none;
}

.ventas-document-link:hover[b-84dyt80dcq] {
    text-decoration: underline;
}

.ventas-plan-footer[b-84dyt80dcq] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
    padding: 0.9rem 1.25rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

@media (max-width: 960px) {
    .ventas-plan-summary[b-84dyt80dcq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ventas-plan-table[b-84dyt80dcq] {
        min-width: 58rem;
    }
}

@media (max-width: 650px) {
    .ventas-plan-summary[b-84dyt80dcq],
    .ventas-payment-form[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-payment-field-full[b-84dyt80dcq] {
        grid-column: auto;
    }

    .ventas-payment-type[b-84dyt80dcq] {
        flex-direction: column;
    }

    .ventas-plan-footer[b-84dyt80dcq] {
        flex-direction: column-reverse;
    }

    .ventas-plan-footer button[b-84dyt80dcq] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .ventas-payment-button[b-84dyt80dcq],
:global(.dark) .ventas-payment-button[b-84dyt80dcq] {
    border-color: rgb(47 143 98 / 50%);
    background: rgb(47 143 98 / 16%);
    color: #8ee0b8;
}

:global([data-theme="dark"]) .ventas-plan-modal[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-plan-header[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-plan-footer[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-payment-control[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-payment-readonly[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-payment-file[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-payment-type-button[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-plan-summary article[b-84dyt80dcq],
:global(.dark) .ventas-plan-modal[b-84dyt80dcq],
:global(.dark) .ventas-plan-header[b-84dyt80dcq],
:global(.dark) .ventas-plan-footer[b-84dyt80dcq],
:global(.dark) .ventas-payment-control[b-84dyt80dcq],
:global(.dark) .ventas-payment-readonly[b-84dyt80dcq],
:global(.dark) .ventas-payment-file[b-84dyt80dcq],
:global(.dark) .ventas-payment-type-button[b-84dyt80dcq],
:global(.dark) .ventas-plan-summary article[b-84dyt80dcq] {
    background: var(--surface-color, #152132);
}

:global([data-theme="dark"]) .ventas-plan-summary-balance[b-84dyt80dcq],
:global(.dark) .ventas-plan-summary-balance[b-84dyt80dcq] {
    background: rgb(207 147 40 / 14%) !important;
}

/* RS-05C.2J - EDICION Y RESUMEN DEL INICIAL */

.ventas-table tbody tr[b-84dyt80dcq] {
    cursor: pointer;
}

.ventas-table tbody tr.ventas-row-selected[b-84dyt80dcq] {
    background: rgb(207 147 40 / 9%);
    box-shadow: inset 3px 0 0 #cf9328;
}

.ventas-row-actions[b-84dyt80dcq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.ventas-edit-button[b-84dyt80dcq] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #d29a30;
    border-radius: 0.5rem;
    background: #fff8e9;
    color: #9b660f;
    cursor: pointer;
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        background 150ms ease;
}

.ventas-edit-button:hover[b-84dyt80dcq] {
    background: #f7ead0;
    box-shadow: 0 6px 14px rgb(207 147 40 / 20%);
    transform: translateY(-1px);
}

.ventas-edit-button svg[b-84dyt80dcq] {
    width: 1.05rem;
    height: 1.05rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ventas-initial-overview[b-84dyt80dcq] {
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: rgb(148 163 184 / 2%);
}

.ventas-initial-overview-header[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.ventas-initial-overview-header > div:first-child[b-84dyt80dcq] {
    display: grid;
    gap: 0.18rem;
}

.ventas-initial-overview-header span[b-84dyt80dcq],
.ventas-initial-overview-header p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.ventas-initial-overview-header h2[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.95rem;
}

.ventas-initial-overview-totals[b-84dyt80dcq] {
    display: flex;
    gap: 0.65rem;
}

.ventas-initial-overview-totals > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.12rem;
    min-width: 10rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
}

.ventas-initial-overview-totals strong[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.86rem;
}

.ventas-initial-tables[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0.85rem;
}

.ventas-initial-panel[b-84dyt80dcq] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: var(--surface-color, #ffffff);
}

.ventas-initial-panel > header[b-84dyt80dcq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
}

.ventas-initial-panel > header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.12rem;
}

.ventas-initial-panel h3[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.82rem;
}

.ventas-initial-panel p[b-84dyt80dcq],
.ventas-initial-panel > header > span[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    font-size: 0.64rem;
}

.ventas-initial-panel > header > span[b-84dyt80dcq] {
    color: #9b660f;
    font-weight: 800;
}

.ventas-initial-table-wrap[b-84dyt80dcq] {
    max-height: 17rem;
    overflow: auto;
}

.ventas-initial-table[b-84dyt80dcq] {
    width: 100%;
    border-collapse: collapse;
}

.ventas-initial-table th[b-84dyt80dcq],
.ventas-initial-table td[b-84dyt80dcq] {
    padding: 0.58rem 0.65rem;
    border-bottom: 1px solid var(--border-color, #edf0f4);
    color: var(--text-primary, #162033);
    font-size: 0.66rem;
    text-align: left;
    white-space: nowrap;
}

.ventas-initial-table th[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface-color, #ffffff);
    color: var(--text-secondary, #718096);
    font-size: 0.61rem;
    text-transform: uppercase;
}

.ventas-initial-loading[b-84dyt80dcq],
.ventas-initial-empty[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    min-height: 7rem;
    padding: 1rem;
    color: var(--text-secondary, #718096);
    font-size: 0.72rem;
    text-align: center;
}

.ventas-initial-empty.success[b-84dyt80dcq] {
    color: #23734d;
}

.ventas-edit-modal[b-84dyt80dcq] {
    width: min(100%, 58rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.ventas-edit-header[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

.ventas-edit-header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.22rem;
}

.ventas-edit-header h2[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 1.15rem;
}

.ventas-edit-header p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    line-height: 1.45;
}

.ventas-edit-loading[b-84dyt80dcq] {
    display: grid;
    place-items: center;
    min-height: 18rem;
    padding: 2rem;
    color: var(--text-secondary, #718096);
    font-weight: 650;
}

.ventas-edit-body[b-84dyt80dcq] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem 1.2rem;
}

.ventas-edit-warning[b-84dyt80dcq] {
    padding: 0.75rem 0.85rem;
    border: 1px solid #f0cf8d;
    border-radius: 0.55rem;
    background: #fff8e9;
    color: #865b14;
    font-size: 0.72rem;
    line-height: 1.45;
}

.ventas-edit-grid[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.ventas-edit-field[b-84dyt80dcq] {
    display: grid;
    align-content: start;
    gap: 0.34rem;
}

.ventas-edit-field-full[b-84dyt80dcq] {
    grid-column: 1 / -1;
}

.ventas-edit-field label[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.73rem;
    font-weight: 750;
}

.ventas-edit-control[b-84dyt80dcq],
.ventas-edit-readonly[b-84dyt80dcq] {
    width: 100%;
    min-height: 2.5rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.5rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
}

.ventas-edit-control[b-84dyt80dcq] {
    padding: 0.55rem 0.7rem;
}

.ventas-edit-control:disabled[b-84dyt80dcq] {
    cursor: not-allowed;
    opacity: 0.65;
}

.ventas-edit-readonly[b-84dyt80dcq] {
    display: flex;
    align-items: center;
    padding: 0.55rem 0.7rem;
    background: rgb(148 163 184 / 7%);
    font-size: 0.74rem;
    font-weight: 700;
}

.ventas-edit-textarea[b-84dyt80dcq] {
    min-height: 5rem;
    resize: vertical;
}

.ventas-edit-footer[b-84dyt80dcq] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    gap: 0.7rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

@media (max-width: 980px) {
    .ventas-initial-tables[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-initial-overview-header[b-84dyt80dcq] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .ventas-initial-overview-totals[b-84dyt80dcq],
    .ventas-edit-grid[b-84dyt80dcq] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .ventas-edit-field-full[b-84dyt80dcq] {
        grid-column: auto;
    }

    .ventas-edit-footer[b-84dyt80dcq] {
        flex-direction: column-reverse;
    }

    .ventas-edit-footer button[b-84dyt80dcq] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .ventas-edit-button[b-84dyt80dcq],
:global(.dark) .ventas-edit-button[b-84dyt80dcq] {
    border-color: rgb(207 147 40 / 50%);
    background: rgb(207 147 40 / 14%);
    color: #f0c56e;
}

:global([data-theme="dark"]) .ventas-initial-panel[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-initial-overview-totals > div[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-initial-table th[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-edit-modal[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-edit-header[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-edit-footer[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-edit-control[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-edit-readonly[b-84dyt80dcq],
:global(.dark) .ventas-initial-panel[b-84dyt80dcq],
:global(.dark) .ventas-initial-overview-totals > div[b-84dyt80dcq],
:global(.dark) .ventas-initial-table th[b-84dyt80dcq],
:global(.dark) .ventas-edit-modal[b-84dyt80dcq],
:global(.dark) .ventas-edit-header[b-84dyt80dcq],
:global(.dark) .ventas-edit-footer[b-84dyt80dcq],
:global(.dark) .ventas-edit-control[b-84dyt80dcq],
:global(.dark) .ventas-edit-readonly[b-84dyt80dcq] {
    background: var(--surface-color, #152132);
}

/* RS-05C.2K - COLUMNAS DEL INICIAL */

.ventas-initial-paid[b-84dyt80dcq] {
    color: #23734d;
    font-size: 0.72rem;
    white-space: nowrap;
}

.ventas-initial-debt[b-84dyt80dcq] {
    color: #a35f0b;
    font-size: 0.72rem;
    white-space: nowrap;
}

.ventas-table th:nth-last-child(-n + 5)[b-84dyt80dcq],
.ventas-table td:nth-last-child(-n + 5)[b-84dyt80dcq] {
    text-align: right;
}

.ventas-table th:last-child[b-84dyt80dcq],
.ventas-table td:last-child[b-84dyt80dcq] {
    text-align: center;
}

:global([data-theme="dark"]) .ventas-initial-paid[b-84dyt80dcq],
:global(.dark) .ventas-initial-paid[b-84dyt80dcq] {
    color: #86efac;
}

:global([data-theme="dark"]) .ventas-initial-debt[b-84dyt80dcq],
:global(.dark) .ventas-initial-debt[b-84dyt80dcq] {
    color: #f7c873;
}
/* RS-05C.2P - RESERVA Y SEPARACION */

.ventas-reservation-amount[b-84dyt80dcq] {
    color: #2f6ea5;
    font-size: 0.72rem;
    white-space: nowrap;
}

.ventas-separation-amount[b-84dyt80dcq] {
    color: #7550b5;
    font-size: 0.72rem;
    white-space: nowrap;
}

:global([data-theme="dark"]) .ventas-reservation-amount[b-84dyt80dcq],
:global(.dark) .ventas-reservation-amount[b-84dyt80dcq] {
    color: #93c5fd;
}

:global([data-theme="dark"]) .ventas-separation-amount[b-84dyt80dcq],
:global(.dark) .ventas-separation-amount[b-84dyt80dcq] {
    color: #c4b5fd;
}
/* RS-05C.2Q - TOTAL INICIAL PAGADO */

.ventas-initial-total-paid[b-84dyt80dcq] {
    color: #16794f;
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

:global([data-theme="dark"]) .ventas-initial-total-paid[b-84dyt80dcq],
:global(.dark) .ventas-initial-total-paid[b-84dyt80dcq] {
    color: #86efac;
}
/* RS-05C.2R - COLORES DEL ESTADO */

.ventas-status-pill.pending[b-84dyt80dcq] {
    border: 1px solid #f1b9b9;
    background: #fdeaea;
    color: #b42318;
}

.ventas-status-pill.completed[b-84dyt80dcq] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

.ventas-status-pill.neutral[b-84dyt80dcq] {
    border: 1px solid #e1c783;
    background: #fff3d9;
    color: #9a6510;
}

:global([data-theme="dark"]) .ventas-status-pill.pending[b-84dyt80dcq],
:global(.dark) .ventas-status-pill.pending[b-84dyt80dcq] {
    border-color: rgb(239 68 68 / 40%);
    background: rgb(127 29 29 / 28%);
    color: #fecaca;
}

:global([data-theme="dark"]) .ventas-status-pill.completed[b-84dyt80dcq],
:global(.dark) .ventas-status-pill.completed[b-84dyt80dcq] {
    border-color: rgb(34 197 94 / 40%);
    background: rgb(22 101 52 / 28%);
    color: #bbf7d0;
}
/* RS-05C.2S - COLORES DE CUOTAS */

.ventas-plan-status.pending[b-84dyt80dcq] {
    border: 1px solid #f1b9b9;
    background: #fdeaea;
    color: #b42318;
}

.ventas-plan-status.partial[b-84dyt80dcq] {
    border: 1px solid #f2c078;
    background: #fff1dc;
    color: #b15d00;
}

.ventas-plan-status.paid[b-84dyt80dcq] {
    border: 1px solid #b7e4c8;
    background: #e8f7ee;
    color: #16794f;
}

:global([data-theme="dark"]) .ventas-plan-status.pending[b-84dyt80dcq],
:global(.dark) .ventas-plan-status.pending[b-84dyt80dcq] {
    border-color: rgb(239 68 68 / 40%);
    background: rgb(127 29 29 / 28%);
    color: #fecaca;
}

:global([data-theme="dark"]) .ventas-plan-status.partial[b-84dyt80dcq],
:global(.dark) .ventas-plan-status.partial[b-84dyt80dcq] {
    border-color: rgb(245 158 11 / 42%);
    background: rgb(120 53 15 / 28%);
    color: #fed7aa;
}

:global([data-theme="dark"]) .ventas-plan-status.paid[b-84dyt80dcq],
:global(.dark) .ventas-plan-status.paid[b-84dyt80dcq] {
    border-color: rgb(34 197 94 / 40%);
    background: rgb(22 101 52 / 28%);
    color: #bbf7d0;
}

/* =========================================================
   VEN-ANU01 V3 - ANULAR VENTA
   ========================================================= */

.ventas-cancel-sale-button[b-84dyt80dcq] {
    display: inline-grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #dc7373;
    border-radius: 0.5rem;
    background: #fff2f2;
    color: #b73535;
    cursor: pointer;
    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        background 150ms ease;
}

.ventas-cancel-sale-button:hover[b-84dyt80dcq] {
    background: #ffe3e3;
    box-shadow: 0 6px 14px rgb(185 52 52 / 18%);
    transform: translateY(-1px);
}

.ventas-cancel-sale-button svg[b-84dyt80dcq] {
    width: 1.08rem;
    height: 1.08rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ventas-void-modal[b-84dyt80dcq] {
    width: min(100%, 36rem);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.85rem;
    background: var(--surface-color, #ffffff);
    box-shadow: 0 26px 70px rgb(15 23 42 / 32%);
}

.ventas-void-header[b-84dyt80dcq] {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.15rem;
    border-bottom: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

.ventas-void-header > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.22rem;
}

.ventas-void-header h2[b-84dyt80dcq] {
    margin: 0;
    color: #9f2f2f;
    font-size: 1.1rem;
}

.ventas-void-header p[b-84dyt80dcq] {
    margin: 0;
    color: var(--text-secondary, #718096);
    line-height: 1.45;
}

.ventas-void-body[b-84dyt80dcq] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.15rem;
}

.ventas-void-warning[b-84dyt80dcq] {
    padding: 0.8rem 0.9rem;
    border: 1px solid #efb4b4;
    border-radius: 0.6rem;
    background: #fff3f3;
    color: #8f2f2f;
}

.ventas-void-warning p[b-84dyt80dcq] {
    margin: 0.25rem 0 0;
    color: #935151;
    font-size: 0.73rem;
    line-height: 1.5;
}

.ventas-void-summary[b-84dyt80dcq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.ventas-void-summary > div[b-84dyt80dcq] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border-color, #e2e7ed);
    border-radius: 0.55rem;
    background: rgb(148 163 184 / 5%);
}

.ventas-void-summary dt[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.66rem;
    font-weight: 750;
}

.ventas-void-summary dd[b-84dyt80dcq] {
    min-width: 0;
    margin: 0;
    color: var(--text-primary, #162033);
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.ventas-void-field[b-84dyt80dcq] {
    display: grid;
    gap: 0.38rem;
}

.ventas-void-field > span[b-84dyt80dcq] {
    color: var(--text-primary, #162033);
    font-size: 0.73rem;
    font-weight: 800;
}

.ventas-void-field b[b-84dyt80dcq] {
    color: #c53030;
}

.ventas-void-field textarea[b-84dyt80dcq] {
    width: 100%;
    min-height: 6rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.55rem;
    background: var(--surface-color, #ffffff);
    color: var(--text-primary, #162033);
    font: inherit;
    resize: vertical;
}

.ventas-void-field small[b-84dyt80dcq] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
}

.ventas-void-footer[b-84dyt80dcq] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.85rem 1.15rem;
    border-top: 1px solid var(--border-color, #e5e8ee);
    background: var(--surface-color, #ffffff);
}

.ventas-danger-button[b-84dyt80dcq] {
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid #b73535;
    border-radius: 0.5rem;
    background: #b73535;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.ventas-danger-button:hover:not(:disabled)[b-84dyt80dcq] {
    background: #982c2c;
}

.ventas-danger-button:disabled[b-84dyt80dcq],
.ventas-cancel-sale-button:disabled[b-84dyt80dcq] {
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 620px) {
    .ventas-void-summary[b-84dyt80dcq] {
        grid-template-columns: 1fr;
    }

    .ventas-void-footer[b-84dyt80dcq] {
        flex-direction: column-reverse;
    }

    .ventas-void-footer button[b-84dyt80dcq] {
        width: 100%;
    }
}

:global([data-theme="dark"]) .ventas-cancel-sale-button[b-84dyt80dcq],
:global(.dark) .ventas-cancel-sale-button[b-84dyt80dcq] {
    border-color: rgb(248 113 113 / 55%);
    background: rgb(127 29 29 / 28%);
    color: #fca5a5;
}

:global([data-theme="dark"]) .ventas-void-modal[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-void-header[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-void-footer[b-84dyt80dcq],
:global([data-theme="dark"]) .ventas-void-field textarea[b-84dyt80dcq],
:global(.dark) .ventas-void-modal[b-84dyt80dcq],
:global(.dark) .ventas-void-header[b-84dyt80dcq],
:global(.dark) .ventas-void-footer[b-84dyt80dcq],
:global(.dark) .ventas-void-field textarea[b-84dyt80dcq] {
    background: var(--surface-color, #152132);
}
/* /Components/Pages/Visitas.razor.rz.scp.css */
/* =========================================================
   JPB INMOCORE — MÓDULO VISITAS
   Calendario doble mensual + agenda + formularios
   ========================================================= */

.visits-page[b-v5l14eyk1v] {
    width: 100%;
    min-width: 0;
    padding: 30px 32px 44px;
    color: #172633;
    box-sizing: border-box;
}

/* =========================================================
   ENCABEZADO
   ========================================================= */

.page-header[b-v5l14eyk1v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-heading[b-v5l14eyk1v] {
    min-width: 0;
}

.page-eyebrow[b-v5l14eyk1v] {
    display: block;
    margin-bottom: 7px;
    color: #bd821d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.page-heading h1[b-v5l14eyk1v] {
    margin: 0;
    color: #152330;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
}

.page-heading p[b-v5l14eyk1v] {
    max-width: 760px;
    margin: 8px 0 0;
    color: #74818d;
    font-size: 13px;
    line-height: 1.55;
}

.page-actions[b-v5l14eyk1v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

/* =========================================================
   BOTONES GENERALES
   ========================================================= */

.button[b-v5l14eyk1v] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    cursor: pointer;
    border-radius: 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .button:hover:not(:disabled)[b-v5l14eyk1v] {
        transform: translateY(-1px);
    }

    .button:disabled[b-v5l14eyk1v] {
        cursor: not-allowed;
        opacity: 0.58;
        transform: none;
    }

.button-primary[b-v5l14eyk1v] {
    color: #ffffff;
    background: #cf942c;
    border: 1px solid #cf942c;
    box-shadow: 0 7px 17px rgba(191, 132, 31, 0.18);
}

    .button-primary:hover:not(:disabled)[b-v5l14eyk1v] {
        background: #bd821d;
        border-color: #bd821d;
    }

.button-secondary[b-v5l14eyk1v] {
    color: #34434f;
    background: #ffffff;
    border: 1px solid #d2dce3;
}

    .button-secondary:hover:not(:disabled)[b-v5l14eyk1v] {
        color: #8a6119;
        background: #fffaf0;
        border-color: #d9b770;
    }

.button-clear[b-v5l14eyk1v] {
    min-height: 38px;
    padding-inline: 13px;
}

/* =========================================================
   MENSAJES
   ========================================================= */

.alert-message[b-v5l14eyk1v] {
    min-height: 47px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding: 10px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 11px;
}

.alert-success[b-v5l14eyk1v] {
    color: #19724b;
    background: #eaf8f1;
    border: 1px solid #c2ead5;
}

.alert-error[b-v5l14eyk1v] {
    color: #ad3939;
    background: #fff0f0;
    border: 1px solid #efc7c7;
}

.alert-warning[b-v5l14eyk1v] {
    color: #805c18;
    background: #fff8e7;
    border: 1px solid #edd49e;
}

.alert-icon[b-v5l14eyk1v] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.alert-success .alert-icon[b-v5l14eyk1v] {
    background: #27935f;
}

.alert-error .alert-icon[b-v5l14eyk1v] {
    background: #ce4646;
}

.alert-warning .alert-icon[b-v5l14eyk1v] {
    background: #c68d28;
}

.alert-text[b-v5l14eyk1v] {
    min-width: 0;
    flex: 1;
    line-height: 1.45;
}

.alert-close[b-v5l14eyk1v] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .alert-close:hover[b-v5l14eyk1v] {
        background: rgba(0, 0, 0, 0.05);
    }

/* =========================================================
   TARJETAS DE RESUMEN
   ========================================================= */

.summary-grid[b-v5l14eyk1v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.summary-card[b-v5l14eyk1v] {
    position: relative;
    min-width: 0;
    min-height: 112px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    overflow: hidden;
    padding: 18px 17px 21px;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(26, 39, 50, 0.045);
    box-sizing: border-box;
}

    .summary-card[b-v5l14eyk1v]::after {
        position: absolute;
        right: 12px;
        bottom: 7px;
        left: 12px;
        height: 3px;
        content: "";
        border-radius: 5px;
    }

.summary-today[b-v5l14eyk1v]::after {
    background: #ca902b;
}

.summary-upcoming[b-v5l14eyk1v]::after {
    background: #337eac;
}

.summary-done[b-v5l14eyk1v]::after {
    background: #25915c;
}

.summary-cancelled[b-v5l14eyk1v]::after {
    background: #ce4b4b;
}

.summary-icon[b-v5l14eyk1v] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    font-size: 17px;
    font-weight: 800;
}

.summary-today .summary-icon[b-v5l14eyk1v] {
    color: #956515;
    background: #fbefd4;
}

.summary-upcoming .summary-icon[b-v5l14eyk1v] {
    color: #286b97;
    background: #e5f1f8;
}

.summary-done .summary-icon[b-v5l14eyk1v] {
    color: #148052;
    background: #e1f5eb;
}

.summary-cancelled .summary-icon[b-v5l14eyk1v] {
    color: #b33e3e;
    background: #fbe5e5;
}

.summary-content[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

    .summary-content > span[b-v5l14eyk1v] {
        color: #788591;
        font-size: 10px;
    }

    .summary-content strong[b-v5l14eyk1v] {
        margin-top: 3px;
        color: #13212d;
        font-size: 24px;
        line-height: 1.1;
    }

    .summary-content small[b-v5l14eyk1v] {
        margin-top: 7px;
        color: #8e99a2;
        font-size: 9px;
    }

/* =========================================================
   PANEL PRINCIPAL DEL CALENDARIO
   ========================================================= */

.calendar-panel[b-v5l14eyk1v] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    margin-bottom: 20px;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 11px;
    box-shadow: 0 5px 15px rgba(26, 39, 50, 0.04);
}

.calendar-toolbar[b-v5l14eyk1v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ec;
}

.calendar-navigation[b-v5l14eyk1v] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

.calendar-nav-button[b-v5l14eyk1v],
.calendar-today-button[b-v5l14eyk1v] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #d4dde3;
    border-radius: 7px;
    font-family: inherit;
    font-weight: 700;
    transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease;
}

.calendar-nav-button[b-v5l14eyk1v] {
    width: 38px;
    padding: 0;
    color: #4c5b67;
    font-size: 20px;
}

.calendar-today-button[b-v5l14eyk1v] {
    padding: 0 13px;
    color: #34434f;
    font-size: 10px;
}

    .calendar-nav-button:hover[b-v5l14eyk1v],
    .calendar-today-button:hover[b-v5l14eyk1v] {
        color: #8a6119;
        background: #fffaf0;
        border-color: #d9b770;
    }

.calendar-filters[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1;
}

.search-control[b-v5l14eyk1v] {
    position: relative;
    width: min(100%, 440px);
    min-width: 220px;
    display: flex;
    align-items: center;
}

    .search-control .search-icon[b-v5l14eyk1v] {
        position: absolute;
        z-index: 2;
        left: 12px;
        color: #80909c;
        font-size: 15px;
        pointer-events: none;
    }

    .search-control input[b-v5l14eyk1v] {
        width: 100%;
        min-height: 38px;
        padding: 8px 38px 8px 36px;
        color: #26343f;
        outline: none;
        background: #fbfcfd;
        border: 1px solid #d4dde3;
        border-radius: 7px;
        box-sizing: border-box;
        font-family: inherit;
        font-size: 10px;
    }

        .search-control input:focus[b-v5l14eyk1v] {
            background: #ffffff;
            border-color: #c69235;
            box-shadow: 0 0 0 3px rgba(198, 146, 53, 0.1);
        }

.clear-search[b-v5l14eyk1v] {
    position: absolute;
    z-index: 2;
    right: 7px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #788691;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 16px;
}

    .clear-search:hover[b-v5l14eyk1v] {
        color: #a43f3f;
        background: #fff0f0;
    }

.filter-select[b-v5l14eyk1v] {
    min-width: 132px;
    min-height: 38px;
    padding: 7px 31px 7px 10px;
    color: #34434f;
    outline: none;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #d4dde3;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
}

    .filter-select:focus[b-v5l14eyk1v] {
        border-color: #c69235;
        box-shadow: 0 0 0 3px rgba(198, 146, 53, 0.1);
    }

/* =========================================================
   CALENDARIO DOBLE
   ========================================================= */

.double-calendar[b-v5l14eyk1v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 15px;
}

/* =========================================================
   ESTADO DE CARGA
   ========================================================= */

.loading-state[b-v5l14eyk1v] {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 11px;
    padding: 35px;
    color: #667580;
    text-align: center;
    box-sizing: border-box;
}

    .loading-state strong[b-v5l14eyk1v] {
        font-size: 11px;
    }

.loading-spinner[b-v5l14eyk1v] {
    width: 39px;
    height: 39px;
    border: 4px solid #dce3e8;
    border-top-color: #c8902c;
    border-radius: 50%;
    animation: visits-spin-b-v5l14eyk1v 700ms linear infinite;
}

@keyframes visits-spin-b-v5l14eyk1v {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================
   AGENDA DE PRÓXIMAS VISITAS
   ========================================================= */

.agenda-panel[b-v5l14eyk1v] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 11px;
    box-shadow: 0 5px 15px rgba(26, 39, 50, 0.04);
}

.agenda-header[b-v5l14eyk1v] {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 16px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ec;
}

    .agenda-header h2[b-v5l14eyk1v] {
        margin: 0;
        color: #1d2b36;
        font-size: 17px;
    }

.agenda-count[b-v5l14eyk1v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    color: #805b18;
    background: #fff6df;
    border: 1px solid #ebd39d;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 800;
    white-space: nowrap;
}

.agenda-empty[b-v5l14eyk1v] {
    min-height: 180px;
    display: grid;
    place-items: center;
    padding: 30px;
    color: #85919a;
    font-size: 10px;
    text-align: center;
}

.agenda-grid[b-v5l14eyk1v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.agenda-card[b-v5l14eyk1v] {
    min-width: 0;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #dfe6ea;
    border-radius: 9px;
    box-shadow: 0 4px 12px rgba(22, 35, 46, 0.035);
}

.agenda-date[b-v5l14eyk1v] {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #845c17;
    background: #fbefd4;
    border-radius: 9px;
}

    .agenda-date strong[b-v5l14eyk1v] {
        font-size: 18px;
        line-height: 1;
    }

    .agenda-date span[b-v5l14eyk1v] {
        margin-top: 4px;
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
    }

.agenda-content[b-v5l14eyk1v] {
    min-width: 0;
}

.agenda-title-row[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

    .agenda-title-row > div[b-v5l14eyk1v] {
        min-width: 0;
    }

.visit-code[b-v5l14eyk1v] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 7px;
    color: #765516;
    background: #f9edcf;
    border-radius: 5px;
    font-size: 7px;
    font-weight: 800;
}

.agenda-title-row h3[b-v5l14eyk1v] {
    overflow: hidden;
    margin: 6px 0 0;
    color: #23313c;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agenda-data[b-v5l14eyk1v] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    flex-wrap: wrap;
}

    .agenda-data span[b-v5l14eyk1v] {
        position: relative;
        color: #7d8993;
        font-size: 8px;
    }

        .agenda-data span:not(:last-child)[b-v5l14eyk1v]::after {
            margin-left: 7px;
            content: "•";
            color: #b8c0c6;
        }

.agenda-view-button[b-v5l14eyk1v] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    color: #936516;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #dfc485;
    border-radius: 6px;
    font-family: inherit;
    font-size: 8px;
    font-weight: 800;
}

    .agenda-view-button:hover[b-v5l14eyk1v] {
        background: #fff8e8;
    }

/* =========================================================
   INSIGNIAS DE ESTADO Y PRIORIDAD
   ========================================================= */

.status-badge[b-v5l14eyk1v],
.priority-badge[b-v5l14eyk1v],
.visit-type-badge[b-v5l14eyk1v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.status-dot[b-v5l14eyk1v] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

.status-programmed[b-v5l14eyk1v] {
    color: #2b6489;
    background: #e8f3fa;
}

    .status-programmed .status-dot[b-v5l14eyk1v] {
        background: #3684b5;
    }

.status-confirmed[b-v5l14eyk1v] {
    color: #835a14;
    background: #fbefd5;
}

    .status-confirmed .status-dot[b-v5l14eyk1v] {
        background: #c9932e;
    }

.status-rescheduled[b-v5l14eyk1v] {
    color: #644c90;
    background: #eee9f7;
}

    .status-rescheduled .status-dot[b-v5l14eyk1v] {
        background: #7757a7;
    }

.status-done[b-v5l14eyk1v] {
    color: #176f47;
    background: #e6f6ee;
}

    .status-done .status-dot[b-v5l14eyk1v] {
        background: #21925b;
    }

.status-cancelled[b-v5l14eyk1v] {
    color: #a03d3d;
    background: #fbe8e8;
}

    .status-cancelled .status-dot[b-v5l14eyk1v] {
        background: #cb4d4d;
    }

.status-no-show[b-v5l14eyk1v] {
    color: #596873;
    background: #edf1f3;
}

    .status-no-show .status-dot[b-v5l14eyk1v] {
        background: #7c8992;
    }

.priority-low[b-v5l14eyk1v] {
    color: #4d6878;
    background: #edf2f5;
}

.priority-medium[b-v5l14eyk1v] {
    color: #8a6119;
    background: #faf0d8;
}

.priority-high[b-v5l14eyk1v] {
    color: #ffffff;
    background: #c84a4a;
}

.visit-type-badge[b-v5l14eyk1v] {
    color: #315f82;
    background: #e7f1f8;
}

/* =========================================================
   MODALES
   ========================================================= */

.modal-overlay[b-v5l14eyk1v] {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: rgba(18, 28, 37, 0.64);
    backdrop-filter: blur(2px);
    box-sizing: border-box;
}

.visit-modal[b-v5l14eyk1v] {
    width: min(94vw, 940px);
    max-height: calc(100dvh - 20px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 12px;
    box-shadow: 0 25px 70px rgba(14, 24, 33, 0.3);
}

.form-modal[b-v5l14eyk1v] {
    width: min(94vw, 940px);
}

.view-modal[b-v5l14eyk1v] {
    width: min(94vw, 850px);
}

.modal-header[b-v5l14eyk1v] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex: 0 0 auto;
    padding: 11px 18px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8ec;
}

.modal-title-group[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-title-icon[b-v5l14eyk1v] {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #9d6d19;
    background: #faedd0;
    border-radius: 9px;
    font-size: 18px;
}

.modal-title-group > div:last-child[b-v5l14eyk1v] {
    min-width: 0;
}

.modal-title-group span[b-v5l14eyk1v] {
    display: block;
    overflow: hidden;
    margin-bottom: 3px;
    color: #b27714;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.45px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-title-group h2[b-v5l14eyk1v] {
    overflow: hidden;
    margin: 0;
    color: #14232f;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-close[b-v5l14eyk1v] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: #4f5e69;
    cursor: pointer;
    background: #f1f4f6;
    border: 0;
    border-radius: 50%;
    font-size: 22px;
}

    .modal-close:hover[b-v5l14eyk1v] {
        color: #a63e3e;
        background: #fdeaea;
    }

.visit-form[b-v5l14eyk1v] {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.modal-body[b-v5l14eyk1v] {
    min-height: 0;
    flex: 1 1 auto;
    padding: 18px 20px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.modal-footer[b-v5l14eyk1v] {
    position: relative;
    z-index: 20;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
    padding: 11px 20px;
    background: #ffffff;
    border-top: 1px solid #e2e8ec;
    box-shadow: 0 -7px 18px rgba(22, 34, 44, 0.06);
}

    .modal-footer .button[b-v5l14eyk1v] {
        min-width: 115px;
    }

/* =========================================================
   VALIDACIONES Y FORMULARIO
   ========================================================= */

.validation-summary[b-v5l14eyk1v] {
    margin-bottom: 15px;
    padding: 10px 12px;
    color: #a83a3a;
    background: #fff0f0;
    border: 1px solid #ecc6c6;
    border-radius: 7px;
    font-size: 9px;
    line-height: 1.55;
}

    .validation-summary:empty[b-v5l14eyk1v] {
        display: none;
    }

    .validation-summary ul[b-v5l14eyk1v] {
        margin: 0;
        padding-left: 17px;
    }

.validation-message[b-v5l14eyk1v] {
    display: block;
    margin-top: 4px;
    color: #bd3e3e;
    font-size: 8px;
}

.form-section[b-v5l14eyk1v] {
    margin-bottom: 21px;
}

    .form-section h3[b-v5l14eyk1v] {
        margin: 0 0 13px;
        padding-bottom: 8px;
        color: #88601b;
        border-bottom: 1px solid #e4e9ed;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.45px;
        text-transform: uppercase;
    }

.form-grid[b-v5l14eyk1v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 15px;
}

.form-field[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.form-field-full[b-v5l14eyk1v] {
    grid-column: 1 / -1;
}

.form-field label[b-v5l14eyk1v] {
    margin-bottom: 6px;
    color: #44525e;
    font-size: 9px;
    font-weight: 700;
}

.required[b-v5l14eyk1v] {
    color: #c63e3e;
}

.form-control[b-v5l14eyk1v] {
    width: 100%;
    min-height: 39px;
    padding: 8px 10px;
    color: #26343f;
    outline: none;
    background: #ffffff;
    border: 1px solid #ccd6dd;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 11px;
}

    .form-control[b-v5l14eyk1v]::placeholder {
        color: #99a4ac;
    }

    .form-control:focus[b-v5l14eyk1v] {
        border-color: #c28d32;
        box-shadow: 0 0 0 3px rgba(194, 141, 50, 0.1);
    }

    .form-control.invalid[b-v5l14eyk1v] {
        border-color: #ca4b4b;
        background: #fffafa;
    }

    .form-control.valid.modified[b-v5l14eyk1v] {
        border-color: #4a9e72;
    }

.form-textarea[b-v5l14eyk1v] {
    min-height: 94px;
    resize: vertical;
    line-height: 1.55;
}

/* =========================================================
   MODAL DE DETALLE
   ========================================================= */

.view-body[b-v5l14eyk1v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.view-summary[b-v5l14eyk1v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px;
    background: #f8fafb;
    border: 1px solid #dfe6ea;
    border-radius: 9px;
}

    .view-summary > div:first-child[b-v5l14eyk1v] {
        min-width: 0;
    }

    .view-summary h3[b-v5l14eyk1v] {
        margin: 8px 0 0;
        color: #192732;
        font-size: 17px;
        line-height: 1.4;
    }

.view-summary-badges[b-v5l14eyk1v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.detail-section[b-v5l14eyk1v] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

    .detail-section h3[b-v5l14eyk1v] {
        margin: 0;
        padding-bottom: 8px;
        color: #88601b;
        border-bottom: 1px solid #e4e9ed;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.45px;
        text-transform: uppercase;
    }

.detail-grid[b-v5l14eyk1v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.detail-item[b-v5l14eyk1v] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e0e6ea;
    border-radius: 7px;
}

.detail-item-full[b-v5l14eyk1v] {
    grid-column: 1 / -1;
}

.detail-item span[b-v5l14eyk1v] {
    color: #87939d;
    font-size: 8px;
    text-transform: uppercase;
}

.detail-item strong[b-v5l14eyk1v] {
    overflow-wrap: anywhere;
    color: #2c3a45;
    font-size: 10px;
    line-height: 1.45;
}

.detail-text[b-v5l14eyk1v] {
    min-height: 85px;
    padding: 13px;
    color: #4e5d68;
    background: #fafbfc;
    border: 1px solid #dfe6ea;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.7;
    white-space: pre-wrap;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1500px) {
    .visits-page[b-v5l14eyk1v] {
        padding-inline: 24px;
    }

    .calendar-filters[b-v5l14eyk1v] {
        flex-wrap: wrap;
    }

    .search-control[b-v5l14eyk1v] {
        width: min(100%, 360px);
    }

    .filter-select[b-v5l14eyk1v] {
        min-width: 120px;
    }
}

@media (max-width: 1220px) {
    .summary-grid[b-v5l14eyk1v] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calendar-toolbar[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-filters[b-v5l14eyk1v] {
        justify-content: flex-start;
    }

    .search-control[b-v5l14eyk1v] {
        width: 100%;
        max-width: none;
    }

    .filter-select[b-v5l14eyk1v] {
        flex: 1 1 160px;
    }

    .agenda-grid[b-v5l14eyk1v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .double-calendar[b-v5l14eyk1v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .visits-page[b-v5l14eyk1v] {
        padding: 22px 15px 35px;
    }

    .page-header[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column;
    }

    .page-actions[b-v5l14eyk1v] {
        justify-content: flex-start;
    }

        .page-actions .button[b-v5l14eyk1v] {
            flex: 1;
        }

    .summary-grid[b-v5l14eyk1v],
    .form-grid[b-v5l14eyk1v],
    .detail-grid[b-v5l14eyk1v] {
        grid-template-columns: 1fr;
    }

    .form-field-full[b-v5l14eyk1v],
    .detail-item-full[b-v5l14eyk1v] {
        grid-column: auto;
    }

    .calendar-filters[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-select[b-v5l14eyk1v],
    .button-clear[b-v5l14eyk1v] {
        width: 100%;
    }

    .agenda-card[b-v5l14eyk1v] {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .agenda-view-button[b-v5l14eyk1v] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .visit-modal[b-v5l14eyk1v] {
        width: min(98vw, 940px);
        max-height: calc(100dvh - 10px);
    }

    .modal-overlay[b-v5l14eyk1v] {
        padding: 5px;
    }

    .view-summary[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column;
    }

    .view-summary-badges[b-v5l14eyk1v] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .visits-page[b-v5l14eyk1v] {
        padding-inline: 10px;
    }

    .page-heading h1[b-v5l14eyk1v] {
        font-size: 23px;
    }

    .page-actions[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-navigation[b-v5l14eyk1v] {
        width: 100%;
        justify-content: center;
    }

    .double-calendar[b-v5l14eyk1v] {
        padding: 8px;
    }

    .modal-header[b-v5l14eyk1v] {
        min-height: 66px;
        padding-inline: 13px;
    }

    .modal-title-icon[b-v5l14eyk1v] {
        width: 38px;
        height: 38px;
    }

    .modal-title-group h2[b-v5l14eyk1v] {
        font-size: 16px;
    }

    .modal-body[b-v5l14eyk1v] {
        padding: 15px 13px 18px;
    }

    .modal-footer[b-v5l14eyk1v] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding-inline: 13px;
    }

        .modal-footer .button[b-v5l14eyk1v] {
            width: 100%;
            min-width: 0;
        }
}
/* /Components/Pages/VisorComprobanteVenta.razor.rz.scp.css */
.simple-receipt-page[b-89fe6a73f1] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.75rem;
    width: 100%;
    min-height: calc(100vh - 8rem);
}

.simple-receipt-header[b-89fe6a73f1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--border-color, #dfe4ea);
    border-radius: 0.65rem;
    background: #ffffff;
    overflow: hidden;
}

.simple-receipt-header > div[b-89fe6a73f1] {
    display: grid;
    gap: 0.18rem;
    padding: 0.8rem 1rem;
}

.simple-receipt-header > div + div[b-89fe6a73f1] {
    border-left: 1px solid var(--border-color, #dfe4ea);
}

.simple-receipt-header span[b-89fe6a73f1] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
    font-weight: 700;
}

.simple-receipt-header strong[b-89fe6a73f1] {
    color: var(--text-primary, #162033);
    font-size: 0.9rem;
}

.simple-receipt-viewer[b-89fe6a73f1] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 13rem);
    overflow: auto;
    background: #ffffff;
}

.simple-receipt-image[b-89fe6a73f1] {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 13rem);
    width: auto;
    height: auto;
    object-fit: contain;
    background: #ffffff;
}

.simple-receipt-pdf[b-89fe6a73f1] {
    display: block;
    width: 100%;
    min-height: calc(100vh - 13rem);
    border: 0;
    background: #ffffff;
}

.simple-receipt-state[b-89fe6a73f1] {
    display: grid;
    place-items: center;
    min-height: 28rem;
    padding: 2rem;
    background: #ffffff;
    color: var(--text-secondary, #718096);
    text-align: center;
}

.simple-receipt-state.error[b-89fe6a73f1] {
    color: #a53333;
}

@media (max-width: 620px) {
    .simple-receipt-header[b-89fe6a73f1] {
        grid-template-columns: 1fr;
    }

    .simple-receipt-header > div + div[b-89fe6a73f1] {
        border-top: 1px solid var(--border-color, #dfe4ea);
        border-left: 0;
    }
}
/* RS-05C.2O - CODIGOS EN EL VISOR */

.simple-receipt-header small[b-89fe6a73f1] {
    color: var(--text-secondary, #718096);
    font-size: 0.68rem;
    font-weight: 650;
}
/* /Components/Pages/YouTube.razor.rz.scp.css */
.youtube-page[b-woiqkf1rxb] {
    display: grid;
    gap: 0.85rem;
}

.youtube-header span[b-woiqkf1rxb] {
    color: #b98224;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.youtube-header h1[b-woiqkf1rxb] {
    margin: 0.16rem 0 0.22rem;
    color: #172033;
}

.youtube-header p[b-woiqkf1rxb] {
    max-width: 52rem;
    margin: 0;
    color: #718096;
    font-size: 0.78rem;
    line-height: 1.5;
}

.youtube-message[b-woiqkf1rxb] {
    padding: 0.72rem 0.8rem;
    border-radius: 0.55rem;
    font-size: 0.74rem;
    font-weight: 750;
}

.youtube-message.success[b-woiqkf1rxb] {
    color: #17613f;
    background: #ecf9f2;
    border: 1px solid #b8e5cd;
}

.youtube-message.error[b-woiqkf1rxb] {
    color: #8d2e2e;
    background: #fff0f0;
    border: 1px solid #efc1c1;
}

.youtube-editor[b-woiqkf1rxb],
.youtube-list-panel[b-woiqkf1rxb] {
    background: #ffffff;
    border: 1px solid #dfe4ea;
    border-radius: 0.7rem;
}

.youtube-editor[b-woiqkf1rxb] {
    padding: 0.85rem;
}

.youtube-editor[b-woiqkf1rxb]  form {
    display: flex;
    align-items: end;
    gap: 0.65rem;
}

.youtube-url-field[b-woiqkf1rxb] {
    flex: 1;
    display: grid;
    gap: 0.25rem;
    color: #263747;
    font-size: 0.67rem;
    font-weight: 850;
}

.youtube-url-field[b-woiqkf1rxb]  input {
    width: 100%;
    min-height: 2.4rem;
    padding: 0.48rem 0.62rem;
    box-sizing: border-box;
    color: #172033;
    background: #ffffff;
    border: 1px solid #d6dfe7;
    border-radius: 0.46rem;
    font: inherit;
    font-size: 0.73rem;
}

.youtube-url-field[b-woiqkf1rxb]  .validation-message {
    color: #9f3030;
    font-size: 0.62rem;
}

.youtube-editor[b-woiqkf1rxb]  button {
    min-height: 2.4rem;
    padding: 0 1rem;
    color: #ffffff;
    background: #c3201b;
    border: 1px solid #c3201b;
    border-radius: 0.46rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.69rem;
    font-weight: 850;
}

.youtube-list-panel > header[b-woiqkf1rxb] {
    padding: 0.75rem 0.8rem;
    border-bottom: 1px solid #e7ebef;
}

.youtube-list-panel > header strong[b-woiqkf1rxb],
.youtube-list-panel > header span[b-woiqkf1rxb] {
    display: block;
}

.youtube-list-panel > header strong[b-woiqkf1rxb] {
    color: #263747;
    font-size: 0.76rem;
}

.youtube-list-panel > header span[b-woiqkf1rxb] {
    margin-top: 0.12rem;
    color: #7a8793;
    font-size: 0.63rem;
}

.youtube-empty[b-woiqkf1rxb] {
    min-height: 9rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.3rem;
    padding: 1rem;
    color: #7a8793;
    text-align: center;
}

.youtube-empty strong[b-woiqkf1rxb] {
    color: #263747;
}

.youtube-table-wrap[b-woiqkf1rxb] {
    overflow-x: auto;
}

.youtube-table[b-woiqkf1rxb] {
    width: 100%;
    min-width: 48rem;
    border-collapse: collapse;
}

.youtube-table th[b-woiqkf1rxb],
.youtube-table td[b-woiqkf1rxb] {
    padding: 0.62rem 0.7rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e7ebef;
}

.youtube-table th[b-woiqkf1rxb] {
    color: #657287;
    background: #f7f9fb;
    font-size: 0.63rem;
    font-weight: 850;
}

.youtube-table td[b-woiqkf1rxb] {
    color: #263747;
    font-size: 0.7rem;
}

.youtube-table td:nth-child(2)[b-woiqkf1rxb] {
    max-width: 42rem;
}

.youtube-table td:nth-child(2) a[b-woiqkf1rxb] {
    display: block;
    overflow: hidden;
    color: #1c6598;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.youtube-actions[b-woiqkf1rxb] {
    display: flex;
    gap: 0.35rem;
}

.youtube-actions a[b-woiqkf1rxb],
.youtube-actions button[b-woiqkf1rxb] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    padding: 0 0.55rem;
    color: #263747;
    background: #ffffff;
    border: 1px solid #d9e1e7;
    border-radius: 0.4rem;
    cursor: pointer;
    font: inherit;
    font-size: 0.63rem;
    font-weight: 800;
    text-decoration: none;
}

.youtube-actions button[b-woiqkf1rxb] {
    color: #a23838;
}

@media (max-width: 760px) {
    .youtube-editor[b-woiqkf1rxb]  form {
        align-items: stretch;
        flex-direction: column;
    }

    .youtube-editor[b-woiqkf1rxb]  button {
        width: 100%;
    }
}
/* /Components/Shared/CalendarioMes.razor.rz.scp.css */
.month-calendar[b-np6qjldkiv],
.month-calendar *[b-np6qjldkiv] {
    box-sizing: border-box;
}

.month-calendar[b-np6qjldkiv] {
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce4e9;
    border-radius: 10px;
    box-shadow: 0 4px 13px rgba(26, 39, 50, 0.035);
}

.month-header[b-np6qjldkiv] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 14px;
    color: #1d2b36;
    background: #f8fafb;
    border-bottom: 1px solid #e2e8ec;
}

.month-header h2[b-np6qjldkiv] {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
}

.weekdays[b-np6qjldkiv] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    flex: 0 0 auto;
    background: #f3f6f8;
    border-bottom: 1px solid #dfe6ea;
}

.weekdays span[b-np6qjldkiv] {
    min-width: 0;
    padding: 9px 3px;
    color: #6d7a85;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.calendar-days[b-np6qjldkiv] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(98px, 1fr));
    flex: 1 1 auto;
}

.calendar-day[b-np6qjldkiv] {
    position: relative;
    min-width: 0;
    min-height: 98px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
    padding: 7px 6px 6px;
    cursor: pointer;
    background: #ffffff;
    border-right: 1px solid #e5eaee;
    border-bottom: 1px solid #e5eaee;
    transition: background-color 130ms ease, box-shadow 130ms ease;
}

.calendar-day:nth-child(7n)[b-np6qjldkiv] {
    border-right: 0;
}

.calendar-day:nth-last-child(-n + 7)[b-np6qjldkiv] {
    border-bottom: 0;
}

.calendar-day:hover[b-np6qjldkiv] {
    background: #fffdf7;
    box-shadow: inset 0 0 0 1px rgba(198, 144, 45, 0.22);
}

.calendar-day.outside-month[b-np6qjldkiv] {
    background: #f7f9fa;
}

.calendar-day.outside-month .day-number[b-np6qjldkiv],
.calendar-day.outside-month .calendar-event[b-np6qjldkiv] {
    opacity: 0.48;
}

.calendar-day.today[b-np6qjldkiv] {
    background: #fff9eb;
    box-shadow: inset 0 0 0 2px #d3a14a;
}

.day-number[b-np6qjldkiv] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    margin-left: auto;
    color: #4b5a66;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.calendar-day.today .day-number[b-np6qjldkiv] {
    color: #ffffff;
    background: #c98f28;
}

.day-events[b-np6qjldkiv] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.calendar-event[b-np6qjldkiv] {
    width: 100%;
    min-height: 27px;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    padding: 4px 6px;
    cursor: pointer;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 5px;
    font-family: inherit;
    text-align: left;
}

.calendar-event:hover[b-np6qjldkiv],
.calendar-event:focus-visible[b-np6qjldkiv] {
    filter: saturate(1.04);
    outline: none;
    box-shadow: 0 0 0 2px rgba(35, 49, 60, 0.08);
}

.calendar-event strong[b-np6qjldkiv] {
    flex: 0 0 auto;
    font-size: 8px;
    line-height: 1;
}

.calendar-event span[b-np6qjldkiv] {
    min-width: 0;
    overflow: hidden;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-programmed[b-np6qjldkiv] {
    color: #2b6489;
    background: #e8f3fa;
    border-left-color: #3684b5;
}

.event-confirmed[b-np6qjldkiv] {
    color: #835a14;
    background: #fbefd5;
    border-left-color: #c9932e;
}

.event-rescheduled[b-np6qjldkiv] {
    color: #644c90;
    background: #eee9f7;
    border-left-color: #7757a7;
}

.event-done[b-np6qjldkiv] {
    color: #176f47;
    background: #e6f6ee;
    border-left-color: #21925b;
}

.event-cancelled[b-np6qjldkiv] {
    color: #a03d3d;
    background: #fbe8e8;
    border-left-color: #cb4d4d;
}

.event-no-show[b-np6qjldkiv] {
    color: #596873;
    background: #edf1f3;
    border-left-color: #7c8992;
}

.more-events[b-np6qjldkiv] {
    display: block;
    padding: 2px 4px;
    color: #7c8892;
    font-size: 8px;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 1500px) {
    .calendar-days[b-np6qjldkiv] {
        grid-template-rows: repeat(6, minmax(95px, 1fr));
    }

    .calendar-day[b-np6qjldkiv] {
        min-height: 95px;
    }
}

@media (max-width: 980px) {
    .calendar-days[b-np6qjldkiv] {
        grid-template-rows: repeat(6, minmax(108px, 1fr));
    }

    .calendar-day[b-np6qjldkiv] {
        min-height: 108px;
    }
}

@media (max-width: 760px) {
    .calendar-days[b-np6qjldkiv] {
        grid-template-rows: repeat(6, minmax(92px, 1fr));
    }

    .calendar-day[b-np6qjldkiv] {
        min-height: 92px;
        padding: 5px 4px;
    }

    .calendar-event[b-np6qjldkiv] {
        min-height: 24px;
        padding-inline: 4px;
    }

    .calendar-event strong[b-np6qjldkiv],
    .calendar-event span[b-np6qjldkiv] {
        font-size: 7px;
    }
}

@media (max-width: 560px) {
    .month-header[b-np6qjldkiv] {
        min-height: 47px;
    }

    .month-header h2[b-np6qjldkiv] {
        font-size: 13px;
    }

    .weekdays span[b-np6qjldkiv] {
        padding-inline: 1px;
        font-size: 7px;
    }

    .calendar-days[b-np6qjldkiv] {
        grid-template-rows: repeat(6, minmax(82px, 1fr));
    }

    .calendar-day[b-np6qjldkiv] {
        min-height: 82px;
    }

    .calendar-event[b-np6qjldkiv] {
        justify-content: center;
    }

    .calendar-event span[b-np6qjldkiv] {
        display: none;
    }
}
/* /Components/Shared/ConstructoraBuscador.razor.rz.scp.css */
.constructor-search[b-wcaa8mpqq0] {
    position: relative;
    width: 100%;
}

.constructor-input-container[b-wcaa8mpqq0] {
    position: relative;
    display: flex;
    align-items: center;
}

.constructor-search-icon[b-wcaa8mpqq0] {
    position: absolute;
    z-index: 2;
    left: 12px;
    color: #7d8994;
    font-size: 16px;
    pointer-events: none;
}

.constructor-search-input[b-wcaa8mpqq0] {
    width: 100%;
    min-height: 42px;
    padding: 9px 40px 9px 38px;
    color: #1f2b36;
    outline: none;
    background: #ffffff;
    border: 1px solid #cfd8de;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 12px;
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

    .constructor-search-input[b-wcaa8mpqq0]::placeholder {
        color: #9aa4ad;
    }

    .constructor-search-input:focus[b-wcaa8mpqq0] {
        border-color: #bd8c31;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.11);
    }

    .constructor-search-input:disabled[b-wcaa8mpqq0] {
        cursor: not-allowed;
        background: #f1f4f6;
        opacity: 0.7;
    }

.constructor-clear[b-wcaa8mpqq0] {
    position: absolute;
    z-index: 2;
    right: 8px;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #6f7c87;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .constructor-clear:hover[b-wcaa8mpqq0] {
        color: #a13c3c;
        background: #fff0f0;
    }

.constructor-results[b-wcaa8mpqq0] {
    position: absolute;
    z-index: 5000;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    max-height: 310px;
    overflow-y: auto;
    padding: 6px;
    background: #ffffff;
    border: 1px solid #d6dee4;
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(18, 29, 39, 0.18);
}

.constructor-results-header[b-wcaa8mpqq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px 8px;
    color: #85909a;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.constructor-option[b-wcaa8mpqq0] {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    color: #33414c;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 7px;
    text-align: left;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

    .constructor-option:hover[b-wcaa8mpqq0] {
        background: #f6f8fa;
    }

    .constructor-option.selected[b-wcaa8mpqq0] {
        background: #fff8e8;
        box-shadow: inset 3px 0 0 #c6902d;
    }

.constructor-avatar[b-wcaa8mpqq0] {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
}

.constructor-option-information[b-wcaa8mpqq0] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .constructor-option-information strong[b-wcaa8mpqq0] {
        overflow: hidden;
        color: #24313c;
        font-size: 11px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .constructor-option-information span[b-wcaa8mpqq0] {
        overflow: hidden;
        color: #83909a;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.constructor-status[b-wcaa8mpqq0] {
    flex-shrink: 0;
    padding: 4px 7px;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
}

    .constructor-status.active[b-wcaa8mpqq0] {
        color: #147649;
        background: #e6f7ee;
    }

    .constructor-status.inactive[b-wcaa8mpqq0] {
        color: #985050;
        background: #f9eaea;
    }

.constructor-empty[b-wcaa8mpqq0] {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
    text-align: center;
}

    .constructor-empty strong[b-wcaa8mpqq0] {
        color: #46545f;
        font-size: 11px;
    }

    .constructor-empty span[b-wcaa8mpqq0] {
        max-width: 300px;
        color: #87939d;
        font-size: 9px;
        line-height: 1.5;
    }

.constructor-more-results[b-wcaa8mpqq0] {
    margin-top: 5px;
    padding: 8px;
    color: #81601f;
    background: #fff8e8;
    border-radius: 6px;
    font-size: 8px;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 600px) {
    .constructor-results[b-wcaa8mpqq0] {
        max-height: 250px;
    }

    .constructor-status[b-wcaa8mpqq0] {
        display: none;
    }
}
/* /Components/Shared/ProyectoDetalleTabs.razor.rz.scp.css */
.project-detail-tabs[b-ixeg92i1ax] {
    width: 100%;
    min-width: 0;
}

.detail-tabs-nav[b-ixeg92i1ax] {
    position: sticky;
    z-index: 4;
    top: 75px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 8px 14px 0;
    background: #ffffff;
    border-bottom: 1px solid #e3e8ec;
}

.detail-tab-button[b-ixeg92i1ax] {
    position: relative;
    min-width: 0;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    color: #74818c;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 8px 8px 0 0;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, background-color 150ms ease;
}

    .detail-tab-button:hover[b-ixeg92i1ax] {
        color: #805c1a;
        background: #fffaf0;
        text-decoration: none;
    }

    .detail-tab-button.active[b-ixeg92i1ax] {
        color: #805c1a;
        background: #fffaf0;
    }

        .detail-tab-button.active[b-ixeg92i1ax]::after {
            position: absolute;
            right: 10px;
            bottom: -1px;
            left: 10px;
            height: 3px;
            content: "";
            background: #c6902d;
            border-radius: 4px 4px 0 0;
        }

.detail-tab-link[b-ixeg92i1ax] {
    color: #74818c;
}

    .detail-tab-link:hover[b-ixeg92i1ax] {
        color: #805c1a;
        background: #fffaf0;
    }

.detail-tab-icon[b-ixeg92i1ax] {
    flex-shrink: 0;
    font-size: 13px;
}

.detail-tab-count[b-ixeg92i1ax] {
    min-width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0 6px;
    color: #65727d;
    background: #edf1f4;
    border-radius: 20px;
    font-size: 8px;
}

.detail-tabs-content[b-ixeg92i1ax] {
    padding: 20px;
}

.detail-tab-panel[b-ixeg92i1ax] {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.image-tab-panel[b-ixeg92i1ax] {
    gap: 14px;
}

.project-summary-card[b-ixeg92i1ax] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    background: #f8fafb;
    border: 1px solid #e0e6ea;
    border-radius: 9px;
}

.project-summary-avatar[b-ixeg92i1ax] {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #132231;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 800;
}

.project-summary-copy[b-ixeg92i1ax] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .project-summary-copy h3[b-ixeg92i1ax] {
        margin: 0;
        color: #192631;
        font-size: 19px;
    }

.project-summary-statuses[b-ixeg92i1ax] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.project-status[b-ixeg92i1ax],
.activity-badge[b-ixeg92i1ax] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 9px;
    font-weight: 700;
}

.status-planning[b-ixeg92i1ax] {
    color: #775c1c;
    background: #f8efd9;
}

.status-building[b-ixeg92i1ax] {
    color: #275f87;
    background: #e7f1f8;
}

.status-available[b-ixeg92i1ax] {
    color: #147649;
    background: #e6f7ee;
}

.status-paused[b-ixeg92i1ax] {
    color: #9a4b35;
    background: #fae9e4;
}

.status-finished[b-ixeg92i1ax] {
    color: #6f4b92;
    background: #f0e9f8;
}

.activity-badge[b-ixeg92i1ax] {
    gap: 6px;
}

.activity-dot[b-ixeg92i1ax] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.activity-active[b-ixeg92i1ax] {
    color: #147649;
    background: #e6f7ee;
}

    .activity-active .activity-dot[b-ixeg92i1ax] {
        background: #1a985c;
    }

.activity-inactive[b-ixeg92i1ax] {
    color: #985050;
    background: #f9eaea;
}

    .activity-inactive .activity-dot[b-ixeg92i1ax] {
        background: #ca5050;
    }

.detail-section[b-ixeg92i1ax] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .detail-section h4[b-ixeg92i1ax] {
        margin: 0;
        padding-bottom: 8px;
        color: #815d1b;
        border-bottom: 1px solid #e4e9ed;
        font-size: 10px;
        letter-spacing: 0.45px;
        text-transform: uppercase;
    }

.detail-grid[b-ixeg92i1ax] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.detail-item[b-ixeg92i1ax] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    background: #fafbfc;
    border: 1px solid #e1e7eb;
    border-radius: 7px;
}

.detail-item-full[b-ixeg92i1ax] {
    grid-column: 1 / -1;
}

.detail-item span[b-ixeg92i1ax] {
    color: #85919b;
    font-size: 8px;
    text-transform: uppercase;
}

.detail-item strong[b-ixeg92i1ax] {
    overflow-wrap: anywhere;
    color: #2c3944;
    font-size: 10px;
}

.map-link[b-ixeg92i1ax] {
    color: #986b1c;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

    .map-link:hover[b-ixeg92i1ax] {
        text-decoration: underline;
    }

.description-box[b-ixeg92i1ax] {
    min-height: 72px;
    padding: 13px;
    color: #4e5c67;
    background: #fafbfc;
    border: 1px solid #e1e7eb;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.65;
}

.resource-panel-header[b-ixeg92i1ax] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 14px;
    background: #fafbfc;
    border: 1px solid #e1e7eb;
    border-radius: 8px;
}

    .resource-panel-header h3[b-ixeg92i1ax] {
        margin: 0 0 4px;
        color: #2f3d48;
        font-size: 13px;
    }

    .resource-panel-header p[b-ixeg92i1ax] {
        margin: 0;
        color: #84909a;
        font-size: 9px;
        line-height: 1.5;
    }

    .resource-panel-header > span[b-ixeg92i1ax] {
        flex-shrink: 0;
        padding: 5px 8px;
        color: #79591c;
        background: #fff7e5;
        border: 1px solid #ead5a2;
        border-radius: 20px;
        font-size: 8px;
        font-weight: 700;
    }

.resource-empty[b-ixeg92i1ax] {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 30px;
    color: #7e8a94;
    background: #fafbfc;
    border: 1px dashed #d8e0e5;
    border-radius: 8px;
    text-align: center;
}

.resource-empty-icon[b-ixeg92i1ax] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    margin-bottom: 5px;
    color: #956b1d;
    background: #f8edd3;
    border-radius: 50%;
    font-size: 20px;
}

.image-empty-icon[b-ixeg92i1ax] {
    color: #315f82;
    background: #e7f1f8;
}

.resource-empty strong[b-ixeg92i1ax] {
    color: #40505c;
    font-size: 11px;
}

.resource-empty span[b-ixeg92i1ax] {
    max-width: 430px;
    font-size: 9px;
    line-height: 1.55;
}

.image-viewer[b-ixeg92i1ax] {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce3e8;
    border-radius: 10px;
}

.image-viewer-header[b-ixeg92i1ax] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 15px;
    background: #fafbfc;
    border-bottom: 1px solid #dce3e8;
}

.image-viewer-title[b-ixeg92i1ax] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .image-viewer-title strong[b-ixeg92i1ax] {
        overflow: hidden;
        color: #26343f;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .image-viewer-title span[b-ixeg92i1ax] {
        color: #83909a;
        font-size: 9px;
    }

.image-viewer-file-info[b-ixeg92i1ax] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
}

    .image-viewer-file-info span[b-ixeg92i1ax] {
        padding: 5px 8px;
        color: #5f6d78;
        background: #edf1f4;
        border-radius: 20px;
        font-size: 8px;
        font-weight: 700;
    }

.image-viewer-stage[b-ixeg92i1ax] {
    position: relative;
    width: 100%;
    height: min(62vh, 620px);
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient( circle at center, #26333d, #101820 72% );
}

.image-viewer-canvas[b-ixeg92i1ax] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    padding: 20px 70px;
    box-sizing: border-box;
}

.image-viewer-image[b-ixeg92i1ax] {
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow( 0 16px 28px rgba(0, 0, 0, 0.32) );
}

.viewer-navigation[b-ixeg92i1ax] {
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #ffffff;
    cursor: pointer;
    background: rgba(15, 24, 32, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    font-size: 34px;
    line-height: 1;
    transform: translateY(-50%);
    backdrop-filter: blur(5px);
}

    .viewer-navigation:hover:not(:disabled)[b-ixeg92i1ax] {
        background: rgba(198, 144, 45, 0.95);
    }

    .viewer-navigation:disabled[b-ixeg92i1ax] {
        cursor: not-allowed;
        opacity: 0.45;
    }

.viewer-previous[b-ixeg92i1ax] {
    left: 14px;
}

.viewer-next[b-ixeg92i1ax] {
    right: 14px;
}

.image-viewer-loading[b-ixeg92i1ax],
.image-viewer-error[b-ixeg92i1ax] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #ffffff;
    text-align: center;
}

    .image-viewer-error > span[b-ixeg92i1ax] {
        font-size: 42px;
    }

    .image-viewer-error strong[b-ixeg92i1ax] {
        font-size: 13px;
    }

    .image-viewer-error small[b-ixeg92i1ax] {
        max-width: 460px;
        color: #bdc7ce;
        font-size: 9px;
    }

.viewer-spinner[b-ixeg92i1ax] {
    width: 42px;
    height: 42px;
    border: 4px solid rgba(255, 255, 255, 0.28);
    border-top-color: #d4a03c;
    border-radius: 50%;
    animation: viewer-spin-b-ixeg92i1ax 700ms linear infinite;
}

@keyframes viewer-spin-b-ixeg92i1ax {
    to {
        transform: rotate(360deg);
    }
}

.image-viewer-footer[b-ixeg92i1ax] {
    min-height: 61px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 15px;
    background: #fafbfc;
    border-top: 1px solid #dce3e8;
}

    .image-viewer-footer > div:first-child[b-ixeg92i1ax] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .image-viewer-footer span[b-ixeg92i1ax] {
        color: #84909a;
        font-size: 8px;
        text-transform: uppercase;
    }

    .image-viewer-footer strong[b-ixeg92i1ax] {
        color: #34424d;
        font-size: 10px;
    }

.viewer-pagination[b-ixeg92i1ax] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;
}

.viewer-page-indicator[b-ixeg92i1ax] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
}

    .viewer-page-indicator span[b-ixeg92i1ax] {
        width: 7px;
        height: 7px;
        display: block;
        background: #c1cbd2;
        border-radius: 50%;
    }

    .viewer-page-indicator:hover span[b-ixeg92i1ax] {
        background: #967026;
    }

    .viewer-page-indicator.active span[b-ixeg92i1ax] {
        width: 10px;
        height: 10px;
        background: #c6902d;
    }

@media (max-width: 720px) {
    .detail-tabs-nav[b-ixeg92i1ax] {
        top: 66px;
        padding-inline: 7px;
    }

    .detail-tab-button[b-ixeg92i1ax] {
        padding-inline: 6px;
        font-size: 9px;
    }

    .detail-tabs-content[b-ixeg92i1ax] {
        padding: 14px;
    }

    .detail-grid[b-ixeg92i1ax] {
        grid-template-columns: 1fr;
    }

    .detail-item-full[b-ixeg92i1ax] {
        grid-column: auto;
    }

    .image-viewer-stage[b-ixeg92i1ax] {
        height: 55vh;
        min-height: 340px;
    }

    .image-viewer-canvas[b-ixeg92i1ax] {
        padding: 15px 55px;
    }

    .viewer-navigation[b-ixeg92i1ax] {
        width: 41px;
        height: 41px;
        font-size: 29px;
    }
}

@media (max-width: 500px) {
    .detail-tabs-nav[b-ixeg92i1ax] {
        grid-template-columns: 1fr;
        padding: 7px;
    }

    .detail-tab-button[b-ixeg92i1ax] {
        min-height: 40px;
        border-radius: 7px;
    }

        .detail-tab-button.active[b-ixeg92i1ax]::after {
            right: 8px;
            bottom: 0;
            left: 8px;
        }

    .project-summary-card[b-ixeg92i1ax] {
        align-items: flex-start;
    }

    .image-viewer-header[b-ixeg92i1ax],
    .image-viewer-footer[b-ixeg92i1ax],
    .resource-panel-header[b-ixeg92i1ax] {
        align-items: stretch;
        flex-direction: column;
    }

    .image-viewer-file-info[b-ixeg92i1ax] {
        align-self: flex-start;
    }

    .image-viewer-stage[b-ixeg92i1ax] {
        height: 48vh;
        min-height: 300px;
    }

    .image-viewer-canvas[b-ixeg92i1ax] {
        padding: 12px 46px;
    }

    .viewer-previous[b-ixeg92i1ax] {
        left: 6px;
    }

    .viewer-next[b-ixeg92i1ax] {
        right: 6px;
    }

    .viewer-pagination[b-ixeg92i1ax] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/ProyectoDocumentosUpload.razor.rz.scp.css */
.project-upload-resources[b-z3bad1dq9n] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce3e8;
    border-radius: 9px;
    box-sizing: border-box;
}

.upload-resources-header[b-z3bad1dq9n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 15px;
    background: #fafbfc;
    border-bottom: 1px solid #e4e9ed;
}

    .upload-resources-header > div[b-z3bad1dq9n] {
        min-width: 0;
    }

    .upload-resources-header h3[b-z3bad1dq9n] {
        margin: 0 0 4px;
        color: #2c3944;
        font-size: 12px;
        font-weight: 700;
    }

    .upload-resources-header p[b-z3bad1dq9n] {
        margin: 0;
        color: #7d8994;
        font-size: 9px;
        line-height: 1.5;
    }

.upload-resources-limit[b-z3bad1dq9n] {
    flex-shrink: 0;
    padding: 5px 8px;
    color: #805d1d;
    background: #fff7e5;
    border: 1px solid #ead5a2;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.upload-tabs[b-z3bad1dq9n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 7px 8px 0;
    background: #ffffff;
    border-bottom: 1px solid #e4e9ed;
}

.upload-tab-button[b-z3bad1dq9n] {
    position: relative;
    min-width: 0;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    color: #74818c;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 7px 7px 0 0;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    transition: color 150ms ease, background-color 150ms ease;
}

    .upload-tab-button:hover:not(:disabled)[b-z3bad1dq9n] {
        color: #805c1a;
        background: #fffaf0;
    }

    .upload-tab-button.active[b-z3bad1dq9n] {
        color: #805c1a;
        background: #fffaf0;
    }

        .upload-tab-button.active[b-z3bad1dq9n]::after {
            position: absolute;
            right: 10px;
            bottom: -1px;
            left: 10px;
            height: 3px;
            content: "";
            background: #c6902d;
            border-radius: 4px 4px 0 0;
        }

    .upload-tab-button:disabled[b-z3bad1dq9n] {
        cursor: not-allowed;
        opacity: 0.6;
    }

.upload-tab-icon[b-z3bad1dq9n] {
    flex-shrink: 0;
    font-size: 13px;
}

.upload-tab-count[b-z3bad1dq9n] {
    min-width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0 6px;
    color: #65727d;
    background: #edf1f4;
    border-radius: 20px;
    font-size: 8px;
}

.upload-tab-button.active .upload-tab-count[b-z3bad1dq9n] {
    color: #79571a;
    background: #f3e3bd;
}

.upload-tabs-content[b-z3bad1dq9n] {
    padding: 14px;
}

.upload-tab-panel[b-z3bad1dq9n] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.upload-zone[b-z3bad1dq9n] {
    position: relative;
    width: 100%;
}

.file-input[b-z3bad1dq9n] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.upload-selector[b-z3bad1dq9n] {
    width: 100%;
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 16px;
    color: #394752;
    cursor: pointer;
    background: #ffffff;
    border: 1px dashed #c8a154;
    border-radius: 8px;
    box-sizing: border-box;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .upload-selector:hover[b-z3bad1dq9n] {
        background: #fffaf0;
        border-color: #b67d1d;
        box-shadow: 0 0 0 3px rgba(189, 140, 49, 0.09);
        transform: translateY(-1px);
    }

.image-upload-selector[b-z3bad1dq9n] {
    border-color: #87aac2;
}

    .image-upload-selector:hover[b-z3bad1dq9n] {
        background: #f3f8fb;
        border-color: #417b9f;
        box-shadow: 0 0 0 3px rgba(65, 123, 159, 0.1);
    }

.upload-icon[b-z3bad1dq9n] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: linear-gradient( 135deg, #b98224, #d1a044 );
    border-radius: 50%;
    box-shadow: 0 6px 15px rgba(189, 140, 49, 0.2);
    font-size: 20px;
    font-weight: 800;
}

.image-upload-icon[b-z3bad1dq9n] {
    background: linear-gradient( 135deg, #2f6d95, #4e91bb );
    box-shadow: 0 6px 15px rgba(47, 109, 149, 0.2);
}

.upload-copy[b-z3bad1dq9n] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .upload-copy strong[b-z3bad1dq9n] {
        color: #32404b;
        font-size: 11px;
        font-weight: 700;
    }

    .upload-copy small[b-z3bad1dq9n] {
        color: #84909a;
        font-size: 9px;
        line-height: 1.45;
    }

.selected-resources[b-z3bad1dq9n],
.saved-resources[b-z3bad1dq9n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.saved-resources[b-z3bad1dq9n] {
    padding-top: 12px;
    border-top: 1px solid #e4e9ed;
}

.selected-resources-title[b-z3bad1dq9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #56636e;
}

    .selected-resources-title strong[b-z3bad1dq9n] {
        color: #3f4e59;
        font-size: 10px;
        font-weight: 700;
    }

    .selected-resources-title span[b-z3bad1dq9n] {
        color: #89949d;
        font-size: 9px;
    }

.selected-resources-list[b-z3bad1dq9n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-resource-card[b-z3bad1dq9n] {
    min-width: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    background: #fafbfc;
    border: 1px solid #e0e6ea;
    border-radius: 8px;
    box-sizing: border-box;
    transition: background-color 150ms ease, border-color 150ms ease;
}

    .selected-resource-card:hover[b-z3bad1dq9n] {
        background: #ffffff;
        border-color: #cfd8de;
    }

.selected-resource-icon[b-z3bad1dq9n] {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #63717c;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.pdf-resource[b-z3bad1dq9n] {
    background: #c44545;
}

.selected-resource-copy[b-z3bad1dq9n] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

    .selected-resource-copy strong[b-z3bad1dq9n] {
        overflow: hidden;
        color: #2e3b46;
        font-size: 10px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-resource-copy span[b-z3bad1dq9n] {
        color: #717e89;
        font-size: 9px;
    }

    .selected-resource-copy small[b-z3bad1dq9n] {
        color: #929ca4;
        font-size: 8px;
    }

.remove-resource-button[b-z3bad1dq9n] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: #a33d3d;
    cursor: pointer;
    background: #fff0f0;
    border: 1px solid #efd0d0;
    border-radius: 50%;
    font-size: 16px;
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

    .remove-resource-button:hover:not(:disabled)[b-z3bad1dq9n] {
        color: #ffffff;
        background: #c84a4a;
        border-color: #c84a4a;
    }

    .remove-resource-button:disabled[b-z3bad1dq9n] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.saved-resource-badge[b-z3bad1dq9n] {
    flex-shrink: 0;
    padding: 5px 8px;
    color: #147649;
    background: #e6f7ee;
    border: 1px solid #c6ead7;
    border-radius: 20px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.selected-images-grid[b-z3bad1dq9n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.selected-image-card[b-z3bad1dq9n] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e0e6ea;
    border-radius: 8px;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .selected-image-card:hover[b-z3bad1dq9n] {
        border-color: #c7d4dd;
        box-shadow: 0 7px 18px rgba(32, 48, 61, 0.08);
        transform: translateY(-1px);
    }

.selected-image-placeholder[b-z3bad1dq9n] {
    position: relative;
    min-height: 145px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #52708a;
    background: linear-gradient( 135deg, #edf4f8, #f8fafb );
    border-bottom: 1px solid #e0e6ea;
}

    .selected-image-placeholder.has-preview[b-z3bad1dq9n] {
        background: #e7edf1;
    }

.selected-image-preview[b-z3bad1dq9n] {
    width: 100%;
    height: 145px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.selected-image-extension[b-z3bad1dq9n] {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    padding: 4px 6px;
    color: #ffffff;
    background: rgba(19, 34, 49, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 5px;
    font-size: 7px;
    font-weight: 800;
    backdrop-filter: blur(2px);
}

.selected-image-symbol[b-z3bad1dq9n] {
    font-size: 34px;
}

.selected-image-copy[b-z3bad1dq9n] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
}

    .selected-image-copy strong[b-z3bad1dq9n] {
        overflow: hidden;
        color: #2d3a45;
        font-size: 10px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-image-copy span[b-z3bad1dq9n] {
        color: #798690;
        font-size: 8px;
    }

    .selected-image-copy small[b-z3bad1dq9n] {
        color: #949ea6;
        font-size: 8px;
    }

.remove-image-button[b-z3bad1dq9n] {
    position: absolute;
    z-index: 4;
    top: 8px;
    left: 8px;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #ffffff;
    cursor: pointer;
    background: rgba(165, 54, 54, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    font-size: 15px;
    backdrop-filter: blur(2px);
    transition: background-color 150ms ease, transform 150ms ease;
}

    .remove-image-button:hover:not(:disabled)[b-z3bad1dq9n] {
        background: #bd3535;
        transform: scale(1.06);
    }

    .remove-image-button:disabled[b-z3bad1dq9n] {
        cursor: not-allowed;
        opacity: 0.55;
    }

.saved-image-badge[b-z3bad1dq9n] {
    position: absolute;
    z-index: 4;
    top: 8px;
    left: 8px;
    padding: 5px 7px;
    color: #147649;
    background: rgba(230, 247, 238, 0.95);
    border: 1px solid #bfe4d0;
    border-radius: 20px;
    font-size: 7px;
    font-weight: 700;
    backdrop-filter: blur(2px);
}

.upload-empty-state[b-z3bad1dq9n] {
    min-height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 25px;
    color: #7e8a94;
    background: #fafbfc;
    border: 1px dashed #d8e0e5;
    border-radius: 8px;
    text-align: center;
}

.upload-empty-icon[b-z3bad1dq9n] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 4px;
    color: #956b1d;
    background: #f8edd3;
    border-radius: 50%;
    font-size: 19px;
}

.image-empty-icon[b-z3bad1dq9n] {
    color: #315f82;
    background: #e7f1f8;
}

.upload-empty-state strong[b-z3bad1dq9n] {
    color: #40505c;
    font-size: 11px;
}

.upload-empty-state > span:last-child[b-z3bad1dq9n] {
    max-width: 430px;
    font-size: 9px;
    line-height: 1.55;
}

.resources-error[b-z3bad1dq9n] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 14px 14px;
    padding: 10px 11px;
    color: #a32f2f;
    background: #fff0f0;
    border: 1px solid #ecc4c4;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.45;
}

.resources-error-icon[b-z3bad1dq9n] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: #ffffff;
    background: #c84242;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
}

.resources-error p[b-z3bad1dq9n] {
    min-width: 0;
    flex: 1;
    margin: 0;
}

.resources-error button[b-z3bad1dq9n] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 17px;
}

    .resources-error button:hover[b-z3bad1dq9n] {
        background: rgba(195, 66, 66, 0.08);
    }

.upload-resources-footer[b-z3bad1dq9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    color: #7c8892;
    background: #fafbfc;
    border-top: 1px solid #e4e9ed;
    font-size: 9px;
}

.clear-all-resources[b-z3bad1dq9n] {
    min-height: 29px;
    padding: 0 10px;
    color: #a13d3d;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #e4c6c6;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 700;
}

    .clear-all-resources:hover:not(:disabled)[b-z3bad1dq9n] {
        color: #ffffff;
        background: #c84a4a;
        border-color: #c84a4a;
    }

    .clear-all-resources:disabled[b-z3bad1dq9n] {
        cursor: not-allowed;
        opacity: 0.55;
    }

@media (max-width: 760px) {
    .selected-images-grid[b-z3bad1dq9n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .upload-resources-header[b-z3bad1dq9n] {
        align-items: stretch;
        flex-direction: column;
    }

    .upload-resources-limit[b-z3bad1dq9n] {
        align-self: flex-start;
    }

    .upload-selector[b-z3bad1dq9n] {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .upload-resources-footer[b-z3bad1dq9n] {
        align-items: stretch;
        flex-direction: column;
    }

    .clear-all-resources[b-z3bad1dq9n] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .upload-tabs[b-z3bad1dq9n] {
        grid-template-columns: 1fr;
        padding: 7px;
    }

    .upload-tab-button[b-z3bad1dq9n] {
        min-height: 39px;
        border-radius: 7px;
    }

        .upload-tab-button.active[b-z3bad1dq9n]::after {
            right: 8px;
            bottom: 0;
            left: 8px;
        }

    .upload-tabs-content[b-z3bad1dq9n] {
        padding: 11px;
    }

    .upload-selector[b-z3bad1dq9n] {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .upload-copy[b-z3bad1dq9n] {
        align-items: center;
    }

    .selected-resource-card[b-z3bad1dq9n] {
        align-items: flex-start;
    }

    .saved-resource-badge[b-z3bad1dq9n] {
        align-self: center;
    }

    .selected-images-grid[b-z3bad1dq9n] {
        grid-template-columns: 1fr;
    }

    .selected-image-preview[b-z3bad1dq9n] {
        height: 190px;
    }

    .selected-image-placeholder[b-z3bad1dq9n] {
        min-height: 190px;
    }
}
/* /Components/Shared/ProyectoUbicacionMapa.razor.rz.scp.css */
.project-location-picker[b-drsz4uejy8] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    background: #f8fafb;
    border: 1px solid #dfe7ec;
    border-radius: 8px;
}

.location-picker-header[b-drsz4uejy8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

    .location-picker-header span[b-drsz4uejy8] {
        display: block;
        color: #8a611b;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .location-picker-header p[b-drsz4uejy8] {
        max-width: 620px;
        margin: 4px 0 0;
        color: #6b7883;
        font-size: 12px;
        line-height: 1.45;
    }

    .location-picker-header strong[b-drsz4uejy8],
    .location-status-badge[b-drsz4uejy8] {
        flex-shrink: 0;
        padding: 5px 9px;
        color: #236b42;
        background: #e6f5eb;
        border: 1px solid #c3e4cf;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 800;
    }

.location-status-empty[b-drsz4uejy8] {
        color: #66737e;
        background: #eef2f5;
        border-color: #d9e1e7;
    }

.location-status-processing[b-drsz4uejy8] {
    color: #795515;
    background: #fff7df;
    border-color: #ead79d;
}

.location-status-success[b-drsz4uejy8] {
    color: #236b42;
    background: #e6f5eb;
    border-color: #c3e4cf;
}

.location-status-warning[b-drsz4uejy8] {
    color: #7a5b18;
    background: #fff8e7;
    border-color: #ead8a7;
}

.location-status-error[b-drsz4uejy8] {
    color: #7a332c;
    background: #fff1ef;
    border-color: #efc7c2;
}

.location-preview-toolbar[b-drsz4uejy8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.location-actions[b-drsz4uejy8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

    .location-actions .button[b-drsz4uejy8] {
        width: auto;
        min-height: 36px;
        justify-content: center;
        font-size: 11px;
    }

.location-clear-button[b-drsz4uejy8] {
    color: #8d342c;
    background: #fff5f3;
    border: 1px solid #efc8c1;
}

    .location-clear-button:hover:not(:disabled)[b-drsz4uejy8] {
        background: #fdebe7;
    }

.location-message[b-drsz4uejy8] {
    flex: 1 1 260px;
    min-width: 0;
    margin: 0;
    padding: 9px 10px;
    color: #375541;
    background: #eef8f1;
    border: 1px solid #d2ead9;
    border-radius: 7px;
    font-size: 11px;
    line-height: 1.4;
}

.location-message-processing[b-drsz4uejy8] {
    color: #765618;
    background: #fff8e7;
    border-color: #ead8a7;
}

.location-message-success[b-drsz4uejy8] {
    color: #375541;
    background: #eef8f1;
    border-color: #d2ead9;
}

.location-message-warning[b-drsz4uejy8] {
    color: #77581a;
    background: #fff8e7;
    border-color: #ead8a7;
}

.location-message-error[b-drsz4uejy8] {
    color: #7a332c;
    background: #fff1ef;
    border-color: #efc7c2;
}

.location-map-shell[b-drsz4uejy8] {
    position: relative;
    min-height: 270px;
    overflow: hidden;
    background: #e8eef2;
    border: 1px solid #d8e1e7;
    border-radius: 8px;
}

.location-map[b-drsz4uejy8] {
    width: 100%;
    height: 100%;
    min-height: 270px;
}

.location-map-error[b-drsz4uejy8] {
    position: absolute;
    inset: 12px;
    display: grid;
    place-items: center;
    padding: 16px;
    color: #7a332c;
    background: rgba(255, 241, 239, 0.94);
    border: 1px solid #efc7c2;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

[b-drsz4uejy8] .selection-map-marker-wrapper {
    background: transparent;
    border: 0;
}

[b-drsz4uejy8] .selection-map-marker {
    position: relative;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    background: #c6902d;
    border: 3px solid #ffffff;
    border-radius: 50% 50% 50% 6px;
    box-shadow: 0 8px 18px rgba(25, 36, 46, 0.28);
    transform: rotate(-45deg);
}

    [b-drsz4uejy8] .selection-map-marker span {
        width: 9px;
        height: 9px;
        display: block;
        background: #ffffff;
        border-radius: 50%;
    }

@media (max-width: 560px) {
    .project-location-picker[b-drsz4uejy8] {
        padding: 12px;
    }

    .location-picker-header[b-drsz4uejy8] {
        flex-direction: column;
    }

    .location-preview-toolbar[b-drsz4uejy8],
    .location-actions[b-drsz4uejy8] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

        .location-actions .button[b-drsz4uejy8] {
            width: 100%;
        }

    .location-map-shell[b-drsz4uejy8],
    .location-map[b-drsz4uejy8] {
        min-height: 240px;
    }
}