.inecest { grid-column: 1 / -1; width: 100%; max-width: 1280px; box-sizing: border-box; display: block; position: relative; z-index: 5; margin: 0 auto 0; padding: 32px 40px 0; color: var(--inec-texto, inherit); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-inecestado-escritorio] .inecest + .inecdash, html[data-inecestado-movil] .inecest + .inecdash { padding-top: 16px; }
.inecest-esqueleto { padding: 16px; border: .8px dashed rgba(0,0,0,.12); border-radius: 16px; font-size: 13px; color: #636363; }
.inecest-tarjetas { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: 16px; align-items: stretch; min-width: 0; }
.inecest-tarjeta { position: relative; box-sizing: border-box; min-width: 0; border: .8px solid rgba(0,0,0,.12); border-radius: 16px; background: var(--inec-superficie, #fff); }
.inecest-tarjeta[open] { border-color: rgba(0,0,0,.24); }
.inecest-panel { position: absolute; z-index: 20; top: calc(100% + 8px); left: -0.8px; width: max(100%, 420px); box-sizing: border-box; display: flex; flex-direction: column; max-height: 340px; padding: 12px 16px 16px; border: .8px solid rgba(0,0,0,.12); border-radius: 16px; background: var(--inec-superficie, #fff); }
.inecest-tarjeta:last-child .inecest-panel { left: auto; right: -0.8px; }
.inecest-panel .inecest-recargar { align-self: flex-end; margin: -4px -8px 0 0; }
.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: grid; gap: 8px; padding: 14px 16px; cursor: pointer; list-style: none; border-radius: 16px; }
.inecest-cabeza::-webkit-details-marker { display: none; }
.inecest-cabeza:hover { background: rgba(0,0,0,.02); }
.inecest-cabeza:focus-visible { outline: 2px solid var(--inec-marca, #1e73be); outline-offset: 2px; }
.inecest-cab { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; color: #636363; }
.inecest-titulo { margin: 0; font-family: "Noto Sans", Inter, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3; color: #000; }
html.inec-oscuro .inecest-titulo { color: #e8eaed; }
.inecest-tarjeta-ventas .inecest-cifra { font-size: 28px; letter-spacing: -.02em; color: var(--inec-marca, #f16645); }
.inecest-chev { margin-left: auto; width: 7px; height: 7px; border-right: 1.5px solid #636363; border-bottom: 1.5px solid #636363; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
.inecest-tarjeta[open] .inecest-chev { transform: translateY(2px) rotate(225deg); }
.inecest-cifra { display: flex; align-items: baseline; gap: 8px; font-size: 24px; font-weight: 600; line-height: 1.1; color: inherit; }
.inecest-delta { font-size: 12px; font-weight: 600; color: #1e7b34; }
.inecest-delta.inecest-verde { color: #1e7b34; }
.inecest-delta.inecest-rojo { color: #b42318; }
.inecest-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; color: #636363; }
.inecest-meta b { color: inherit; font-weight: 600; }
.inecest-meta .alerta b, .inecest-meta .inecest-alerta b { color: #b42318; }
.inecest-lin { display: grid; grid-template-columns: 52px 1fr 38px; align-items: center; gap: 8px; font-size: 12px; color: #636363; }
.inecest-lins2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.inecest-lins2 .inecest-lin { grid-template-columns: 44px 1fr 34px; }
.inecest-lin b { text-align: right; color: inherit; font-weight: 600; font-variant-numeric: tabular-nums; }
.inecest-via { display: block; height: 6px; border-radius: 3px; background: #f4f5f6; overflow: hidden; }
.inecest-via .inecest-barra-fill { display: block; height: 100%; width: var(--inecest-w, 0%); border-radius: 3px; }
.inecest-pill { flex: none; 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-acciones { display: flex; justify-content: flex-end; padding-top: 10px; }
.inecest-wpadmin { appearance: none; min-height: 36px; padding: 7px 14px; border: .8px solid rgba(0,0,0,.18); border-radius: 8px; background: var(--inec-superficie, #fff); color: inherit; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.inecest-wpadmin:hover { background: #f4f5f6; }
.inecest-wpadmin:disabled { cursor: wait; }
.inecest-total { margin: 0; font-size: 24px; 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-punto.inecest-verde { background: #1e7b34; }
.inecest-punto.inecest-ambar { background: #8a5a00; }
.inecest-punto.inecest-rojo { background: #b42318; }
.inecest-punto.inecest-gris { background: #4b4b4b; }
.inecest-punto-vacio { visibility: hidden; }
.inecest-fila { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; padding: 6px 0; border-bottom: .8px solid rgba(0,0,0,.12); font-size: 13px; }
.inecest-fila:last-child { border-bottom: 0; }
.inecest-fila small { font-size: 12px; color: #636363; }
html.inec-oscuro .inecest-tarjeta, html.inec-oscuro .inecest-panel { background: var(--inec-superficie, #1d2127); border-color: rgba(255,255,255,.12); }
html.inec-oscuro .inecest-tarjeta[open] { border-color: rgba(255,255,255,.24); }
html.inec-oscuro .inecest-cabeza:hover { background: rgba(255,255,255,.03); }
html.inec-oscuro .inecest-chev { border-color: #a0a6ad; }
html.inec-oscuro .inecest-esqueleto { border-color: rgba(255,255,255,.12); }
html.inec-oscuro .inecest-cab, html.inec-oscuro .inecest-meta, html.inec-oscuro .inecest-lin,
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,
html.inec-oscuro .inecest-fila small { color: #a0a6ad; }
html.inec-oscuro .inecest-via, html.inec-oscuro .inecest-barra { background: #2a2f36; }
html.inec-oscuro .inecest-recargar:hover { background: #2a2f36; color: #fff; }
html.inec-oscuro .inecest-wpadmin { border-color: rgba(255,255,255,.18); background: var(--inec-superficie, #1d2127); }
html.inec-oscuro .inecest-wpadmin:hover { background: #2a2f36; }
html.inec-oscuro .inecest-tabla th, html.inec-oscuro .inecest-tabla td, html.inec-oscuro .inecest-item, html.inec-oscuro .inecest-fila { 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-delta.inecest-verde { color: #6fd183; }
html.inec-oscuro .inecest-delta.inecest-rojo { color: #ff8a80; }
html.inec-oscuro .inecest-meta .alerta b, html.inec-oscuro .inecest-meta .inecest-alerta b { color: #ff8a80; }
html.inec-oscuro .inecest-barra-fill.inecest-verde, html.inec-oscuro .inecest-item.inecest-verde .inecest-punto, html.inec-oscuro .inecest-punto.inecest-verde { background: #6fd183; }
html.inec-oscuro .inecest-barra-fill.inecest-ambar, html.inec-oscuro .inecest-item.inecest-ambar .inecest-punto, html.inec-oscuro .inecest-punto.inecest-ambar { background: #f0c060; }
html.inec-oscuro .inecest-barra-fill.inecest-rojo, html.inec-oscuro .inecest-item.inecest-rojo .inecest-punto, html.inec-oscuro .inecest-punto.inecest-rojo { background: #ff8a80; }
html.inec-oscuro .inecest-barra-fill.inecest-gris, html.inec-oscuro .inecest-punto, html.inec-oscuro .inecest-punto.inecest-gris { background: #c4c9cf; }
@media (max-width: 768px) {
	.inecest { padding: 16px 16px 0; }
	.inecest-tarjetas { grid-template-columns: 1fr; gap: 8px; }
	.inecest-tarjeta-ventas .inecest-cifra { font-size: 21px; }
	.inecest-panel, .inecest-tarjeta:last-child .inecest-panel { position: static; width: auto; max-height: 340px; border: 0; border-top: .8px solid rgba(0,0,0,.12); border-radius: 0 0 16px 16px; }
	html.inec-oscuro .inecest-panel { border-top-color: rgba(255,255,255,.12); }
}
@media (max-width: 390px) {
	.inecest { padding-left: 12px; padding-right: 12px; }
}