/* us/bid.css · paginas de contenido de BuildGets BID (guias, glosario, comparativa). [2026-09-27] */
:root{--azul:#2563eb;--azul-o:#1e3a8a;--tinta:#0f172a;--gris:#64748b;--linea:#e2e8f0;--fondo:#f8fafc;--bid:#B22234;--rayo:#f59e0b}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--tinta);background:var(--fondo);font-size:17px;line-height:1.7}
a{color:var(--azul)}
.envol{max-width:1080px;margin:0 auto;padding:0 20px}
.barra{background:#fff;border-bottom:1px solid var(--linea)}
.barra .envol{display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.marca{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--azul);text-decoration:none}
.marca .rayo{color:var(--rayo)}
.marca .bid{font-size:.72rem;font-weight:800;color:#fff;background:#B22234;border-radius:6px;padding:2px 7px;letter-spacing:.04em}   /* [2026-09-28] logo sutil A: etiqueta BID en rojo bandera */
.barra nav a{margin-left:18px;color:var(--gris);text-decoration:none;font-size:.93rem;font-weight:500}
.barra nav a.cta{color:#fff;background:var(--bid);padding:7px 14px;border-radius:9px;font-weight:700}
main.lectura{max-width:760px;padding-top:26px;padding-bottom:40px}
.migas{font-size:.85rem;color:var(--gris);margin-bottom:10px}
.migas a{color:var(--gris)}
h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.03em;margin:0 0 6px}
.fecha{color:var(--gris);font-size:.88rem;margin:0 0 22px}
.respuesta{font-size:1.08rem;background:#fff;border-left:4px solid var(--bid);padding:14px 18px;border-radius:0;margin:0 0 26px}
h2{font-size:1.4rem;letter-spacing:-.02em;margin:34px 0 8px}
h3{font-size:1.1rem;margin:24px 0 6px}
p,li{color:#1e293b}
table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--linea);font-size:.93rem;margin:10px 0 18px}
th,td{padding:9px 12px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:top}
th{background:#f8fafc;color:var(--gris);font-weight:600}
.tabla{overflow-x:auto}
dl.glosario dt{font-weight:700;margin-top:18px;font-size:1.05rem}
dl.glosario dd{margin:4px 0 0;color:#1e293b}
.faq details{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:12px 16px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700}
.veredicto{background:#fdf1f2;border:1px solid #f3c4ca;border-radius:12px;padding:14px 18px;margin:0 0 20px}
.tarjetas{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;padding:0}
.tarjetas li{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px}
.tarjetas a{font-weight:700;text-decoration:none}
.tarjetas span{display:block;color:var(--gris);font-size:.93rem;margin-top:4px}
.cta-caja{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:20px;margin-top:36px}
.cta-caja span{color:var(--gris)}
.cta-caja a{align-self:flex-start;background:var(--bid);color:#fff;font-weight:700;text-decoration:none;padding:10px 18px;border-radius:10px;margin-top:6px}
footer{border-top:1px solid var(--linea);background:#fff;margin-top:20px}
.pie{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:28px;padding-bottom:10px;font-size:.9rem}
.pie b{display:block;margin-bottom:6px}
.pie a{display:block;color:var(--gris);text-decoration:none;margin:3px 0}
.legal{color:var(--gris);font-size:.85rem;padding-top:8px;padding-bottom:30px}
.legal a{color:var(--gris)}
:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
@media (max-width:760px){h1{font-size:1.7rem}.barra nav a:not(.cta){display:none}.tarjetas{grid-template-columns:1fr}.pie{grid-template-columns:1fr}}

/* [2026-10-13] Descarga en Excel (us/unit-prices/export.js) y llamada a la acción dentro de las guías */
.bid-export{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 4px}
.bid-export button{font:inherit;font-weight:700;padding:10px 16px;border:0;border-radius:10px;background:var(--bid);color:#fff;cursor:pointer}
.bid-export button:disabled{opacity:.6;cursor:wait}
.bid-export span{font-size:.9rem;color:var(--gris)}
.cta-dentro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--linea);border-left:4px solid var(--bid);border-radius:12px;padding:14px 16px;margin:18px 0}
.cta-dentro b{display:block}
.cta-dentro span{color:var(--gris);font-size:.92rem}
.cta-dentro a{background:var(--bid);color:#fff;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:10px;white-space:nowrap}
/* [2026-10-13] «Is my bid high?» */
.bid-check{background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--bid);border-radius:12px;padding:16px 18px;margin:22px 0}
.bid-check-tit{margin:0 0 4px;font-weight:800;font-size:1.1rem}
.bid-check-nota{margin:0 0 12px;color:#64748b;font-size:.92rem}
.bid-check-fila{display:flex;gap:8px;flex-wrap:wrap}
.bid-check-fila select,.bid-check-precio{padding:0 10px;min-height:44px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff;max-width:100%}
.bid-check-fila select[name=item]{flex:1 1 260px;min-width:0}
.bid-check-precio{display:flex;align-items:center;gap:4px;flex:1 1 160px;min-width:0}
.bid-check-precio input{border:0;outline:0;font:inherit;width:100%;min-width:0;background:transparent}
.bid-check-fila button{font:inherit;font-weight:700;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:var(--bid);color:#fff;cursor:pointer}
.bid-check-out{margin-top:12px;font-size:.95rem}
.bid-check-out:empty{display:none}
.bid-check-veredicto{margin:0 0 10px;font-weight:700;font-size:1.05rem}
.bid-check-veredicto.v-very_low,.bid-check-veredicto.v-low{color:#0f766e}
.bid-check-veredicto.v-high,.bid-check-veredicto.v-very_high{color:#b45309}
.bid-check-barra{position:relative;height:10px;border-radius:6px;background:linear-gradient(90deg,#99f6e4 0%,#e2e8f0 35%,#e2e8f0 65%,#fde68a 100%);margin:0 0 10px}
.bid-check-barra i{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:#0f172a}
.bid-check-detalle{margin:0 0 10px;color:#475569}
.bid-check-copiar{font:inherit;font-size:.88rem;padding:6px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer}
/* [2026-10-13] incrustar, clave de la API, informes */
.bid-embed{margin:18px 0}.bid-embed summary{cursor:pointer;font-weight:700}
.bid-embed textarea,.bid-codigo{width:100%;box-sizing:border-box;font:13px/1.45 ui-monospace,Menlo,Consolas,monospace;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;white-space:pre-wrap;word-break:break-all}
.bid-clave{display:inline-block;font:14px ui-monospace,Menlo,Consolas,monospace;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;word-break:break-all}
.bid-form-fila{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.bid-form-fila input{flex:1 1 300px;min-width:0;min-height:44px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
.bid-form-fila button,.bid-boton{font:inherit;font-weight:700;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:var(--bid);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.bid-ok{color:#0f766e}.bid-ko{color:#b45309}
.bid-grafico{width:100%;height:auto;display:block;margin:10px 0 4px}
.tarjetas a.tarjeta{display:block;background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px;color:var(--tinta)}.tarjetas a.tarjeta b{color:var(--azul)}