.DashAdmin {
  max-width: 1240px;
  margin: 0 auto;
  padding: 12px 0 60px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  color: #33404D;
}
@media all and (max-width: 1280px) {
  .DashAdmin {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.DashHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.BtnPDF {
  background-color: #1565C0;
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 8px;
  cursor: pointer;
  font-family: Fuente-Bold;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 10px rgba(23, 43, 77, 0.07);
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.BtnPDF:hover:not(:disabled) {
  background-color: #11529b;
  transform: translateY(-1px);
}
.BtnPDF:disabled {
  background-color: #90A4AE;
  cursor: wait;
}

.Tarjeta {
  background: #fff;
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 2px 10px rgba(23, 43, 77, 0.07);
  min-width: 0;
}

.TituloSeccion {
  color: #793068;
  font-family: Fuente-Bold;
  font-size: 16px;
  margin: 0 0 16px;
}

.SubTituloSeccion {
  color: #6F7271;
  font-size: 13px;
  margin: -12px 0 14px;
}

.Grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media all and (max-width: 980px) {
  .Grid2 {
    grid-template-columns: 1fr;
  }
}

.Grid3 {
  display: grid;
  grid-template-columns: 1.2fr 1.1fr 0.9fr;
  gap: 24px;
}
@media all and (max-width: 1180px) {
  .Grid3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (max-width: 800px) {
  .Grid3 {
    grid-template-columns: 1fr;
  }
}

.TotalBand {
  background: linear-gradient(90deg, #793068, #9F4868, #1565C0);
  color: #fff;
  border-radius: 12px;
  padding: 16px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 2px 10px rgba(23, 43, 77, 0.07);
}
.TotalBand > .Etiqueta {
  font-size: 16px;
  font-family: Fuente-Bold;
}
@media all and (max-width: 700px) {
  .TotalBand > .Etiqueta {
    font-size: 14px;
  }
}
.TotalBand > .Numero {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}
@media all and (max-width: 700px) {
  .TotalBand > .Numero {
    font-size: 28px;
  }
}

.Funnel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.Funnel > .Fila {
  display: grid;
  grid-template-columns: 110px 1fr 56px;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}
.Funnel > .Fila > .Etiqueta {
  color: #33404D;
  font-family: Fuente-Bold;
}
.Funnel > .Fila > .Valor {
  text-align: right;
  font-family: Fuente-Bold;
  color: #6F7271;
}

.BarraTrack {
  height: 12px;
  border-radius: 999px;
  background: #eef2f6;
  overflow: hidden;
}
.BarraTrack > .BarraFill {
  height: 100%;
  border-radius: 999px;
  transition: width 0.6s ease;
}
.BarraTrack > .BarraFill.validadas {
  background: linear-gradient(90deg, #2DBAE7, #1565C0);
}
.BarraTrack > .BarraFill.porValidar {
  background: linear-gradient(90deg, #66BB6A, #43A047);
}
.BarraTrack > .BarraFill.rechazadas {
  background: linear-gradient(90deg, #EF5350, #E53935);
}
.BarraTrack > .BarraFill.inconclusas {
  background: linear-gradient(90deg, #FFB74D, #FB8C00);
}

.GeneroResumen {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
}
.GeneroResumen > .Chip {
  flex: 1;
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.GeneroResumen > .Chip.mujeres {
  background: rgba(199, 120, 168, 0.15);
}
.GeneroResumen > .Chip.hombres {
  background: rgba(45, 186, 231, 0.15);
}
.GeneroResumen > .Chip.esTotal {
  background: rgba(121, 48, 104, 0.12);
}
.GeneroResumen > .Chip > .Numero {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
.GeneroResumen > .Chip > .Numero.mujeres {
  color: #C778A8;
}
.GeneroResumen > .Chip > .Numero.hombres {
  color: #1565C0;
}
.GeneroResumen > .Chip > .Numero.esTotal {
  color: #793068;
}
.GeneroResumen > .Chip > .Etiqueta {
  font-size: 12px;
  color: #6F7271;
}

.SourceNota {
  margin-top: 12px;
  font-size: 11px;
  color: #aab4bf;
}

.RankList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.RankList > .Item {
  display: grid;
  grid-template-columns: 28px 1fr 44px;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
@media all and (min-width: 800px) {
  .RankList > .Item:hover {
    background: #F4F7FA;
    border-radius: 8px;
  }
}
.RankList > .Item > .Posicion {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #F4F7FA;
  color: #6F7271;
  font-family: Fuente-Bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.RankList > .Item > .Posicion.oro {
  background: #BC955B;
  color: #fff;
}
.RankList > .Item > .Posicion.plata {
  background: #9BA8B5;
  color: #fff;
}
.RankList > .Item > .Posicion.bronce {
  background: #B0784A;
  color: #fff;
}
.RankList > .Item > .Nombre {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #33404D;
}
.RankList > .Item > .Nombre > .BarraTrack {
  margin-top: 4px;
  height: 6px;
}
.RankList > .Item > .Nombre > .BarraTrack > .BarraFill {
  background: linear-gradient(90deg, #2DBAE7, #1565C0);
}
.RankList > .Item > .Cantidad {
  text-align: right;
  font-family: Fuente-Bold;
  color: #1565C0;
}

.ActFeed {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ActFeed > .Item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px solid #E6EBF0;
}
.ActFeed > .Item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ActFeed > .Item > .Punto {
  margin-top: 6px;
  width: 9px;
  min-width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #2DBAE7;
  box-shadow: 0 0 0 3px rgba(45, 186, 231, 0.2);
}
.ActFeed > .Item > .Cuerpo {
  min-width: 0;
}
.ActFeed > .Item > .Cuerpo > .Mensaje {
  font-size: 12.5px;
  color: #33404D;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ActFeed > .Item > .Cuerpo > .Meta {
  margin-top: 3px;
  font-size: 11px;
  color: #aab4bf;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.Vacio {
  color: #9aa5b1;
  text-align: center;
  padding: 36px 10px;
  font-size: 13px;
}

.UsuarioBloque {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.UsuarioBloque > .DatoGrande {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.UsuarioBloque > .DatoGrande > .Numero {
  font-size: 34px;
  font-weight: 800;
  color: #793068;
  line-height: 1;
}
.UsuarioBloque > .DatoGrande > .Etiqueta {
  font-size: 13px;
  color: #6F7271;
}
.UsuarioBloque > .Publicadas {
  font-size: 13px;
  color: #33404D;
}
.UsuarioBloque > .Publicadas > b {
  color: #43A047;
}
.UsuarioBloque > .ChipsPlantilla {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.UsuarioBloque > .ChipsPlantilla > .ChipPlantilla {
  background: #F4F7FA;
  border: 1px solid #E6EBF0;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  color: #33404D;
}
.UsuarioBloque > .ChipsPlantilla > .ChipPlantilla > b {
  color: #1565C0;
}

.TablaDatos {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.TablaDatos > thead > tr > th {
  background: #2DBAE7;
  color: #fff;
  padding: 8px 12px;
  text-align: left;
  font-family: Fuente-Bold;
}
.TablaDatos > thead > tr > th.centro {
  text-align: center;
}
.TablaDatos > tbody > tr {
  border-bottom: 1px solid #E6EBF0;
}
.TablaDatos > tbody > tr:nth-child(odd) {
  background: #FAFBFC;
}
.TablaDatos > tbody > tr > td {
  padding: 7px 12px;
  color: #33404D;
}
.TablaDatos > tbody > tr > td.num {
  text-align: center;
  font-family: Fuente-Bold;
  color: #1565C0;
}
.TablaDatos > tbody > tr > td.pct {
  text-align: center;
  color: #6F7271;
}
.TablaDatos > tbody > tr > td.idx {
  text-align: center;
  color: #9aa5b1;
}