@import 'Macom.Blazor.Client.jywvzns329.bundle.scp.css';
@import '_content/Macom.Blazor.Component.Shared/Macom.Blazor.Component.Shared.h3t2vlnwe3.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* /Components/Account/Pages/ActivarHuella.razor.rz.scp.css */
.activar-huella-explicacion[b-splmeocxzk] {
    font-size: 1.15rem;
}

.activar-huella-ahora-no[b-splmeocxzk] {
    margin-top: 1rem;
}

.activar-huella-nota[b-splmeocxzk] {
    color: var(--colorNeutralForeground3);
}
/* /Components/Account/Pages/Entrar.razor.rz.scp.css */
.entrar-explicacion[b-b6pkwb5ja1] {
    font-size: 1.15rem;
}

.entrar-nota[b-b6pkwb5ja1] {
    color: var(--colorNeutralForeground3);
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.perfil-foto[b-sr3ubeu6mr] {
    margin: 8px 0 20px;
}
/* /Components/Account/Shared/AvisoDeUbicacionParaEntrar.razor.rz.scp.css */
.aviso-de-ubicacion[b-mtql9il6hz] {
    margin: 0 0 12px;
    padding: 12px 16px;
    border-radius: 4px;
    border-left: 4px solid var(--colorBrandBackground);
    background: var(--colorNeutralBackground2);
    overflow-wrap: anywhere;
}

/* El script lo oculta con el atributo hidden: la regla de arriba no tiene que ganarle. */
.aviso-de-ubicacion[hidden][b-mtql9il6hz] {
    display: none;
}
/* /Components/Avatar/PersonaAvatarCard.razor.rz.scp.css */
.avatar-tarjeta[b-n7u7u41icp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.avatar-imagen[b-n7u7u41icp] {
    display: flex;
    align-items: center;
    min-height: 96px;
}

.avatar-acciones[b-n7u7u41icp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* El selector real queda fuera de la vista y del orden de Tab: se abre desde el botón. Lleva ::deep
   porque InputFile es otro componente y no recibe el atributo del CSS aislado de esta tarjeta. */
.avatar-tarjeta[b-n7u7u41icp]  .avatar-selector {
    display: none;
}

[b-n7u7u41icp] .avatar-error {
    max-width: 100%;
}

/* La región de estado se oye, pero no ocupa lugar. */
.avatar-estado[b-n7u7u41icp] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Baja/DatosDeBaja.razor.rz.scp.css */
.datos-de-baja[b-vjvcqyv5en] {
    overflow-wrap: anywhere;
}
/* /Components/Baja/FiltroDeBajaSelector.razor.rz.scp.css */
.filtro-de-baja[b-p0dueh27lo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* /Components/Baja/MotivoDeBajaDialog.razor.rz.scp.css */
/* Width="100%" llega al contenedor del campo y no al área de texto, que tiene dos anchos propios: el del
   componente y el de su parte «root», dentro del shadow DOM, que es el recuadro que se ve (288 px). Hacen
   falta los dos: con solo el de la parte, el recuadro ocupa el 100 % de un componente casi vacío. */
.motivo[b-inoni4gpwk]  fluent-textarea {
    width: 100%;
}

    .motivo[b-inoni4gpwk]  fluent-textarea::part(root) {
        width: 100%;
    }
/* /Components/Instalacion/AvisoDeInstalacion.razor.rz.scp.css */
/* Oculto salvo que instalacionDeLaAplicacion.js haya puesto en <html> una oferta vigente. El CSS con
   ámbito marca solo el último elemento de cada selector, así que `html.clase .aviso` funciona. */
.aviso-instalacion[b-6dy5uuz263],
.solo-android[b-6dy5uuz263],
.solo-ios[b-6dy5uuz263] {
    display: none;
}

html.instalacion-android .aviso-instalacion[b-6dy5uuz263],
html.instalacion-ios .aviso-instalacion[b-6dy5uuz263] {
    display: flex;
}

html.instalacion-android .solo-android[b-6dy5uuz263],
html.instalacion-ios .solo-ios[b-6dy5uuz263] {
    display: inline;
}

html.instalacion-android .aviso-instalar[b-6dy5uuz263] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Los colores son los de la marca de FluentUI 5, los mismos del encabezado: así el aviso cambia con
   la marca de cada solución sin tocar este archivo. */
.aviso-instalacion[b-6dy5uuz263] {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin: 0 0 24px;
    padding: 14px 16px;
    border-radius: 8px;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.aviso-icono[b-6dy5uuz263] {
    flex: none;
    border-radius: 10px;
}

.aviso-texto[b-6dy5uuz263] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
    line-height: 1.4;
}

.aviso-texto > strong[b-6dy5uuz263] {
    font-size: 15px;
}

.aviso-acciones[b-6dy5uuz263] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.aviso-acciones button[b-6dy5uuz263] {
    min-height: 44px;
    padding: 8px 18px;
    border-radius: 6px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.aviso-instalar[b-6dy5uuz263] {
    border: 0;
    background: var(--colorNeutralBackground1);
    color: var(--colorBrandForeground1);
}

.aviso-descartar[b-6dy5uuz263] {
    border: 1px solid var(--colorNeutralForegroundOnBrand);
    background: transparent;
    color: var(--colorNeutralForegroundOnBrand);
}

.aviso-acciones button:focus-visible[b-6dy5uuz263] {
    outline: 3px solid var(--colorNeutralForegroundOnBrand);
    outline-offset: 2px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-yf1q9ipgci] {
    color-scheme: light only;
    background: lightyellow;
    /* El fondo es siempre claro: con el tema oscuro el texto heredaba el color claro y no se leía. */
    color: #1f1f1f;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yf1q9ipgci] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.encabezado-marca[b-yf1q9ipgci] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-inline-start: 8px;
}

    .encabezado-marca img[b-yf1q9ipgci] {
        flex: none;
        border-radius: 6px;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gthnl6h9za],
.components-reconnect-repeated-attempt-visible[b-gthnl6h9za],
.components-reconnect-failed-visible[b-gthnl6h9za],
.components-pause-visible[b-gthnl6h9za],
.components-resume-failed-visible[b-gthnl6h9za],
.components-rejoining-animation[b-gthnl6h9za] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-gthnl6h9za {
    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/Home.razor.rz.scp.css */
/* Las tarjetas y su grilla viven en TarjetasDeNavegacion (Macom.Blazor.Component.Shared). Acá queda
   solo lo propio de la portada. Los cortes miden la portada y no la pantalla: en una tableta, el menú
   abierto le deja menos ancho que el de la pantalla. */

.portada[b-tzkv7ldl7m] {
    container-type: inline-size;
    padding: 32px 8px 8px;
    max-width: 1120px;
}

.portada-encabezado[b-tzkv7ldl7m] {
    margin: 0 0 28px;
}

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

.portada-estado[b-tzkv7ldl7m] {
    margin: 0 0 20px;
    font-size: 15px;
    color: var(--colorNeutralForeground3);
}

.portada-pie[b-tzkv7ldl7m] {
    margin: 24px 0 0;
    font-size: 12.5px;
    color: var(--colorNeutralForeground3);
}

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

    .portada-encabezado h1[b-tzkv7ldl7m] {
        font-size: 21px;
    }
}

/* Reloj: esfera analógica a la izquierda y, a la derecha, la hora digital con la fecha. La semana va
   en una pastilla del color de la marca para que se lea de un vistazo. Alto mínimo fijo para que la
   portada no salte cuando portada.js lo llena. */
.portada-reloj[b-tzkv7ldl7m] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    min-height: 120px;
    color: var(--colorNeutralForeground1);
}

.portada-reloj-esfera[b-tzkv7ldl7m] {
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    filter: drop-shadow(0 2px 6px rgb(0 0 0 / 0.12));
}

.reloj-borde[b-tzkv7ldl7m] {
    fill: var(--colorNeutralBackground1);
    stroke: var(--colorBrandBackground);
    stroke-width: 3;
}

.reloj-marca[b-tzkv7ldl7m] {
    stroke: var(--colorNeutralForeground3);
    stroke-width: 1.2;
    stroke-linecap: round;
}

.reloj-marca-fuerte[b-tzkv7ldl7m] {
    stroke: var(--colorNeutralForeground1);
    stroke-width: 2.4;
}

.reloj-manecilla[b-tzkv7ldl7m] {
    stroke: var(--colorNeutralForeground1);
    stroke-linecap: round;
}

.reloj-manecilla-hora[b-tzkv7ldl7m] {
    stroke-width: 4.5;
}

.reloj-manecilla-minutos[b-tzkv7ldl7m] {
    stroke-width: 3;
}

.reloj-centro[b-tzkv7ldl7m] {
    fill: var(--colorBrandBackground);
}

.portada-reloj-texto[b-tzkv7ldl7m] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.portada-reloj-hora[b-tzkv7ldl7m] {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.portada-reloj-dia[b-tzkv7ldl7m] {
    font-size: 15px;
}

.portada-reloj-semana[b-tzkv7ldl7m] {
    margin-top: 4px;
    padding: 2px 12px;
    border-radius: 999px;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-size: 14px;
}

.portada-reloj-semana strong[b-tzkv7ldl7m] {
    font-size: 17px;
}

.portada-reloj-zona[b-tzkv7ldl7m] {
    font-size: 13px;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Permisos/Conectados/UsuariosConectadosMain.razor.rz.scp.css */
/* Mide el contenido y no la pantalla: en una tableta el menú lateral abierto le quita espacio
   (TRAMPAS-CONOCIDAS.md). */
.conectados[b-i969984f6k] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 1120px;
}

.conectados-encabezado[b-i969984f6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .conectados-encabezado h1[b-i969984f6k] {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.conectados-explicacion[b-i969984f6k],
.conectados-actualizado[b-i969984f6k],
.conectados-vacio[b-i969984f6k] {
    margin: 0 0 12px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.lista-conectados[b-i969984f6k] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.tarjeta-conectado[b-i969984f6k] {
    min-width: 0;
    padding: 12px 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    background: var(--colorNeutralBackground1);
}

.cabecera[b-i969984f6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.nombre[b-i969984f6k] {
    font-size: 15px;
    overflow-wrap: anywhere;
}

.email[b-i969984f6k] {
    color: var(--colorNeutralForeground3);
    overflow-wrap: anywhere;
}

.datos[b-i969984f6k] {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 12px;
    row-gap: 4px;
    margin: 10px 0 0;
}

    .datos dt[b-i969984f6k] {
        color: var(--colorNeutralForeground3);
    }

    .datos dd[b-i969984f6k] {
        margin: 0;
        min-width: 0;
        overflow-wrap: anywhere;
    }

.acciones[b-i969984f6k] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

@container (max-width: 700px) {
    .conectados[b-i969984f6k] {
        padding: 16px 4px 4px;
    }
}

@container (max-width: 420px) {
    .lista-conectados[b-i969984f6k] {
        grid-template-columns: 1fr;
    }
}

/* Etiqueta y valor caben lado a lado en un celular de 390 px; se apilan solo si no hay lugar. */
@container (max-width: 300px) {
    .datos[b-i969984f6k] {
        grid-template-columns: 1fr;
    }

        .datos dd[b-i969984f6k] {
            margin-bottom: 6px;
        }
}
/* /Components/Pages/Permisos/Grupos/ContenidoDeGruposDePermisos.razor.rz.scp.css */
.sin-grupo[b-tiazmjir5b] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}

.permisos-titulo[b-tiazmjir5b] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
    overflow-wrap: anywhere;
}

.permisos-filtros[b-tiazmjir5b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
/* /Components/Pages/Permisos/Grupos/ContenidoDetalleEntidad.razor.rz.scp.css */
.entidad[b-uc7axzss0a] {
    margin: 12px 0 0;
    padding: 8px 12px 10px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 6px;
    min-width: 0;
}

    .entidad legend[b-uc7axzss0a] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 0 4px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.tipo[b-uc7axzss0a] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-top: 6px;
    min-width: 0;
}

/* Los nombres de las consultas y los comandos son largos y sin espacios: se cortan donde haga falta en
   vez de estirar la pantalla de costado en el celular. */
[b-uc7axzss0a] .tipo fluent-checkbox,
[b-uc7axzss0a] .tipo label {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.tipo-titulo[b-uc7axzss0a] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Permisos/Grupos/ContenidoPermisosDeSistema.razor.rz.scp.css */
/* Se distingue de las entidades por su borde de advertencia: lo que habilita atraviesa todo el sistema. */
.sistema[b-eqh5jb9p7t] {
    margin: 12px 0 0;
    padding: 8px 12px 10px;
    border: 1px solid var(--colorPaletteDarkOrangeBorder1);
    border-radius: 6px;
    min-width: 0;
}

    .sistema legend[b-eqh5jb9p7t] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 0 4px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.sistema-permiso[b-eqh5jb9p7t] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-top: 6px;
    min-width: 0;
}

.sistema-descripcion[b-eqh5jb9p7t] {
    margin: 0 0 0 28px;
    max-width: 70ch;
    font-size: 13px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Permisos/Grupos/GruposMain.razor.rz.scp.css */
/* La lista a la izquierda y los permisos del grupo elegido a la derecha. Los cortes miden esta
   pantalla y no la ventana del navegador: en una tableta el menú abierto le deja menos ancho
   (TRAMPAS-CONOCIDAS.md). */
.grupos[b-85qu8mu7y1] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 1120px;
}

.grupos-encabezado[b-85qu8mu7y1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .grupos-encabezado h1[b-85qu8mu7y1] {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.grupos-explicacion[b-85qu8mu7y1] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.grupos-cuerpo[b-85qu8mu7y1] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.grupos-lista[b-85qu8mu7y1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.grupos-detalle[b-85qu8mu7y1] {
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px;
}

@container (max-width: 700px) {
    .grupos[b-85qu8mu7y1] {
        padding: 16px 4px 4px;
    }

    .grupos-cuerpo[b-85qu8mu7y1] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Permisos/Grupos/ListaDeGrupos.razor.rz.scp.css */
.lista-de-grupos[b-vb9fxyl80k] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .lista-de-grupos li[b-vb9fxyl80k] {
        border-bottom: 1px solid var(--colorNeutralStroke2);
    }

/* El área entera de la fila se toca, con al menos 40 px de alto para el dedo. */
.grupo-nombre[b-vb9fxyl80k] {
    all: unset;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 10px 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--colorNeutralForeground1);
}

    .grupo-nombre:hover[b-vb9fxyl80k] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .grupo-nombre:focus-visible[b-vb9fxyl80k] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    /* El elegido se distingue por el fondo y por el peso, no solo por el color. */
    .grupo-nombre[aria-pressed="true"][b-vb9fxyl80k] {
        font-weight: 600;
        color: var(--colorBrandForeground1);
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
    }

.lista-vacia[b-vb9fxyl80k] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Permisos/Usuarios/AccesoDelUsuarioSeccion.razor.rz.scp.css */
.acceso-del-usuario[b-vn8rziiig5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .acceso-del-usuario h3[b-vn8rziiig5] {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

.estado[b-vn8rziiig5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.diferencia[b-vn8rziiig5] {
    margin: 0;
    padding-left: 18px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.nota[b-vn8rziiig5] {
    margin: 0;
    color: var(--colorNeutralForeground3);
}

.acciones[b-vn8rziiig5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Pages/Permisos/Usuarios/DetalleDeUsuario.razor.rz.scp.css */
.sin-usuario[b-igujzdsvzx] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}

.usuario-titulo[b-igujzdsvzx] {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
    overflow-wrap: anywhere;
}

.usuario-dato[b-igujzdsvzx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px;
    min-width: 0;
    color: var(--colorNeutralForeground2);
    overflow-wrap: anywhere;
}

.grupos-del-usuario[b-igujzdsvzx] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .grupos-del-usuario h3[b-igujzdsvzx] {
        margin: 0 0 8px;
        font-size: 16px;
        font-weight: 600;
    }

.grupos-casillas[b-igujzdsvzx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Components/Pages/Permisos/Usuarios/EnlacesDeAccesoSeccion.razor.rz.scp.css */
.enlaces-de-acceso[b-czhfxxa001] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .enlaces-de-acceso h3[b-czhfxxa001] {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

.diferencia[b-czhfxxa001] {
    margin: 0;
    padding-left: 18px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.nota[b-czhfxxa001] {
    margin: 0;
    color: var(--colorNeutralForeground3);
}

.acciones[b-czhfxxa001] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Pages/Permisos/Usuarios/InvitarDialog.razor.rz.scp.css */
.invitar[b-2czdbnpxdp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.invitar-explicacion[b-2czdbnpxdp] {
    margin: 0;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Permisos/Usuarios/ListaDeUsuarios.razor.rz.scp.css */
.lista-de-usuarios[b-gjj6il7j2i] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .lista-de-usuarios li[b-gjj6il7j2i] {
        border-bottom: 1px solid var(--colorNeutralStroke2);
    }

/* El área entera de la fila se toca: el nombre y el estado arriba, el correo debajo. */
.usuario-fila[b-gjj6il7j2i] {
    all: unset;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "nombre estado"
        "email estado";
    column-gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    cursor: pointer;
    color: var(--colorNeutralForeground1);
}

    .usuario-fila:hover[b-gjj6il7j2i] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .usuario-fila:focus-visible[b-gjj6il7j2i] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    /* El elegido se distingue por el fondo y por el peso, no solo por el color. */
    .usuario-fila[aria-pressed="true"][b-gjj6il7j2i] {
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
    }

        .usuario-fila[aria-pressed="true"] .usuario-nombre[b-gjj6il7j2i] {
            font-weight: 600;
            color: var(--colorBrandForeground1);
        }

.usuario-nombre[b-gjj6il7j2i],
.usuario-email[b-gjj6il7j2i] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usuario-nombre[b-gjj6il7j2i] {
    grid-area: nombre;
}

.usuario-email[b-gjj6il7j2i] {
    grid-area: email;
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.usuario-estado[b-gjj6il7j2i] {
    grid-area: estado;
}

.lista-vacia[b-gjj6il7j2i] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Permisos/Usuarios/UbicacionDeUsuarioSeccion.razor.rz.scp.css */
.ubicacion-del-usuario[b-hvpe1lcly3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .ubicacion-del-usuario h3[b-hvpe1lcly3],
    .ubicacion-del-usuario h4[b-hvpe1lcly3] {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

    .ubicacion-del-usuario h4[b-hvpe1lcly3] {
        font-size: 14px;
    }

.ajuste[b-hvpe1lcly3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ayuda[b-hvpe1lcly3] {
    margin: 0;
    color: var(--colorNeutralForeground3);
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.plazo[b-hvpe1lcly3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
}

.historial[b-hvpe1lcly3] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .historial li[b-hvpe1lcly3] {
        display: flex;
        flex-direction: column;
        gap: 1px;
        padding-bottom: 6px;
        border-bottom: 1px solid var(--colorNeutralStroke2);
        overflow-wrap: anywhere;
    }

        .historial li:last-child[b-hvpe1lcly3] {
            border-bottom: none;
        }

.cuando[b-hvpe1lcly3] {
    color: var(--colorNeutralForeground3);
    font-size: 12px;
}
/* /Components/Pages/Permisos/Usuarios/UsuariosMain.razor.rz.scp.css */
/* La lista a la izquierda y el usuario elegido a la derecha. Los cortes miden esta
   pantalla y no la ventana del navegador: en una tableta el menú abierto le deja menos ancho
   (TRAMPAS-CONOCIDAS.md). */
.usuarios[b-4kkoyw5siv] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 1120px;
}

.usuarios-encabezado[b-4kkoyw5siv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .usuarios-encabezado h1[b-4kkoyw5siv] {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.usuarios-acciones[b-4kkoyw5siv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.usuarios-explicacion[b-4kkoyw5siv] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.usuarios-cuerpo[b-4kkoyw5siv] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.usuarios-lista[b-4kkoyw5siv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.usuarios-detalle[b-4kkoyw5siv] {
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px;
}

@container (max-width: 700px) {
    .usuarios[b-4kkoyw5siv] {
        padding: 16px 4px 4px;
    }

    .usuarios-cuerpo[b-4kkoyw5siv] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Permisos/Usuarios/VincularUsuarioDialog.razor.rz.scp.css */
/* Las dos listas lado a lado; cuando el diálogo es angosto —en el celular ocupa el ancho de la
   pantalla—, una debajo de la otra. El corte mide el diálogo, no la ventana. */
.vincular-columnas[b-gxp4ni69l2] {
    container-type: inline-size;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

@container (max-width: 520px) {
    .vincular-columna[b-gxp4ni69l2] {
        grid-column: 1 / -1;
    }
}

.vincular-explicacion[b-gxp4ni69l2] {
    margin: 0 0 12px;
    color: var(--colorNeutralForeground3);
}

.vincular-columna[b-gxp4ni69l2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .vincular-columna h3[b-gxp4ni69l2] {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

/* Cada lista se desplaza por su cuenta, para que el botón de vincular no se vaya de la vista. */
.vincular-lista[b-gxp4ni69l2] {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 40vh;
    overflow-y: auto;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 4px;
}

    .vincular-lista li + li[b-gxp4ni69l2] {
        border-top: 1px solid var(--colorNeutralStroke2);
    }

.vincular-fila[b-gxp4ni69l2] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 44px;
    justify-content: center;
    padding: 6px 10px;
    cursor: pointer;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground1);
}

    .vincular-fila:hover[b-gxp4ni69l2] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .vincular-fila:focus-visible[b-gxp4ni69l2] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    .vincular-fila[aria-pressed="true"][b-gxp4ni69l2] {
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
        font-weight: 600;
        color: var(--colorBrandForeground1);
    }

.vincular-documento[b-gxp4ni69l2] {
    font-size: 12px;
    font-weight: 400;
    color: var(--colorNeutralForeground3);
}

.vincular-vacio[b-gxp4ni69l2] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}

.vincular-eleccion[b-gxp4ni69l2] {
    min-height: 1.5em;
    margin: 12px 0 0;
    overflow-wrap: anywhere;
}

.vincular-falta[b-gxp4ni69l2] {
    color: var(--colorPaletteRedForeground1);
}
/* /Components/Pages/Personas/Clientes/ClientesMain.razor.rz.scp.css */
/* La lista a la izquierda y el cliente elegido a la derecha, como Personas. Los cortes miden esta
   pantalla y no la ventana del navegador (TRAMPAS-CONOCIDAS.md). */
.clientes[b-u5mxpjucpg] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 1120px;
}

.clientes-encabezado[b-u5mxpjucpg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .clientes-encabezado h1[b-u5mxpjucpg] {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.clientes-explicacion[b-u5mxpjucpg] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.clientes-cuerpo[b-u5mxpjucpg] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-top: 12px;
}

.clientes-lista[b-u5mxpjucpg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.clientes-detalle[b-u5mxpjucpg] {
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px;
}

@container (max-width: 700px) {
    .clientes[b-u5mxpjucpg] {
        padding: 16px 4px 4px;
    }

    .clientes-cuerpo[b-u5mxpjucpg] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Personas/Clientes/FichaDeCliente.razor.rz.scp.css */
.cliente-titulo[b-fltetlati1] {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground1);
}

.cliente-dato[b-fltetlati1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground2);
}

.cliente-desde[b-fltetlati1] {
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.sin-cliente[b-fltetlati1] {
    margin: 12px 0 4px;
    color: var(--colorNeutralForeground3);
}

.cliente-acciones[b-fltetlati1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

[b-fltetlati1] .cliente-aviso {
    margin-top: 12px;
}
/* /Components/Pages/Personas/Clientes/ListaDeClientes.razor.rz.scp.css */
.lista-de-clientes[b-sl5p0i6xh6] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .lista-de-clientes li[b-sl5p0i6xh6] {
        border-bottom: 1px solid var(--colorNeutralStroke2);
    }

/* El área entera de la fila se toca: el nombre y las insignias arriba, el documento debajo. */
.cliente-fila[b-sl5p0i6xh6] {
    all: unset;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "nombre insignias"
        "documento insignias";
    column-gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    cursor: pointer;
    color: var(--colorNeutralForeground1);
}

    .cliente-fila:hover[b-sl5p0i6xh6] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .cliente-fila:focus-visible[b-sl5p0i6xh6] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    /* La elegida se distingue por el fondo y por el peso, no solo por el color. */
    .cliente-fila[aria-pressed="true"][b-sl5p0i6xh6] {
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
    }

        .cliente-fila[aria-pressed="true"] .cliente-nombre[b-sl5p0i6xh6] {
            font-weight: 600;
            color: var(--colorBrandForeground1);
        }

.cliente-nombre[b-sl5p0i6xh6],
.cliente-documento[b-sl5p0i6xh6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cliente-nombre[b-sl5p0i6xh6] {
    grid-area: nombre;
}

.cliente-documento[b-sl5p0i6xh6] {
    grid-area: documento;
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.cliente-insignias[b-sl5p0i6xh6] {
    grid-area: insignias;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.lista-vacia[b-sl5p0i6xh6] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Personas/Clientes/NuevoClienteMain.razor.rz.scp.css */
.nuevo-cliente[b-km50qqmzn3] {
    padding: 24px 8px 8px;
    max-width: 760px;
}

    .nuevo-cliente h1[b-km50qqmzn3] {
        margin: 0 0 8px;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.nuevo-cliente-explicacion[b-km50qqmzn3] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Personas/Contacto/ContactoDePersona.razor.rz.scp.css */
.contacto[b-nanrvmy5d3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--colorNeutralStroke2);
}

.contacto-titulo[b-nanrvmy5d3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
}

.contacto-bloque[b-nanrvmy5d3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.contacto-subtitulo[b-nanrvmy5d3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

    .contacto-subtitulo h4[b-nanrvmy5d3] {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.contacto-lista[b-nanrvmy5d3] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contacto-fila[b-nanrvmy5d3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 4px 0;
    border-bottom: 1px solid var(--colorNeutralStroke3);
}

.contacto-dato[b-nanrvmy5d3] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
    overflow-wrap: anywhere;
}

.contacto-acciones[b-nanrvmy5d3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.contacto-marca[b-nanrvmy5d3] {
    padding: 1px 8px;
    border-radius: var(--borderRadiusCircular);
    font-size: 12px;
    background: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
}

.contacto-fecha[b-nanrvmy5d3] {
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.contacto-vacio[b-nanrvmy5d3] {
    margin: 0;
    color: var(--colorNeutralForeground3);
}

.contacto-historial summary[b-nanrvmy5d3] {
    padding: 4px 0;
    cursor: pointer;
    color: var(--colorNeutralForeground2);
}

.contacto-cerrado[b-nanrvmy5d3] {
    padding: 4px 0 4px 12px;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Personas/Contacto/DomicilioDialog.razor.rz.scp.css */
.domicilio-form[b-gjpa7o7aha] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.domicilio-explicacion[b-gjpa7o7aha] {
    margin: 0;
    color: var(--colorNeutralForeground2);
}

.lugar[b-gjpa7o7aha] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lugar-etiqueta[b-gjpa7o7aha] {
    font-weight: 600;
    color: var(--colorNeutralForeground1);
}

.lugar-elegido[b-gjpa7o7aha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
}

.lugar-opciones[b-gjpa7o7aha] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Lado a lado cuando entran; apiladas en el celular. */
.coordenadas[b-gjpa7o7aha] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.coordenadas-acciones[b-gjpa7o7aha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
}

.coordenadas-acciones a[b-gjpa7o7aha] {
    color: var(--colorBrandForegroundLink);
}

/* Width="100%" no alcanza al recuadro del área de texto, que vive en su shadow DOM con 288 px propios:
   hacen falta el componente y su parte «root» (TRAMPAS-CONOCIDAS.md). */
.domicilio-form[b-gjpa7o7aha]  fluent-textarea {
    width: 100%;
}

    .domicilio-form[b-gjpa7o7aha]  fluent-textarea::part(root) {
        width: 100%;
    }
/* /Components/Pages/Personas/Contacto/DomicilioResumen.razor.rz.scp.css */
.domicilio[b-bk6d493xrv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground1);
}

.domicilio-calle[b-bk6d493xrv] {
    font-weight: 600;
}

.domicilio-referencia[b-bk6d493xrv] {
    font-style: italic;
    color: var(--colorNeutralForeground2);
}

.domicilio-pie[b-bk6d493xrv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.domicilio-pie a[b-bk6d493xrv] {
    color: var(--colorBrandForegroundLink);
}
/* /Components/Pages/Personas/CorregirPersonaDialog.razor.rz.scp.css */
.confirmar-documento[b-ntzz9pp90f] {
    margin: 12px 0 0;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
}
/* /Components/Pages/Personas/FichaDePersona.razor.rz.scp.css */
.persona-titulo[b-hy11l0cjbq] {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground1);
}

.persona-dato[b-hy11l0cjbq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    overflow-wrap: anywhere;
    color: var(--colorNeutralForeground2);
}

.persona-auditoria[b-hy11l0cjbq] {
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.sin-persona[b-hy11l0cjbq] {
    margin: 12px 0 4px;
    color: var(--colorNeutralForeground3);
}

.persona-acciones[b-hy11l0cjbq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

[b-hy11l0cjbq] .persona-aviso {
    margin-top: 12px;
}

/* Foto y datos lado a lado; en un celular angosto, la foto queda arriba. */
.persona-encabezado[b-hy11l0cjbq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px;
}

.persona-identidad[b-hy11l0cjbq] {
    flex: 1 1 200px;
    min-width: 0;
}
/* /Components/Pages/Personas/ListaDePersonas.razor.rz.scp.css */
.lista-de-personas[b-309ircu1y1] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--colorNeutralStroke2);
}

    .lista-de-personas li[b-309ircu1y1] {
        border-bottom: 1px solid var(--colorNeutralStroke2);
    }

/* El área entera de la fila se toca: el nombre y las insignias arriba, el documento debajo. */
.persona-fila[b-309ircu1y1] {
    all: unset;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "nombre insignias"
        "documento insignias";
    column-gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    cursor: pointer;
    color: var(--colorNeutralForeground1);
}

    .persona-fila:hover[b-309ircu1y1] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .persona-fila:focus-visible[b-309ircu1y1] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    /* La elegida se distingue por el fondo y por el peso, no solo por el color. */
    .persona-fila[aria-pressed="true"][b-309ircu1y1] {
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
    }

        .persona-fila[aria-pressed="true"] .persona-nombre[b-309ircu1y1] {
            font-weight: 600;
            color: var(--colorBrandForeground1);
        }

.persona-nombre[b-309ircu1y1],
.persona-documento[b-309ircu1y1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.persona-nombre[b-309ircu1y1] {
    grid-area: nombre;
}

.persona-documento[b-309ircu1y1] {
    grid-area: documento;
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.persona-insignias[b-309ircu1y1] {
    grid-area: insignias;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.lista-vacia[b-309ircu1y1] {
    margin: 4px 0;
    color: var(--colorNeutralForeground3);
}
/* /Components/Pages/Personas/PersonasMain.razor.rz.scp.css */
/* La lista a la izquierda y la persona elegida a la derecha. Los cortes miden esta
   pantalla y no la ventana del navegador: en una tableta el menú abierto le deja menos ancho
   (TRAMPAS-CONOCIDAS.md). */
.personas[b-gx985r2dku] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 1120px;
}

.personas-encabezado[b-gx985r2dku] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

    .personas-encabezado h1[b-gx985r2dku] {
        margin: 0;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.personas-explicacion[b-gx985r2dku] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.personas-cuerpo[b-gx985r2dku] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.personas-lista[b-gx985r2dku] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.personas-detalle[b-gx985r2dku] {
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 12px 16px;
}

@container (max-width: 700px) {
    .personas[b-gx985r2dku] {
        padding: 16px 4px 4px;
    }

    .personas-cuerpo[b-gx985r2dku] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Sistema/ModoRestringidoMain.razor.rz.scp.css */
/* Una sola columna de ancho legible. Los cortes miden esta pantalla y no la ventana: en una tableta
   el menú abierto le deja menos ancho (TRAMPAS-CONOCIDAS.md). */
.modo[b-it4tjsl0n3] {
    container-type: inline-size;
    padding: 24px 8px 8px;
    max-width: 760px;
}

    .modo h1[b-it4tjsl0n3] {
        margin: 0 0 8px;
        font-size: 24px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

.modo-explicacion[b-it4tjsl0n3] {
    margin: 0 0 16px;
    max-width: 70ch;
    font-size: 14px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.modo-tarjeta[b-it4tjsl0n3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 8px;
    padding: 16px;
}

    .modo-tarjeta h2[b-it4tjsl0n3] {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: var(--colorNeutralForeground1);
    }

    .modo-tarjeta p[b-it4tjsl0n3] {
        margin: 0;
    }

.modo-normal[b-it4tjsl0n3] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--colorNeutralForeground2);
}

.modo-ayuda[b-it4tjsl0n3] {
    font-size: 13px;
    line-height: 1.5;
    color: var(--colorNeutralForeground3);
}

.modo-datos[b-it4tjsl0n3] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px 16px;
    margin: 0;
}

    .modo-datos dt[b-it4tjsl0n3] {
        font-weight: 600;
        color: var(--colorNeutralForeground2);
    }

    .modo-datos dd[b-it4tjsl0n3] {
        margin: 0;
        overflow-wrap: anywhere;
    }

.modo-plazos[b-it4tjsl0n3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

/* Width="100%" llega al contenedor del área de texto y no al recuadro, que vive en su shadow DOM con
   288 px propios: hacen falta las dos reglas (TRAMPAS-CONOCIDAS.md). */
.modo-campo-largo[b-it4tjsl0n3]  fluent-textarea {
    width: 100%;
}

    .modo-campo-largo[b-it4tjsl0n3]  fluent-textarea::part(root) {
        width: 100%;
    }

.modo-error[b-it4tjsl0n3] {
    color: var(--colorPaletteRedForeground1);
    font-weight: 600;
}

.modo-acciones[b-it4tjsl0n3] {
    display: flex;
    justify-content: flex-end;
}

@container (max-width: 520px) {
    .modo[b-it4tjsl0n3] {
        padding: 16px 4px 4px;
    }

    .modo-plazos[b-it4tjsl0n3],
    .modo-datos[b-it4tjsl0n3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .modo-datos dd[b-it4tjsl0n3] {
        margin-bottom: 6px;
    }
}
/* /Components/Roles/AltaDeRolAsistente.razor.rz.scp.css */
/* El asistente ocupa el ancho de su página; los cortes miden el asistente y no la ventana, porque en una
   tableta el menú abierto le deja menos ancho (TRAMPAS-CONOCIDAS.md). */
.asistente-de-rol[b-jgbdmcy5kv] {
    container-type: inline-size;
    max-width: 720px;
}

.asistente-paso[b-jgbdmcy5kv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 8px;
}

.asistente-titulo[b-jgbdmcy5kv] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
}

.asistente-ayuda[b-jgbdmcy5kv] {
    margin: 0;
    color: var(--colorNeutralForeground3);
}

.asistente-falta[b-jgbdmcy5kv] {
    margin: 0;
    min-height: 1.2em;
    color: var(--colorPaletteRedForeground1);
}

.asistente-candidatas[b-jgbdmcy5kv] {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--colorNeutralStroke2);
    max-height: 320px;
    overflow-y: auto;
}

    .asistente-candidatas li[b-jgbdmcy5kv] {
        border-bottom: 1px solid var(--colorNeutralStroke2);
    }

/* El área entera de la fila se toca: nombre y documento a la izquierda, la insignia a la derecha. */
.asistente-candidata[b-jgbdmcy5kv] {
    all: unset;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "nombre insignia"
        "documento insignia";
    column-gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    cursor: pointer;
    color: var(--colorNeutralForeground1);
}

    .asistente-candidata:hover[b-jgbdmcy5kv] {
        background: color-mix(in srgb, var(--colorBrandBackground) 6%, transparent);
    }

    .asistente-candidata:focus-visible[b-jgbdmcy5kv] {
        outline: 2px solid var(--colorStrokeFocus2);
        outline-offset: -2px;
    }

    /* La elegida se distingue por el fondo y por el peso, no solo por el color. */
    .asistente-candidata[aria-pressed="true"][b-jgbdmcy5kv] {
        background: color-mix(in srgb, var(--colorBrandBackground) 12%, transparent);
    }

        .asistente-candidata[aria-pressed="true"] .asistente-candidata-nombre[b-jgbdmcy5kv] {
            font-weight: 600;
            color: var(--colorBrandForeground1);
        }

.asistente-candidata-nombre[b-jgbdmcy5kv] {
    grid-area: nombre;
    overflow-wrap: anywhere;
}

.asistente-candidata-documento[b-jgbdmcy5kv] {
    grid-area: documento;
    font-size: 12px;
    color: var(--colorNeutralForeground3);
}

.asistente-resumen[b-jgbdmcy5kv] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 6px 16px;
    margin: 4px 0 0;
}

    .asistente-resumen dt[b-jgbdmcy5kv] {
        color: var(--colorNeutralForeground3);
    }

    .asistente-resumen dd[b-jgbdmcy5kv] {
        margin: 0;
        overflow-wrap: anywhere;
        color: var(--colorNeutralForeground1);
    }

.asistente-botones[b-jgbdmcy5kv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.asistente-avance[b-jgbdmcy5kv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

@container (max-width: 420px) {
    .asistente-resumen[b-jgbdmcy5kv] {
        grid-template-columns: minmax(0, 1fr);
    }

        .asistente-resumen dd[b-jgbdmcy5kv] {
            margin-bottom: 6px;
        }
}