:root{--red:#d71920;--black:#090b0e;--white:#fff;--muted:#d9d9d9;--green:#25d366}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;font-family:Arial,Helvetica,sans-serif;color:#111}.stage{position:relative;width:min(100%,1440px);margin:0 auto;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.3);overflow:hidden}.design{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;z-index:5;display:block;background:transparent;border:0;cursor:pointer;text-decoration:none}.hotspot:focus-visible{outline:3px solid #ffd400;outline-offset:2px;border-radius:4px}.nav-home{top:.2%;left:18.5%;width:5.5%;height:2.6%}.nav-ciudades{top:.2%;left:24.5%;width:7%;height:2.6%}.nav-soldadura{top:.2%;left:32%;width:7.2%;height:2.6%}.nav-construccion{top:.2%;left:39.7%;width:8.5%;height:2.6%}.nav-fluidos{top:.2%;left:48.7%;width:6.5%;height:2.6%}.nav-proteccion{top:.2%;left:55.5%;width:8%;height:2.6%}.nav-proyectos{top:.2%;left:64%;width:9%;height:2.6%}.nav-velez{top:.2%;left:73.5%;width:5.3%;height:2.6%}.nav-ai{top:.15%;right:1%;width:13%;height:3%}.float-ai{position:fixed;right:18px;bottom:18px;z-index:20;background:linear-gradient(135deg,#d71920,#9f0910);color:#fff;border:0;border-radius:999px;padding:14px 18px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.25);cursor:pointer}.float-ai span{opacity:.82;font-weight:600;margin-left:6px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:50;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.panel{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.panel-head{background:#080a0d;color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font-size:22px}.close{border:0;background:#fff;color:#111;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.panel-body{padding:22px}.chat{background:#f3f4f5;border-radius:14px;padding:16px;min-height:240px}.msg{max-width:82%;padding:11px 13px;border-radius:14px;margin:9px 0;line-height:1.35}.bot{background:#fff;border:1px solid #ddd}.user{background:#d8f3d1;margin-left:auto}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick button,.btn{border:0;border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}.quick button{background:#eceff1}.btn-red{background:var(--red);color:#fff}.btn-dark{background:#101216;color:#fff}.chat-input{display:flex;gap:8px;margin-top:12px}.chat-input input{flex:1;border:1px solid #ccc;border-radius:9px;padding:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #ccc;border-radius:8px;padding:11px;font:inherit}.field textarea{min-height:90px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#101216;color:#fff;padding:12px 16px;border-radius:10px;z-index:80;display:none}.toast.show{display:block}.mobile-note{display:none}
@media(max-width:760px){body{background:#fff}.stage{width:1024px;max-width:none;margin:0}.page-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.float-ai{right:12px;bottom:12px}.mobile-note{display:block;position:fixed;left:10px;bottom:10px;z-index:15;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.15)}.form-grid{grid-template-columns:1fr}}