/* ═══════════════════════════════════════════════════════════════════════════ COTIZACIONES PORTEO — estilos del módulo (copia de los de SGS Cotizaciones, 25-sep-2026). TODO va bajo #panel.pc-host (la vista), #pcModal (su ventana) o #pcPrevia (vista previa del PDF): nada de `table`, `.btn` o `.modal` a secas, que cambiarían el resto de la app. Celular (≤760 px): la tabla son tarjetas (título = copropiedad), los filtros por columna van detrás de «🔎 Filtros», el menú de acciones y la ventana suben desde abajo y la última fila de botones queda fija; «＋ Nueva cotización» queda abajo, al alcance del pulgar. ═══════════════════════════════════════════════════════════════════════════ */ /* El contenedor #panel deja de ser «tarjeta blanca»: la tabla trae la suya. */ .panel.pc-host{background:transparent;border:none;box-shadow:none;overflow:visible;padding:0} #panel.pc-host,#pcModal,#pcPrevia{--err:var(--bad,#b42318)} /* La tabla usa TODO el ancho: se suelta el tope de 1160 px del contenedor solo en este módulo. */ #panel.pc-host,#pcModal,#pcPrevia{ --pc-azul2:#2a5d8a;--pc-azul-cl:#eef2f7;--pc-ok-cl:#e8f5ee;--pc-err-cl:#fdeceb;--pc-warn:#b45309;--pc-warn-cl:#fef3c7; --pc-info:#1967d2;--pc-info-cl:#e8f0fe;--pc-radio:12px;--pc-radio-ctl:10px;--pc-ctl-h:40px; --pc-sombra:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08); --pc-sombra-alta:0 16px 40px rgba(15,23,42,.22);--pc-foco:0 0 0 3px rgba(28,63,96,.16); line-height:1.45} /* ── Botones ── */ :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--pc-ctl-h);padding:8px 16px; border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);background:#fff;color:var(--azul);font:inherit;font-size:14px;font-weight:600;line-height:1.2; white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn:hover:not(:disabled){border-color:var(--azul);background:#f6f9fd} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn:focus-visible{outline:none;box-shadow:var(--pc-foco)} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn:disabled{opacity:.55;cursor:default} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pri{background:var(--azul);color:#fff;border-color:var(--azul)} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pri:hover:not(:disabled){background:var(--azul-osc);border-color:var(--azul-osc)} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.dan{color:var(--err);border-color:#f1c4c0} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.dan:hover:not(:disabled){background:var(--pc-err-cl);border-color:#e5a39d} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.sm{min-height:32px;padding:4px 10px;font-size:12.5px;border-radius:8px} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pc-ico{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border-radius:50%} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pc-ico.mini{width:26px;height:26px;min-width:26px;min-height:26px;font-size:13px} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-spin{display:inline-block;width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:pcGira .7s linear infinite;vertical-align:middle} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-spin.osc{border-color:var(--pc-azul2);border-top-color:transparent} @keyframes pcGira{to{transform:rotate(360deg)}} :is(#panel.pc-host,#pcModal,#pcPrevia) a{color:var(--pc-azul2);text-decoration:none;font-weight:600} :is(#panel.pc-host,#pcModal,#pcPrevia) a:hover{text-decoration:underline} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-gris{color:#94a1af;font-weight:400} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-ambar{color:var(--pc-warn)} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-vacio{padding:40px;text-align:center;color:var(--gris);font-size:13.5px;line-height:1.5} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-vacio.claro{color:#e5e9ef} /* ── Estados ── */ :is(#panel.pc-host,#pcModal) .pc-badge{display:inline-block;font-size:11.5px;font-weight:600;line-height:1.4;padding:2px 10px;border-radius:999px;white-space:nowrap} :is(#panel.pc-host,#pcModal) .pc-badge.cotizada{background:var(--pc-info-cl);color:var(--pc-info)} /* Abierta */ :is(#panel.pc-host,#pcModal) .pc-badge.otro{background:var(--pc-warn-cl);color:var(--pc-warn)} /* Creada */ :is(#panel.pc-host,#pcModal) .pc-badge.enviada{background:#efe7fb;color:#6b3fb8} /* ya la tiene el cliente */ :is(#panel.pc-host,#pcModal) .pc-badge.ganado{background:var(--pc-ok-cl);color:var(--ok)} :is(#panel.pc-host,#pcModal) .pc-badge.perdido{background:var(--pc-err-cl);color:var(--err)} /* ── Encabezado de la vista ── */ #panel.pc-host .pc-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px;min-height:var(--pc-ctl-h)} #panel.pc-host .pc-head h2{font-size:20px;font-weight:700;letter-spacing:-.01em} #panel.pc-host .pc-tools{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center} #panel.pc-host .pc-buscar{width:240px;min-height:var(--pc-ctl-h);padding:9px 12px;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);font:inherit;font-size:14px;color:var(--texto);background:#fff} #panel.pc-host .pc-buscar:focus{border-color:var(--azul);box-shadow:var(--pc-foco)} #panel.pc-host .pc-estado{min-height:24px;margin-bottom:10px;font-size:13px;color:var(--gris)} /* ── Tabla ── */ /* overflow-x:auto — si la tabla no cabe, hace scroll DENTRO del panel (no desborda la página). */ #panel.pc-host .pc-panel{background:#fff;border:1px solid var(--borde);border-radius:var(--pc-radio);box-shadow:var(--pc-sombra);overflow-x:auto} #panel.pc-host .pc-barra{display:none} #panel.pc-host .pc-tabla{width:100%;border-collapse:collapse;font-size:13.5px} #panel.pc-host .pc-tabla thead th{background:#f8fafc;color:var(--gris);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;vertical-align:bottom;text-align:left;padding:10px 14px;border-bottom:1px solid var(--borde)} #panel.pc-host .pc-tabla thead th.pc-orden{cursor:pointer;user-select:none} #panel.pc-host .pc-tabla thead th.pc-orden:hover{color:var(--texto);background:var(--gris-cl)} #panel.pc-host .pc-tabla tr.pc-filtros th{background:#fff;padding:6px 8px;text-transform:none;letter-spacing:0} #panel.pc-host .pc-fcol{width:100%;min-height:30px;border:1px solid var(--borde);border-radius:8px;padding:4px 6px;font:inherit;font-size:12px;font-weight:400;color:var(--texto);background:#fff} #panel.pc-host .pc-fcol:focus{border-color:var(--azul);box-shadow:var(--pc-foco)} /* break-word (no `anywhere`): `anywhere` deja que la tabla encoja la columna a 1 carácter y parte las fechas. */ #panel.pc-host .pc-tabla tbody td{padding:11px 14px;border-top:1px solid var(--gris-cl);vertical-align:middle;overflow-wrap:break-word} #panel.pc-host .pc-tabla tbody tr:hover td{background:#f6f9fd} #panel.pc-host .pc-tabla tr.pc-fila-clic{cursor:pointer} #panel.pc-host .pc-tabla td.pc-tit{font-weight:600} /* Columna Acciones pegada al borde derecho: visible siempre, aunque la tabla tenga scroll. */ #panel.pc-host .pc-tabla thead th:last-child,#panel.pc-host .pc-tabla tbody td.pc-acc{position:sticky;right:0;z-index:1} #panel.pc-host .pc-tabla tbody td.pc-acc{background:#fff;box-shadow:-6px 0 8px -6px rgba(0,0,0,.18)} /* Texto largo (descripción del seguimiento): máx. 2 líneas; el texto completo queda en el title. */ #panel.pc-host .pc-td-compacta{max-width:240px} #panel.pc-host .pc-td-compacta>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #panel.pc-host .pc-celda-archivo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} #panel.pc-host .pc-acciones{display:flex;gap:6px;flex-wrap:nowrap} #panel.pc-host .pc-sv-only{display:none} /* ── Menú «Acciones ▾» ── */ #panel.pc-host .pc-menu-fondo{position:fixed;inset:0;z-index:58;background:transparent} #panel.pc-host .pc-menu{position:fixed;z-index:59;min-width:230px;max-width:min(340px,92vw);background:#fff;border:1px solid var(--borde);border-radius:var(--pc-radio);box-shadow:var(--pc-sombra-alta);padding:6px;text-align:left;animation:pcModalAnim .14s} #panel.pc-host .pc-menu-it{display:flex;width:100%;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--texto);font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer} #panel.pc-host .pc-menu-it:hover{background:var(--pc-azul-cl);color:var(--azul)} #panel.pc-host .pc-menu-it.dan{color:var(--err)} #panel.pc-host .pc-menu-it.dan:hover{background:var(--pc-err-cl);color:var(--err)} #panel.pc-host .pc-menu-it:focus-visible{outline:none;box-shadow:var(--pc-foco)} /* ── Ventana del módulo ── */ #pcModal{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.45);animation:pcFondo .15s} #pcModal .pc-card{--m-x:26px;--m-b:26px;position:relative;background:#fff;color:var(--texto);border-radius:16px;padding:26px var(--m-x) var(--m-b);width:min(620px,100%);max-height:88vh;overflow:auto;box-shadow:var(--pc-sombra-alta);animation:pcModalAnim .2s cubic-bezier(.2,.8,.2,1)} #pcModal .pc-card.ancho{width:min(1060px,100%)} #pcModal .pc-x{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;border:none;border-radius:50%;background:none;display:grid;place-items:center;font-size:18px;color:var(--gris);cursor:pointer} #pcModal .pc-x:hover{background:var(--gris-cl);color:var(--texto)} #pcModal h3{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:10px;padding-right:34px} #pcModal .pc-sub{color:var(--gris);margin-bottom:10px} #pcModal .pc-sub.fuerte{color:var(--texto);font-weight:600} #pcModal .pc-nota{font-size:12px;color:#7a8794;margin-top:4px} #pcModal .pc-nota.osc{color:var(--gris);margin-top:6px} #pcModal .pc-nota.ambar{color:var(--pc-warn)} #pcModal .pc-nota-en-linea{font-size:12px;color:#7a8794} /* Última fila de botones: fija abajo mientras se desplaza el contenido de la ventana. */ #pcModal .pc-pie{position:sticky;bottom:calc(var(--m-b) * -1);z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap; background:#fff;border-top:1px solid var(--gris-cl);margin:18px calc(var(--m-x) * -1) calc(var(--m-b) * -1);padding:12px var(--m-x) 14px} /* Campos: misma altura, borde, radio y foco */ #pcModal .pc-f{margin:10px 0;min-width:0} #pcModal .pc-2{display:flex;gap:10px;flex-wrap:wrap} #pcModal .pc-2>.pc-f{flex:1 1 200px;margin:4px 0} #pcModal label{display:block;font-size:12.5px;font-weight:600;color:var(--gris)} #pcModal :is(input,select,textarea):where(:not([type=checkbox],[type=file],.pc-ti)){width:100%;margin-top:4px;min-height:var(--pc-ctl-h);padding:9px 12px;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl); font:inherit;font-size:14px;color:var(--texto);background-color:#fff;transition:border-color .12s,box-shadow .12s} #pcModal textarea{min-height:76px;line-height:1.45;resize:vertical} #pcModal :is(input,select,textarea):focus{outline:none;border-color:var(--azul);box-shadow:var(--pc-foco)} #pcModal :is(input,select,textarea):disabled{background-color:#f3f5f8;color:var(--gris);cursor:not-allowed} #pcModal ::placeholder{color:#94a1af} #pcModal input[type=file]{display:block;width:100%;max-width:100%;margin-top:6px;font:inherit;font-size:13px} #pcModal input[type=checkbox]{accent-color:var(--azul);width:17px;height:17px;cursor:pointer;flex:none} #pcModal label.pc-check{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-weight:400;color:var(--texto);cursor:pointer;vertical-align:middle} #pcModal .pc-caja{margin:12px 0;padding:10px 12px;border:1px dashed #c3cdd9;border-radius:var(--pc-radio-ctl)} #pcModal .pc-caja.solida{border:1px solid var(--borde);background:#f8fafc} #pcModal .pc-caja-tit{font-size:13px;font-weight:700;color:var(--azul)} /* Ficha del registro */ #pcModal .pc-ficha{border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);padding:4px 12px;margin:10px 0} #pcModal .pc-ficha-fila{display:flex;gap:12px;padding:7px 0;border-top:1px solid #f0f2f5;font-size:14px} #pcModal .pc-ficha-fila:first-child{border-top:none} #pcModal .pc-ficha-etq{flex:0 0 150px;color:var(--gris);font-weight:600;font-size:13px} #pcModal .pc-ficha-val{flex:1;min-width:0;overflow-wrap:anywhere} #pcModal .pc-ficha-titulo{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.04em} /* Contacto como chips: se tocan (llamar, escribir) y ocupan una línea, no tres filas. */ #pcModal .pc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px} #pcModal .pc-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:6px 12px;border:1px solid var(--borde); border-radius:999px;background:#fff;font-size:13.5px;color:var(--azul);text-decoration:none;overflow-wrap:anywhere} #pcModal a.pc-chip:hover{border-color:var(--azul);background:var(--pc-azul-cl)} #pcModal .pc-chip.plano{color:var(--texto);background:#f8fafc} /* Pestañas de la ficha: el texto largo no estorba a lo que se usa a diario. */ #pcModal .pc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--borde);margin-bottom:4px} #pcModal .pc-tab{appearance:none;border:none;background:none;padding:10px 14px;margin-bottom:-1px;font:inherit;font-size:14px;font-weight:600; color:var(--gris);cursor:pointer;border-bottom:2px solid transparent;border-radius:8px 8px 0 0} #pcModal .pc-tab:hover{color:var(--texto);background:#f6f8fc} #pcModal .pc-tab.on{color:var(--azul);border-bottom-color:var(--azul)} #pcModal .pc-tab:focus-visible{outline:none;box-shadow:var(--pc-foco)} #pcModal .pc-tabpanel.oculto{display:none} /* Documentos: qué es, cómo se llama y cómo se abre — uno por línea. */ #pcModal .pc-docs{display:grid;gap:6px} #pcModal .pc-doc{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);padding:9px 12px} #pcModal .pc-doc.falta{background:#f8fafc;border-style:dashed} #pcModal .pc-doc-ic{flex:0 0 auto;font-size:15px} #pcModal .pc-doc-txt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1} #pcModal .pc-doc-etq{font-size:11.5px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.03em} #pcModal .pc-doc-nom{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #pcModal .pc-doc.falta .pc-doc-nom{color:var(--gris)} /* Particularidades: una tarjeta por bloque y las enumeraciones como lista de verdad. */ #pcModal .pc-part-celda{min-width:0;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);padding:12px 14px;background:#f8fafc;margin:10px 0} #pcModal .pc-part-etq{display:block;font-size:11.5px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px} #pcModal .pc-part-val{font-size:14px;overflow-wrap:anywhere} #pcModal .pc-part-p{font-size:15px;line-height:1.45;margin:0} #pcModal .pc-part-lista{margin:0;padding-left:20px;display:grid;gap:5px} #pcModal .pc-part-lista li{line-height:1.45} #pcModal .pc-part-lista li.pc-oculto{display:none} #pcModal .pc-vermas{margin-top:8px;border:1px solid var(--borde);background:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--azul);cursor:pointer} #pcModal .pc-vermas:hover{border-color:var(--azul)} #pcModal .pc-hist{border-left:3px solid var(--pc-azul2);padding:8px 12px;margin:8px 0;background:#f8fafc;border-radius:0 var(--pc-radio-ctl) var(--pc-radio-ctl) 0;overflow-wrap:anywhere} /* Editor de tarifas de la propuesta */ #pcModal .pc-tabla-tar{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl)} #pcModal .pc-tabla-tar table{width:100%;min-width:860px;border-collapse:collapse;font-size:13px;table-layout:fixed} #pcModal .pc-tabla-tar th:nth-child(1){width:19%} #pcModal .pc-tabla-tar th:nth-child(2){width:31%} #pcModal .pc-tabla-tar th:nth-child(3){width:12%} #pcModal .pc-tabla-tar th:nth-child(4){width:12%} #pcModal .pc-tabla-tar th:nth-child(5){width:10%} #pcModal .pc-tabla-tar th:nth-child(6){width:9%} #pcModal .pc-tabla-tar th:nth-child(7){width:94px} #pcModal .pc-tabla-tar thead th{background:#f8fafc;color:var(--gris);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:8px;border-bottom:1px solid var(--borde)} #pcModal .pc-tabla-tar td{padding:6px;vertical-align:top;border-top:1px solid var(--gris-cl)} #pcModal .pc-tabla-tar tbody tr:first-child td{border-top:none} #pcModal .pc-ti{width:100%;min-height:32px;border:1px solid var(--borde);border-radius:8px;padding:6px 7px;font:inherit;font-size:13px;color:var(--texto);background-color:#fff} #pcModal textarea.pc-ti{resize:vertical;min-height:34px;line-height:1.35} #pcModal .pc-ti.num{text-align:right} #pcModal select.pc-ti+.pc-ti{margin-top:4px} #pcModal .pc-tt-total{text-align:right;white-space:nowrap;font-weight:600;color:var(--azul);padding-top:12px} #pcModal .pc-tt-acc{white-space:nowrap} #pcModal .pc-tar-mas{margin-top:8px} #pcModal .pc-tar-resumen{margin-top:10px;padding:10px 12px;background:#f5f7fb;border-radius:var(--pc-radio-ctl);font-size:14px} /* ── Vista previa de la propuesta (pdf.js, encima de la ventana; por debajo de la bandeja de avisos) ── */ #pcPrevia{position:fixed;inset:0;z-index:65;display:flex;flex-direction:column;background:rgba(15,23,42,.85)} #pcPrevia .pc-pv-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#fff;color:var(--texto)} #pcPrevia .pc-pv-hueco{flex:1} #pcPrevia .pc-pv-aviso{color:var(--pc-warn);font-size:13px} #pcPrevia .pc-pv-body{flex:1;overflow:auto;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:14px} #pcPrevia canvas{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.35);max-width:100%;height:auto} /* ── Modo SOLO-LECTURA (nivel «ver»): se ocultan los controles de escritura; quedan lectura y navegación. ── */ body[data-solover="1"] :is(#panel.pc-host,#pcModal) :is(.pc-btn.pri,.pc-btn.dan,.pc-menu-it.pri,.pc-menu-it.dan){display:none!important} body[data-solover="1"] #panel.pc-host .pc-sv-only{display:inline} @keyframes pcModalAnim{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}} @keyframes pcFondo{from{opacity:0}to{opacity:1}} @keyframes pcHoja{from{transform:translateY(100%)}to{transform:none}} @media(prefers-reduced-motion:reduce){:is(#panel.pc-host,#pcModal,#pcPrevia) *{animation-duration:.01ms!important;transition-duration:.01ms!important}} @media(max-width:1400px){ #panel.pc-host .pc-tabla thead th{padding:9px 10px} #panel.pc-host .pc-tabla tbody td{padding:9px 10px;font-size:13px} #panel.pc-host .pc-td-compacta{max-width:180px} } /* Escritorio/tablet: el nombre del potencial no se aplasta y los «— sin …» no se parten en dos renglones; si no cabe, la tabla hace scroll dentro del panel (Acciones sigue fija a la derecha). */ @media(min-width:761px){ #panel.pc-host .pc-tabla td.pc-tit{min-width:180px} #panel.pc-host .pc-tabla td>.pc-gris{white-space:nowrap} #panel.pc-host select.pc-fcol{min-width:104px} } @media(min-width:761px) and (max-width:900px){#panel.pc-host .pc-tabla{min-width:760px}} /* ── Celular: dedos, no punteros. 16 px evita el zoom de iOS al enfocar ── */ @media(max-width:760px){ #panel.pc-host,#pcModal,#pcPrevia{--pc-ctl-h:44px} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.sm{min-height:36px;padding:6px 12px;font-size:13px} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pc-ico{width:40px;height:40px;min-width:40px} :is(#panel.pc-host,#pcModal,#pcPrevia) .pc-btn.pc-ico.mini{width:32px;height:32px;min-width:32px;min-height:32px} #panel.pc-host .pc-head{margin-bottom:8px} #panel.pc-host .pc-head h2{font-size:18px} #panel.pc-host .pc-tools{margin-left:0;width:100%} #panel.pc-host .pc-buscar{flex:1 1 150px;width:auto;min-width:0;font-size:16px} /* La acción principal queda abajo, al alcance del pulgar (igual que «+ Nueva PQR»). */ #panel.pc-host #pcNueva{position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;min-height:52px;border-radius:999px;padding:14px 22px;font-size:15px;box-shadow:0 8px 24px rgba(28,63,96,.35)} #panel.pc-host .pc-panel{background:none;border:none;box-shadow:none;overflow:visible;padding-bottom:90px} /* Tabla como TARJETAS. OJO: al filtrar las filas se ocultan con style="display:none" → aquí el display del tr NO lleva !important. */ #panel.pc-host .pc-barra{display:flex;gap:8px;margin-bottom:8px} #panel.pc-host .pc-barra>.pc-btn{flex:1 1 auto;min-height:var(--pc-ctl-h);font-size:14px} #panel.pc-host .pc-tabla{display:block;min-width:0;font-size:14px} #panel.pc-host .pc-tabla>thead{display:block;margin-bottom:10px} /* Encabezado: fichas «Ordenar» (los títulos que ordenan). */ #panel.pc-host .pc-tabla>thead>tr:first-child{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none} #panel.pc-host .pc-tabla>thead>tr:first-child::before{content:'Ordenar';flex:none;font-size:12px;font-weight:600;color:var(--gris);margin-right:2px} #panel.pc-host .pc-tabla>thead>tr:first-child>th{display:none} #panel.pc-host .pc-tabla>thead>tr:first-child>th.pc-orden{display:block;flex:none;position:static;background:#fff;border:1px solid var(--borde);border-radius:999px;padding:10px 14px;font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--azul)} /* Filtros por columna: ocultos hasta pulsar «🔎 Filtros». */ #panel.pc-host .pc-tabla>thead>tr.pc-filtros{display:none} #panel.pc-host .pc-panel.pc-filtros-on .pc-tabla>thead>tr.pc-filtros{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;background:#fff;border:1px solid var(--borde);border-radius:var(--pc-radio);padding:12px 14px} #panel.pc-host .pc-tabla>thead>tr.pc-filtros>th{display:block;position:static;padding:0;background:none;border:none;white-space:normal;text-align:left} #panel.pc-host .pc-tabla>thead>tr.pc-filtros>th.pc-vacia{display:none} #panel.pc-host .pc-tabla>thead>tr.pc-filtros>th::before{content:attr(data-l);display:block;font-size:12.5px;font-weight:600;color:var(--gris);margin-bottom:4px} #panel.pc-host .pc-fcol{min-height:var(--pc-ctl-h);font-size:16px;padding:9px 12px;border-radius:var(--pc-radio-ctl)} #panel.pc-host .pc-tabla>tbody{display:grid;gap:10px} #panel.pc-host .pc-tabla>tbody>tr{display:flex;flex-direction:column;background:#fff;border:1px solid var(--borde);border-radius:var(--pc-radio);box-shadow:var(--pc-sombra);padding:12px 14px} #panel.pc-host .pc-tabla>tbody>tr:active{background:#f6f9fd} #panel.pc-host .pc-tabla>tbody>tr>td{display:flow-root;position:static;padding:4px 0;border:none;background:none;box-shadow:none;text-align:right;min-width:0;max-width:none;overflow-wrap:anywhere;font-size:14px} #panel.pc-host .pc-tabla>tbody>tr:hover>td{background:none} #panel.pc-host .pc-tabla>tbody>tr>td::before{content:attr(data-l);float:left;max-width:45%;margin-right:14px;text-align:left;font-size:12px;font-weight:600;color:var(--gris);line-height:1.6;overflow-wrap:normal} #panel.pc-host .pc-tabla>tbody>tr>td.pc-vacia{display:none} #panel.pc-host .pc-tabla>tbody>tr>td.pc-tit{order:-1;display:block;text-align:left;font-size:15px;font-weight:600;padding:0 0 6px;line-height:1.35} #panel.pc-host .pc-tabla>tbody>tr>td.pc-tit::before,#panel.pc-host .pc-tabla>tbody>tr>td.pc-acc::before,#panel.pc-host .pc-tabla>tbody>tr>td[colspan]::before{content:none} #panel.pc-host .pc-tabla>tbody>tr>td.pc-acc{order:9;display:block;position:static;background:none;box-shadow:none;margin-top:8px;padding-top:10px;border-top:1px solid var(--gris-cl)} #panel.pc-host .pc-acciones>.pc-menu-btn{flex:1 1 auto;min-height:var(--pc-ctl-h);font-size:14px} #panel.pc-host .pc-tabla>tbody>tr>td[colspan]{display:block;text-align:center;padding:14px 0} #panel.pc-host .pc-celda-archivo{white-space:normal;flex-wrap:wrap;justify-content:flex-end} /* El menú sube desde abajo, con opciones grandes. */ #panel.pc-host .pc-menu{left:0!important;right:0;top:auto!important;bottom:0;max-width:none;border:none;border-radius:18px 18px 0 0;padding:10px 10px calc(12px + env(safe-area-inset-bottom));animation:pcHoja .2s cubic-bezier(.2,.8,.2,1)} #panel.pc-host .pc-menu-it{min-height:50px;font-size:16px;padding:10px 14px} #panel.pc-host .pc-menu-fondo{background:rgba(15,23,42,.45)} /* La ventana sube desde abajo y ocupa el ancho: los botones quedan al alcance del pulgar. */ #pcModal{place-items:end center;padding:0} #pcModal .pc-card,#pcModal .pc-card.ancho{--m-x:16px;--m-b:calc(18px + env(safe-area-inset-bottom));width:100%;max-width:none;max-height:94vh;border-radius:18px 18px 0 0;animation-name:pcHoja} #pcModal .pc-pie{padding-bottom:calc(12px + env(safe-area-inset-bottom))} #pcModal .pc-pie>.pc-btn{flex:1 1 auto;white-space:normal} #pcModal :is(input,select,textarea):where(:not([type=checkbox],[type=file],.pc-ti)){font-size:16px} #pcModal .pc-ti{min-height:40px;font-size:16px} #pcModal .pc-ficha-fila{flex-direction:column;gap:2px} #pcModal .pc-ficha-etq{flex:none} #pcModal .pc-tabs{gap:0} #pcModal .pc-tab{flex:1;padding:12px 8px;font-size:15px} #pcModal .pc-chip{max-width:100%;min-height:40px} #pcModal .pc-doc{flex-wrap:wrap} #pcModal .pc-doc>.pc-btn{width:100%} #pcPrevia .pc-pv-top>.pc-btn{flex:1 1 auto} #pcPrevia .pc-pv-hueco{display:none} } /* ── Propio de Porteo ── */ /* Tabla de tarifas (configuración): angosta, sin el ancho mínimo del editor de tarifas. */ #pcModal .pc-tabla-rangos table{min-width:0;table-layout:auto} #pcModal .pc-tabla-rangos th:nth-child(n){width:auto} #pcModal .pc-tabla-rangos th:last-child{width:44px} #pcModal .pc-tt-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--gris);padding-top:12px;white-space:nowrap} #panel.pc-host .pc-head{gap:8px} /* Selector de la copropiedad: solo clientes o potenciales registrados. */ #pcModal .pc-selector{margin-top:4px} #pcModal .pc-res{margin-top:6px;max-height:260px;overflow:auto;border:1px solid var(--borde);border-radius:var(--pc-radio-ctl);background:#fff} #pcModal .pc-res:empty{display:none} #pcModal .pc-res-it{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;border:none;border-top:1px solid var(--gris-cl);background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--texto)} #pcModal .pc-res-it:first-child{border-top:none} #pcModal .pc-res-it:hover,#pcModal .pc-res-it:focus-visible{background:var(--pc-azul-cl);outline:none} #pcModal .pc-res-ic{flex:none;font-size:17px} #pcModal .pc-res-txt{display:flex;flex-direction:column;gap:1px;min-width:0} #pcModal .pc-res-txt b{font-weight:600;font-size:14px;overflow-wrap:anywhere} #pcModal .pc-res-txt .pc-gris{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #pcModal .pc-res-vacio{padding:14px 12px;font-size:13px;color:var(--gris);text-align:center;line-height:1.5} #pcModal .pc-elegido{display:flex;align-items:center;gap:10px;min-height:var(--pc-ctl-h);padding:8px 10px 8px 12px;border:1px solid var(--azul);border-radius:var(--pc-radio-ctl);background:var(--pc-azul-cl)} #pcModal .pc-elegido-ic{flex:none;font-size:18px} #pcModal .pc-elegido-txt{flex:1;display:flex;flex-direction:column;min-width:0} #pcModal .pc-elegido-txt b{font-size:14.5px;overflow-wrap:anywhere} #pcModal .pc-elegido-txt .pc-gris{font-size:12px} #pcModal .pc-origen{margin-left:6px;font-size:12px;color:var(--gris)} #panel.pc-host .pc-und{display:block;font-weight:600;font-variant-numeric:tabular-nums} #panel.pc-host .pc-und-t{display:block;font-size:11.5px;color:var(--gris);font-variant-numeric:tabular-nums} #pcModal .pc-pre{white-space:pre-line} #pcModal .pc-caja.solida>.pc-f:first-of-type{margin-top:6px} @media(max-width:760px){ #panel.pc-host .pc-head{min-height:0;margin:0} /* el botón pasa a flotar abajo */ #panel.pc-host .pc-und,#panel.pc-host .pc-und-t{display:inline;margin-left:6px} } /* ── Pipe Abierta → Creada → Enviada (vista por defecto) ── */ #panel.pc-host{--pc-abierta:#1967d2;--pc-creada:#b45309;--pc-enviada:#6b3fb8;--pc-ganada:#1a7f4b;--pc-perdida:#b42318} #panel.pc-host .pc-vistas-host{margin-right:auto;min-width:0} #panel.pc-host .pc-vistas{display:flex;gap:10px;flex-wrap:wrap;align-items:center} #panel.pc-host .pc-seg,#panel.pc-host .pc-cerr{display:inline-flex;gap:4px;background:#e9edf3;border-radius:999px;padding:3px} #panel.pc-host .pc-cerr{background:none;padding:0;gap:6px} #panel.pc-host .pc-vbtn{border:none;background:none;border-radius:999px;min-height:34px;padding:6px 14px;font:inherit;font-size:13.5px;font-weight:600;color:var(--gris);cursor:pointer;white-space:nowrap} #panel.pc-host .pc-vbtn span{font-weight:700;margin-left:2px;font-variant-numeric:tabular-nums} #panel.pc-host .pc-seg .pc-vbtn.on{background:#fff;color:var(--azul);box-shadow:var(--pc-sombra)} #panel.pc-host .pc-cerr .pc-vbtn{border:1px solid var(--borde);background:#fff} #panel.pc-host .pc-cerr .pc-vbtn.gan.on{border-color:var(--pc-ganada);color:var(--pc-ganada);background:var(--pc-ok-cl)} #panel.pc-host .pc-cerr .pc-vbtn.per.on{border-color:var(--pc-perdida);color:var(--pc-perdida);background:var(--pc-err-cl)} #panel.pc-host .pc-coltabs{display:none} #panel.pc-host .pc-tablero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start} #panel.pc-host .pc-col{background:#eef1f5;border-radius:var(--pc-radio);padding:10px 8px 8px;min-width:0;min-height:180px} #panel.pc-host .pc-col-h{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:14px;color:var(--azul)} #panel.pc-host .pc-n{background:#fff;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;color:var(--gris);font-variant-numeric:tabular-nums} #panel.pc-host .pc-col-suma{margin-left:auto;font-size:12px;font-weight:600;color:var(--gris);font-variant-numeric:tabular-nums} #panel.pc-host .pc-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--pc-abierta)} #panel.pc-host .pc-dot[data-e="Creada"]{background:var(--pc-creada)} #panel.pc-host .pc-dot[data-e="Enviada"]{background:var(--pc-enviada)} #panel.pc-host .pc-col-ayuda{font-size:12px;color:var(--gris);padding:4px 6px 8px;line-height:1.35} #panel.pc-host .pc-col-lista{display:grid;gap:8px} #panel.pc-host .pc-col-vacia{padding:18px 8px;text-align:center;font-size:12.5px;color:#94a1af;border:1px dashed #cfd6df;border-radius:10px} #panel.pc-host .pc-card{background:#fff;border:1px solid #e2e6ed;border-left:3px solid var(--pc-abierta);border-radius:10px;padding:10px 11px;cursor:pointer;outline:none;transition:box-shadow .12s,border-color .12s;min-width:0} #panel.pc-host .pc-col[data-e="Creada"] .pc-card{border-left-color:var(--pc-creada)} #panel.pc-host .pc-col[data-e="Enviada"] .pc-card{border-left-color:var(--pc-enviada)} #panel.pc-host .pc-card.cerrada{border-left-color:var(--borde)} #panel.pc-host .pc-card:hover,#panel.pc-host .pc-card:focus-visible{box-shadow:0 4px 12px rgba(20,40,70,.08);border-color:#c5cfdd} #panel.pc-host .pc-card:focus-visible{box-shadow:var(--pc-foco)} #panel.pc-host .pc-card-top{display:flex;align-items:flex-start;gap:6px} #panel.pc-host .pc-card-nom{flex:1;min-width:0;font-size:13.5px;line-height:1.3;color:var(--texto);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere} #panel.pc-host .pc-card-menu{margin:-4px -4px 0 0;font-size:16px;line-height:1} #panel.pc-host .pc-card-und{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--azul);font-variant-numeric:tabular-nums} #panel.pc-host .pc-card-cont{margin-top:2px;font-size:12.5px;color:var(--gris);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #panel.pc-host .pc-card-docs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} #panel.pc-host .pc-doc-chip{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:2px 9px;border:1px solid var(--borde);border-radius:999px;font-size:12px;font-weight:600;background:#f8fafc} #panel.pc-host .pc-doc-chip.ok{border-color:#b9dcc8;background:var(--pc-ok-cl);color:var(--pc-ganada)} #panel.pc-host .pc-card-subir{min-height:28px} #panel.pc-host .pc-card-nota{margin-top:6px;font-size:12px;color:var(--gris);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #panel.pc-host .pc-card-pie{margin-top:8px;padding-top:6px;border-top:1px solid var(--gris-cl);font-size:11.5px;color:#7a8794} #panel.pc-host .pc-card-pie.quieta{color:var(--pc-warn);font-weight:600} #panel.pc-host .pc-cerradas-h{margin-bottom:10px} #panel.pc-host .pc-cerr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} body[data-solover="1"] #panel.pc-host .pc-card-subir{display:none} @media(max-width:760px){ /* Una sola fila: Pipe|Lista, ganadas, perdidas y ⚙ (en el celular sin texto, con su número). */ #panel.pc-host .pc-head{flex-wrap:nowrap;gap:6px;margin-bottom:10px} #panel.pc-host .pc-vistas-host{flex:1;min-width:0;margin:0} #panel.pc-host .pc-vistas{flex-wrap:nowrap;gap:6px} #panel.pc-host .pc-lbl{display:none} #panel.pc-host .pc-vbtn{padding:6px 11px} #panel.pc-host #pcTablaBtn{min-height:40px;padding:6px 12px;flex:none} #panel.pc-host .pc-vbtn{min-height:40px} #panel.pc-host #pcTablaBtn{position:static} #panel.pc-host .pc-coltabs{display:flex;gap:6px;margin-bottom:10px;position:sticky;top:0;z-index:3;background:var(--bg,#f4f6fa);padding:4px 0} #panel.pc-host .pc-coltab{flex:1;min-height:44px;border:1px solid var(--borde);background:#fff;border-radius:12px;font:inherit;font-size:14px;font-weight:600;color:var(--gris);display:flex;align-items:center;justify-content:center;gap:6px} #panel.pc-host .pc-coltab span{font-size:12px;background:#eef1f5;border-radius:999px;padding:0 7px} #panel.pc-host .pc-coltab.on{border-color:var(--azul);color:var(--azul);box-shadow:inset 0 -3px 0 var(--azul)} #panel.pc-host .pc-tablero{display:block} #panel.pc-host .pc-col{display:none;background:none;padding:0 0 90px;min-height:0} #panel.pc-host .pc-col.activa{display:block} #panel.pc-host .pc-col-h{display:none} #panel.pc-host .pc-col-ayuda{padding:0 2px 8px} #panel.pc-host .pc-card{padding:13px 14px} #panel.pc-host .pc-card-nom{font-size:15px} #panel.pc-host .pc-card-menu{width:40px;height:40px;min-width:40px;min-height:40px} #panel.pc-host .pc-cerr-grid{grid-template-columns:1fr;padding-bottom:90px} }