/* Generado por generador/web.mjs desde estilos.css; no editar a mano. */
.lp-pantalla{--fuente-titulo:'Manrope',Arial,sans-serif;--fuente-texto:'DM Sans',Arial,sans-serif}
.px-marco{background:#f5f6f8; border:1px solid #d9dee6; border-radius:12px; overflow:hidden; font:13px/1.45 var(--fuente-texto); color:#0b0b0b; text-align:left;}
.px-barra{display:flex; align-items:center; gap:6px; padding:8px 12px; background:#e9ecf1; border-bottom:1px solid #d9dee6;}
.px-barra i{width:9px; height:9px; border-radius:50%; background:#c7cdd6;}
.px-barra span{margin-left:8px; font-size:11.5px; color:#52514e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.px-con-menu{display:grid; grid-template-columns:160px 1fr;}
.px-menu{background:#0f172a; padding:12px 8px; display:flex; flex-direction:column; gap:2px;}
.px-logo{background:#fff; color:#0f172a; font:800 12px/1 var(--fuente-titulo); border-radius:6px; padding:6px 8px; width:fit-content; margin:0 0 10px 4px;}
.px-menu span{color:#cbd5e1; font-size:11.5px; padding:6px 8px; border-radius:6px;}
.px-menu span.sel{background:#2a78d6; color:#fff;}
.px-main{padding:14px; display:flex; flex-direction:column; gap:10px; min-width:0;}
.px-h b{display:block; font:800 16px/1.2 var(--fuente-titulo);}
.px-h small{color:#52514e; font-size:11.5px;}
.px-chips{display:flex; flex-wrap:wrap; gap:6px;}
.px-chips span{border:1px solid #d9dee6; background:#fff; border-radius:999px; padding:4px 10px; font-size:11.5px; color:#334155;}
.px-chips span.sel{background:#0f172a; color:#fff; border-color:#0f172a;}
.px-kpis{display:grid; grid-template-columns:repeat(4, 1fr); gap:8px;}
.px-kpis3{grid-template-columns:repeat(3, 1fr);}
.px-kpi, .px-alerta{background:#fff; border:1px solid #e3e7ee; border-radius:10px; padding:10px;}
.px-kpi b, .px-alerta b{display:block; font:800 19px/1.15 var(--fuente-titulo); color:#0b0b0b;}
.px-kpi small, .px-alerta small{display:block; color:#52514e; font-size:11px; line-height:1.35; margin-top:3px;}
.px-kpi em{display:block; font-style:normal; font-size:10.5px; margin-top:4px; color:#52514e;}
.px-kpi em.verde{color:#0a7d0a;}
.px-kpi em.ambar{color:#a16207;}
.px-link{display:block; font-size:10.5px; color:#2a78d6; margin-top:4px;}
.px-kpi-anillo{display:flex; align-items:center; gap:8px;}
.px-kpi-anillo svg{flex-shrink:0;}
.px-card{background:#fff; border:1px solid #e3e7ee; border-radius:10px; padding:12px;}
.px-card-h{font:700 13.5px/1.3 var(--fuente-titulo); margin-bottom:4px;}
.px-card > svg{display:block; max-height:240px; max-width:620px; margin:0 auto;}
.px-sub{display:block; color:#52514e; font-size:11.5px; margin-bottom:8px;}
.px-roja{background:#4a0d10; color:#fff; border-radius:10px; padding:12px;}
.px-roja-h{font:800 14px/1.3 var(--fuente-titulo);}
.px-roja > small{color:#f3c7c7; font-size:11px; display:block; margin:3px 0 6px;}
.px-fila-roja{display:grid; grid-template-columns:76px 1fr auto; gap:10px; padding:7px 0; border-top:1px solid rgba(255,255,255,.14); font-size:11.5px; align-items:baseline;}
.px-fila-roja small{color:#f3c7c7; font-size:10.5px;}
.px-dejo-h{display:flex; justify-content:space-between; gap:10px; align-items:flex-start;}
.px-dejo-h > b{font:800 14px/1.3 var(--fuente-titulo);}
.px-dejo-h span{text-align:right;}
.px-dejo-h span b{display:block; font:800 15px/1.2 var(--fuente-titulo);}
.px-dejo-h span small{color:#898781; font-size:10.5px;}
.px-tags{display:flex; flex-wrap:wrap; gap:5px; margin:8px 0;}
.px-tag{font-size:10.5px; padding:3px 8px; border-radius:999px; background:#eef0f3; color:#334155;}
.px-tag.rojo{background:#fde2e2; color:#b42318;}
.px-tag.verde{background:#dcfce7; color:#166534;}
.px-nota{background:#f6f7f9; border-left:3px solid #2a78d6; border-radius:6px; padding:8px 10px; font-size:11.5px; color:#334155;}
.px-botones{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.px-botones.derecha{justify-content:flex-end;}
.px-botones span{font:700 11px/1 var(--fuente-titulo); padding:7px 10px; border-radius:7px; color:#fff;}
.px-botones .wa{background:#16a34a;}
.px-botones .az{background:#1e3a8a;}
.px-botones .ve{background:#0f766e;}
.px-botones .bo{background:#fff; color:#1e3a8a; border:1px solid #1e3a8a;}
.px-botones .os{background:#0f172a;}
.px-leyenda{display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 10px; font-size:10.5px; color:#52514e;}
.px-leyenda i{display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:4px; vertical-align:-1px;}
.px-salud{display:grid; grid-template-columns:130px 1fr; gap:10px; align-items:center; padding:5px 0; font-size:11.5px; color:#0b0b0b;}
.px-tabla{width:100%; border-collapse:collapse; font-size:11.5px;}
.px-tabla th{text-align:left; font-size:10px; color:#898781; text-transform:uppercase; letter-spacing:.06em; padding:6px; border-bottom:1px solid #e3e7ee;}
.px-tabla td{padding:7px 6px; border-bottom:1px solid #f0f2f5;}
.px-tabla td.rojo{color:#d03b3b; font-weight:700;}
.px-dialogo{background:#fff; border:1px solid #d9dee6; border-radius:12px; padding:14px; font:13px/1.45 var(--fuente-texto); color:#0b0b0b; text-align:left; max-width:340px; margin:0 auto; box-shadow:0 10px 24px rgba(15,23,42,.12);}
.px-dialogo-h{display:block; font:800 15px/1.2 var(--fuente-titulo);}
.px-opcion{display:flex; gap:9px; align-items:flex-start; border:1px solid #e3e7ee; border-radius:9px; padding:8px 10px; margin-top:6px;}
.px-opcion i{width:13px; height:13px; border-radius:50%; border:2px solid #94a3b8; margin-top:3px; flex-shrink:0;}
.px-opcion.sel{border-color:#2a78d6; background:#eff6ff;}
.px-opcion.sel i{border-color:#2a78d6; background:radial-gradient(#2a78d6 45%, transparent 50%);}
.px-opcion b{display:block; font-size:12px;}
.px-opcion small{color:#52514e; font-size:10.5px;}
.px-campo{margin-top:8px; border:1px solid #d9dee6; border-radius:8px; padding:7px 10px; font-size:11.5px; color:#52514e; background:#fff;}
.px-campo span{color:#0b0b0b;}
.px-cel{width:100%; max-width:280px; margin:0 auto; background:#eef1f5; border:6px solid #0f172a; border-radius:26px; overflow:hidden; font:12.5px/1.45 var(--fuente-texto); color:#0b0b0b; text-align:left;}
.px-cel-top{display:flex; justify-content:space-between; align-items:center; background:#0f172a; color:#fff; padding:10px 14px;}
.px-cel-top b{font:700 13px/1.2 var(--fuente-titulo);}
.px-cel-top span{color:#94a3b8; font-size:11px;}
.px-cel-cuerpo{padding:10px; display:flex; flex-direction:column; gap:10px;}
.px-cel-linea{background:#fff; border-radius:10px; padding:8px 10px;}
.px-cel-linea b{display:block;}
.px-cel-linea small{color:#52514e; font-size:11px;}
.px-cel-card{background:#fff; border-radius:12px; padding:10px;}
.px-cel-et{font:700 10.5px/1 var(--fuente-titulo); text-transform:uppercase; letter-spacing:.08em; color:#1e3a8a; margin:4px 0 8px;}
.px-tres{display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
.px-tres div{background:#f6f7f9; border-radius:8px; padding:7px;}
.px-tres b{display:block; font:800 13px/1.2 var(--fuente-titulo);}
.px-tres b.rojo{color:#b42318;}
.px-tres small{color:#52514e; font-size:10px; line-height:1.3; display:block;}
.px-aviso{background:#fde2e2; color:#991b1b; border-radius:8px; padding:8px; font-size:11px; font-weight:600; margin-top:8px;}
.px-ofrece{background:#ecfdf3; color:#166534; border-radius:8px; padding:7px 8px; font-size:11px; margin-top:5px;}
.px-grid2{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:8px;}
.px-grid2 > span{text-align:center; background:#f1f4f8; border-radius:999px; padding:7px; font-weight:600; font-size:11.5px;}
.px-grid2 > span.sel{background:#1e3a8a; color:#fff;}
.px-grid2.campos div{border:1px solid #d9dee6; border-radius:8px; padding:6px 8px;}
.px-grid2.campos small{display:block; color:#52514e; font-size:10px;}
.px-cel .px-chips{margin-bottom:8px;}
.px-cel .px-chips span{padding:5px 9px; font-size:11px;}
.px-cel .px-chips span.sel{background:#006aa5; color:#fff; border-color:#006aa5;}
.px-gps{background:#ecfdf3; color:#166534; border:1px solid #bbf7d0; border-radius:8px; padding:8px; font-weight:700; font-size:11.5px; margin-bottom:8px;}
.px-grid3{display:grid; grid-template-columns:repeat(3, 1fr); gap:5px; margin-bottom:6px;}
.px-grid3 span{text-align:center; border:1px solid #d9dee6; border-radius:8px; padding:7px 2px; font-size:10.5px; font-weight:700; color:#1e3a8a;}
.px-guardar{background:#1e3a8a; color:#fff; text-align:center; border-radius:10px; padding:10px; font:700 12.5px/1 var(--fuente-titulo);}
.px-input{border:1.5px solid #0f172a; border-radius:8px; padding:8px 10px; font-size:14px; margin-bottom:8px; background:#fff;}
.px-parte{display:flex; gap:8px; align-items:center; border:1px solid #e3e7ee; border-radius:10px; padding:8px; margin-top:6px;}
.px-parte > div{flex:1; min-width:0;}
.px-parte b{display:block; font-size:12.5px;}
.px-parte small{display:block; color:#52514e; font-size:10.5px;}
.px-parte em{display:block; font-style:normal; font-size:10.5px; font-weight:700;}
.px-parte em.verde{color:#15803d;}
.px-parte em.rojo{color:#b42318;}
.px-parte > span{background:#1e3a8a; color:#fff; border-radius:7px; padding:6px 8px; font:700 10.5px/1 var(--fuente-titulo);}
@media (max-width: 700px){.px-con-menu{grid-template-columns:1fr;}
.px-menu{display:none;}
.px-kpis{grid-template-columns:1fr 1fr;}
.px-fila-roja{grid-template-columns:70px 1fr;}
.px-fila-roja small{grid-column:2;}
.px-salud{grid-template-columns:96px 1fr;}}
@media (max-width: 440px){.px-kpis3{grid-template-columns:1fr;}
.px-tabla th:nth-child(3), .px-tabla td:nth-child(3){display:none;}}
.captura .captura-vista, .px-marco, .px-cel, .px-dialogo{user-select:none; -webkit-user-select:none;}
.captura, .captura-vista, .px-marco, .px-main, .px-kpi, .px-alerta, .px-card, .px-roja, .px-fila-roja > span{min-width:0;}
.px-kpis{grid-template-columns:repeat(4, minmax(0, 1fr));}
.px-kpis3{grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (max-width: 700px){.px-kpis{grid-template-columns:repeat(2, minmax(0, 1fr));}
.px-kpi b, .px-alerta b{font-size:17px;}}
@media (max-width: 440px){.px-kpis3{grid-template-columns:minmax(0, 1fr);}}
.px-kpis.px-kpis2{grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (max-width: 440px){.px-kpis3.px-kpis3-cel{grid-template-columns:repeat(3, minmax(0, 1fr));}
.px-kpis3-cel .px-kpi{padding:8px;}}
.px-lista{background:#fff; border:1px solid #e3e7ee; border-radius:10px; padding:4px 12px; min-width:0;}
.px-lista-h{font:700 12px/1.3 var(--fuente-titulo); color:#52514e; padding:8px 0 4px;}
.px-lf{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:4px 10px; padding:9px 0; border-top:1px solid #f0f2f5; align-items:start;}
.px-lista-h + .px-lf, .px-lista > .px-lf:first-child{border-top:0;}
.px-lf > div{min-width:0;}
.px-lf b{font:700 12.5px/1.3 var(--fuente-titulo);}
.px-lf small{display:block; color:#52514e; font-size:10.5px; line-height:1.4;}
.px-lf small.px-en-linea{display:inline;}
.px-lf .der{text-align:right;}
.px-lf .der b{display:block; font:800 13.5px/1.2 var(--fuente-titulo); white-space:nowrap;}
.px-lf .der b.rojo{color:#b42318;}
.px-lf .der small{max-width:110px; margin-left:auto;}
.px-motivo{font-size:10.5px !important; color:#b42318;}
.px-pill{display:inline-block; font:700 9.5px/1 var(--fuente-titulo); letter-spacing:.04em; padding:4px 7px; border-radius:999px; color:#fff; margin:0 6px 3px 0; vertical-align:1px; white-space:nowrap;}
.px-pill.az{background:#2a78d6;}
.px-pill.rojo{background:#d03b3b;}
.px-pill.nar{background:#ec835a;}
.px-pill.amb{background:#fab219; color:#3b2a00;}
.px-pill.verde{background:#0ca30c;}
.px-pill.gris{background:#94a3b8;}
.px-mas{font-size:10.5px; color:#52514e; padding:8px 0 6px; border-top:1px solid #f0f2f5;}
.px-alm{display:flex; flex-wrap:wrap; gap:4px; margin-top:5px;}
.px-alm span{font-size:10px; padding:2px 6px; border-radius:5px; background:#ecfdf3; color:#166534; white-space:nowrap;}
.px-alm span.cero{background:#fde2e2; color:#b42318;}
.px-hoja{width:54px; height:70px; background:#fff; border:1px solid #d9dee6; border-radius:4px; padding:7px 6px; display:flex; flex-direction:column; gap:4px; box-shadow:0 2px 6px rgba(15,23,42,.08);}
.px-hoja i{display:block; height:3px; border-radius:2px; background:#cbd5e1;}
.px-hoja i.t{height:6px; background:#dbeafe;}
.px-lf .px-botones{margin-top:6px;}
.px-lf .px-botones span{padding:6px 8px; font-size:10px;}
.px-chat{gap:8px;}
.px-burbuja{max-width:86%; padding:8px 10px; border-radius:12px; font-size:11.5px; line-height:1.45;}
.px-burbuja.yo{align-self:flex-end; background:#0f172a; color:#fff; border-bottom-right-radius:4px;}
.px-burbuja.bot{align-self:flex-start; background:#fff; color:#0b0b0b; border-bottom-left-radius:4px;}
.px-visita{border-top:1px solid #eef1f5; padding:8px 0 4px;}
.px-visita:first-of-type{border-top:0; padding-top:0;}
.px-visita b{display:block; font:700 12px/1.3 var(--fuente-titulo);}
.px-visita small{display:block; color:#52514e; font-size:10.5px; line-height:1.35;}
.px-visita .px-botones{margin-top:6px;}
.px-visita .px-botones span{padding:6px 9px; font-size:10.5px;}
