/* Mi taller › Tabla de precios (precios-taller.js) */
.tp-usa{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tp-usa span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radio-pildora);border:1px solid var(--linea2);font-size:var(--t-3);font-weight:600;color:var(--gris)}
.tp-usa svg{width:15px;height:15px;stroke:var(--menta);fill:none;stroke-width:2}
.tp-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}
.tp-cifras div{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:12px 16px}
.tp-cifras b{display:block;font:800 var(--t-7)/1 var(--num,inherit);color:var(--menta)}
.tp-cifras span{font-size:var(--t-2);color:var(--gris)}
.tp-acc{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.tp-acc .btn.sec{margin:0}
.tp-filtro{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;margin:0 0 8px;scrollbar-width:none}
.tp-filtro .chip{flex:none;cursor:pointer}
#tpLista{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.tp-f{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.tp-f.fuera{border-style:dashed}
.tp-l1{display:flex;gap:8px;align-items:center}
.tp-ord{display:flex;flex-direction:column;gap:2px}
.tp-ord button{background:none;border:0;color:var(--gris2);font-size:var(--t-1);line-height:1;padding:4px 4px;cursor:pointer}
.tp-ord button:hover{color:var(--menta)}
.tp-nom{flex:1;min-width:0;margin:0!important;padding:8px 12px!important;font-weight:700;font-size:var(--t-4);background:transparent!important;border-color:transparent!important}
.tp-nom:focus{border-color:var(--linea2)!important;background:rgba(var(--tinta-rgb),.04)!important}
.tp-tipos{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));background:rgba(var(--tinta-rgb),.06);border-radius:var(--radio-2);padding:4px;gap:4px}
.tp-tipos button{border:0;background:none;color:var(--gris);font-weight:700;font-size:var(--t-3);padding:8px 2px;border-radius:var(--radio-1);cursor:pointer;white-space:nowrap}
.tp-tipos button.on{background:var(--menta);color:var(--sobre-menta)}
.tp-precio{display:flex;align-items:center;gap:8px}
.tp-precio label{position:relative;flex:1;margin:0}
.tp-precio label span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gris);font-weight:700;pointer-events:none}
.tp-precio input{width:100%;margin:0!important;padding:12px 12px 12px 28px!important;font:700 var(--t-6)/1.1 var(--num,inherit)}
.tp-precio i{color:var(--gris);font-style:normal}
.tp-ref{margin:-4px 0 0;font-size:var(--t-2);font-style:italic;color:var(--gris2)}
.tp-meta{display:flex;gap:8px}
.tp-meta select{flex:1;min-width:0;margin:0!important;padding:8px 12px!important;font-size:var(--t-3)}
.tp-tg{display:flex;gap:8px;flex-wrap:wrap}
.tp-tg button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linea2);background:none;color:var(--gris);border-radius:var(--radio-pildora);padding:8px 12px 8px 8px;font-size:var(--t-3);font-weight:600;cursor:pointer}
.tp-tg button i{width:30px;height:18px;border-radius:var(--radio-1);background:rgba(var(--tinta-rgb),.16);position:relative}
.tp-tg button i::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:var(--dur-2)}
.tp-tg button.on{color:var(--texto);border-color:rgba(var(--menta-rgb),.5)}
.tp-tg button.on i{background:var(--menta)}
.tp-tg button.on i::after{left:14px}
.tp-ve{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--linea);padding-top:12px}
.tp-ve span{font-size:var(--t-2);color:var(--gris);text-transform:uppercase;letter-spacing:.08em}
.tp-ve b{font-size:var(--t-4);color:var(--menta)}
.tp-sug{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:-4px}
.tp-sug span{font-size:var(--t-2);color:var(--gris)}
.tp-sug .chip{cursor:pointer}
.tp-vacio{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 16px;border:1px dashed var(--linea2);border-radius:var(--radio-2)}
.tp-vacio svg{width:40px;height:40px;stroke:var(--menta);fill:none;stroke-width:1.6}
.tp-vacio span{color:var(--gris);font-size:var(--t-3)}
.tp-nota{margin-top:16px}
.tp-msg{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;transition:var(--dur-2);background:var(--sup);border:1px solid var(--linea2);border-radius:var(--radio-pildora);padding:8px 16px;font-size:var(--t-3);z-index:60}
.tp-msg.ver{opacity:1;transform:translateX(-50%)}
.tp-msg.malo{border-color:#ff6b6b;color:#ffb3b3}
@media(max-width:560px){#tpLista{grid-template-columns:1fr}.tp-cifras b{font-size:var(--t-6)}}
/* Paquetes y precio por tamaño de auto (SQL 044) */
.tp-usa button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radio-pildora);border:1px solid rgba(var(--menta-rgb),.5);background:none;color:var(--menta);font:600 var(--t-3)/1.2 inherit;cursor:pointer}
.tp-usa button svg{width:15px;height:15px;stroke:var(--menta);fill:none;stroke-width:2}
.tp-clase{grid-template-columns:1fr 1fr}
.tp-etq{display:flex;flex-wrap:wrap;gap:8px}
.tp-etq button{border:1px solid var(--linea2);background:none;color:var(--gris);border-radius:var(--radio-pildora);padding:4px 12px;font-size:var(--t-2);font-weight:600;cursor:pointer}
.tp-etq button.on{border-color:var(--ambar);color:var(--ambar)}   /* azul del modo: el naranja daba 1.9:1 en Claro y no va (Rodrigo) */
.tp-sub{margin:0 0 8px;font-size:var(--t-1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.tp-inc{display:grid;gap:8px}
.tp-inc-f{display:flex;align-items:center;gap:8px}
.tp-inc-f>i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radio-1);background:var(--menta);color:var(--sobre-menta);font:900 var(--t-2)/1 inherit;font-style:normal}
.tp-inc-f input{flex:1;min-width:0;margin:0!important;padding:8px 12px!important;font-size:var(--t-3)}
.tp-inc-mas{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--menta);font:600 var(--t-3) inherit;cursor:pointer;padding:4px 0;justify-self:start}
.tp-inc-mas i{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radio-1);border:1px dashed var(--menta);font-style:normal}
.tp-tam{display:grid;gap:8px}
.tp-tam-f{display:grid;grid-template-columns:44px 1fr 120px;align-items:center;gap:8px;margin:0;font-size:var(--t-3)}
.tp-tam-f svg{width:42px;height:20px;fill:var(--gris)}
.tp-tam-f b{position:relative;display:block}
.tp-tam-f em{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--gris);pointer-events:none}
.tp-tam-f input{width:100%;margin:0!important;padding:8px 12px 8px 24px!important;font:800 var(--t-4)/1.1 var(--num,inherit);text-align:right}
.tp-tam-f input::placeholder{font-weight:500;font-size:var(--t-3)}
.tp-link{justify-self:start;background:none;border:0;padding:0;color:var(--menta);font:600 var(--t-3) inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-align:left}
.tp-iva{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:12px 12px;border:1px solid var(--linea2);border-radius:var(--radio-2);font-size:var(--t-3);color:var(--gris);cursor:pointer}
.tp-iva input{flex:none;margin:2px 0 0!important;width:18px;height:18px}
.tp-iva b{color:var(--texto)}

/* «Sugerido por EMIR»: se ve mientras el precio siga siendo el sugerido de su zona */
.tp-sugemir{align-self:flex-start;justify-self:start;width:max-content;max-width:100%;margin:2px 0 6px;font-size:11px;letter-spacing:.02em}

/* «Arma tu lista en un minuto»: la tarjeta de sugeridos arriba de la tabla (servicios en casillas por categoría + paquetes armados) */
.tp-arma{background:var(--sup);border:1px solid rgba(var(--menta-rgb),.35);border-radius:var(--radio-3);padding:16px;margin:0 0 20px;display:grid;gap:12px;box-shadow:0 0 32px rgba(var(--menta-rgb),.08)}
.tp-arma-cab{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.tp-arma-ante{margin:0 0 4px;font-size:var(--t-2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--menta)}
.tp-arma h2{margin:0;font-size:var(--t-6);line-height:1.1}
.tp-arma-cab p:last-child{margin:6px 0 0;color:var(--gris);font-size:var(--t-3)}
.tp-arma-x{flex:none;background:none;border:0;color:var(--gris);font-size:var(--t-6);line-height:1;padding:4px 8px;cursor:pointer}
.tp-arma-x:hover{color:var(--texto)}
.tp-arma-zona{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}
.tp-arma-zona>span{font-size:var(--t-3);font-weight:700;color:var(--gris)}
.tp-arma-zona div{display:flex;gap:8px;flex-wrap:wrap}
.tp-arma-zona .chip{cursor:pointer;border:0;font:inherit;font-size:var(--t-2);font-weight:700}
.tp-arma .tp-sub{margin:8px 0 0}
.tp-arma-paqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.tp-arma-paq{position:relative;display:grid;gap:10px;align-content:space-between;margin:0;padding:12px 12px 12px 36px;border:1px solid var(--linea2);border-radius:var(--radio-2);font-size:var(--t-3)}
.tp-arma-pl{display:grid;gap:4px;margin:0;cursor:pointer;font:inherit;color:inherit}
.tp-arma-paq.on{border-color:rgba(var(--menta-rgb),.55);background:rgba(var(--menta-rgb),.05)}
.tp-arma-paq.pop{border-color:var(--ambar)}
.tp-arma-paq input[type=checkbox],.tp-arma-s input[type=checkbox]{position:absolute;left:12px;top:14px;width:16px;height:16px;margin:0!important;accent-color:var(--menta)}
.tp-arma-pop{display:inline-block;justify-self:start;font-style:normal;font-size:11px;font-weight:800;color:var(--ambar);letter-spacing:.04em}   /* azul del modo, no naranja (Rodrigo) */
.tp-arma-paq b{font-size:var(--t-4);line-height:1.15}
.tp-arma-paq em,.tp-arma-s em{font:800 var(--t-5)/1 var(--num,inherit);font-style:normal;color:var(--menta)}
.tp-arma-paq ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px;color:var(--gris);font-size:var(--t-2)}
.tp-arma-paq li::before{content:'✓ ';color:var(--menta);font-weight:900}
.tp-arma-serv{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.tp-arma-s{position:relative;display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0;padding:8px 10px 8px 36px;border:1px solid var(--linea);border-radius:var(--radio-2);min-width:0}
.tp-arma-sl{flex:1;min-width:0;margin:0;cursor:pointer;font:inherit;color:inherit;align-self:stretch;display:flex;align-items:center}
.tp-arma-s.on{border-color:rgba(var(--menta-rgb),.4)}
.tp-arma-s input[type=checkbox]{top:50%;transform:translateY(-50%)}
.tp-arma-s span{display:grid;min-width:0}
.tp-arma-s b{font-size:var(--t-3);line-height:1.2}
.tp-arma-sl small{color:var(--gris2);font-size:var(--t-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-arma-s em{flex:none;font-size:var(--t-4)}
.tp-arma-pie{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:4px -16px -16px;padding:12px 16px;background:var(--sup);border-top:1px solid var(--linea);border-radius:0 0 var(--radio-3) var(--radio-3)}
.tp-arma-pie>span{font-size:var(--t-3);color:var(--gris)}
.tp-arma-pie>span b{color:var(--texto)}
.tp-arma-pie .btn{width:auto;margin:0;padding:12px 20px;font-size:var(--t-3)}
.tp-arma-pie .btn:disabled{opacity:.5;cursor:default}
@media(max-width:560px){.tp-arma{padding:12px;border-radius:var(--radio-2)}.tp-arma-serv{grid-template-columns:1fr}.tp-arma-paqs{grid-template-columns:1fr 1fr}.tp-arma-pie{margin:4px -12px -12px;padding:10px 12px;border-radius:0 0 var(--radio-2) var(--radio-2)}}
/* categorías de la tarjeta: cerradas de entrada (la casilla del grupo marca o quita todas); abiertas, las casillas con precio */
.tp-esq-arma{height:720px;border-radius:var(--radio-3);margin:0 0 20px}
.tp-arma-cats{display:grid;gap:6px}
.tp-arma-cat{border:1px solid var(--linea);border-radius:var(--radio-2)}
.tp-arma-cat summary{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none;font-size:var(--t-3)}
.tp-arma-cat summary::-webkit-details-marker{display:none}
.tp-arma-cat summary input{flex:none;width:16px;height:16px;margin:0!important;accent-color:var(--menta)}
.tp-arma-cat summary b{flex:1;min-width:0}
.tp-arma-cat summary span{color:var(--gris);font-size:var(--t-2)}
.tp-arma-cat summary i{width:8px;height:8px;border-right:2px solid var(--gris);border-bottom:2px solid var(--gris);transform:rotate(45deg);margin:0 4px 4px 0;transition:transform var(--dur-2)}
.tp-arma-cat[open] summary i{transform:rotate(-135deg);margin:4px 4px 0 0}
.tp-arma-cat .tp-arma-serv{padding:0 8px 8px}
@media(max-width:560px){.tp-esq-arma{height:1100px}}

/* precio editable de la primera configuración (28 oct 2026): gris punteado = sugerido por EMIR; menta = tu precio */
.tp-arma-ley{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:var(--t-2);color:var(--gris)}
.tp-arma-ley span{display:inline-flex;align-items:center;gap:6px}
.tp-arma-ley i{width:22px;height:12px;border-radius:4px;border:1px dashed var(--gris2)}
.tp-arma-ley i.t{border:1px solid var(--menta);background:rgba(var(--menta-rgb),.15)}
.tp-arma-pr{flex:none;display:grid;justify-items:end;gap:3px;width:118px}
.tp-arma-paq .tp-arma-pr{width:100%;justify-items:stretch}
.tp-arma-pr label{display:flex;align-items:center;gap:2px;margin:0;width:100%;padding:0 8px;border:1px dashed var(--gris2);border-radius:var(--radio-1,8px);background:rgba(255,255,255,.03);cursor:text}
.tp-arma-pr label:focus-within{border-style:solid;border-color:var(--menta)}
.tp-arma-pr em{font:700 var(--t-4)/1 var(--num,inherit);font-style:normal;color:var(--gris)}
html main.pg .tp-arma .tp-arma-pr input{all:unset;box-sizing:border-box;width:100%;min-width:0;min-height:0!important;height:38px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;outline:0;font:800 var(--t-4)/1 var(--num,inherit);color:var(--gris);text-align:right}
html main.pg .tp-arma .tp-arma-pr input::placeholder{color:var(--gris2);font-weight:600;font-size:var(--t-2)}
.tp-arma-pr.tuyo label{border:1px solid var(--menta);background:rgba(var(--menta-rgb),.12)}
.tp-arma-pr.tuyo em,html main.pg .tp-arma .tp-arma-pr.tuyo input{color:var(--texto)}
.tp-arma-pr small{font-size:11px;line-height:1.25;color:var(--gris2);text-align:right;white-space:normal!important}
.tp-arma-paq .tp-arma-pr small{text-align:left}
.tp-arma-pr.tuyo small{color:var(--menta)}
.tp-arma-pr small button{all:unset;cursor:pointer;color:var(--texto);text-decoration:underline;text-underline-offset:2px}
.tp-arma-s:not(.on) .tp-arma-pr,.tp-arma-paq:not(.on) .tp-arma-pr{opacity:.45}
.tp-arma-ver{display:grid;gap:8px}
.tp-arma-ver>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tp-arma-ver button{display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--linea2);border-radius:var(--radio-2);background:none;color:var(--texto);font:inherit;cursor:pointer}
.tp-arma-ver button b{font-size:var(--t-3)}
.tp-arma-ver button small{font-size:var(--t-2);color:var(--gris)}
.tp-arma-ver button.on{border-color:var(--menta);background:rgba(var(--menta-rgb),.1)}
.tp-arma-ver .hint{margin:0}
@media(max-width:560px){.tp-arma-ver>div{grid-template-columns:1fr}.tp-arma-pr{width:104px}}
/* solo lectura: quien no cambia precios (técnico, encargado) ve cada servicio en texto (filaLectura), sin campos ni botones */
.tp-solo .tp-f button{display:none}
.tp-lee{gap:8px}
.tp-lee .tp-l1{justify-content:space-between;align-items:baseline;gap:12px}
.tp-lee-nom{flex:1;min-width:0;font-size:var(--t-4);overflow-wrap:anywhere}
.tp-lee-precio{font-size:var(--t-4);font-weight:700;white-space:nowrap}
.tp-lee-meta{margin:0;font-size:var(--t-2);color:var(--gris)}