.inecest { grid-column: 1 / -1; width: 100%; max-width: 1280px; box-sizing: border-box; display: block; margin: 0 auto 0; padding: 24px 40px 0; color: var(--inec-texto, inherit); }
.inecdash + .inecest { margin-top: -72px; padding-bottom: 96px; }
.inecest-esqueleto { padding: 16px; border: .8px dashed rgba(0,0,0,.12); border-radius: 16px; font-size: 13px; color: #636363; }
.inecest-kpi { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.inecest-kpi-texto { font-size: 13px; color: #636363; }
.inecest-tarjetas { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; align-items: stretch; }
.inecest-tarjetas.inecest-medir { align-items: start; }
.inecest-tarjeta { box-sizing: border-box; display: flex; flex-direction: column; padding: 20px; border: .8px solid rgba(0,0,0,.12); border-radius: 16px; background: var(--inec-superficie, #fff); min-width: 0; height: var(--inecest-alto, auto); }
.inecest-cuerpo { position: relative; flex: 1 1 auto; min-height: 0; min-width: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.2) transparent; }
.inecest-cuerpo::-webkit-scrollbar { width: 6px; }
.inecest-cuerpo::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); border-radius: 3px; }
html.inec-oscuro .inecest-cuerpo { scrollbar-color: rgba(255,255,255,.2) transparent; }
html.inec-oscuro .inecest-cuerpo::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); }
.inecest-cabeza { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.inecest-titulo-caja { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.inecest-titulo { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.3; color: #636363; }
.inecest-pill { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 600; line-height: 1.3; }
.inecest-pill.inecest-verde { color: #1e7b34; background: #e3f6e5; }
.inecest-pill.inecest-ambar { color: #8a5a00; background: #fff4d6; }
.inecest-pill.inecest-rojo { color: #b42318; background: #fde7e7; }
.inecest-pill.inecest-gris { color: #4b4b4b; background: #eee; }
.inecest-recargar { appearance: none; flex: none; border: 0; background: transparent; color: #636363; border-radius: 8px; width: 32px; height: 32px; cursor: pointer; font-size: 16px; }
.inecest-recargar:hover { background: #f4f5f6; color: #000; }
.inecest-total { margin: 0; font-size: 22px; font-weight: 600; line-height: 1.15; }
.inecest-sub, .inecest-edad, .inecest-detalle { font-size: 12px; color: #636363; margin: 4px 0; }
.inecest-sub-titulo { margin: 12px 0 6px; font-size: 13px; font-weight: 500; color: #636363; }
.inecest-vacio { margin: 8px 0; font-size: 13px; font-weight: 600; }
.inecest-vacio.inecest-gris { color: #636363; font-weight: 500; }
.inecest-tabla-caja { overflow-x: auto; max-width: 100%; }
.inecest-tabla { border-collapse: collapse; width: 100%; font-size: 13px; }
.inecest-tabla th { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .03em; color: #636363; }
.inecest-tabla th, .inecest-tabla td { text-align: left; padding: 6px 8px; border-bottom: .8px solid rgba(0,0,0,.12); white-space: nowrap; }
.inecest-tabla a { color: var(--inec-marca); }
.inecest-fila-barra { display: grid; grid-template-columns: 110px 1fr; gap: 4px 8px; align-items: center; margin: 6px 0; }
.inecest-fila-barra .inecest-detalle { grid-column: 1 / -1; margin: 0; }
.inecest-etiqueta { font-size: 12px; color: #636363; }
.inecest-barra { display: block; height: 6px; border-radius: 3px; background: #f4f5f6; overflow: hidden; }
.inecest-barra-fill { display: block; height: 100%; width: var(--inecest-w, 0%); border-radius: 3px; }
.inecest-barra-fill.inecest-verde { background: #1e7b34; }
.inecest-barra-fill.inecest-ambar { background: #8a5a00; }
.inecest-barra-fill.inecest-rojo { background: #b42318; }
.inecest-barra-fill.inecest-gris { background: #4b4b4b; }
.inecest-lista { list-style: none; margin: 0; padding: 0; }
.inecest-item { display: grid; grid-template-columns: 12px 1fr; gap: 2px 8px; align-items: center; padding: 6px 0; border-bottom: .8px solid rgba(0,0,0,.12); }
.inecest-item .inecest-detalle { grid-column: 2; margin: 0; }
.inecest-nombre { font-weight: 500; font-size: 13px; overflow-wrap: anywhere; }
.inecest-punto { width: 8px; height: 8px; border-radius: 50%; background: #4b4b4b; }
.inecest-item.inecest-verde .inecest-punto { background: #1e7b34; }
.inecest-item.inecest-ambar .inecest-punto { background: #8a5a00; }
.inecest-item.inecest-rojo .inecest-punto { background: #b42318; }
html.inec-oscuro .inecest-tarjeta { background: var(--inec-superficie, #1d2127); border-color: rgba(255,255,255,.12); }
html.inec-oscuro .inecest-esqueleto { border-color: rgba(255,255,255,.12); }
html.inec-oscuro .inecest-kpi-texto, html.inec-oscuro .inecest-titulo, html.inec-oscuro .inecest-sub, html.inec-oscuro .inecest-edad, html.inec-oscuro .inecest-detalle,
html.inec-oscuro .inecest-sub-titulo, html.inec-oscuro .inecest-etiqueta, html.inec-oscuro .inecest-tabla th, html.inec-oscuro .inecest-vacio.inecest-gris,
html.inec-oscuro .inecest-recargar, html.inec-oscuro .inecest-esqueleto { color: #a0a6ad; }
html.inec-oscuro .inecest-barra { background: #2a2f36; }
html.inec-oscuro .inecest-recargar:hover { background: #2a2f36; color: #fff; }
html.inec-oscuro .inecest-tabla th, html.inec-oscuro .inecest-tabla td, html.inec-oscuro .inecest-item { border-bottom-color: rgba(255,255,255,.12); }
html.inec-oscuro .inecest-pill.inecest-verde { color: #6fd183; background: rgba(30,123,52,.28); }
html.inec-oscuro .inecest-pill.inecest-ambar { color: #f0c060; background: rgba(217,142,4,.22); }
html.inec-oscuro .inecest-pill.inecest-rojo { color: #ff8a80; background: rgba(214,69,69,.24); }
html.inec-oscuro .inecest-pill.inecest-gris { color: #c4c9cf; background: rgba(255,255,255,.1); }
html.inec-oscuro .inecest-barra-fill.inecest-verde, html.inec-oscuro .inecest-item.inecest-verde .inecest-punto { background: #6fd183; }
html.inec-oscuro .inecest-barra-fill.inecest-ambar, html.inec-oscuro .inecest-item.inecest-ambar .inecest-punto { background: #f0c060; }
html.inec-oscuro .inecest-barra-fill.inecest-rojo, html.inec-oscuro .inecest-item.inecest-rojo .inecest-punto { background: #ff8a80; }
html.inec-oscuro .inecest-barra-fill.inecest-gris, html.inec-oscuro .inecest-punto { background: #c4c9cf; }
@media (max-width: 768px) {
	.inecest { padding-left: 16px; padding-right: 16px; }
	.inecest-tarjetas { grid-template-columns: 1fr; }
}
@media (max-width: 390px) {
	.inecest { padding-left: 12px; padding-right: 12px; }
}