/* /Components/Calendario/ControlDeFecha.razor.rz.scp.css */
/* Tres pasos pegados en un solo control. */
.control-de-fecha[b-9o6syzrm8q] {
  display: inline-flex; flex: none;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--tarjeta);
}
.paso-de-fecha[b-9o6syzrm8q] {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.5rem; padding: var(--campo-y) var(--campo-x);
  color: var(--tinta); font-weight: 500; line-height: var(--interlinea-control);
  text-decoration: none;
  transition: background var(--transicion);
}
.paso-de-fecha + .paso-de-fecha[b-9o6syzrm8q] { border-left: 1px solid var(--linea); }
.paso-de-fecha:first-child[b-9o6syzrm8q] { border-radius: var(--radio-control) 0 0 var(--radio-control); }
.paso-de-fecha:last-child[b-9o6syzrm8q] { border-radius: 0 var(--radio-control) var(--radio-control) 0; }
.paso-de-fecha:hover[b-9o6syzrm8q] { background: var(--fondo); text-decoration: none; }
/* Por dentro: pegados, el contorno de uno taparía la línea del vecino. */
.paso-de-fecha:focus-visible[b-9o6syzrm8q] { outline-offset: -2px; }
.paso-de-fecha[b-9o6syzrm8q]  svg { width: var(--icono); height: var(--icono); }
/* /Components/Calendario/MesesDelAnio.razor.rz.scp.css */
/* Doce meses en cuatro columnas; en el teléfono, tres. Cada mes lleva a su
   vista. Sin iniciales de los días, como el año en los calendarios del
   teléfono: la columna ya lo dice. Si la ventana no alcanza para los tres renglones, corren por dentro,
   como las listas. */
.meses-del-anio[b-1gduuljs25] {
  flex: 1; min-height: 0; overflow-y: auto;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem 2rem;
  align-content: start;
}
.mes-del-anio[b-1gduuljs25] {
  display: flex; flex-direction: column; gap: 0.375rem;
  padding: 0.5rem;
  border-radius: var(--radio-tarjeta);
  color: var(--tinta); text-decoration: none;
  transition: background var(--transicion);
}
.mes-del-anio:hover[b-1gduuljs25] { background: var(--fondo); text-decoration: none; }
.nombre-del-mes[b-1gduuljs25] { font-weight: 600; }
.mes-de-hoy .nombre-del-mes[b-1gduuljs25] { color: var(--acento); }

.dias-del-mes[b-1gduuljs25] {
  display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 0;
  font-size: var(--texto-menor); text-align: center;
}
.dia-chico[b-1gduuljs25] {
  position: relative;
  justify-self: center;
  display: inline-grid; place-items: center;
  width: 1.375rem; height: 1.375rem;
  border-radius: 50%;
}
.dia-chico.hoy[b-1gduuljs25] { background: var(--acento); color: #fff; font-weight: 600; }
.con-evento[b-1gduuljs25]::after {
  content: "";
  position: absolute; bottom: -1px; left: 50%;
  width: 4px; height: 4px; margin-left: -2px;
  border-radius: 50%;
  background: var(--acento);
}

@media (max-width: 1100px) {
  .meses-del-anio[b-1gduuljs25] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
}
@media (max-width: 720px) {
  .meses-del-anio[b-1gduuljs25] { gap: 0.75rem 0.5rem; }
  .mes-del-anio[b-1gduuljs25] { padding: 0.25rem; }
  .dia-chico[b-1gduuljs25] { width: 1.125rem; height: 1.125rem; font-size: 10px; }
}
/* /Components/Calendario/VistaDelCalendario.razor.rz.scp.css */
/* El mes llena lo que deja el encabezado y las semanas se reparten ese alto:
   caben cinco o seis sin cortarse. En una ventana baja o angosta la página
   corre entera, como las listas, y cada semana mide su alto mínimo. */
/* Lo que crece en el zoom no desborda la página. */
.vista-del-calendario[b-vyls537891] { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: clip; }
.anio-del-calendario[b-vyls537891], .mes-del-calendario[b-vyls537891], .dia-del-calendario[b-vyls537891] { flex: 1; min-height: 0; display: flex; flex-direction: column; }

/* A la izquierda, de dónde se viene y dónde se está; a la derecha, «‹ Hoy ›»
   en el mismo lugar en las dos vistas. */
.cabeza-del-calendario[b-vyls537891] {
  flex: none;
  display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.5rem 1rem;
  margin-bottom: 1rem;
}
.titulo-con-regreso[b-vyls537891] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; min-width: 0; }
.titulo-calendario[b-vyls537891] { margin: 0; font-size: var(--texto-titulo); }
.regreso[b-vyls537891] {
  display: inline-flex; align-items: center; gap: 0.25rem;
  margin-left: -0.25rem;
  color: var(--acento); font-weight: 500;
}
.regreso:hover[b-vyls537891] { color: var(--acento-fuerte); text-decoration: none; }
.regreso[b-vyls537891]  svg { width: var(--icono); height: var(--icono); }

.cuadricula-mes[b-vyls537891], .semana-del-dia[b-vyls537891], .eventos-del-dia[b-vyls537891] {
  background: var(--tarjeta);
  border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
}
.cuadricula-mes[b-vyls537891] {
  flex: 1;
  display: grid; grid-template-rows: auto; grid-auto-rows: minmax(4.5rem, 1fr);
  overflow: hidden;
}
.fila-semana[b-vyls537891] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.fila-semana + .fila-semana[b-vyls537891] { border-top: 1px solid var(--linea); }
.encabezado-semana span[b-vyls537891] { padding: 0.5rem; font-size: var(--texto-menor); font-weight: 600; color: var(--gris); }

.dia[b-vyls537891] { display: flex; min-width: 0; }
.dia + .dia[b-vyls537891] { border-left: 1px solid var(--linea); }
.fuera-del-mes[b-vyls537891] { background: var(--fondo); }

.enlace-del-dia[b-vyls537891] {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem;
  padding: 0.5rem;
  color: inherit; text-decoration: none;
  transition: background var(--transicion);
}
.enlace-del-dia:hover[b-vyls537891] { background: var(--fondo); text-decoration: none; }
.fuera-del-mes .enlace-del-dia:hover[b-vyls537891] { background: var(--linea); }

.numero-dia[b-vyls537891] {
  display: inline-grid; place-items: center;
  width: 1.75rem; height: 1.75rem;
  border-radius: 50%;
  color: var(--tinta);
}
.fuera-del-mes .numero-dia[b-vyls537891] { color: var(--gris-claro); }
.hoy .numero-dia[b-vyls537891] { background: var(--acento); color: #fff; font-weight: 600; }

/* El texto completo está en la vista del día: en la celda se corta antes que
   salirse. */
.inicio-bloque[b-vyls537891], .festivo-del-dia[b-vyls537891], .guardia-del-dia[b-vyls537891] {
  max-width: 100%;
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--acento-tinte); color: var(--acento);
  font-size: var(--texto-menor); font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* El festivo se lee como día de descanso; la guardia, como lo que le toca a quien mira. */
.festivo-del-dia[b-vyls537891] { background: var(--fondo); color: var(--atencion); }
.guardia-del-dia[b-vyls537891] { background: var(--acento); color: var(--tarjeta); }

/* Un evento que no cabe escrito se vuelve un punto, como en los calendarios
   del teléfono, y el lector sigue leyendo el texto. */
.semana-del-dia .inicio-bloque[b-vyls537891], .semana-del-dia .guardia-del-dia[b-vyls537891] { width: 8px; height: 8px; padding: 0; background: var(--acento); }
.semana-del-dia .festivo-del-dia[b-vyls537891] { width: 8px; height: 8px; padding: 0; background: var(--atencion); }
.semana-del-dia .rotulo-del-evento[b-vyls537891] {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}

/* La semana del día elegido: el nombre arriba, el número y el punto abajo. */
.semana-del-dia[b-vyls537891] { flex: none; overflow: hidden; margin-bottom: 1rem; }
.semana-del-dia .enlace-del-dia[b-vyls537891] { align-items: center; min-height: 5rem; }
.nombre-dia[b-vyls537891] { font-size: var(--texto-menor); font-weight: 600; color: var(--gris); }
.elegido .numero-dia[b-vyls537891] { background: var(--tinta); color: #fff; font-weight: 600; }
.semana-del-dia .hoy:not(.elegido) .numero-dia[b-vyls537891] { background: transparent; color: var(--acento); }

.eventos-del-dia[b-vyls537891] { flex: 1; padding: 1rem 1.25rem; }
.eventos-del-dia .nota:last-child[b-vyls537891] { margin-bottom: 0; }
.lista-de-eventos[b-vyls537891] { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.evento-del-dia[b-vyls537891] {
  padding: 0.5rem 0.75rem;
  border-left: 3px solid var(--acento); border-radius: var(--radio-control);
  background: var(--acento-tinte); color: var(--tinta);
}

/* Al bajar de nivel la vista sale de la celda que se tocó; al subir, regresa
   a ella. Un día se ubica por semana y columna del mes; un mes, por su lugar
   en la cuadrícula del año. */
[data-columna][b-vyls537891] {
  --semana: attr(data-semana type(<number>), 2);
  --columna: attr(data-columna type(<number>), 3);
  --semanas: attr(data-semanas type(<number>), 5);
  transform-origin: calc((var(--columna) + 0.5) / 7 * 100%) calc((var(--semana) + 1) / (var(--semanas) + 1) * 100%);
}
[data-mes][b-vyls537891] {
  --mes: attr(data-mes type(<number>), 5);
  --columnas: 4;
  transform-origin: calc((mod(var(--mes), var(--columnas)) + 0.5) / var(--columnas) * 100%)
                    calc((round(down, var(--mes) / var(--columnas)) + 0.5) / round(up, 12 / var(--columnas)) * 100%);
}
.se-acerca[b-vyls537891] { animation: acercar-b-vyls537891 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
.se-aleja[b-vyls537891] { animation: alejar-b-vyls537891 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes acercar-b-vyls537891 { from { transform: scale(0.15); opacity: 0; } }
@keyframes alejar-b-vyls537891 { from { transform: scale(2.5); opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .se-acerca[b-vyls537891], .se-aleja[b-vyls537891] { animation: none; }
}

@media (max-width: 1100px) {
  [data-mes][b-vyls537891] { --columnas: 3; }
}

@media (max-width: 720px) {
  .cuadricula-mes[b-vyls537891] { grid-auto-rows: minmax(3.5rem, auto); }
  .encabezado-semana span[b-vyls537891] { padding: 0.5rem 0.25rem; text-align: center; }
  .enlace-del-dia[b-vyls537891] { align-items: center; padding: 0.375rem 0.25rem; }
  .cuadricula-mes .inicio-bloque[b-vyls537891], .cuadricula-mes .guardia-del-dia[b-vyls537891] { width: 8px; height: 8px; padding: 0; background: var(--acento); }
  .cuadricula-mes .festivo-del-dia[b-vyls537891] { width: 8px; height: 8px; padding: 0; background: var(--atencion); }
  .cuadricula-mes .rotulo-del-evento[b-vyls537891] {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip-path: inset(50%); white-space: nowrap;
  }
  .semana-del-dia .enlace-del-dia[b-vyls537891] { min-height: 4rem; }
}
/* /Components/Configuracion/DiasFestivos.razor.rz.scp.css */
.fecha-del-festivo[b-g7utf30iwf] { white-space: nowrap; }
.accion-del-festivo[b-g7utf30iwf] { text-align: right; width: 1%; }
/* /Components/Configuracion/HorariosDeGuardia.razor.rz.scp.css */
.tabla-del-horario td[b-980qq2iaab] { white-space: nowrap; }
.tabla-del-horario input[type="time"][b-980qq2iaab] { width: 7.5rem; }
[b-980qq2iaab] .selector-de-opciones { margin: 1rem 0 0.75rem; }
.nota-del-horario[b-980qq2iaab] { margin: 0.75rem 0 0; }
/* /Components/Configuracion/PreguntasDeLaEvaluacion.razor.rz.scp.css */
.preguntas-en-edicion[b-t1o349n2q1] { display: flex; flex-direction: column; gap: 1rem; margin: 1rem 0; padding: 0; list-style: none; }
.pregunta-en-edicion[b-t1o349n2q1] {
  display: flex; flex-direction: column; gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--linea); border-radius: var(--radio-tarjeta);
}
.cabeza-de-la-pregunta[b-t1o349n2q1] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.botones-de-la-pregunta[b-t1o349n2q1] { display: flex; gap: 0.375rem; }
.descriptores-en-edicion[b-t1o349n2q1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }

@media (max-width: 720px) {
  .descriptores-en-edicion[b-t1o349n2q1] { grid-template-columns: minmax(0, 1fr); }
}

.empezar-el-formulario[b-t1o349n2q1] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }

/* /Components/Configuracion/ReglasDeSolicitudes.razor.rz.scp.css */
.regla-del-maximo[b-86ppjqf52x], .nueva-regla[b-86ppjqf52x] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem; }
.regla-del-maximo .campo[b-86ppjqf52x] { width: 8rem; }
.nueva-regla[b-86ppjqf52x] { margin-top: 1rem; }
.nueva-regla .campo[b-86ppjqf52x] { flex: 1 1 12rem; }
/* /Components/Configuracion/RolesYPermisos.razor.rz.scp.css */
.lista-de-insignias[b-hiplzg1ejn] { display: flex; flex-wrap: wrap; gap: 3.5px; }
.nombre-del-rol[b-hiplzg1ejn] { white-space: nowrap; }
/* /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-8jw0idstrs],
.components-reconnect-repeated-attempt-visible[b-8jw0idstrs],
.components-reconnect-failed-visible[b-8jw0idstrs],
.components-pause-visible[b-8jw0idstrs],
.components-resume-failed-visible[b-8jw0idstrs] { display: none; }

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

.aviso-de-reconexion[b-8jw0idstrs] {
  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-8jw0idstrs] { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.aviso-de-reconexion[b-8jw0idstrs]::backdrop { background: rgb(2 24 56 / 0.45); }
.aviso-de-reconexion p[b-8jw0idstrs] { margin: 0; }
/* /Components/Pages/CiclosAcademicos.razor.rz.scp.css */
.columna-enlace[b-14j72xjla5] { white-space: nowrap; }
tbody th[b-14j72xjla5] { font-weight: 400; }
/* /Components/Pages/Configuracion.razor.rz.scp.css */
.celda-de-meta[b-lummszm3d9] { display: flex; align-items: center; gap: 0.5rem; }

/* Cabe la leyenda «Sin meta», que es lo más largo que muestra el campo. */
.celda-de-meta input[b-lummszm3d9] { width: 6.75rem; }

.celda-de-meta input.angosto[b-lummszm3d9] { width: 5.5rem; }

.hasta-la-meta[b-lummszm3d9] { color: var(--gris-claro); }

.unidad[b-lummszm3d9] { color: var(--gris); }

.campo-con-unidad[b-lummszm3d9] { display: flex; align-items: center; gap: 0.375rem; }

.campo-con-unidad input[b-lummszm3d9] { width: 7rem; }

/* Se ofrece sin ruido: hasta que alguien lo usa, la celda es un solo campo. */
.sumar-maximo[b-lummszm3d9] {
  padding: 0; border: 0; background: transparent;
  color: var(--acento); font: inherit; white-space: nowrap; cursor: pointer;
}
.sumar-maximo:hover[b-lummszm3d9] { text-decoration: underline; }

.suma-de-pesos[b-lummszm3d9] {
  margin: 1rem 0 1.25rem; padding: 0.75rem 0.875rem;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--fondo);
}
/* La suma en rojo es el aviso: mientras no reparta cien, guardar está apagado. */
.suma-de-pesos.suma-incompleta[b-lummszm3d9],
.suma-de-pesos.suma-incompleta b[b-lummszm3d9] { color: var(--peligro); }
.suma-de-pesos.suma-incompleta[b-lummszm3d9] { border-color: var(--peligro); }

/* Un peso fuera de uno a cien lo marca el propio campo. */
.bloque-de-pesos .celda-de-meta input:invalid[b-lummszm3d9] { border-color: var(--peligro); }

.cortes-del-semaforo[b-lummszm3d9] { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 1rem; }

.muestra-del-semaforo[b-lummszm3d9] {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;
  margin: 0 0 1.25rem; padding: 0.75rem 0.875rem;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--fondo);
}

.pie-de-configuracion[b-lummszm3d9] {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
  margin-top: 1rem;
}

.lista-de-cambios[b-lummszm3d9] {
  margin: 0; padding: 0; list-style: none;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
}
.lista-de-cambios li[b-lummszm3d9] {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.75rem;
  padding: 10.5px 14px;
}
.lista-de-cambios li + li[b-lummszm3d9] { border-top: 1px solid var(--linea); }

.explica[b-lummszm3d9] { color: var(--gris); }

.cambia[b-lummszm3d9] { color: var(--gris); }
.empieza[b-lummszm3d9] { color: var(--correcto); }
.deja[b-lummszm3d9] { color: var(--peligro); }
/* /Components/Pages/EnConstruccion.razor.rz.scp.css */
/* La ilustración dice de qué se trata antes de leer; el rótulo nombra el caso
   y el enlace saca de ahí. Ocupa el alto que le queda al armazón para no
   dejar el aviso pegado arriba. */
.seccion-ilustrada[b-hlqlzi583c] {
  flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 0.75rem;
  max-width: 34rem; margin: 0 auto; padding-bottom: 2rem;
  text-align: center;
}
.seccion-ilustrada img[b-hlqlzi583c] { width: min(20rem, 70%); height: auto; margin-bottom: 0.5rem; }

.seccion-ilustrada .rotulo[b-hlqlzi583c] {
  margin: 0;
  font-size: var(--texto-menor); font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--gris);
}
.seccion-ilustrada h2[b-hlqlzi583c] {
  margin: 0;
  font-size: var(--texto-pantalla); font-weight: 700; letter-spacing: -0.02em;
}
.seccion-ilustrada .nota[b-hlqlzi583c] { margin: 0; text-wrap: pretty; }
/* /Components/Pages/Evaluacion.razor.rz.scp.css */
.preguntas-de-evaluacion[b-qtv5xa54y8] { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 0; list-style: none; }

/* La pregunta y su escala a la izquierda; lo que significan el 5 y el 10, al lado. */
.pregunta-de-evaluacion[b-qtv5xa54y8] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; }
.pregunta-de-evaluacion.sin-calificar[b-qtv5xa54y8] { border-color: var(--peligro); }
.pregunta-y-escala[b-qtv5xa54y8] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.pregunta-y-escala h2[b-qtv5xa54y8], .pregunta-y-escala .nota[b-qtv5xa54y8], .pregunta-y-escala .aviso-error[b-qtv5xa54y8], .calificacion-registrada[b-qtv5xa54y8] { margin: 0; }

.descriptores[b-qtv5xa54y8] { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; }
.descriptor[b-qtv5xa54y8] {
  display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid var(--linea); border-radius: var(--radio-control);
  background: var(--fondo);
}
.descriptor dt[b-qtv5xa54y8] { color: var(--gris); }
.descriptor dd[b-qtv5xa54y8] { margin: 0; }

.cierre-de-evaluacion[b-qtv5xa54y8] { display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; }
.cierre-de-evaluacion h2[b-qtv5xa54y8], .cierre-de-evaluacion .nota[b-qtv5xa54y8], .resultado-final[b-qtv5xa54y8] { margin: 0; }
.pie-de-evaluacion[b-qtv5xa54y8] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.pie-de-evaluacion .nota[b-qtv5xa54y8] { margin: 0; }
.acciones-de-evaluacion[b-qtv5xa54y8] { display: flex; flex-wrap: wrap; gap: 0.5rem; }

.resumen-de-evaluacion[b-qtv5xa54y8] { margin: 0 0 1rem; }
.renglon-del-resumen[b-qtv5xa54y8] {
  display: flex; justify-content: space-between; gap: 1rem;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--linea);
}
.renglon-del-resumen dd[b-qtv5xa54y8] { margin: 0; }
.total-del-resumen[b-qtv5xa54y8] { border-bottom: 0; }

@media (max-width: 720px) {
  .pregunta-de-evaluacion[b-qtv5xa54y8] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Guardias.razor.rz.scp.css */
.mes-del-rol[b-kljxreu4xd] { margin: 0; font-size: var(--texto-titulo); }

/* Un día es una columna angosta: el mes cabe en una pantalla ancha, y en una
   angosta la tabla corre de lado con los nombres fijos a la izquierda y los
   días fijos arriba, como una hoja de cálculo. */
.tabla-del-rol[b-kljxreu4xd] { width: 100%; border-collapse: separate; border-spacing: 0; }
.tabla-del-rol th[b-kljxreu4xd],
.tabla-del-rol td[b-kljxreu4xd] {
  min-width: 1.625rem; height: 2.25rem; padding: 0;
  border-right: 1px solid var(--linea); border-bottom: 1px solid var(--linea);
  text-align: center; vertical-align: middle;
  font-weight: 400;
}
.tabla-del-rol thead th[b-kljxreu4xd] {
  position: sticky; top: 0; z-index: 2;
  height: 3rem;
  background: var(--tarjeta);
}
.tabla-del-rol tfoot td[b-kljxreu4xd],
.tabla-del-rol tfoot th[b-kljxreu4xd] { color: var(--gris); border-bottom: 0; }
.letra-del-dia[b-kljxreu4xd] { display: block; font-size: var(--texto-menor); color: var(--gris); }
.numero-del-dia[b-kljxreu4xd] { display: block; font-weight: 600; }

.tabla-del-rol .columna-del-residente[b-kljxreu4xd] {
  position: sticky; left: 0; z-index: 1;
  width: 10.5rem; min-width: 10.5rem; max-width: 10.5rem; padding: 0 0.75rem;
  background: var(--tarjeta);
  text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.tabla-del-rol thead .columna-del-residente[b-kljxreu4xd] { z-index: 3; }
.tabla-del-rol .columna-del-total[b-kljxreu4xd] { min-width: 3rem; font-weight: 600; }

/* El grado parte la lista y se queda a la vista mientras corren sus renglones. */
.renglon-del-grado th[b-kljxreu4xd] {
  position: sticky; top: 3rem; z-index: 1;
  height: 2.25rem; padding: 0 0.75rem;
  background: var(--fondo); text-align: left;
}
.nombre-del-grado[b-kljxreu4xd] { position: sticky; left: 0.75rem; font-weight: 700; }

/* Fin de semana y festivo se leen de un vistazo; hoy, en el color del acento. */
.fin-de-semana[b-kljxreu4xd] { background: var(--fondo); }
.dia-festivo[b-kljxreu4xd] { background: var(--acento-tinte); }
thead .dia-de-hoy .numero-del-dia[b-kljxreu4xd] { color: var(--acento); font-weight: 700; }
tbody .dia-de-hoy[b-kljxreu4xd] { box-shadow: inset 1px 0 var(--acento-borde), inset -1px 0 var(--acento-borde); }

.dia-libre[b-kljxreu4xd],
.dia-de-guardia[b-kljxreu4xd] {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; min-height: 2.25rem; padding: 0;
  border: 0; border-radius: 0; background: transparent;
  font: inherit; cursor: pointer;
}
.dia-libre:hover[b-kljxreu4xd] { background: var(--acento-tenue); box-shadow: inset 0 0 0 1px var(--acento-borde); }
.dia-libre:focus-visible[b-kljxreu4xd],
.dia-de-guardia:focus-visible[b-kljxreu4xd] { outline: 2px solid var(--acento); outline-offset: -2px; }
.dia-de-guardia span[b-kljxreu4xd] {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.5rem; height: 1.5rem;
  border-radius: var(--radio-control);
  background: var(--acento); color: var(--tarjeta); font-weight: 700;
}
.dia-de-guardia:hover span[b-kljxreu4xd] { background: var(--acento-fuerte); }
.dia-libre:disabled[b-kljxreu4xd], .dia-de-guardia:disabled[b-kljxreu4xd] { cursor: progress; }

/* Lo que la base rechazaría se ve apagado y dice por qué al pasar el cursor. */
.dia-bloqueado[b-kljxreu4xd] {
  display: block; width: 100%; height: 100%; min-height: 2.25rem;
  background: repeating-linear-gradient(135deg, transparent 0 4px, var(--linea) 4px 5px);
  opacity: 0.6; cursor: not-allowed;
}
/* /Components/Pages/Inicio.razor.rz.scp.css */
.tarjeta-sincronizacion[b-9dfi9sic2b] { max-width: 36rem; display: flex; flex-direction: column; gap: 0.75rem; }
.tarjeta-sincronizacion .nota[b-9dfi9sic2b] { margin: 0; }
.aviso-simulado[b-9dfi9sic2b] { margin: 0; font-size: var(--texto-menor); color: var(--gris); }
/* /Components/Pages/Residentes.razor.rz.scp.css */
.corte-de-la-lista[b-2u7wrx0xyd] { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--gris); }
/* /Components/Pages/Rotaciones.razor.rz.scp.css */
.acciones-encabezado[b-3ewpnecsp4] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }

.elegir-ciclo select[b-3ewpnecsp4] {
  padding: var(--campo-y) var(--campo-x);
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--tarjeta); color: var(--tinta); font: inherit;
}
.elegir-ciclo select:focus[b-3ewpnecsp4] { border-color: var(--acento); outline: none; }

.recorrer-bloques[b-3ewpnecsp4] { display: inline-flex; align-items: center; gap: 7px; }
.bloques-a-la-vista[b-3ewpnecsp4] { color: var(--gris); white-space: nowrap; }
/* /Components/Pages/Servicio.razor.rz.scp.css */
.bloques-del-servicio[b-n3val8maa1] {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1rem;
  margin-top: 1rem;
}
.evaluaciones-del-servicio[b-n3val8maa1] { margin-top: 1rem; padding-block: 0; overflow-x: auto; }
/* /Components/Pages/Servicios.razor.rz.scp.css */
.servicios-del-jefe[b-s03249tvhs] { display: flex; flex-direction: column; max-height: 22rem; overflow-y: auto; }
/* /Components/Pages/Usuarios.razor.rz.scp.css */
.persona-encontrada[b-kdidushu3s] {
  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-kdidushu3s] { color: var(--gris); }
.persona-encontrada dd[b-kdidushu3s] { margin: 0; overflow-wrap: anywhere; }

.resultados-de-busqueda[b-kdidushu3s] { display: flex; flex-direction: column; gap: 0.5rem; }

/* Cada resultado se puede elegir, así que es un botón y se ve como tal. */
.resultado-elegible[b-kdidushu3s] {
  display: flex; flex-direction: column; gap: 0.125rem;
  width: 100%;
  padding: var(--campo-y) var(--campo-x);
  border: 1px solid var(--linea);
  border-radius: var(--radio-control);
  background: var(--tarjeta);
  font: inherit; text-align: left;
  cursor: pointer;
  transition: background var(--transicion);
}
.resultado-elegible:hover:not(:disabled)[b-kdidushu3s] { background: var(--acento-tenue); }
.resultado-elegible:active:not(:disabled)[b-kdidushu3s] { background: var(--acento-tinte); }
.resultado-elegible:disabled[b-kdidushu3s] { cursor: default; background: var(--fondo); }
.nombre-del-resultado[b-kdidushu3s] { font-weight: 600; }
.dato-del-resultado[b-kdidushu3s] { font-size: var(--texto-menor); color: var(--gris); }
/* /Components/Residentes/AranaDeCompetencias.razor.rz.scp.css */
.arana-de-competencias[b-hqtdsu1aqb] { display: block; width: 100%; height: auto; margin: 0 auto; overflow: visible; }
.anillo[b-hqtdsu1aqb] { fill: none; stroke: var(--linea); }
.eje[b-hqtdsu1aqb] { stroke: var(--linea); }
.figura-del-grado[b-hqtdsu1aqb] { fill: var(--gris-claro); fill-opacity: 0.18; stroke: var(--gris-claro); stroke-width: 1.5; }
.figura-del-residente[b-hqtdsu1aqb] { fill: var(--acento); fill-opacity: 0.28; stroke: var(--acento); stroke-width: 2; stroke-linejoin: round; }
.punto-del-residente[b-hqtdsu1aqb] { fill: var(--acento); }
.rotulo-del-eje[b-hqtdsu1aqb], .numero-del-eje[b-hqtdsu1aqb] { fill: var(--gris); }

/* El mismo corte que el detalle, que en esa medida numera sus renglones. */
.con-numeros[b-hqtdsu1aqb] { display: none; }
@media (max-width: 600px) {
  .con-nombres[b-hqtdsu1aqb] { display: none; }
  .con-numeros[b-hqtdsu1aqb] { display: block; }
}
/* /Components/Residentes/HistorialDeCirugias.razor.rz.scp.css */
.resultado-de-las-cirugias[b-qh7fugc5cy] {
  flex: none;
  margin: 0 0 1rem; padding: 0.75rem 0.875rem;
  border: 1px solid var(--linea); border-radius: var(--radio-control);
  background: var(--tarjeta);
}

/* Lo que no cuenta para las metas se ve, pero en segundo plano. */
.no-cuenta > *[b-qh7fugc5cy] { color: var(--gris); }

col.columna-ojo[b-qh7fugc5cy] { width: 10%; }
col.columna-rol[b-qh7fugc5cy] { width: 13%; }
col.columna-acto[b-qh7fugc5cy] { width: 13%; }
/* /Components/Residentes/HistorialDeConsultas.razor.rz.scp.css */
col.columna-hora[b-1lgw0rpcq6] { width: 12%; }
/* /Components/Residentes/HistorialDeTratamientos.razor.rz.scp.css */
col.columna-tipo[b-9821228hdr] { width: 14%; }
col.columna-ojo[b-9821228hdr] { width: 12%; }
col.columna-en-consulta[b-9821228hdr] { width: 14%; }
/* /Components/Residentes/MedidorDeScore.razor.rz.scp.css */
.medidor[b-34jali7wg8] { position: relative; flex: none; width: 6rem; height: 6rem; }

.medidor svg[b-34jali7wg8] { width: 100%; height: 100%; display: block; }

.medidor-pista[b-34jali7wg8] { fill: none; stroke: var(--linea); stroke-width: 10; }

.medidor-arco[b-34jali7wg8] { fill: none; stroke-width: 10; stroke-linecap: round; }
.medidor-arco.en-meta[b-34jali7wg8] { stroke: var(--correcto); }
.medidor-arco.cumple[b-34jali7wg8] { stroke: var(--atencion); }
.medidor-arco.en-riesgo[b-34jali7wg8] { stroke: var(--peligro); }

/* Centrado sobre el anillo, no dentro del svg: así el número usa la tipografía
   de la página y no la del dibujo. */
.medidor-valor[b-34jali7wg8] {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: var(--texto-dato); font-weight: 700; letter-spacing: -0.02em;
}
.medidor-valor.en-meta[b-34jali7wg8] { color: var(--correcto); }
.medidor-valor.cumple[b-34jali7wg8] { color: var(--atencion); }
.medidor-valor.en-riesgo[b-34jali7wg8] { color: var(--peligro); }
/* /Components/Residentes/ObjetivosYCumplimiento.razor.rz.scp.css */
.nota-del-ciclo[b-cjifahitew] { margin: 0 0 1rem; color: var(--gris); }

.sin-metas[b-cjifahitew] { margin: 0; color: var(--gris); }

.diferencia-abajo[b-cjifahitew] { color: var(--peligro); }

.diferencia-arriba[b-cjifahitew] { color: var(--correcto); }


.renglon-informativo > *[b-cjifahitew] { color: var(--gris); }

col.columna-rubro[b-cjifahitew] { width: 22%; }
col.columna-lleva[b-cjifahitew] { width: 9%; }
col.columna-meta[b-cjifahitew] { width: 13%; }
col.columna-cumplimiento[b-cjifahitew] { width: 13%; }
col.columna-esperado[b-cjifahitew] { width: 16%; }
col.columna-diferencia[b-cjifahitew] { width: 12%; }
col.columna-estado[b-cjifahitew] { width: 15%; }
/* /Components/Residentes/OnePage.razor.rz.scp.css */
/* La franja va a todo lo ancho, pegada a la barra superior; la línea bajo las
   pestañas es la frontera con el contenido. */
.franja-one-page[b-j7yamoxp7y] { flex: none; margin: calc(-1 * var(--contenido-y)) calc(-1 * var(--contenido-x)) 1rem; padding: 1.25rem var(--contenido-x) 0; background: var(--tarjeta); }

/* La franja se queda donde está y la tabla toma el alto que sobra: cuando no
   cabe se desplaza por dentro, para no llevarse el nombre y las pestañas. */
.cuerpo-de-pestana[b-j7yamoxp7y] { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.cuerpo-de-pestana[b-j7yamoxp7y] >  * { flex: none; }
.cuerpo-de-pestana[b-j7yamoxp7y] >  .marco-de-tabla { flex: 0 1 auto; }
.cuerpo-de-pestana[b-j7yamoxp7y] >  .competencias { flex: 1; }

.banda-residente[b-j7yamoxp7y] { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem 2.5rem; }
.identidad-residente[b-j7yamoxp7y] { flex: 1 1 22rem; min-width: 0; }
.identidad-residente h1[b-j7yamoxp7y] { font-size: var(--texto-pantalla); line-height: 1.25; margin: 0; }
.linea-identidad[b-j7yamoxp7y] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.375rem; margin: 0.25rem 0 0; font-size: var(--texto-base); color: var(--gris); }
.linea-identidad:first-of-type[b-j7yamoxp7y] { margin-top: 0.5rem; }
.linea-identidad b[b-j7yamoxp7y] { font-weight: 600; color: var(--tinta); }
/* El punto separa dos datos: si el renglón se parte, se va con el de la derecha
   en vez de quedarse colgando al final. */
.hasta-cuando[b-j7yamoxp7y] { display: inline-flex; align-items: center; gap: 0.375rem; }

/* La dona va junto a la identidad y el periodo se queda en la orilla; al
   angostarse la ventana cada bloque cae a su propio renglón. El rótulo va al
   lado y no encima: así la franja mide lo que mide el anillo y la pestaña de
   abajo empieza más arriba. */
.score-de-la-banda[b-j7yamoxp7y] { flex: none; display: flex; align-items: center; gap: 0.75rem; }
.score-explicado[b-j7yamoxp7y] { display: flex; flex-direction: column; gap: 0.125rem; margin: 0; }
.score-nombre[b-j7yamoxp7y] { color: var(--gris); }
.score-alcance[b-j7yamoxp7y] { font-size: var(--texto-menor); color: var(--gris); }

/* El periodo es un filtro de la pantalla, no un dato de la persona: se queda
   arriba a la derecha, a la altura del nombre. */
.periodo[b-j7yamoxp7y] { flex: 1 1 26rem; align-self: flex-start; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem; margin: 0 0 0 auto; }
.boton-periodo[b-j7yamoxp7y] { display: inline-flex; align-items: center; padding: var(--campo-y) var(--campo-x); border: 1px solid var(--acento-borde); border-radius: var(--radio-control); background: var(--tarjeta); font: inherit; font-weight: 600; line-height: var(--interlinea-control); color: var(--acento); cursor: pointer; }
.boton-periodo:hover[b-j7yamoxp7y] { background: var(--acento-tenue); }

.indicador-promedio[b-j7yamoxp7y] { font-weight: 700; }

/* Las cuatro cifras llenan el renglón y se separan de las tarjetas de abajo lo
   mismo que ellas entre sí. */
.tira-indicadores[b-j7yamoxp7y] { flex: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
@media (max-width: 760px) {
  .tira-indicadores[b-j7yamoxp7y] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* /Components/Residentes/PestanaDeCompetencias.razor.rz.scp.css */
/* El diagrama a la izquierda y lo que lo explica a la derecha. La pestaña cabe
   en la ventana, como las demás de la One Page: si no, la página entera se
   desplaza y el riel se queda corto. En una pantalla angosta o baja, uno bajo
   el otro y sin desplazamiento propio. */
.competencias[b-v4x37wkmnx] {
  flex: 1; min-height: 0;
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);
  gap: 1rem;
}
/* El diagrama se agranda con la tarjeta, sin pasar de un tamaño en que los
   nombres ya se ven más grandes que el texto, y se encoge si no cabe a lo alto.
   Va centrado junto con su leyenda. */
.competencias > .tarjeta[b-v4x37wkmnx] { min-height: 0; display: flex; flex-direction: column; }
.competencias > .tarjeta:first-child[b-v4x37wkmnx] { justify-content: center; }
.competencias[b-v4x37wkmnx]  .arana-de-competencias { flex: 0 1 auto; min-height: 14rem; max-width: 40rem; }
/* Lo que explica se lee de arriba abajo y crece con cada bloque evaluado: se
   desplaza la tarjeta entera, no un pedazo de ella. */
.lo-que-explica[b-v4x37wkmnx] { overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--linea) transparent; }
.lo-que-explica .detalle-de-competencias[b-v4x37wkmnx] { margin: 0 0 1.5rem; }
@media (max-width: 900px), (max-height: 800px) {
  .competencias[b-v4x37wkmnx] { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .competencias[b-v4x37wkmnx]  .arana-de-competencias { flex: none; }
  .lo-que-explica[b-v4x37wkmnx] { overflow-y: visible; }
}

/* Cada muestra va pegada a su nombre: si la leyenda no cabe, baja completa. */
.leyenda-del-diagrama[b-v4x37wkmnx] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.375rem 1rem; margin: 0.75rem 0 0; color: var(--gris); }
.elemento-de-leyenda[b-v4x37wkmnx] { display: inline-flex; align-items: center; gap: 0.5rem; white-space: nowrap; }
.muestra[b-v4x37wkmnx] { width: 12px; height: 12px; border-radius: 3px; }
.muestra-del-residente[b-v4x37wkmnx] { background: var(--acento); }
.muestra-del-grado[b-v4x37wkmnx] { background: var(--gris-claro); }
.leyenda-del-diagrama + .nota[b-v4x37wkmnx] { margin: 0.5rem 0 0; text-align: center; }

.evaluaciones-del-periodo[b-v4x37wkmnx] { margin: 0; padding: 0; list-style: none; }
.evaluaciones-del-periodo li[b-v4x37wkmnx] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid var(--linea); }
.evaluaciones-del-periodo li:last-child[b-v4x37wkmnx] { border-bottom: 0; }
.evaluacion-y-quien[b-v4x37wkmnx] { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; }
.evaluacion-y-quien .nota[b-v4x37wkmnx] { margin: 0; }
.resultado-de-la-evaluacion[b-v4x37wkmnx] { flex: none; }

.competencia[b-v4x37wkmnx] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid var(--linea); }
.competencia:last-child[b-v4x37wkmnx] { border-bottom: 0; }
.competencia dt[b-v4x37wkmnx] { min-width: 0; }
/* El número solo hace falta cuando el diagrama lo usa en lugar del nombre. */
.numero-de-competencia[b-v4x37wkmnx] { display: none; color: var(--gris); }
@media (max-width: 600px) {
  .numero-de-competencia[b-v4x37wkmnx] { display: inline; }
}
.competencia dd[b-v4x37wkmnx] { flex: none; display: flex; align-items: center; gap: 0.75rem; margin: 0; }
.competencia .barra-de-avance[b-v4x37wkmnx] { width: 6rem; }
.promedio-de-la-competencia[b-v4x37wkmnx] { min-width: 2rem; text-align: right; }
/* /Components/Residentes/ResumenEjecutivo.razor.rz.scp.css */
/* Tres tarjetas por renglón, como en el mockup; abajo de tableta cada una toma
   el renglón completo. */
.resumen-ejecutivo[b-rdsp89j98h] { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; counter-reset: tarjeta; }

.tarjeta-de-resumen[b-rdsp89j98h] { min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 0.75rem 0.875rem; border: 1px solid var(--linea); border-radius: var(--radio-tarjeta); background: var(--tarjeta); }
.tarjeta-de-resumen h3[b-rdsp89j98h] { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; font-size: var(--texto-base); }
/* El número lo lleva la hoja y no el marcado: así agregar una tarjeta no obliga
   a renumerar las demás a mano. */
.tarjeta-de-resumen h3[b-rdsp89j98h]::before {
  counter-increment: tarjeta; content: counter(tarjeta);
  flex: none; width: 22px; height: 22px;
  display: grid; place-items: center;
  border-radius: 50%; background: var(--acento); color: #fff;
  font-size: var(--texto-menor); font-weight: 700;
}

/* La tabla de una tarjeta es de vistazo: más chica que la de su pestaña, sin
   cuadrícula y con las cifras a la derecha para poder compararlas de un barrido. */
.tabla-de-tarjeta[b-rdsp89j98h] { width: 100%; border-collapse: collapse; }
.tabla-de-tarjeta th[b-rdsp89j98h], .tabla-de-tarjeta td[b-rdsp89j98h] { padding: 5px 6px; font-size: var(--texto-menor); text-align: left; vertical-align: middle; }
.tabla-de-tarjeta th[b-rdsp89j98h] { font-weight: 600; color: var(--gris); border-bottom: 1px solid var(--linea); white-space: nowrap; }
.tabla-de-tarjeta td[b-rdsp89j98h] { border-bottom: 1px solid var(--linea); }
.tabla-de-tarjeta tbody tr:last-child td[b-rdsp89j98h] { border-bottom: 0; }
.tarjeta-de-resumen .marco-de-tabla[b-rdsp89j98h] { flex: 0 1 auto; }
.celda-numerica[b-rdsp89j98h] { text-align: right; }

.cumplimiento-del-rubro[b-rdsp89j98h] { font-weight: 600; }
.cumplimiento-del-rubro.en-meta[b-rdsp89j98h] { color: var(--correcto); }
.cumplimiento-del-rubro.cumple[b-rdsp89j98h] { color: var(--atencion); }
.cumplimiento-del-rubro.en-riesgo[b-rdsp89j98h] { color: var(--peligro); }

.esperado-al-corte[b-rdsp89j98h] { color: var(--gris); }
.no-aplica[b-rdsp89j98h] { color: var(--gris); }
.puntos-perdidos[b-rdsp89j98h] { color: var(--peligro); }
.sin-perdidos[b-rdsp89j98h] { color: var(--correcto); }
.sin-datos-de-resumen[b-rdsp89j98h] { margin: 0; color: var(--gris); }

.boton-de-tarjeta[b-rdsp89j98h] { margin-top: 0.5rem; }

@media (max-width: 760px) {
  .resumen-ejecutivo[b-rdsp89j98h] { grid-template-columns: 1fr; }
}
/* /Components/Residentes/ScorePorRubro.razor.rz.scp.css */
.sin-pesos[b-sdxpgf44pf] { margin: 0; color: var(--gris); }

.puntos-perdidos[b-sdxpgf44pf] { color: var(--peligro); }

.sin-perdidos[b-sdxpgf44pf] { color: var(--correcto); }

.de-cuantos[b-sdxpgf44pf] { color: var(--gris); }

col.columna-rubro[b-sdxpgf44pf] { width: 32%; }
col.columna-peso[b-sdxpgf44pf] { width: 9%; }
col.columna-resultado[b-sdxpgf44pf] { width: 30%; }
col.columna-aporte[b-sdxpgf44pf] { width: 11%; }
col.columna-perdidos[b-sdxpgf44pf] { width: 18%; }
/* /Components/Residentes/TablaDeResidentes.razor.rz.scp.css */
.columna-estado[b-rvtk7vd7b5] { width: 9rem; }
.columna-con-meta[b-rvtk7vd7b5] { min-width: 11rem; }
.columna-residente[b-rvtk7vd7b5]  .panel-de-filtro { width: 16rem; }

.tabla-con-fila-resaltada tbody tr[b-rvtk7vd7b5] { cursor: pointer; }
/* Un grupo no lleva a ninguna One Page. */
.fila-de-grupo[b-rvtk7vd7b5] { cursor: default; }

.score-en-tabla[b-rvtk7vd7b5] { font-weight: 600; }
.score-en-tabla.en-meta[b-rvtk7vd7b5] { color: var(--correcto); }
.score-en-tabla.cumple[b-rvtk7vd7b5] { color: var(--atencion); }
.score-en-tabla.en-riesgo[b-rvtk7vd7b5] { color: var(--peligro); }

.residente-en-tabla[b-rvtk7vd7b5] { display: inline-flex; align-items: center; gap: 10.5px; }
.nombre-de-residente[b-rvtk7vd7b5] { color: inherit; text-decoration: none; }
.iniciales[b-rvtk7vd7b5] {
  display: inline-grid; place-items: center; flex: none;
  width: var(--circulo-en-celda); height: var(--circulo-en-celda);
  border-radius: 50%;
  background: var(--acento-tinte); color: var(--acento-fuerte);
  font-size: var(--texto-menor); font-weight: 600;
}

@media (max-width: 40rem) {
  .columna-estado[b-rvtk7vd7b5] { width: auto; }
}
/* /Components/Rotaciones/BloqueDelServicio.razor.rz.scp.css */
.bloque-del-servicio h2[b-ws9q5uza4r] { margin: 0; }
.bloque-del-servicio .nota[b-ws9q5uza4r] { margin: 0.25rem 0 1rem; }
.nadie-rota[b-ws9q5uza4r] { margin: 0; color: var(--gris); }

.residentes-del-bloque[b-ws9q5uza4r] { list-style: none; margin: 0; padding: 0; }
.residentes-del-bloque li[b-ws9q5uza4r] {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 10.5px 0;
  border-bottom: 1px solid var(--linea);
}
.residentes-del-bloque li:last-child[b-ws9q5uza4r] { border-bottom: 0; }
/* /Components/Rotaciones/GruposDeRotacion.razor.rz.scp.css */
.columna-de-accion[b-kfpfayyk09] { width: 1%; white-space: nowrap; }
.servicios-del-grupo[b-kfpfayyk09] { display: flex; flex-direction: column; max-height: 22rem; overflow-y: auto; }
/* /Components/Rotaciones/TablaDeJefes.razor.rz.scp.css */
.sin-servicios[b-ei0wh0axpg] { color: var(--gris); }
.columna-de-accion[b-ei0wh0axpg] { width: 1%; white-space: nowrap; }
/* /Components/Rotaciones/TablaDeRotaciones.razor.rz.scp.css */
/* Columnas fijas: los cuatro bloques se reparten el ancho y un servicio
   largo baja de renglón en lugar de empujar la tabla fuera de la pantalla.
   Solo en un teléfono no caben y la tabla se desplaza de lado. */
.tabla-malla[b-lx7rmjbfg6] { table-layout: fixed; min-width: 44rem; }
.primera-columna[b-lx7rmjbfg6] { width: 22%; }

.primera-columna[b-lx7rmjbfg6]  .panel-de-filtro { font-weight: 400; }
/* El encabezado de un bloque lleva dos renglones: número y fechas. */
thead th[b-lx7rmjbfg6] { height: auto; vertical-align: top; }
tbody th[b-lx7rmjbfg6] { font-weight: 400; }

.numero-bloque[b-lx7rmjbfg6] { display: flex; flex-wrap: wrap; align-items: center; gap: 3.5px 7px; }
.fechas-bloque[b-lx7rmjbfg6] { display: block; font-weight: 400; color: var(--gris); }
.bloque-actual[b-lx7rmjbfg6] { background: var(--acento-tenue); }

.rotaciones-del-bloque[b-lx7rmjbfg6] { display: inline-flex; flex-wrap: wrap; gap: 5.25px; }

.servicio-de-persona[b-lx7rmjbfg6] { font: inherit; color: var(--tinta); overflow-wrap: anywhere; }
button.servicio-de-persona[b-lx7rmjbfg6] {
  padding: 3.5px 7px; margin: -3.5px -7px;
  border: 1px solid transparent; border-radius: var(--radio-control);
  background: transparent; cursor: pointer; text-align: left;
}
button.servicio-de-persona:hover[b-lx7rmjbfg6] { border-color: var(--linea); background: var(--tarjeta); }
.sin-rotacion[b-lx7rmjbfg6] { color: var(--gris-claro); }

.nombre-en-malla[b-lx7rmjbfg6] { display: block; }
.grado-en-malla[b-lx7rmjbfg6] { display: block; font-size: var(--texto-menor); color: var(--gris); }

@media (max-width: 40rem) {
  .primera-columna[b-lx7rmjbfg6] { width: 9rem; }
}
/* /Components/Rotaciones/TablaDeServicios.razor.rz.scp.css */
.columna-de-cifra[b-de9dlu2ukq] { text-align: right; }
.columna-de-accion[b-de9dlu2ukq] { width: 1%; white-space: nowrap; }
/* /Components/Solicitudes/DetalleDeSolicitud.razor.rz.scp.css */
.datos-de-la-solicitud[b-ghb8nl5gaz] { display: grid; grid-template-columns: auto 1fr; gap: 0.5rem 1.25rem; margin: 0; }
.datos-de-la-solicitud dt[b-ghb8nl5gaz] { color: var(--gris); }
.datos-de-la-solicitud dd[b-ghb8nl5gaz] { margin: 0; }
.descripcion-completa[b-ghb8nl5gaz] { white-space: pre-line; overflow-wrap: anywhere; }
.explica[b-ghb8nl5gaz] { color: var(--gris); }
/* /Components/Solicitudes/TablaDeSolicitudes.razor.rz.scp.css */
.rango-de-fechas[b-kusahdojyb] { display: flex; flex-direction: column; gap: 0.75rem; min-width: 14rem; }
.descripcion-recortada[b-kusahdojyb] {
  display: block; max-width: 28rem;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* /Components/Usuarios/TablaDeUsuarios.razor.rz.scp.css */
.columna-nombre[b-roh6vc8qae]  .panel-de-filtro { width: 16rem; }
.columna-estado[b-roh6vc8qae] { width: 12rem; }
.columna-de-accion[b-roh6vc8qae] { width: 1%; white-space: nowrap; }

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