.sigpad{display:flex;flex-direction:column;gap:8px}.sigpad-wrap{position:relative;border:1.6px dashed #c8cfdb;border-radius:12px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 3px #0f172a0a}html:not(.light) .sigpad-wrap{background:#f6f8fc;border-color:#cdd5e2}.sigpad-canvas{display:block;width:100%;height:172px;touch-action:none;cursor:crosshair}.sigpad-baseline{position:absolute;left:18px;right:18px;bottom:34px;border-bottom:1px solid #e2e6ee;pointer-events:none}.sigpad-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aab2c2;font-size:13px;letter-spacing:.02em;pointer-events:none;user-select:none}.sigpad-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.sigpad-hint{font-size:11.5px;color:var(--muted, #6b7689);line-height:1.3}.sigpad-clear{flex:none;border:1px solid #d6dae3;background:transparent;color:var(--ink, #334155);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s}.sigpad-clear:hover{background:#2563eb12;border-color:#2563eb;color:#2563eb}.sigpad-clear svg{width:14px;height:14px}body.modo-cliente{background:var(--bg);overflow-x:hidden;overscroll-behavior:none}body.modo-cliente input,body.modo-cliente select,body.modo-cliente textarea{font-size:16px!important}body.modo-cliente:before{background:transparent!important}body.modo-cliente #app-root{padding-bottom:0!important;min-height:0!important}body.modo-cliente #cli-shell{position:fixed;inset:0;z-index:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none;width:100%;max-height:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:100px;background:var(--bg)}.cli-shell{width:100%}.cli-mob-hero{background:none!important;padding:8px 16px 12px;border-bottom:1px solid var(--border);overflow:visible}.cli-mob-hero:before{content:none!important}.clm-hero{display:flex;align-items:center;gap:12px;padding:24px 14px 20px;position:relative;overflow:hidden;transform-origin:center top;background:radial-gradient(150px 135px at 12% 18%,rgba(139,92,246,.34),transparent 70%),radial-gradient(175px 150px at 96% 96%,rgba(34,211,238,.22),transparent 70%),var(--surface);border-radius:0 0 22px 22px;margin-bottom:12px}html.light .clm-hero{background:radial-gradient(150px 135px at 12% 18%,rgba(139,92,246,.2),transparent 70%),radial-gradient(175px 150px at 96% 96%,rgba(34,211,238,.16),transparent 70%),var(--surface-2)}.clm-hero>*{position:relative;z-index:2}.clm-hero:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;z-index:1;background:radial-gradient(175px 155px at 12% 18%,rgba(139,92,246,.5),transparent 72%),radial-gradient(195px 170px at 96% 96%,rgba(34,211,238,.38),transparent 72%)}.clm-hero.react{animation:hero-react .36s cubic-bezier(.34,1.4,.5,1)}.clm-hero.react:after{animation:hero-glow .42s ease}.clm-avw{position:relative;width:72px;height:72px;flex-shrink:0;cursor:pointer}.clm-av{width:72px;height:72px;border-radius:50%;background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;overflow:hidden;box-shadow:0 0 0 2px #7c8fff52}.clm-av img{width:100%;height:100%;object-fit:cover}.clm-cam{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.clm-hi{flex:1;color:var(--text);font-size:16px;font-weight:600;line-height:1.18;min-width:0}.clm-hi small{display:block;color:var(--text3);font-size:11px;font-weight:400}.clm-tgl{margin-left:auto;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.clm-avw.pop,.clm-tgl.pop{animation:sn-pop .28s cubic-bezier(.34,1.5,.5,1)}body.modo-cliente #cliente-bottom-nav{position:fixed;inset:auto auto 16px 50%;transform:translate(-50%);width:auto;height:auto;align-items:center;display:flex;gap:3px;padding:9px;z-index:var(--z-topbar);border-radius:32px;background:#11141c80;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:none;transition:padding .25s ease}html.light body.modo-cliente #cliente-bottom-nav{background:#ffffffbd;border-color:#0f172a1f;box-shadow:var(--sh-md)}.cnav-btn{position:relative;width:64px;height:48px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;background:transparent;border:0;outline:none;cursor:pointer;border-radius:24px;color:#ffffff94;font-size:0;z-index:1;transition:transform .12s ease,color .2s,background-color .2s,width .25s,height .25s}.cnav-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.cnav-btn.on{color:#fff}html.light .cnav-btn{color:#1e293b}html.light .cnav-btn.on{color:#000}.cnav-btn:active{transform:scale(.86)}body.modo-cliente #cliente-bottom-nav.mini{padding:6px}body.modo-cliente #cliente-bottom-nav.mini .cnav-btn{height:40px}.cnav-btn.pop{animation:sn-pop .28s cubic-bezier(.34,1.5,.5,1)}body.modo-cliente #cliente-bottom-nav.tapped{animation:isl-tap .34s cubic-bezier(.34,1.4,.5,1)}.cli-hl{position:absolute;top:9px;bottom:9px;left:0;width:0;border-radius:24px;background:#ffffff24;pointer-events:none;z-index:0;transition:transform .32s cubic-bezier(.34,1.4,.5,1),width .32s cubic-bezier(.34,1.4,.5,1),top .25s ease,bottom .25s ease}html.light .cli-hl{background:#0f172a1a}body.modo-cliente #cliente-bottom-nav.mini .cli-hl{top:6px;bottom:6px}.nav-ind{position:absolute;inset:0;pointer-events:none}.cli-bdg{position:absolute;top:1px;right:9px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:9.5px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes sn-pop{0%{transform:scale(1)}28%{transform:scale(.84)}62%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes isl-tap{0%{transform:translate(-50%) scale(1);box-shadow:0 0 #7c8fff00}30%{transform:translate(-50%) scale(.975);box-shadow:0 0 22px 2px #7c8fff57}62%{transform:translate(-50%) scale(1.055);box-shadow:0 0 34px 4px #7c8fff42}to{transform:translate(-50%) scale(1);box-shadow:0 0 #7c8fff00}}@keyframes hero-react{0%{transform:scale(1)}34%{transform:scale(.99)}68%{transform:scale(1.007)}to{transform:scale(1)}}@keyframes hero-glow{0%{opacity:0}38%{opacity:.85}to{opacity:0}}.feed-post{margin:0 14px 12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.feed-post-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.feed-post-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.feed-post-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.feed-post-author{font-size:13px;font-weight:700}.feed-post-time{font-size:11px;color:var(--text2)}.feed-post-content{font-size:13px;line-height:1.45;margin:8px 0;white-space:pre-line}.u-subtitle{font-size:12px;color:var(--text2)}.feed-post-fotos{display:grid;gap:4px;margin:8px 0;border-radius:10px;overflow:hidden}.feed-post-fotos.cols-1{grid-template-columns:1fr}.feed-post-fotos.cols-2{grid-template-columns:1fr 1fr}.feed-post-fotos.cols-3{grid-template-columns:1fr 1fr 1fr}.feed-post-foto{width:100%;aspect-ratio:1;object-fit:cover;cursor:zoom-in;border-radius:8px}.feed-post-fotos.cols-1 .feed-post-foto{aspect-ratio:4 / 3}.feed-post-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.feed-action-btn{flex:1;padding:7px 10px;border:none;border-radius:9px;background:#0f172a0a;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .12s,transform .08s}.feed-action-btn:hover{background:#7c5cff1a}.feed-action-btn:active{transform:scale(.96)}.feed-action-btn.liked{color:#dc2626}.feed-action-btn.liked:hover{background:#ef44441a}.feed-comments{margin-top:10px;padding:8px 10px;background:#0f172a08;border-radius:9px}.feed-comment{font-size:12px;padding:4px 0;border-bottom:1px solid rgba(15,23,42,.06)}.feed-comment:last-child{border-bottom:none}.feed-comment strong{font-weight:700;color:var(--text);margin-right:5px}.feed-comment-input{display:flex;gap:6px;margin-top:8px}.feed-comment-input input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:13px;background:var(--surface);color:var(--text)}.feed-comment-input input:focus{outline:none;border-color:#7c5cff}.feed-comment-input button{padding:7px 12px;border:none;border-radius:9px;background:linear-gradient(135deg,#7c5cff,#22d3ee);color:#fff;font-weight:600;font-size:12px;cursor:pointer}.feed-gold-etapa{margin:0 14px 12px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fef3c7,#fbbf24);color:#78350f;border:2px solid #d97706;box-shadow:0 10px 24px #d977062e}.feed-gold-obra{background:linear-gradient(135deg,#fef9c3,#fbbf24,#f59e0b);border-color:#b45309}.feed-gold-header{display:flex;gap:10px;align-items:center;margin-bottom:10px}.feed-gold-badge{width:40px;height:40px;background:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.feed-gold-author{font-weight:800;font-size:13px}.feed-gold-time{font-size:10px;opacity:.8}.feed-gold-stars{font-size:18px;margin:4px 0}.feed-gold-etapa-name{font-size:14px;font-weight:600}.feed-gold-title{font-size:18px;font-weight:800;margin:4px 0}.feed-gold-divider{height:2px;background:#78350f40;margin:8px 0;border-radius:2px}.feed-gold-sub,.feed-gold-obra-msg{font-size:12px;line-height:1.5}.feed-empty{margin:0 14px;padding:30px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--text2);font-size:13px}