/* /Components/Comunes/CampoConSugerencias.razor.rz.scp.css */
.campo-con-sugerencias[b-xqep40qu3k] { position: relative; display: flex; }
.campo-con-sugerencias input[b-xqep40qu3k] { width: 100%; }
.campo-con-sugerencias:has(.ver-sugerencias) input[b-xqep40qu3k] { padding-right: calc(var(--campo-x) * 2 + var(--icono)); }
.ver-sugerencias[b-xqep40qu3k] {
  position: absolute; top: 0; right: 0; bottom: 0;
  display: flex; align-items: center; justify-content: center;
  width: calc(var(--campo-x) * 2 + var(--icono));
  padding: 0; border: 0; background: none;
  color: var(--gris-claro);
  cursor: pointer;
}
.ver-sugerencias:hover[b-xqep40qu3k] { color: var(--tinta); }
.ver-sugerencias[b-xqep40qu3k]  svg { width: var(--icono); height: var(--icono); }

/* El mismo panel que las demás listas, pegado bajo el campo. */
.sugerencias[b-xqep40qu3k] {
  position: absolute; z-index: 20; top: calc(100% + 3px); left: 0; right: 0;
  margin: 0; padding: 3.5px;
  list-style: none;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--tarjeta); color: var(--tinta);
  box-shadow: var(--sombra-panel);
  max-height: 18rem; overflow-y: auto;
}
.sugerencias .activa[b-xqep40qu3k] { background: var(--fondo); }
/* /Components/Layout/AvisoDeReconexion.razor.rz.scp.css */
/* Las clases components-* las pone el propio Blazor según el estado de la conexión. */
.components-reconnect-first-attempt-visible[b-e7xfuezyqn],
.components-reconnect-repeated-attempt-visible[b-e7xfuezyqn],
.components-reconnect-failed-visible[b-e7xfuezyqn],
.components-pause-visible[b-e7xfuezyqn],
.components-resume-failed-visible[b-e7xfuezyqn] { display: none; }

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

.aviso-de-reconexion[b-e7xfuezyqn] {
  width: min(22rem, calc(100vw - 2rem));
  margin: 20vh auto;
  padding: 1.5rem;
  border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
  background: var(--tarjeta); color: var(--tinta);
  box-shadow: var(--sombra-ventana);
  text-align: center;
}
.aviso-de-reconexion[open][b-e7xfuezyqn] { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.aviso-de-reconexion[b-e7xfuezyqn]::backdrop { background: rgb(2 24 56 / 0.45); }
.aviso-de-reconexion p[b-e7xfuezyqn] { margin: 0; }
/* /Components/Layout/Impresion.razor.rz.scp.css */
.hoja[b-yk75n6f7tx] { max-width: 60rem; margin: 2rem auto; padding: 0 1.5rem 3rem; }

@media print {
  .hoja[b-yk75n6f7tx] { margin: 0; padding: 0; max-width: none; }
}
/* /Components/Layout/Publico.razor.rz.scp.css */
.publico[b-q02c3b7hn1] { display: flex; flex-direction: column; min-height: calc(100vh - var(--alto-marca)); background: var(--fondo); }

.barra-publica[b-q02c3b7hn1] {
  position: sticky; top: var(--alto-marca); z-index: 10;
  display: flex; align-items: center; gap: 1rem;
  height: var(--alto-barra); padding: 0 1.5rem;
  background: var(--azul-apec); color: #fff;
}
.marca-publica[b-q02c3b7hn1] { height: var(--alto-de-la-marca); }
.nombre-publico[b-q02c3b7hn1] {
  padding-left: 1rem; border-left: 1px solid rgb(255 255 255 / 0.25);
  font-weight: 600; line-height: 1.25;
}
.entrada-de-calidad[b-q02c3b7hn1] {
  display: inline-flex; align-items: center; gap: 7px; margin-left: auto;
  padding: var(--campo-y) var(--campo-x);
  border-radius: var(--radio-control);
  background: rgb(255 255 255 / 0.12); color: #fff;
  font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: background var(--transicion);
}
.entrada-de-calidad:hover[b-q02c3b7hn1] { background: rgb(255 255 255 / 0.22); text-decoration: none; }
.entrada-de-calidad[b-q02c3b7hn1]  svg { width: var(--icono); height: var(--icono); }

.contenido-publico[b-q02c3b7hn1] { flex: 1; width: 100%; max-width: 46rem; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }

.pie-publico[b-q02c3b7hn1] {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem;
  padding: 1rem 1.5rem;
  color: var(--gris); font-size: var(--texto-menor);
}
.credito-publico[b-q02c3b7hn1] { display: inline-flex; align-items: center; gap: 7px; }
.credito-publico a[b-q02c3b7hn1] { display: block; }
.credito-publico img[b-q02c3b7hn1] { display: block; height: 0.8125rem; width: auto; }

@media (max-width: 40rem) {
  .barra-publica[b-q02c3b7hn1] { padding: 0 1rem; }
  .nombre-publico[b-q02c3b7hn1] { display: none; }
  /* En un teléfono el logo y el texto no caben juntos: queda el escudo, con su nombre para el lector de pantalla. */
  .texto-de-entrada[b-q02c3b7hn1] { display: none; }
  .entrada-de-calidad[b-q02c3b7hn1] { padding: var(--campo-y); }
  .contenido-publico[b-q02c3b7hn1] { padding: 1.25rem 1rem 3rem; }
}
/* /Components/Pages/Catalogos.razor.rz.scp.css */
.columna-estado[b-ea8ybap9dr] { width: 8rem; }
.columna-de-accion[b-ea8ybap9dr] { width: 1%; white-space: nowrap; }
/* La celda se ciñe a sus íconos: en fila, nunca uno debajo de otro. */
.columna-de-accion .acciones-en-renglon[b-ea8ybap9dr] { flex-wrap: nowrap; gap: 0.375rem; }
.dato-secundario[b-ea8ybap9dr] { color: var(--gris); }
/* Lo inactivo sigue en la lista, para volver a activarlo, pero cede el paso. */
.renglon-inactivo td:not(.columna-de-accion)[b-ea8ybap9dr] { color: var(--gris-claro); }
.confirmar-quitar[b-ea8ybap9dr] { display: flex; flex-direction: column; gap: 0.75rem; }
/* Quitar es aparte de guardar: va a la izquierda del pie. */
.quitar-valor[b-ea8ybap9dr] { margin-right: auto; }

.estado-bajo-el-nombre[b-ea8ybap9dr] { display: none; }

/* En un teléfono no caben el estado y los íconos: el estado baja bajo el
   nombre, y solo cuando es inactivo, que es lo que hay que notar. */
@media (max-width: 40rem) {
  .columna-estado[b-ea8ybap9dr] { display: none; }
  .estado-bajo-el-nombre[b-ea8ybap9dr] { display: block; margin-top: 0.125rem; color: var(--peligro); font-size: var(--texto-menor); }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Aquí la barra no tiene una lista debajo: lleva su contorno completo. */
.filtros-del-tablero[b-xmr8qytbmo]  .barra-de-tabla { border-bottom: 1px solid var(--linea); border-radius: var(--radio-tarjeta); }

/* Las cifras en tinta: el color es de las marcas, no del texto. */
.cifras-del-tablero[b-xmr8qytbmo] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.cifra[b-xmr8qytbmo] {
  display: flex; flex-direction: column; gap: 0.25rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--tarjeta);
}
.nombre-de-la-cifra[b-xmr8qytbmo] { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--gris); }
.marca-del-tipo[b-xmr8qytbmo] { width: 8px; height: 8px; border-radius: 50%; background: var(--color-del-tipo); }
.valor-de-la-cifra[b-xmr8qytbmo] { font-size: var(--texto-pantalla); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: var(--tinta); }
.nota-de-la-cifra[b-xmr8qytbmo] { color: var(--gris); font-size: var(--texto-menor); }

/* Doce columnas: cada fila junta gráficas de alto parecido. Cada tarjeta se
   ciñe a lo suyo, sin estirarse con espacio vacío dentro. */
.graficas-del-tablero[b-xmr8qytbmo] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.ancho-12[b-xmr8qytbmo] { grid-column: 1 / -1; }
.ancho-7[b-xmr8qytbmo] { grid-column: span 7; }
.ancho-5[b-xmr8qytbmo] { grid-column: span 5; }
.columna-de-graficas[b-xmr8qytbmo] { display: flex; flex-direction: column; gap: 1rem; }

@media (max-width: 70rem) {
  .ancho-7[b-xmr8qytbmo], .ancho-5[b-xmr8qytbmo] { grid-column: 1 / -1; }
  /* Cinco no caben en un renglón sin partir sus nombres: tres arriba y dos
     abajo, más anchas, en seis columnas para que no sobre nada. */
  .cifras-del-tablero[b-xmr8qytbmo] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cifra[b-xmr8qytbmo] { grid-column: span 2; }
  .cifra:nth-child(n + 4)[b-xmr8qytbmo] { grid-column: span 3; }
  /* Sin la severidad al lado, tipo y sede caben juntas. */
  .columna-de-graficas[b-xmr8qytbmo] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}

@media (max-width: 48rem) {
  .columna-de-graficas[b-xmr8qytbmo] { display: flex; }
  /* De dos en dos; si sobra una, ocupa la fila y no deja media vacía. */
  .cifras-del-tablero[b-xmr8qytbmo] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cifra[b-xmr8qytbmo], .cifra:nth-child(n + 4)[b-xmr8qytbmo] { grid-column: auto; }
  .cifra:last-child:nth-child(odd)[b-xmr8qytbmo] { grid-column: 1 / -1; }
}

.graficas-de-cierre[b-xmr8qytbmo] { margin-top: 1rem; }

@media print {
  .graficas-del-tablero[b-xmr8qytbmo] { display: block; }
  .graficas-del-tablero > div[b-xmr8qytbmo] { break-inside: avoid; margin-bottom: 1rem; }
}
/* /Components/Pages/ImprimirReporte.razor.rz.scp.css */
.cabeza-de-la-hoja[b-w4wnjin6ot] { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 2px solid var(--azul-apec); }
.cabeza-de-la-hoja img[b-w4wnjin6ot] { height: 40px; }
.cabeza-de-la-hoja h1[b-w4wnjin6ot] { margin: 0; font-size: var(--texto-dato); }
.cabeza-de-la-hoja p[b-w4wnjin6ot] { margin: 0.25rem 0 0; }
.cabeza-de-la-hoja .boton-secundario[b-w4wnjin6ot] { margin-left: auto; }
h2[b-w4wnjin6ot] { margin: 1.5rem 0 0.75rem; padding-bottom: 0.25rem; border-bottom: 1px solid var(--linea); }
h3[b-w4wnjin6ot] { margin: 1.25rem 0 0.5rem; font-size: var(--texto-base); }

@media print {
  .no-se-imprime[b-w4wnjin6ot] { display: none; }
}
/* /Components/Pages/Reportar.razor.rz.scp.css */
.encabezado-del-formulario[b-mu6r4wqi47] { margin-bottom: 1.5rem; }
.encabezado-del-formulario h1[b-mu6r4wqi47] { font-size: var(--texto-pantalla); line-height: 1.15; margin-bottom: 0.5rem; text-wrap: balance; }
.encabezado-del-formulario .subtitulo[b-mu6r4wqi47] { margin: 0; line-height: 1.5; }

.formulario-de-reporte[b-mu6r4wqi47] { padding: 0; box-shadow: var(--sombra-panel); }

.seccion-del-formulario[b-mu6r4wqi47] {
  display: flex; flex-direction: column; gap: 1.25rem;
  padding: 1.5rem;
  border-bottom: 1px solid var(--linea);
}
.seccion-del-formulario > p[b-mu6r4wqi47] { margin: 0; }
.seccion-del-formulario h2[b-mu6r4wqi47] { display: flex; align-items: center; gap: 10.5px; margin: 0; line-height: 1.3; }
.numero-de-seccion[b-mu6r4wqi47] {
  display: inline-grid; place-items: center; flex: none;
  width: var(--circulo-en-celda); height: var(--circulo-en-celda);
  border-radius: var(--radio-control);
  background: var(--azul-apec); color: #fff;
  font-size: var(--texto-base); font-weight: 700;
}
.cabeza-de-seccion[b-mu6r4wqi47] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; }

/* Uno debajo de otro, con su definición: elegir es leer, y el ojo no brinca. */
.tipos-de-evento[b-mu6r4wqi47] { display: flex; flex-direction: column; gap: 0.5rem; }
.tipo-de-evento[b-mu6r4wqi47] { --color-de-la-opcion: var(--color-del-tipo); padding: 0.875rem 1rem; }
.tipo-de-evento:has(:checked)[b-mu6r4wqi47] { background: var(--tinte-del-tipo); }
.texto-del-tipo[b-mu6r4wqi47] { display: flex; flex-direction: column; gap: 0.25rem; }
.nombre-del-tipo[b-mu6r4wqi47] { font-weight: 600; color: var(--color-del-tipo); line-height: 1.3; }
.definicion-del-tipo[b-mu6r4wqi47] { color: var(--gris); line-height: 1.45; }

.opcion-con-ejemplos[b-mu6r4wqi47] { display: flex; flex-direction: column; gap: 0.25rem; }
.ejemplos[b-mu6r4wqi47] { padding-left: calc(1rem + 18px + 0.75rem); color: var(--gris); font-size: var(--texto-menor); }
.ejemplos summary[b-mu6r4wqi47] { width: fit-content; color: var(--acento); cursor: pointer; }
.ejemplos p[b-mu6r4wqi47] { margin: 0.25rem 0 0; }

.fecha-con-atajos[b-mu6r4wqi47] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.opcion-rapida[b-mu6r4wqi47] {
  padding: var(--campo-y) 1rem;
  border: 1px solid var(--linea); border-radius: 999px;
  background: var(--tarjeta); color: var(--tinta);
  font: inherit; line-height: var(--interlinea-control);
  cursor: pointer;
  transition: background var(--transicion), border-color var(--transicion);
}
.opcion-rapida:hover[b-mu6r4wqi47] { border-color: var(--gris-claro); }
.opcion-rapida.elegida[b-mu6r4wqi47] { border-color: var(--acento); background: var(--acento); color: #fff; }

.hora[b-mu6r4wqi47] { display: flex; align-items: center; gap: 0.5rem; }
.hora[b-mu6r4wqi47]  .lista-desplegable { min-width: 5rem; }
.separador-de-hora[b-mu6r4wqi47] { font-weight: 700; color: var(--gris); }

.pie-del-formulario[b-mu6r4wqi47] {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--fondo);
  border-radius: 0 0 var(--radio-tarjeta) var(--radio-tarjeta);
}
.acciones-del-pie[b-mu6r4wqi47] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem; }

/* Se guarda en mayúsculas; se ve así desde la primera letra para que no sorprenda. */
.campo-de-nombre[b-mu6r4wqi47] { text-transform: uppercase; }
.campo-de-nombre[b-mu6r4wqi47]::placeholder { text-transform: none; }

.confirmacion[b-mu6r4wqi47] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 3rem 1.5rem; text-align: center; }
.confirmacion[b-mu6r4wqi47]  svg { width: 48px; height: 48px; color: var(--correcto); }
.confirmacion h1[b-mu6r4wqi47] { font-size: var(--texto-dato); margin: 0; }
.confirmacion p[b-mu6r4wqi47] { max-width: 32rem; margin: 0 0 0.5rem; color: var(--gris); }
.confirmacion-centinela[b-mu6r4wqi47]  svg { color: var(--peligro); }

@media (max-width: 40rem) {
  .encabezado-del-formulario h1[b-mu6r4wqi47] { font-size: var(--texto-dato); }
  .seccion-del-formulario[b-mu6r4wqi47] { padding: 1.25rem 1rem; }
  .tipo-de-evento[b-mu6r4wqi47] { padding: 0.75rem; }
  .pie-del-formulario[b-mu6r4wqi47] { padding: 1rem; }
}
/* /Components/Pages/Usuarios.razor.rz.scp.css */
.persona-encontrada[b-frj3pppj7m] {
  display: grid; grid-template-columns: auto 1fr; gap: 0.25rem 1rem;
  margin: 0; padding: var(--campo-y) var(--campo-x);
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--fondo);
}
.persona-encontrada dt[b-frj3pppj7m] { color: var(--gris); }
.persona-encontrada dd[b-frj3pppj7m] { margin: 0; overflow-wrap: anywhere; }

/* Dentro de la ventana, cada resultado mide lo que un campo, como lo que lo rodea. */
.resultado-elegible[b-frj3pppj7m] {
  padding: var(--campo-y) var(--campo-x);
  border-radius: var(--radio-control);
  background: var(--tarjeta);
}
.resultado-elegible:active:not(:disabled)[b-frj3pppj7m] { background: var(--acento-tinte); }
.resultado-elegible:disabled[b-frj3pppj7m] { cursor: default; border-color: var(--linea); background: var(--fondo); }
/* /Components/Reportes/AnalisisDelCaso.razor.rz.scp.css */
/* El caso a lo ancho: la línea de tiempo es el trabajo; los datos del reporte
   se quedan a la vista a un lado mientras se captura. */
.caso-en-pagina[b-s9hp6dr3vu] { display: grid; grid-template-columns: minmax(0, 1fr) 24rem; gap: 1.5rem; align-items: start; }
.trabajo-del-caso[b-s9hp6dr3vu] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.datos-del-caso[b-s9hp6dr3vu] {
  position: sticky; top: calc(var(--alto-marca) + var(--alto-barra) + 1rem);
  display: flex; flex-direction: column; gap: 1rem;
  max-height: calc(100dvh - var(--alto-marca) - var(--alto-barra) - 2rem); overflow-y: auto;
}
.datos-del-caso h2[b-s9hp6dr3vu] { margin: 0; font-size: var(--texto-titulo); }

/* En el panel no cabe una columna de rótulos: cada dato lleva el rótulo
   encima, de dos en dos, y lo que suele ser largo ocupa el renglón. Lo
   corto que quedaría solo sube a llenar el hueco. */
.datos-del-caso[b-s9hp6dr3vu]  .datos-del-detalle { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 0.875rem 1rem; }
.datos-del-caso[b-s9hp6dr3vu]  .datos-del-detalle > div { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; }
.datos-del-caso[b-s9hp6dr3vu]  .datos-del-detalle > .dato-largo { grid-column: 1 / -1; }
.datos-del-caso[b-s9hp6dr3vu]  .datos-del-detalle dt { font-size: var(--texto-menor); }
.datos-del-caso[b-s9hp6dr3vu]  .datos-del-detalle dd { overflow-wrap: anywhere; }

/* Sin ancho para dos columnas, los datos bajan después del trabajo. */
@media (max-width: 70rem) {
  .caso-en-pagina[b-s9hp6dr3vu] { grid-template-columns: minmax(0, 1fr); }
  .datos-del-caso[b-s9hp6dr3vu] { position: static; max-height: none; }
}

/* La línea de tiempo: el punto sobre la línea y el contenido a la derecha,
   con su fecha en la cabeza. Hecho en verde, en curso en el azul de acento,
   pendiente en gris. */
.linea-de-tiempo[b-s9hp6dr3vu] { margin: 0; padding: 0; list-style: none; }
.hito[b-s9hp6dr3vu] {
  position: relative;
  display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); column-gap: 1rem;
  padding-bottom: 1.5rem;
}
.hito:last-child[b-s9hp6dr3vu] { padding-bottom: 0; }
/* La línea une un punto con el siguiente; el último no la lleva. */
.hito:not(:last-child)[b-s9hp6dr3vu]::before {
  content: ""; position: absolute; top: 2.25rem; bottom: 0;
  left: calc(1.125rem - 1px);
  width: 2px; background: var(--linea);
}
.hito-hecho:not(:last-child)[b-s9hp6dr3vu]::before { background: var(--correcto); }

.cuando-del-hito[b-s9hp6dr3vu] { margin-left: auto; color: var(--gris); font-size: var(--texto-menor); font-weight: 400; }

.marca-del-hito[b-s9hp6dr3vu] {
  position: relative; z-index: 1;
  display: grid; place-items: center;
  width: 2.25rem; height: 2.25rem; border-radius: 50%;
  border: 2px solid var(--linea); background: var(--tarjeta); color: var(--gris-claro);
}
.marca-del-hito[b-s9hp6dr3vu]  svg { width: 1rem; height: 1rem; }
.hito-hecho .marca-del-hito[b-s9hp6dr3vu] { border-color: var(--correcto); background: var(--correcto); color: #fff; }
.hito-actual .marca-del-hito[b-s9hp6dr3vu] { border-color: var(--acento); background: var(--acento); color: #fff; box-shadow: 0 0 0 4px var(--acento-tinte); }

.contenido-del-hito[b-s9hp6dr3vu] {
  display: flex; flex-direction: column; gap: 0.75rem;
  padding: 0.875rem 1rem; border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
  background: var(--tarjeta);
}
.hito-actual .contenido-del-hito[b-s9hp6dr3vu] { border-color: var(--acento); }
.hito-pendiente .contenido-del-hito[b-s9hp6dr3vu] { border-style: dashed; background: transparent; }
.contenido-del-hito h3[b-s9hp6dr3vu] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.5rem; margin: 0; font-size: var(--texto-base); }
.contenido-del-hito h4[b-s9hp6dr3vu] { margin: 0.5rem 0 0; font-size: var(--texto-menor); color: var(--gris); text-transform: uppercase; letter-spacing: 0.04em; }
.contenido-del-hito p[b-s9hp6dr3vu] { margin: 0; }
.estado-del-hito[b-s9hp6dr3vu] { color: var(--gris); font-size: var(--texto-menor); font-weight: 400; }
.hito-hecho .estado-del-hito[b-s9hp6dr3vu] { color: var(--correcto); }
.hito-actual .estado-del-hito[b-s9hp6dr3vu] { color: var(--acento); }
.hito-pendiente h3[b-s9hp6dr3vu] { color: var(--gris); }

/* El signo va dentro del campo, como en el CRM, sin ser parte de lo escrito. */
.campo-de-dinero[b-s9hp6dr3vu] { position: relative; display: block; }
.signo-de-pesos[b-s9hp6dr3vu] { position: absolute; left: var(--campo-x); top: 50%; transform: translateY(-50%); color: var(--gris); pointer-events: none; }
.campo-de-dinero input[b-s9hp6dr3vu] { width: 100%; padding-left: calc(var(--campo-x) + 1.25ch); }

.hora-del-caso[b-s9hp6dr3vu] { display: flex; align-items: center; gap: 0.5rem; }
.hora-del-caso[b-s9hp6dr3vu]  .lista-con-panel { flex: 1; }
.hora-del-caso[b-s9hp6dr3vu]  .lista-desplegable { width: 100%; min-width: 5rem; }

.accion[b-s9hp6dr3vu] {
  display: flex; flex-direction: column; gap: 0.5rem;
  padding: 0.75rem 1rem; border: 1px solid var(--linea); border-radius: var(--radio-control);
}
.accion-nueva[b-s9hp6dr3vu] { border-style: dashed; }
.texto-de-la-accion[b-s9hp6dr3vu] { font-weight: 600; }
.datos-de-la-accion[b-s9hp6dr3vu] { display: grid; grid-template-columns: auto 1fr; gap: 0.125rem 1rem; margin: 0; }
.datos-de-la-accion dt[b-s9hp6dr3vu] { color: var(--gris); }
.datos-de-la-accion dd[b-s9hp6dr3vu] { margin: 0; }
.historial-de-la-accion[b-s9hp6dr3vu] { color: var(--gris); font-size: var(--texto-menor); }
.edicion-de-la-accion[b-s9hp6dr3vu] {
  display: flex; flex-direction: column; gap: 0.5rem;
  padding: 0.75rem; border-radius: var(--radio-control); background: var(--fondo);
}
.acciones-canceladas h4[b-s9hp6dr3vu] { margin: 0 0 0.25rem; font-size: var(--texto-menor); color: var(--gris); text-transform: uppercase; }

.motivo-del-avance[b-s9hp6dr3vu] { align-self: center; color: var(--gris); font-size: var(--texto-menor); }
.motivo-del-avance.listo[b-s9hp6dr3vu] { color: var(--correcto); }

@media (max-width: 40rem) {
  .hito[b-s9hp6dr3vu] { column-gap: 0.75rem; }
}
/* /Components/Reportes/BarraDeProporcion.razor.rz.scp.css */
.grafica[b-sazxj5931m] { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 1.25rem 1.5rem; }
.grafica figcaption[b-sazxj5931m] { display: flex; flex-direction: column; gap: 0.125rem; }
.titulo-de-la-grafica[b-sazxj5931m] { font-size: var(--texto-titulo); font-weight: 600; }
.descripcion-de-la-grafica[b-sazxj5931m] { color: var(--gris); font-size: var(--texto-menor); }

.proporcion[b-sazxj5931m] { display: block; width: 100%; height: 14px; border-radius: 4px; overflow: hidden; }
.parte-de-la-proporcion[b-sazxj5931m] { stroke: var(--tarjeta); stroke-width: 2px; vector-effect: non-scaling-stroke; }
/* Los dos primeros lugares de la paleta categórica, validados juntos; la parte
   neutra es gris porque significa «todavía nada». */
.parte-1[b-sazxj5931m] { fill: var(--grafica-parte-1); background: var(--grafica-parte-1); }
.parte-2[b-sazxj5931m] { fill: var(--grafica-parte-2); background: var(--grafica-parte-2); }
.parte-neutra[b-sazxj5931m] { fill: var(--gris-claro); background: var(--gris-claro); }

.leyenda-de-la-proporcion[b-sazxj5931m] { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; margin: 0; padding: 0; list-style: none; }
.leyenda-de-la-proporcion li[b-sazxj5931m] { display: inline-flex; align-items: baseline; gap: 0.5rem; }
.muestra-de-la-parte[b-sazxj5931m] { align-self: center; }
.muestra-de-la-parte[b-sazxj5931m] { width: 10px; height: 10px; border-radius: 3px; }
.cifra-de-la-parte[b-sazxj5931m] { font-weight: 600; font-variant-numeric: tabular-nums; }
.porciento-de-la-parte[b-sazxj5931m] { color: var(--gris); font-size: var(--texto-menor); font-variant-numeric: tabular-nums; text-align: right; }
.renglon-en-cero .nombre-de-la-parte[b-sazxj5931m], .renglon-en-cero .cifra-de-la-parte[b-sazxj5931m] { color: var(--gris-claro); font-weight: 400; }
/* /Components/Reportes/BuscadorDeColaborador.razor.rz.scp.css */
.buscador-de-colaborador[b-n34qf6wg4d] { display: flex; flex-direction: column; gap: 0.5rem; }
/* /Components/Reportes/BuscadorDePaciente.razor.rz.scp.css */
.buscador-de-paciente[b-7efkqcvdba] { display: flex; flex-direction: column; gap: 0.5rem; }
.buscador-de-paciente[b-7efkqcvdba]  svg { width: var(--icono); height: var(--icono); }

@media (max-width: 40rem) {
  .texto-de-buscar[b-7efkqcvdba] { display: none; }
}
/* /Components/Reportes/DetalleDelReporte.razor.rz.scp.css */
.revision-de-clasificacion[b-hdrabf4q4b] {
  display: flex; flex-direction: column; gap: 0.5rem;
  padding: 1rem; border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
}
.revision-de-clasificacion h3[b-hdrabf4q4b] { margin: 0; font-size: var(--texto-base); }
.revision-de-clasificacion p[b-hdrabf4q4b] { margin: 0; }

.resumen-del-caso[b-hdrabf4q4b] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
.rotulo-del-estado[b-hdrabf4q4b] { margin-left: auto; color: var(--gris); }
.confirmar-cierre[b-hdrabf4q4b] { display: flex; flex-direction: column; gap: 0.75rem; }
/* /Components/Reportes/GraficaDeBarras.razor.rz.scp.css */
.grafica[b-pn0s5otr80] { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 1.25rem 1.5rem; }
.grafica figcaption[b-pn0s5otr80] { display: flex; flex-direction: column; gap: 0.125rem; }
.titulo-de-la-grafica[b-pn0s5otr80] { font-size: var(--texto-titulo); font-weight: 600; }
.descripcion-de-la-grafica[b-pn0s5otr80] { color: var(--gris); font-size: var(--texto-menor); }

.barras[b-pn0s5otr80] { width: 100%; border-collapse: collapse; }
.barras th[b-pn0s5otr80] { width: 1%; padding: 0.3125rem 1rem 0.3125rem 0; font-weight: 400; text-align: left; white-space: nowrap; }
.celda-de-la-barra[b-pn0s5otr80] { width: 100%; padding: 0.3125rem 0; }
.cifra-de-la-barra[b-pn0s5otr80] { padding: 0.3125rem 0 0.3125rem 0.75rem; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
/* En cero la barra no se ve; la cifra baja de tono para no competir con las que sí cuentan. */
.renglon-en-cero th[b-pn0s5otr80], .renglon-en-cero .cifra-de-la-barra[b-pn0s5otr80] { color: var(--gris-claro); font-weight: 400; }
/* El tramo de una escala: su nombre y su subtotal, separados del tramo anterior. */
.encabezado-de-grupo th[b-pn0s5otr80], .encabezado-de-grupo td[b-pn0s5otr80] {
  padding-top: 0.75rem; color: var(--gris); font-size: var(--texto-menor); font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.04em;
}
.barras tbody:first-child .encabezado-de-grupo th[b-pn0s5otr80], .barras tbody:first-child .encabezado-de-grupo td[b-pn0s5otr80] { padding-top: 0; }

/* La barra termina redondeada y arranca a ras de su eje. */
.barra-de-grafica[b-pn0s5otr80] {
  display: block; width: 100%; height: 12px;
  appearance: none; border: 0; background: transparent;
  --color-de-la-barra: var(--acento);
}
.barra-de-grafica[b-pn0s5otr80]::-webkit-progress-bar { background: transparent; }
.barra-de-grafica[b-pn0s5otr80]::-webkit-progress-value { border-radius: 0 4px 4px 0; background: var(--color-de-la-barra); }
.barra-de-grafica[b-pn0s5otr80]::-moz-progress-bar { border-radius: 0 4px 4px 0; background: var(--color-de-la-barra); }
.barra-de-grafica.tipo-cuasifalla[b-pn0s5otr80] { --color-de-la-barra: var(--grafica-cuasifalla); }
.barra-de-grafica.tipo-adverso[b-pn0s5otr80] { --color-de-la-barra: var(--grafica-adverso); }
.barra-de-grafica.tipo-centinela[b-pn0s5otr80] { --color-de-la-barra: var(--grafica-centinela); }
.barra-de-grafica.tipo-ece[b-pn0s5otr80] { --color-de-la-barra: var(--grafica-ece); }
.barra-de-grafica.tipo-infraestructura[b-pn0s5otr80] { --color-de-la-barra: var(--grafica-infraestructura); }

/* En un teléfono la etiqueta se come el ancho y la barra queda en un trocito:
   la etiqueta y su cifra van en un renglón y la barra debajo, a todo lo ancho. */
@media (max-width: 40rem) {
  .barras[b-pn0s5otr80], .barras tbody[b-pn0s5otr80] { display: block; }
  .barras tr[b-pn0s5otr80] { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 0.75rem; padding: 0.25rem 0; }
  .barras th[b-pn0s5otr80] { width: auto; padding: 0; white-space: normal; }
  .cifra-de-la-barra[b-pn0s5otr80] { grid-column: 2; grid-row: 1; padding: 0; }
  .celda-de-la-barra[b-pn0s5otr80] { grid-column: 1 / -1; padding: 0.25rem 0 0; }
  .encabezado-de-grupo[b-pn0s5otr80] { padding-top: 0.75rem; }
  .encabezado-de-grupo th[b-pn0s5otr80], .encabezado-de-grupo td[b-pn0s5otr80] { padding-top: 0; }
}
/* /Components/Reportes/GraficaDeTendencia.razor.rz.scp.css */
.grafica[b-es7ywcu4t4] { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 1.25rem 1.5rem; }
.grafica figcaption[b-es7ywcu4t4] { display: flex; flex-direction: column; gap: 0.125rem; }
.titulo-de-la-grafica[b-es7ywcu4t4] { font-size: var(--texto-titulo); font-weight: 600; }
.descripcion-de-la-grafica[b-es7ywcu4t4] { color: var(--gris); font-size: var(--texto-menor); }

.leyenda[b-es7ywcu4t4] { display: flex; gap: 1.25rem; margin: 0; padding: 0; list-style: none; color: var(--gris); font-size: var(--texto-menor); }
.leyenda li[b-es7ywcu4t4] { display: inline-flex; align-items: center; gap: 0.5rem; }
.muestra[b-es7ywcu4t4] { width: 16px; height: 2px; border-radius: 1px; }
.muestra.serie-todos[b-es7ywcu4t4] { background: var(--grafica-parte-1); }
.muestra.serie-centinela[b-es7ywcu4t4] { background: var(--grafica-centinela); }

/* Las cifras a la izquierda, el dibujo y los meses debajo, alineados por la
   cuadrícula: el dibujo y las cifras miden lo mismo de alto. */
.tendencia[b-es7ywcu4t4] { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 0.75rem; row-gap: 0.5rem; }
.trazo-de-tendencia[b-es7ywcu4t4] { display: block; width: 100%; height: 13rem; overflow: visible; }
.eje-de-cifras[b-es7ywcu4t4] { display: flex; flex-direction: column; justify-content: space-between; }
/* Cada cifra sin alto, centrada en su línea, también la de arriba y la de abajo. */
.eje-de-cifras span[b-es7ywcu4t4] { display: flex; align-items: center; justify-content: flex-end; height: 0; color: var(--gris); font-size: var(--texto-menor); font-variant-numeric: tabular-nums; }
.eje-de-meses[b-es7ywcu4t4] { grid-column: 2; display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; }
.eje-de-meses span[b-es7ywcu4t4] { color: var(--gris); font-size: var(--texto-menor); text-align: center; white-space: nowrap; }

.reticula[b-es7ywcu4t4] { stroke: var(--linea); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.reticula.linea-base[b-es7ywcu4t4] { stroke: var(--gris-claro); }
.linea[b-es7ywcu4t4] { fill: none; stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.linea.serie-todos[b-es7ywcu4t4] { stroke: var(--grafica-parte-1); }
.linea.serie-centinela[b-es7ywcu4t4] { stroke: var(--grafica-centinela); }
.anillo[b-es7ywcu4t4], .punto[b-es7ywcu4t4], .zona-del-punto[b-es7ywcu4t4] { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
/* El anillo del color de la tarjeta despega el punto de la línea que cruza. */
.anillo[b-es7ywcu4t4] { stroke: var(--tarjeta); stroke-width: 12px; }
.punto[b-es7ywcu4t4] { stroke-width: 8px; }
.punto.serie-todos[b-es7ywcu4t4] { stroke: var(--grafica-parte-1); }
.punto.serie-centinela[b-es7ywcu4t4] { stroke: var(--grafica-centinela); }
/* Más grande que el punto, para no tener que atinarle con el puntero. */
.zona-del-punto[b-es7ywcu4t4] { stroke: transparent; stroke-width: 24px; pointer-events: stroke; cursor: default; }

.tabla-de-la-grafica summary[b-es7ywcu4t4] { width: fit-content; color: var(--acento); font-size: var(--texto-menor); cursor: pointer; }
/* /Components/Usuarios/TablaDeUsuarios.razor.rz.scp.css */
.columna-nombre[b-2ex3e3uzb7]  .panel-de-filtro { width: 16rem; }
.columna-estado[b-2ex3e3uzb7] { width: 12rem; }
.columna-de-accion[b-2ex3e3uzb7] { width: 1%; white-space: nowrap; }

@media (max-width: 40rem) {
  .columna-estado[b-2ex3e3uzb7] { width: auto; }
}