@import '_content/Equipa.Blazor.Component.Shared/Equipa.Blazor.Component.Shared.7oivso6oq6.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

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

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Creditos/Clientes/ListaDeClientes.razor.rz.scp.css */
/*
    Chip propio en vez de FluentBadge: su parametro BackgroundColor no llega a pintar nada porque el
    color del badge sale de un token compilado dentro del shadow DOM, no de una variable CSS que se
    pueda sobrescribir desde afuera. Comprobado en navegador el 2026-09-10.
*/
/*
    La bandera acompaña a la mora en la misma celda en vez de ocupar una columna propia: casi ningun
    cliente la tiene, y una columna vacia en todas las filas restaria ancho justo en celular.
*/
/*
    Sin envolver, y no es un detalle estetico: las filas del grid tienen altura fija (RowSize.Small),
    asi que un segundo chip que pase a una linea nueva queda recortado y la bandera —justo el dato que
    hay que ver— desaparece. Comprobado en celular el 2026-09-10. En una sola linea el ancho lo
    absorbe el desplazamiento horizontal que la tabla ya tiene.
*/
.calificacion-celda[b-tu10e8wias] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
}

/* Borde en vez de otro tono: distingue la bandera del chip de mora aunque los dos sean rojos. */
.calificacion-bandera[b-tu10e8wias] {
    background-color: #3B0A0F;
    border: 1px solid #E8A0A0;
}

.calificacion-chip[b-tu10e8wias] {
    align-items: center;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.4;
    padding: 2px 8px;
    white-space: nowrap;
}
/* /Components/Pages/Creditos/Creditos/RegistrarPagoDialog.razor.rz.scp.css */
.fecha-pago[b-yv7b1vyoh0] { width: 220px; }
.selector-medio[b-yv7b1vyoh0] { display: grid; gap: 8px; margin-top: 14px; }
.selector-entidad[b-yv7b1vyoh0] { display: grid; gap: 8px; margin-top: 6px; }
.opciones-seleccion[b-yv7b1vyoh0] { display: flex; flex-wrap: wrap; gap: 8px; }
.opciones-seleccion.entidades[b-yv7b1vyoh0] { max-height: 150px; overflow-y: auto; padding: 2px; }
.tabla-pagos[b-yv7b1vyoh0] { margin-top: 12px; }
.tarjetas-pagos[b-yv7b1vyoh0] { display: none; }
.mensaje-error[b-yv7b1vyoh0] { color: var(--error, #b10e1c); font-size: .85rem; margin-top: 4px; }
.acciones[b-yv7b1vyoh0] { display: flex; justify-content: flex-end; gap: 10px; width: 100%; }

@media (max-width: 600px) {
    .fecha-pago[b-yv7b1vyoh0] { width: 100%; }
    .opciones-seleccion[b-yv7b1vyoh0] { display: grid; grid-template-columns: 1fr; }
    .opciones-seleccion[b-yv7b1vyoh0]  fluent-button { width: 100%; }
    .tabla-pagos[b-yv7b1vyoh0] { display: none; }
    .tarjetas-pagos[b-yv7b1vyoh0] { display: grid; gap: 10px; margin-top: 12px; }
    .tarjeta-pago[b-yv7b1vyoh0] { box-sizing: border-box; padding: 14px; width: 100%; }
    .tarjeta-encabezado[b-yv7b1vyoh0] { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
    .saldos[b-yv7b1vyoh0] { display: grid; gap: 6px; grid-template-columns: repeat(3, 1fr); margin: 14px 0 0; }
    .saldos > div[b-yv7b1vyoh0] { min-width: 0; }
    .saldos dt[b-yv7b1vyoh0] { color: var(--neutral-foreground-3, #666); font-size: .78rem; }
    .saldos dd[b-yv7b1vyoh0] { font-weight: 600; margin: 3px 0 0; overflow-wrap: anywhere; }
    .saldo-total[b-yv7b1vyoh0] { border-left: 1px solid var(--neutral-stroke-divider-rest, #ddd); padding-left: 10px; }
    .opciones-pago[b-yv7b1vyoh0] { border-top: 1px solid var(--neutral-stroke-divider-rest, #ddd); display: grid; gap: 10px; margin-top: 14px; padding-top: 12px; }
    .acciones[b-yv7b1vyoh0] { flex-direction: column; }
    .acciones[b-yv7b1vyoh0]  fluent-button { width: 100%; }
}
/* /Components/Pages/Creditos/Creditos/VerCuotasDialog.razor.rz.scp.css */
.cuota-header[b-396v7z2r85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    flex-wrap: wrap;
    outline: none;
}

.cuota-header:focus-visible[b-396v7z2r85] {
    outline: 2px solid var(--accent-fill-rest, #0078d4);
    outline-offset: 2px;
    border-radius: 4px;
}

.cuota-header-main[b-396v7z2r85] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cuota-numero[b-396v7z2r85] {
    font-weight: 600;
}

.cuota-vencimiento[b-396v7z2r85] {
    font-size: 0.85em;
    color: var(--neutral-foreground-3, #666);
}

.cuota-header-estado[b-396v7z2r85] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cuota-detalle[b-396v7z2r85] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
}

.cuota-detalle-grid-wrapper[b-396v7z2r85] {
    overflow-x: auto;
}

.movimiento-deshecho[b-396v7z2r85] {
    text-decoration: line-through;
    color: var(--neutral-foreground-3, #666);
}

@media (max-width: 480px) {
    .cuota-header[b-396v7z2r85] {
        gap: 6px;
    }

    .cuota-header-estado[b-396v7z2r85] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Las tarjetas y su grilla ya no viven acá: se mudaron a TarjetasDeNavegacion.razor.css cuando los
   índices de sección pidieron el mismo patrón. Acá queda solo lo propio de la portada. */

.portada[b-qoxn1ohuuq] {
    padding: 32px 8px 8px;
    max-width: 1120px;
}

.portada-encabezado[b-qoxn1ohuuq] {
    margin-bottom: 28px;
}

.portada-encabezado h1[b-qoxn1ohuuq] {
    margin: 0 0 4px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--neutral-foreground-rest);
}

.portada-encabezado p[b-qoxn1ohuuq] {
    margin: 0;
    font-size: 15px;
    color: var(--neutral-foreground-hint, #616161);
}

.portada-pie[b-qoxn1ohuuq] {
    margin: 24px 0 0;
    font-size: 12.5px;
    color: var(--neutral-foreground-hint, #8a8a8a);
}

@media (max-width: 600px) {
    .portada[b-qoxn1ohuuq] {
        padding: 20px 4px 4px;
    }

    .portada-encabezado h1[b-qoxn1ohuuq] {
        font-size: 21px;
    }
}
/* /Components/Pages/Permisos/Usuarios/DetalleDeUsuario.razor.rz.scp.css */
.detalle-usuario[b-lg47s0u0xk] {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 8px 12px;
}

.dato-ajustable[b-lg47s0u0xk] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 700px) {
    .detalle-usuario[b-lg47s0u0xk] {
        padding: 16px 0 8px;
    }
}
/* /Components/Pages/Permisos/Usuarios/ListaDeUsuarios.razor.rz.scp.css */
.usuarios-contenido[b-zb27y4qs96] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(320px, max-content) minmax(300px, 1fr);
    max-width: 100%;
    width: 100%;
}

.usuarios-lista[b-zb27y4qs96],
.usuario-detalle[b-zb27y4qs96] {
    min-width: 0;
}

.tabla-usuarios-scroll[b-zb27y4qs96] {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

@media (max-width: 700px) {
    .usuarios-contenido[b-zb27y4qs96] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .usuario-detalle[b-zb27y4qs96] {
        border-top: 1px solid var(--neutral-stroke-divider-rest, #ddd);
        width: 100%;
    }
}
/* /Components/Pages/Permisos/Usuarios/UsuariosMain.razor.rz.scp.css */
.buscador-usuarios[b-3fixm2en55] {
    margin-top: 12px;
    max-width: 420px;
}

.paginador-usuarios[b-3fixm2en55] {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
    width: fit-content;
}

@media (max-width: 600px) {
    .encabezado-usuarios[b-3fixm2en55] {
        align-items: center;
        gap: 8px;
    }

    .encabezado-usuarios h3[b-3fixm2en55] {
        margin-block: 8px;
    }

    .buscador-usuarios[b-3fixm2en55] {
        max-width: none;
        width: 100%;
    }
}