/* Cartel FOR SALE compartido por publicar.html (vista en vivo), cartel.html (impresion) e index.html (muestra). */
.signbox{container-type:inline-size}
.sign{--c:#145cff;width:100%;aspect-ratio:360/565;background:#fff;border:3.2cqw solid var(--c);border-radius:6cqw;padding:2.6cqw;position:relative;overflow:hidden;box-shadow:0 2cqw 5cqw #10254430;font-family:'DM Sans',Arial,sans-serif;color:#000}
.sign[data-color="red"]{--c:#d9232d}
.sign[data-color="orange"]{--c:#f26a00}
.sign .s-in{height:100%;border:.6cqw solid #000;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;padding:2.6cqw 2.4cqw;gap:1.1cqw}
.sign .s-in>*{flex-shrink:0;max-width:100%}
.sign .s-info{display:contents}
.sign .s-top{order:0;width:100%;background:var(--c);color:#fff;border-radius:2.4cqw;padding:2.2cqw 1cqw;font:800 10.5cqw/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.4cqw}
.sign .s-veh{order:1;font:800 7.6cqw/1.05 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.3cqw;overflow-wrap:anywhere}
.sign .s-km{order:2;font:800 6cqw/1.05 'Plus Jakarta Sans',Arial,sans-serif;color:#000;text-transform:uppercase;letter-spacing:-.2cqw}
.sign .s-qrbox{order:3;display:flex;flex-direction:column;align-items:center;gap:1.6cqw}
.sign .s-scan{background:#000;color:#fff;border-radius:99cqw;padding:1.4cqw 4cqw;font:800 3.8cqw/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.15cqw;white-space:nowrap}
.sign .s-qr{width:58cqw;height:58cqw;background:#fff;padding:1cqw;outline:.5cqw solid #000}
.sign .s-qr svg{width:100%;height:100%;display:block}
.sign .s-qr.noqr{background:repeating-linear-gradient(45deg,#111 0 4px,#fff 4px 8px)}
.sign .s-price{order:4;font:800 9.6cqw/1 'Plus Jakarta Sans',Arial,sans-serif}
.sign .s-phone{order:5;font:800 9.4cqw/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.3cqw;white-space:nowrap}
.sign .s-mail{order:6;font-size:4.6cqw;font-weight:700;color:#000;overflow-wrap:anywhere}
.sign .s-foot{order:9;font-size:3cqw;font-weight:700;color:var(--c)}
.sign .ph{opacity:1}
.sign .gone{display:none}

/* Horizontal */
.sign.land{aspect-ratio:565/360;border-width:2.2cqw;border-radius:4cqw;padding:1.5cqw}
.sign.land .s-in{display:grid;grid-template-columns:1fr 33cqw;grid-template-rows:auto 1fr auto;padding:1.4cqw 1.8cqw;gap:1.2cqw 2cqw;border-width:.4cqw;justify-items:center}
.sign.land .s-in>*{max-width:none}
.sign.land .s-top{grid-column:1/-1;grid-row:1;width:100%;font-size:6cqw;padding:1.3cqw;border-radius:1.6cqw;letter-spacing:-.25cqw}
.sign.land .s-info{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:.8cqw;grid-column:1;grid-row:2;align-self:stretch;min-width:0;width:100%}
.sign.land .s-veh{font-size:5.2cqw;letter-spacing:-.2cqw}
.sign.land .s-km{font-size:4.2cqw;letter-spacing:-.1cqw}
.sign.land .s-price{font-size:6.6cqw}
.sign.land .s-phone{font-size:6.2cqw;letter-spacing:-.15cqw}
.sign.land .s-mail{font-size:3.4cqw}
.sign.land .s-qrbox{grid-column:2;grid-row:2;align-self:center;gap:1cqw}
.sign.land .s-scan{font-size:2.2cqw;padding:.8cqw 2.4cqw}
.sign.land .s-qr{width:29cqw;height:29cqw;margin:0;padding:.6cqw;outline-width:.3cqw}
.sign.land .s-foot{grid-column:1/-1;grid-row:3;font-size:2cqw}