CB Project Iron Paint \u2014 Terrassa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Black+Han+Sans&family=Barlow:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400&family=Share+Tech+Mono&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n:root{\n --k:#030303; --k1:#0a0a0a; --k2:#121212; --k3:#1c1c1c; --k4:#383838;\n --g:#d4980e; --g2:#f5c832; --g3:#ffe88a; --glow:rgba(212,152,14,.22);\n --cr:#e2dac4; --wh:#f8f2de;\n --red:#c01c08; --red2:#e42818;\n --mono:'Share Tech Mono',monospace;\n --display:'Black Han Sans',sans-serif;\n --body:'Barlow',sans-serif;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}\nbody{\n background:var(--k);color:var(--cr);\n font-family:var(--body);font-weight:400;\n overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;\n}\nimg{display:block;max-width:100%}\na{color:inherit;text-decoration:none}\nbutton{border:none;background:none;font:inherit;cursor:pointer;color:inherit}\ninput,select,textarea{font:inherit}\n\n\/* \u2500\u2500 GRANO ANAL\u00d3GICO \u2500\u2500 *\/\nbody::after{\n content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;\n background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23f)'\/%3E%3C\/svg%3E\");\n opacity:.03;mix-blend-mode:screen;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURSOR PERSONALIZADO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cx{position:fixed;z-index:99999;pointer-events:none;top:0;left:0}\n#cx-outer{\n width:40px;height:40px;\n border:1px solid var(--g);border-radius:50%;\n position:absolute;transform:translate(-50%,-50%);\n transition:width .18s,height .18s,opacity .18s;\n}\n\/* Miras del cursor *\/\n#cx-outer::before,#cx-outer::after{\n content:'';position:absolute;background:var(--g);\n}\n#cx-outer::before{top:50%;left:-10px;width:7px;height:1px;margin-top:-.5px}\n#cx-outer::after {left:50%;top:-10px;height:7px;width:1px;margin-left:-.5px}\n#cx-dot{\n width:5px;height:5px;background:var(--g2);border-radius:50%;\n position:absolute;transform:translate(-50%,-50%);\n}\nbody.hov #cx-outer{width:60px;height:60px;opacity:.5}\n@media(min-width:900px){body,a,button,input,select,textarea{cursor:none!important}}\n@media(max-width:899px){#cx{display:none}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PERSIANA MET\u00c1LICA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#persiana{\n position:fixed;inset:0;z-index:8000;\n display:flex;flex-direction:column;overflow:hidden;\n background:var(--k);\n}\n.lst{\n flex-shrink:0;height:50px;position:relative;overflow:hidden;\n background:linear-gradient(180deg,\n #2c2c2c 0%,#222 7%,#181818 20%,#202020 34%,\n #0f0f0f 50%,#1a1a1a 64%,#242424 78%,#141414 90%,#090909 100%);\n border-top:1px solid #2e2e2e;border-bottom:2px solid #040404;\n}\n.lst::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(0,0,0,.22) 100%)}\n.lst::after{content:'';position:absolute;inset:0;pointer-events:none;\n background:radial-gradient(ellipse 20px 100% at 7% 55%,rgba(130,58,8,.28) 0%,transparent 68%),\n radial-gradient(ellipse 16px 100% at 94% 40%,rgba(100,44,5,.2) 0%,transparent 65%)}\n.lst:nth-child(3n){background:linear-gradient(180deg,#242424 0%,#1c1c1c 7%,#131313 20%,#1a1a1a 34%,#0b0b0b 50%,#161616 64%,#1e1e1e 78%,#111 90%,#070707 100%)}\n.lst:nth-child(3n)::after{background:radial-gradient(ellipse 36px 100% at 22% 50%,rgba(144,56,8,.32) 0%,transparent 56%),radial-gradient(ellipse 18px 100% at 76% 65%,rgba(110,45,6,.22) 0%,transparent 60%)}\n.lst:nth-child(5n){background:linear-gradient(180deg,#282828 0%,#202020 7%,#161616 20%,#1e1e1e 34%,#0d0d0d 50%,#181818 64%,#222 78%,#131313 90%,#0a0a0a 100%)}\n.lst:nth-child(5n)::after{background:linear-gradient(108deg,transparent 28%,rgba(120,52,8,.24) 34%,rgba(140,62,10,.3) 39%,transparent 48%)}\n.lst:nth-child(7n){background:linear-gradient(180deg,#1c1c1c 0%,#161616 7%,#0e0e0e 20%,#161616 34%,#090909 50%,#131313 64%,#1a1a1a 78%,#0e0e0e 90%,#060606 100%)}\n.lst:nth-child(7n)::after{background:radial-gradient(ellipse 44px 100% at 42% 50%,rgba(92,40,4,.38) 0%,transparent 54%),radial-gradient(ellipse 22px 100% at 80% 38%,rgba(110,48,7,.26) 0%,transparent 58%)}\n.rm-l,.rm-r{\n position:absolute;top:50%;transform:translateY(-50%);\n width:10px;height:10px;border-radius:50%;z-index:2;\n background:radial-gradient(circle at 30% 28%,#aaa 0%,#444 52%,#111 100%);\n box-shadow:0 1px 2px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.1);\n}\n.rm-l{left:13px}.rm-r{right:13px}\n\n\/* Centro persiana *\/\n#p-c{\n position:absolute;inset:0;z-index:12;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n padding:20px;text-align:center;gap:12px;\n}\n.p-logo{\n width:clamp(72px,14vw,110px);height:auto;\n filter:drop-shadow(0 0 20px rgba(200,149,14,.22));\n margin-bottom:8px;\n}\n.p-tagline{\n font-family:var(--mono);font-size:clamp(9px,2vw,11px);\n letter-spacing:.4em;color:var(--g);text-transform:uppercase;margin-bottom:4px;\n}\n.p-name{\n font-family:var(--display);font-size:clamp(52px,14vw,108px);\n color:var(--wh);line-height:.9;letter-spacing:.02em;\n text-shadow:0 0 60px rgba(200,149,14,.1);\n}\n.p-name em{color:var(--g2);font-style:normal}\n.p-sub{\n font-family:var(--mono);font-size:clamp(9px,2.2vw,11px);\n letter-spacing:.32em;color:rgba(200,208,180,.55);text-transform:uppercase;\n margin-bottom:8px;\n}\n.p-sep{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--g2),transparent);margin:4px auto;box-shadow:0 0 8px rgba(245,200,50,.3)}\n.p-lema{\n font-family:var(--body);font-style:italic;font-weight:300;\n font-size:clamp(13px,3vw,16px);color:rgba(216,208,184,.7);\n max-width:360px;line-height:1.55;margin-bottom:10px;\n}\n.p-btn{\n display:inline-flex;align-items:center;gap:10px;\n padding:13px 38px;\n border:1px solid var(--g);color:var(--g2);\n font-family:var(--mono);font-size:clamp(11px,2.5vw,13px);letter-spacing:.26em;\n text-transform:uppercase;\n background:transparent;cursor:pointer!important;\n position:relative;overflow:hidden;transition:color .25s;\n}\n.p-btn::before{\n content:'';position:absolute;inset:0;background:var(--g);\n transform:translateX(-101%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:0;\n}\n.p-btn i,.p-btn span{position:relative;z-index:1}\n.p-btn:hover{color:var(--k)}.p-btn:hover::before{transform:translateX(0)}\n\n#persiana.up{animation:shutter 3.4s cubic-bezier(.18,.65,.32,1) forwards}\n@keyframes shutter{\n 0%{transform:translateY(0)} 3.5%{transform:translateY(-1.8%)}\n 7%{transform:translateY(-.9%)} 13%{transform:translateY(-9%)}\n 100%{transform:translateY(-103%)}\n}\n#persiana.up .lst{animation:rattle .16s ease 0s 4}\n@keyframes rattle{\n 0%{transform:scaleX(1)} 25%{transform:scaleX(1.002) skewX(.25deg)}\n 75%{transform:scaleX(.999) skewX(-.2deg)} 100%{transform:scaleX(1)}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SITE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#site{opacity:0;transition:opacity .7s ease .25s;width:100%}\n#site.on{opacity:1}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 PINTURA EN AEROSOL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n min-height:100svh;display:flex;flex-direction:column;\n position:relative;overflow:hidden;\n}\n\n\/* Canvas de part\u00edculas de pintura detr\u00e1s *\/\n#spray-canvas{\n position:absolute;inset:0;z-index:0;pointer-events:none;\n width:100%;height:100%;\n}\n\n\/* Suelo cuadriculado *\/\n.hero-floor{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n background:\n linear-gradient(180deg,transparent 55%,rgba(200,149,14,.04) 100%),\n repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.016) 80px),\n repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.016) 80px);\n}\n\n\/* Degradado lateral *\/\n.hero-vignette{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n background:\n radial-gradient(ellipse 70% 60% at 50% 100%,rgba(200,149,14,.07) 0%,transparent 65%),\n linear-gradient(180deg,transparent 60%,rgba(5,5,5,.85) 100%),\n linear-gradient(90deg,rgba(5,5,5,.6) 0%,transparent 40%,transparent 60%,rgba(5,5,5,.6) 100%);\n}\n\n.hero-inner{\n position:relative;z-index:3;flex:1;\n display:flex;flex-direction:column;justify-content:center;\n padding:clamp(50px,10vw,100px) clamp(20px,6%,100px) clamp(40px,6vw,80px);\n max-width:100%;\n}\n\n\/* Tag *\/\n.tag{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:clamp(10px,1.5vw,12px);\n letter-spacing:.38em;color:var(--g);text-transform:uppercase;\n margin-bottom:clamp(20px,3vw,32px);\n}\n.tag::before{content:'';width:22px;height:1px;background:var(--g);flex-shrink:0}\n\n\/* Titular hero \u2014 letras grandes con spray *\/\n.hero-h1{\n font-family:var(--display);\n font-size:clamp(52px,15vw,180px);\n line-height:.85;color:var(--wh);\n margin-bottom:clamp(20px,3vw,40px);\n position:relative;\n word-break:break-word;\n}\n.hero-h1 .painted{\n display:block;color:var(--g2);\n position:relative;\n text-shadow:\n 0 0 40px rgba(240,192,48,.25),\n 0 0 80px rgba(200,149,14,.12);\n}\n\/* Contorno stencil en la \u00faltima palabra *\/\n.hero-h1 .outline{\n display:block;\n -webkit-text-stroke:2px rgba(240,192,48,.5);\n color:transparent;\n font-size:clamp(56px,14vw,150px);\n}\n\n.hero-copy{\n font-size:clamp(16px,2vw,19px);font-weight:300;\n color:rgba(216,208,184,.85);line-height:1.75;\n max-width:500px;margin-bottom:clamp(28px,4vw,44px);\n}\n\n.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\n.btn-fill{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;\n transition:background .22s,border-color .22s;\n display:inline-flex;align-items:center;gap:9px;\n}\n.btn-fill:hover{background:var(--g2);border-color:var(--g2)}\n.btn-line{\n padding:15px 36px;\n background:transparent;border:1px solid var(--k4);color:var(--cr);\n font-family:var(--mono);font-size:12px;letter-spacing:.22em;\n text-transform:uppercase;\n transition:border-color .22s,color .22s;\n display:inline-flex;align-items:center;gap:9px;\n}\n.btn-line:hover{border-color:var(--g);color:var(--g2)}\n\n\/* Pistola de pintura SVG decorativa *\/\n.spray-gun-deco{\n position:absolute;right:-2%;bottom:8%;z-index:3;\n width:clamp(220px,35vw,520px);\n opacity:.38;\n filter:drop-shadow(0 0 24px rgba(212,152,14,.15)) drop-shadow(0 0 60px rgba(212,152,14,.06));\n transform:scaleX(-1);\n pointer-events:none;\n max-width:55vw;\n}\n@media(max-width:700px){.spray-gun-deco{display:none}}\n\n\/* Barra stats *\/\n.hero-stats{\n position:relative;z-index:3;\n display:grid;grid-template-columns:repeat(4,1fr);\n background:rgba(0,0,0,.75);\n border-top:1px solid var(--k4);\n backdrop-filter:blur(6px);\n}\n.st{\n padding:clamp(14px,2.5vw,22px) 12px;\n text-align:center;border-right:1px solid var(--k4);\n}\n.st:last-child{border-right:none}\n.st-n{\n display:block;\n font-family:var(--display);font-size:clamp(24px,5vw,36px);\n color:var(--g2);line-height:1;margin-bottom:5px;\n}\n.st-l{\n font-family:var(--mono);font-size:clamp(8px,1.2vw,10px);\n letter-spacing:.2em;color:#7a7268;text-transform:uppercase;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TICKER ANIMADO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker{\n height:52px;overflow:hidden;\n border-top:1px solid var(--k4);border-bottom:1px solid var(--k4);\n background:var(--k1);\n display:flex;align-items:center;position:relative;\n}\n.ticker::before,.ticker::after{\n content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;\n}\n.ticker::before{left:0;background:linear-gradient(90deg,var(--k1),transparent)}\n.ticker::after{right:0;background:linear-gradient(270deg,var(--k1),transparent)}\n.ticker-t{\n display:flex;gap:0;animation:marquee 24s linear infinite;\n white-space:nowrap;width:max-content;\n}\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.ti{\n display:inline-flex;align-items:center;gap:14px;\n padding:0 28px;border-right:1px solid var(--k4);\n font-family:var(--mono);font-size:11px;letter-spacing:.25em;\n color:#6a6258;text-transform:uppercase;\n}\n.ti.hi{color:var(--g);text-shadow:0 0 14px rgba(212,152,14,.35)}\n.ti-dot{width:4px;height:4px;background:currentColor;border-radius:50%}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECCIONES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.S{padding:clamp(48px,10vw,120px) clamp(16px,6%,100px);width:100%;}\n.S-dark{background:var(--k1)}\n.S-panel{background:var(--k2)}\n.S-black{background:var(--k)}\n\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:11px;letter-spacing:.36em;\n color:var(--g);text-transform:uppercase;margin-bottom:14px;\n}\n.eyebrow::before{content:'';width:18px;height:1px;background:var(--g);flex-shrink:0}\n\n.H{\n font-family:var(--display);\n font-size:clamp(38px,6vw,68px);\n color:var(--wh);line-height:.95;margin-bottom:18px;\n}\n.P{\n font-size:clamp(15px,2vw,17px);font-weight:400;\n color:rgba(216,208,184,.8);line-height:1.85;max-width:560px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ABOUT \u2014 CON ELEMENTOS DE TALLER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-grid{\n display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px;\n}\n@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}\n\n.about-txt .P{margin-bottom:20px}\n.about-txt blockquote{\n border-left:2px solid var(--g);\n padding:18px 0 18px 24px;\n margin:28px 0;\n font-size:clamp(16px,2.2vw,20px);font-style:italic;\n color:var(--wh);line-height:1.6;\n font-weight:300;\n}\n\n\/* Ficha taller *\/\n.ficha{background:var(--k);border:1px solid var(--k4)}\n.ficha-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(200,149,14,.08),transparent);\n}\n.ficha-head-lbl{\n font-family:var(--mono);font-size:10px;letter-spacing:.3em;\n color:var(--g2);text-transform:uppercase;\n}\n.ficha-logo{height:32px;width:auto}\n.fr{\n display:flex;align-items:flex-start;gap:14px;\n padding:14px 20px;border-bottom:1px solid var(--k4);\n transition:background .2s;\n}\n.fr:last-child{border-bottom:none}\n.fr:hover{background:rgba(200,149,14,.04)}\n.fr-ico{\n width:34px;height:34px;flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:13px;color:var(--g);\n}\n.fr-k{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--g);text-transform:uppercase;margin-bottom:3px}\n.fr-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.5}\n.fr-v small{font-size:12px;color:rgba(216,208,184,.5);font-style:italic}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS \u2014 DISE\u00d1O INNOVADOR\n Tarjetas apiladas con n\u00famero enorme\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.srv-list{margin-top:48px;display:flex;flex-direction:column;gap:2px}\n.srv{\n display:flex;align-items:center;gap:clamp(14px,3vw,32px);\n padding:clamp(20px,3vw,28px) clamp(16px,3vw,28px);\n background:var(--k2);\n border-left:3px solid transparent;\n position:relative;overflow:hidden;\n transition:background .25s,border-color .25s;\n}\n.srv::after{\n content:'';position:absolute;bottom:0;left:0;right:0;\n height:1px;background:var(--g);\n transform:scaleX(0);transform-origin:left;\n transition:transform .32s cubic-bezier(.25,.46,.45,.94);\n}\n.srv:hover{background:#161616;border-left-color:var(--g)}\n.srv:hover::after{transform:scaleX(1)}\n.srv:hover .srv-title{color:var(--g2)}\n.srv:hover .srv-title{color:var(--g2)}\n.srv:hover .srv-arr{opacity:1;transform:translateX(0)}\n.srv-n{\n font-family:var(--display);font-size:clamp(48px,8vw,80px);\n color:transparent;line-height:1;flex-shrink:0;\n -webkit-text-stroke:1px rgba(212,152,14,.18);\n transition:\n -webkit-text-stroke .35s ease,\n color .35s ease,\n text-shadow .35s ease;\n min-width:clamp(50px,8vw,90px);text-align:right;\n pointer-events:none;\n user-select:none;\n}\n.srv:hover .srv-n{\n color:rgba(245,200,50,.07);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:\n 0 0 10px rgba(245,200,50,.85),\n 0 0 28px rgba(212,152,14,.65),\n 0 0 55px rgba(212,152,14,.35),\n 0 0 90px rgba(212,152,14,.15);\n}\n.srv-ico{\n width:clamp(38px,5vw,46px);height:clamp(38px,5vw,46px);flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:clamp(14px,2vw,17px);color:var(--g);\n transition:border-color .25s;\n}\n.srv:hover .srv-ico{border-color:var(--g)}\n.srv-body{flex:1;min-width:0}\n.srv-title{\n font-family:var(--display);\n font-size:clamp(17px,2.5vw,24px);\n color:var(--wh);margin-bottom:5px;transition:color .22s;\n}\n.srv-desc{font-size:clamp(13px,1.6vw,14px);color:rgba(226,218,196,.72);line-height:1.7}\n.srv-tag{\n font-family:var(--mono);font-size:10px;letter-spacing:.2em;\n color:var(--g);text-transform:uppercase;flex-shrink:0;\n display:none;\n}\n@media(min-width:600px){.srv-tag{display:block}}\n.srv-arr{\n font-size:14px;color:var(--g);flex-shrink:0;\n opacity:0;transform:translateX(-8px);\n transition:opacity .22s,transform .22s;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERRAMIENTAS DECORATIVAS \u2014 ICONOS SVG\n Secci\u00f3n visual \u00fanica con herramientas\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tools-visual{\n padding:clamp(36px,7vw,80px) clamp(16px,6%,100px);\n background:var(--k);\n position:relative;overflow:hidden;\n width:100%;\n}\n\/* Fondo degradado especial *\/\n.tools-visual::before{\n content:'';position:absolute;inset:0;\n background:\n radial-gradient(ellipse 50% 80% at 50% 50%,rgba(200,149,14,.05) 0%,transparent 65%);\n}\n.tools-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:2px;\n position:relative;z-index:1;\n}\n@media(min-width:600px){.tools-grid{grid-template-columns:repeat(3,1fr)}}\n@media(min-width:900px){.tools-grid{grid-template-columns:repeat(6,1fr)}}\n\n.tool-card{\n aspect-ratio:1;\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;\n background:var(--k2);\n border:1px solid var(--k4);\n position:relative;overflow:hidden;\n transition:background .3s,border-color .3s;\n padding:20px;\n}\n.tool-card:hover{background:var(--k3);border-color:var(--g)}\n.tool-card:hover .tool-svg{filter:drop-shadow(0 0 12px rgba(200,149,14,.35))}\n.tool-card:hover .tool-lbl{color:var(--g2)}\n\/* N\u00famero de fondo *\/\n.tool-card::before{\n content:attr(data-n);\n position:absolute;top:6px;right:8px;\n font-family:var(--display);font-size:38px;\n color:transparent;line-height:1;\n -webkit-text-stroke:1px rgba(212,152,14,.14);\n transition:-webkit-text-stroke .35s,color .35s,text-shadow .35s;\n pointer-events:none;\n}\n.tool-card:hover::before{\n color:rgba(245,200,50,.07);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:0 0 8px rgba(245,200,50,.9),0 0 22px rgba(212,152,14,.65),0 0 45px rgba(212,152,14,.3);\n}\n.tool-svg{\n width:clamp(36px,6vw,56px);height:auto;\n transition:filter .3s;\n}\n.tool-lbl{\n font-family:var(--mono);font-size:clamp(8px,1vw,10px);\n letter-spacing:.22em;color:#7a7268;text-transform:uppercase;\n text-align:center;transition:color .25s;line-height:1.4;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PROCESO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.proceso-wrap{\n display:grid;grid-template-columns:1fr 1fr;\n gap:2px;margin-top:48px;\n}\n@media(min-width:768px){.proceso-wrap{grid-template-columns:repeat(4,1fr)}}\n.paso{\n background:var(--k2);padding:clamp(24px,3.5vw,36px) clamp(18px,2.5vw,28px);\n border:1px solid var(--k4);position:relative;\n transition:border-color .25s,background .25s;\n}\n.paso:hover{border-color:var(--g);background:#181818}\n.paso-n-bg{\n position:absolute;top:8px;right:12px;\n font-family:var(--display);font-size:72px;\n color:transparent;line-height:1;\n -webkit-text-stroke:1px rgba(212,152,14,.15);\n transition:\n -webkit-text-stroke .35s ease,\n color .35s ease,\n text-shadow .35s ease,\n opacity .35s ease;\n pointer-events:none;\n user-select:none;\n}\n.paso:hover .paso-n-bg{\n color:rgba(245,200,50,.08);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:\n 0 0 12px rgba(245,200,50,.8),\n 0 0 30px rgba(212,152,14,.6),\n 0 0 60px rgba(212,152,14,.35),\n 0 0 100px rgba(212,152,14,.15);\n}\n.paso-ico{\n width:38px;height:38px;border:1px solid var(--g);\n display:flex;align-items:center;justify-content:center;\n font-size:14px;color:var(--g);margin-bottom:16px;\n}\n.paso-t{\n font-family:var(--display);font-size:16px;\n color:var(--wh);text-transform:uppercase;margin-bottom:8px;\n}\n.paso-p{font-size:13px;color:rgba(226,218,196,.72);line-height:1.7;font-style:italic}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n GALER\u00cdA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gal-sec{\n padding:clamp(48px,10vw,120px) clamp(16px,6%,100px);\n width:100%;\n}\n.gal-grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n grid-template-rows:190px 190px;\n gap:3px;margin-top:40px;\n}\n@media(min-width:600px){\n .gal-grid{grid-template-columns:3fr 2fr 2fr;grid-template-rows:260px 260px}\n .gf.tall{grid-row:span 2}\n .gf.f3,.gf.f4,.gf.f5{display:block}\n}\n@media(min-width:900px){.gal-grid{grid-template-rows:300px 300px}}\n.gf{position:relative;overflow:hidden;background:var(--k2)}\n.gf.f3,.gf.f4,.gf.f5{display:none}\n.gf-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}\n.gf:hover .gf-bg{transform:scale(1.04)}\n.f1 .gf-bg{background:radial-gradient(circle at 25% 65%,#1c0e06 0%,#070605 100%)}\n.f2 .gf-bg{background:radial-gradient(circle at 72% 28%,#0a0c16 0%,#060608 100%)}\n.f3 .gf-bg{background:radial-gradient(circle at 50% 50%,#0d0b09 0%,#060606 100%)}\n.f4 .gf-bg{background:radial-gradient(circle at 28% 68%,#090d06 0%,#060606 100%)}\n.f5 .gf-bg{background:radial-gradient(circle at 68% 35%,#0e0e0c 0%,#060606 100%)}\n.gf-car{width:62%;max-width:220px;opacity:.2}\n.gf-ov{\n position:absolute;inset:0;\n background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82) 100%);\n opacity:0;transition:opacity .3s;\n display:flex;align-items:flex-end;padding:16px 18px;\n}\n.gf:hover .gf-ov{opacity:1}\n.gf-cap{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--g2);text-transform:uppercase;line-height:1.5}\n.pin{\n position:absolute;top:9px;right:9px;z-index:3;\n width:11px;height:11px;border-radius:50%;\n background:radial-gradient(circle at 30% 28%,#f0d060 0%,#988018 55%,#3a3000 100%);\n box-shadow:0 1px 3px rgba(0,0,0,.7);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CONTACTO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ct-wrap{\n display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px;\n}\n@media(min-width:768px){.ct-wrap{grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}}\n\n.info-card{background:var(--k);border:1px solid var(--k4)}\n.ic-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(200,149,14,.07),transparent);\n}\n.ic-logo{height:32px;width:auto}\n.ic-title{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--cr);text-transform:uppercase}\n.ic-row{display:flex;align-items:flex-start;gap:13px;padding:13px 20px;border-bottom:1px solid var(--k4);transition:background .18s}\n.ic-row:last-child{border-bottom:none}\n.ic-row:hover{background:rgba(200,149,14,.04)}\n.ic-ico{width:33px;height:33px;flex-shrink:0;border:1px solid var(--k4);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--g)}\n.ic-k{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--g);text-transform:uppercase;margin-bottom:3px}\n.ic-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.45}\n.ic-v small{font-size:12px;color:rgba(216,208,184,.5)}\n.ic-foot{padding:11px 20px;border-top:1px solid var(--k4);font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:rgba(216,208,184,.35);text-align:center}\n\n\/* Formulario *\/\n.form{display:flex;flex-direction:column;gap:13px}\n.frow{display:grid;grid-template-columns:1fr 1fr;gap:13px}\n@media(max-width:480px){.frow{grid-template-columns:1fr}}\n.fg{display:flex;flex-direction:column;gap:6px}\n.fg label{font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:rgba(216,208,184,.5);text-transform:uppercase}\n.fg input,.fg select,.fg textarea{\n background:var(--k2);border:1px solid var(--k4);color:var(--wh);\n font-family:var(--body);font-size:15px;font-weight:400;\n padding:12px 14px;width:100%;border-radius:0;appearance:none;\n transition:border-color .18s;\n}\n.fg input::placeholder,.fg textarea::placeholder{color:var(--k4)}\n.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--g)}\n.fg select option{background:var(--k2);color:var(--wh)}\n.fg textarea{resize:vertical;min-height:96px}\n.btn-sub{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;cursor:pointer!important;\n transition:background .22s;\n display:flex;align-items:center;justify-content:center;gap:10px;width:100%;\n}\n.btn-sub:hover{background:var(--g2);border-color:var(--g2)}\n.f-note{font-size:12px;font-style:italic;color:rgba(216,208,184,.4);text-align:center;margin-top:2px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter{\n background:#030303;border-top:1px solid var(--k4);\n padding:clamp(48px,8vw,80px) clamp(24px,7%,100px) 28px;\n}\n.ft-grid{\n display:grid;grid-template-columns:1fr;gap:36px;\n padding-bottom:36px;border-bottom:1px solid var(--k4);\n}\n@media(min-width:600px){.ft-grid{grid-template-columns:2fr 1fr 1fr;gap:52px}}\n.ft-logo{height:44px;width:auto;margin-bottom:12px;display:block}\n.ft-txt{font-size:13px;font-weight:300;color:rgba(226,218,196,.55);line-height:1.8;max-width:280px}\n.ft-col-t{font-family:var(--mono);font-size:9px;letter-spacing:.32em;color:var(--g);text-transform:uppercase;margin-bottom:16px}\n.ft-links{list-style:none;display:flex;flex-direction:column;gap:9px}\n.ft-links a{font-size:13px;font-weight:400;color:rgba(226,218,196,.52);transition:color .18s}\n.ft-links a:hover{color:var(--cr)}\n.ft-bottom{padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}\n.ft-copy{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:#555}\n.ft-hash{font-family:var(--display);font-size:17px;color:var(--g);letter-spacing:.04em}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TAC\u00d3METRO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#tacho{\n position:fixed;bottom:20px;right:20px;z-index:7998;\n opacity:0;transform:scale(.72) translateY(14px);\n transition:opacity .4s,transform .4s;pointer-events:none;\n}\n#tacho.show{opacity:1;transform:scale(1) translateY(0)}\n#tacho canvas{width:156px;height:156px;display:block}\n@media(max-width:480px){#tacho canvas{width:116px;height:116px}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.rv{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}\n.rv.in{opacity:1;transform:translateY(0)}\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n EFECTOS ADICIONALES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\nfooter{\n background:#030303;border-top:3px solid var(--red);\n padding:clamp(40px,8vw,80px) clamp(16px,6%,100px) 28px;\n width:100%;\n}\n\n\/* Hero h1 \u2014 texto outline con brillo *\/\n.hero-h1 .outline{\n display:block;\n -webkit-text-stroke:1.5px rgba(245,200,50,.65);\n color:transparent;\n font-size:clamp(56px,14vw,150px);\n filter:drop-shadow(0 0 22px rgba(212,152,14,.18));\n}\n\n\/* Hero copy \u2014 mejor contraste *\/\n.hero-copy{\n font-size:clamp(16px,2vw,19px);font-weight:300;\n color:rgba(242,234,208,.9);line-height:1.75;\n max-width:500px;margin-bottom:clamp(28px,4vw,44px);\n}\n\n\/* Tag del hero \u2014 m\u00e1s brillante *\/\n.tag{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:clamp(10px,1.5vw,12px);\n letter-spacing:.38em;color:var(--g2);text-transform:uppercase;\n margin-bottom:clamp(20px,3vw,32px);\n}\n.tag::before{content:'';width:22px;height:1px;background:var(--g2);flex-shrink:0}\n\n\/* Icono de servicio \u2014 borde dorado al hover *\/\n.srv-ico{\n width:clamp(38px,5vw,46px);height:clamp(38px,5vw,46px);flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:clamp(15px,2vw,18px);color:var(--g2);\n transition:border-color .25s,background .25s,box-shadow .25s;\n}\n.srv:hover .srv-ico{\n border-color:var(--g);\n background:rgba(212,152,14,.06);\n box-shadow:0 0 14px rgba(212,152,14,.14);\n}\n\n\/* Icono de ficha \u2014 m\u00e1s visible *\/\n.fr-ico{\n width:34px;height:34px;flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:14px;color:var(--g2);\n}\n.ic-ico{width:33px;height:33px;flex-shrink:0;border:1px solid var(--k4);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--g2)}\n\n\/* Paso del proceso \u2014 icono m\u00e1s visible *\/\n.paso-ico{\n width:38px;height:38px;border:1px solid var(--g);\n display:flex;align-items:center;justify-content:center;\n font-size:15px;color:var(--g2);margin-bottom:16px;\n box-shadow:0 0 10px rgba(212,152,14,.12);\n}\n\n\/* Paso hover \u2014 borde dorado *\/\n.paso:hover{border-color:var(--g);background:#141414;box-shadow:inset 0 0 30px rgba(212,152,14,.04)}\n\n\/* Tool card hover \u2014 glow m\u00e1s intenso *\/\n.tool-card:hover{\n background:var(--k3);border-color:var(--g);\n box-shadow:0 0 20px rgba(212,152,14,.12),inset 0 0 20px rgba(212,152,14,.04);\n}\n.tool-card:hover .tool-svg{filter:drop-shadow(0 0 14px rgba(212,152,14,.5))}\n.tool-card:hover .tool-lbl{color:var(--g2)}\n\n\/* Srv \u2014 flecha m\u00e1s visible *\/\n.srv-arr{\n font-size:15px;color:var(--g2);flex-shrink:0;\n opacity:0;transform:translateX(-8px);\n transition:opacity .22s,transform .22s;\n}\n\n\/* Galer\u00eda \u2014 car m\u00e1s visible *\/\n.gf-car{width:62%;max-width:220px;opacity:.32}\n.gf:hover .gf-car{opacity:.52}\n\n\/* Eyebrow \u2014 m\u00e1s definici\u00f3n *\/\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:11px;letter-spacing:.36em;\n color:var(--g2);text-transform:uppercase;margin-bottom:14px;\n text-shadow:0 0 12px rgba(212,152,14,.3);\n}\n.eyebrow::before{content:'';width:18px;height:1px;background:var(--g2);flex-shrink:0}\n\n\/* P text \u2014 mejor legibilidad *\/\n.P{\n font-size:clamp(15px,2vw,17px);font-weight:400;\n color:rgba(226,218,196,.88);line-height:1.85;max-width:560px;\n}\n\n\/* Blockquote \u2014 borde m\u00e1s brillante *\/\n.about-txt blockquote{\n border-left:2px solid var(--g2);\n padding:18px 0 18px 24px;\n margin:28px 0;\n font-size:clamp(16px,2.2vw,20px);font-style:italic;\n color:var(--wh);line-height:1.6;\n font-weight:300;\n text-shadow:0 0 30px rgba(245,200,50,.06);\n}\n\n\/* Ficha \u2014 l\u00ednea dorada m\u00e1s brillante *\/\n.ficha-head{\n padding:14px 20px;border-bottom:1px solid var(--g2);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(212,152,14,.1),transparent);\n}\n.ic-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(212,152,14,.1),transparent);\n}\n\n\/* Valores de ficha \u2014 m\u00e1s legibles *\/\n.fr-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.5}\n.fr-v small{font-size:12px;color:rgba(226,218,196,.6);font-style:italic}\n.ic-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.45}\n.ic-v small{font-size:12px;color:rgba(226,218,196,.6)}\n.ic-foot{padding:11px 20px;border-top:1px solid var(--k4);font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:rgba(226,218,196,.45);text-align:center}\n\n\/* L\u00ednea de luz animada \u2014 decorativa *\/\n@keyframes scanLine{\n 0%{transform:translateY(-100%);opacity:0}\n 10%{opacity:.04}\n 90%{opacity:.04}\n 100%{transform:translateY(2000%);opacity:0}\n}\n.hero::after{\n content:'';\n position:absolute;left:0;right:0;top:0;\n height:2px;\n background:linear-gradient(90deg,transparent,rgba(212,152,14,.4),rgba(245,200,50,.6),rgba(212,152,14,.4),transparent);\n animation:scanLine 6s linear infinite;\n z-index:4;pointer-events:none;\n}\n\n\/* Glow ambiental en botones *\/\n.btn-fill{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;\n transition:background .22s,border-color .22s,box-shadow .22s;\n display:inline-flex;align-items:center;gap:9px;\n box-shadow:0 0 20px rgba(212,152,14,.2);\n}\n.btn-fill:hover{background:var(--g2);border-color:var(--g2);box-shadow:0 0 32px rgba(245,200,50,.35)}\n\n\/* Servicios \u2014 tag m\u00e1s visible *\/\n.srv-tag{\n font-family:var(--mono);font-size:10px;letter-spacing:.2em;\n color:var(--g);text-transform:uppercase;flex-shrink:0;\n display:none;\n}\n@media(min-width:600px){.srv-tag{display:block}}\n\n\/* Barra de servicios \u2014 l\u00ednea de fondo m\u00e1s visible *\/\n.srv{\n display:flex;align-items:center;gap:clamp(14px,3vw,32px);\n padding:clamp(20px,3vw,28px) clamp(16px,3vw,28px);\n background:var(--k2);\n border-left:3px solid transparent;\n position:relative;overflow:hidden;\n transition:background .25s,border-color .25s;\n}\n.srv::before{\n content:'';position:absolute;inset:0;\n background:linear-gradient(90deg,rgba(212,152,14,.03) 0%,transparent 40%);\n opacity:0;transition:opacity .3s;\n}\n.srv:hover::before{opacity:1}\n.srv::after{\n content:'';position:absolute;bottom:0;left:0;right:0;\n height:1px;background:linear-gradient(90deg,var(--g),var(--g2));\n transform:scaleX(0);transform-origin:left;\n transition:transform .35s cubic-bezier(.25,.46,.45,.94);\n}\n.srv:hover::after{transform:scaleX(1)}\n\n\/* Scrollbar m\u00e1s visible *\/\n::-webkit-scrollbar{width:4px}\n::-webkit-scrollbar-track{background:var(--k)}\n::-webkit-scrollbar-thumb{background:var(--g);border-radius:2px}\n::-webkit-scrollbar-thumb:hover{background:var(--g2)}\n<\/style>\n<\/head>\n<body>\n\n\n<div id=\"cx\"><div id=\"cx-outer\"><\/div><div id=\"cx-dot\"><\/div><\/div>\n\n\n<div id=\"persiana\">\n <div id=\"p-listones\"><\/div>\n <div id=\"p-c\">\n <img decoding=\"async\" src=\"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\" alt=\"CB Project\" class=\"p-logo\">\n <p class=\"p-tagline\">Terrassa \u00b7 Barcelona \u00b7 Desde 2003<\/p>\n <h1 class=\"p-name\">CB <em>PROJECT<\/em><\/h1>\n <p class=\"p-sub\">Iron & Paint \u2014 Chapa y Pintura<\/p>\n <div class=\"p-sep\"><\/div>\n <p class=\"p-lema\">\u00abLo hacemos como antes,<br>porque antes se hac\u00eda bien.\u00bb<\/p>\n <button class=\"p-btn\" onclick=\"abrirTaller()\">\n <i class=\"fa-solid fa-chevron-up\"><\/i>\n <span>Abrir Taller<\/span>\n <\/button>\n <\/div>\n<\/div>\n\n\n<div id=\"site\">\n\n\n<section class=\"hero\" id=\"inicio\">\n <canvas id=\"spray-canvas\"><\/canvas>\n <div class=\"hero-floor\"><\/div>\n <div class=\"hero-vignette\"><\/div>\n\n \n <svg class=\"spray-gun-deco\" viewBox=\"0 0 520 340\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect x=\"80\" y=\"120\" width=\"280\" height=\"70\" rx=\"8\" fill=\"#1a1a1a\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <rect x=\"88\" y=\"128\" width=\"264\" height=\"54\" rx=\"5\" fill=\"#141414\"\/>\n \n <path d=\"M200 190 L180 280 Q178 292 188 294 L220 294 Q230 292 228 280 L210 190 Z\" fill=\"#1c1c1c\" stroke=\"#333\" stroke-width=\"1.5\"\/>\n \n <rect x=\"186\" y=\"210\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"220\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"230\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"240\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n \n <rect x=\"360\" y=\"134\" width=\"100\" height=\"42\" rx=\"4\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <rect x=\"368\" y=\"140\" width=\"84\" height=\"30\" rx=\"2\" fill=\"#1a1a1a\"\/>\n \n <path d=\"M460 140 L490 148 L490 162 L460 170 Z\" fill=\"#282828\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n \n <path d=\"M140 120 L120 60 Q118 50 130 48 L200 48 Q210 50 208 60 L190 120 Z\" fill=\"#1e1e1e\" stroke=\"#333\" stroke-width=\"1.5\"\/>\n <ellipse cx=\"164\" cy=\"48\" rx=\"36\" ry=\"8\" fill=\"#252525\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n \n <ellipse cx=\"164\" cy=\"46\" rx=\"30\" ry=\"5\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.2)\" stroke-width=\"1\"\/>\n \n <circle cx=\"90\" cy=\"155\" r=\"12\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <line x1=\"84\" y1=\"155\" x2=\"96\" y2=\"155\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <line x1=\"90\" y1=\"149\" x2=\"90\" y2=\"161\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n \n <path d=\"M80 175 Q50 200 40 240 Q30 280 20 300\" stroke=\"#2a2a2a\" stroke-width=\"8\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M80 175 Q50 200 40 240 Q30 280 20 300\" stroke=\"#333\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"12 8\"\/>\n \n <ellipse cx=\"510\" cy=\"155\" rx=\"18\" ry=\"12\" fill=\"rgba(200,149,14,.08)\"\/>\n <ellipse cx=\"525\" cy=\"152\" rx=\"12\" ry=\"8\" fill=\"rgba(200,149,14,.05)\"\/>\n <circle cx=\"500\" cy=\"148\" r=\"3\" fill=\"rgba(240,192,48,.2)\"\/>\n <circle cx=\"512\" cy=\"162\" r=\"2\" fill=\"rgba(240,192,48,.15)\"\/>\n <circle cx=\"520\" cy=\"145\" r=\"2.5\" fill=\"rgba(240,192,48,.18)\"\/>\n \n <rect x=\"88\" y=\"128\" width=\"264\" height=\"8\" rx=\"5\" fill=\"rgba(255,255,255,.04)\"\/>\n \n <text x=\"200\" y=\"162\" font-family=\"monospace\" font-size=\"9\" fill=\"rgba(200,149,14,.3)\" text-anchor=\"middle\" letter-spacing=\"3\">CB PROJECT<\/text>\n \n <circle cx=\"310\" cy=\"155\" r=\"8\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n <circle cx=\"310\" cy=\"155\" r=\"4\" fill=\"#181818\"\/>\n <\/svg>\n\n <div class=\"hero-inner\">\n <p class=\"tag\">Taller de Chapa y Pintura \u2014 Carrer Volta 220, Terrassa<\/p>\n <h1 class=\"hero-h1\">\n IRON<br>\n <span class=\"painted\">& PAINT<\/span>\n <span class=\"outline\">#alocompadre<\/span>\n <\/h1>\n <div class=\"hero-copy\">Chapa, pintura y restauraci\u00f3n en Terrassa desde 2003. Trato personal, trabajo artesanal y resultados que se ven solos.<\/div>\n <div class=\"hero-actions\">\n <a href=\"#contacto\" onclick=\"ir(event,'contacto')\" class=\"btn-fill\">\n <i class=\"fa-regular fa-comment-dots\"><\/i> Pide Presupuesto\n <\/a>\n <a href=\"#servicios\" onclick=\"ir(event,'servicios')\" class=\"btn-line\">Ver Servicios<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"st\"><span class=\"st-n\">4.5\u2605<\/span><span class=\"st-l\">Valoraci\u00f3n<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">+13<\/span><span class=\"st-l\">A\u00f1os activos<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">2<\/span><span class=\"st-l\">Especialistas<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">100%<\/span><span class=\"st-l\">Artesanal<\/span><\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\">\n <div class=\"ticker-t\" id=\"tkr\">\n <span class=\"ti hi\">#alocompadre<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">CB Project Iron Paint<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Carrer Volta 220 \u00b7 Terrassa<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">Chapa & Pintura<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">931 58 18 50<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Restauraci\u00f3n Cl\u00e1sica<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">#alocompadre<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">CB Project Iron Paint<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Carrer Volta 220 \u00b7 Terrassa<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">Chapa & Pintura<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">931 58 18 50<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Restauraci\u00f3n Cl\u00e1sica<span class=\"ti-dot\"><\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"S S-dark\" id=\"taller\">\n <p class=\"eyebrow rv\">El Taller<\/p>\n <h2 class=\"H rv\">CB Project<br>Iron & Paint.<\/h2>\n <div class=\"about-grid\">\n <div class=\"about-txt rv\">\n <p class=\"P\">Somos un taller de chapa y pintura en <strong style=\"color:var(--wh)\">Carrer Volta 220, Terrassa (08224)<\/strong>. Llevamos m\u00e1s de 13 a\u00f1os trabajando con el mismo compromiso: calidad artesanal y trato directo al cliente.<\/p>\n <blockquote>\u00abTrato personal, asesoramiento personalizado y compromiso. As\u00ed es como trabajamos.\u00bb<\/blockquote>\n <p class=\"P\">Solo hacemos chapa y pintura \u2014 sin mec\u00e1nica, sin atajos. Cada trabajo lo firmamos con nuestro nombre.<\/p>\n <p class=\"P\" style=\"margin-top:16px;font-size:clamp(14px,1.8vw,16px);color:rgba(216,208,184,.65)\">Valorados <strong style=\"color:var(--g2)\">4.5\u2605<\/strong> por nuestros clientes: <em>\u00abProfesionales, muy amables\u00bb, \u00abResultado excelente\u00bb, \u00abMe encant\u00f3 volver.\u00bb<\/em><\/p>\n <\/div>\n <div class=\"rv d2\">\n <div class=\"ficha\">\n <div class=\"ficha-head\">\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ficha-logo\">\n <span class=\"ficha-head-lbl\">Datos del Taller<\/span>\n <\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><div><div class=\"fr-k\">Direcci\u00f3n<\/div><div class=\"fr-v\">Carrer Volta, 220 \u00b7 08224<br>Terrassa, Barcelona<\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-phone\"><\/i><\/div><div><div class=\"fr-k\">Tel\u00e9fonos<\/div><div class=\"fr-v\">931 58 18 50 \u00b7 680 33 37 77<\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-clock\"><\/i><\/div><div><div class=\"fr-k\">Horario<\/div><div class=\"fr-v\">Lun\u2013Jue: 8:00\u201313:30 \/ 15:00\u201319:30<br>Viernes: 8:00\u201313:00 \/ 15:00\u201318:00<br><small>S\u00e1bados y domingos: cerrado<\/small><\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div><div class=\"fr-k\">Especialidad<\/div><div class=\"fr-v\">Chapa y Pintura<br><small>No realizamos mec\u00e1nica<\/small><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"tools-visual\">\n <p class=\"eyebrow rv\" style=\"margin-bottom:0\">Equipamiento del Taller<\/p>\n <div class=\"tools-grid\" style=\"margin-top:28px\">\n \n <div class=\"tool-card rv\" data-n=\"01\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"10\" y=\"20\" width=\"46\" height=\"20\" rx=\"3\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M26 40 L22 56 Q21 60 25 60 L33 60 Q37 60 36 56 L32 40 Z\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"56\" y=\"23\" width=\"18\" height=\"14\" rx=\"2\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M74 24 L80 28 L80 32 L74 36 Z\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <path d=\"M18 20 L14 8 Q13 4 18 4 L32 4 Q36 4 35 8 L32 20 Z\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"12\" cy=\"30\" r=\"4\" fill=\"#1a1a1a\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <ellipse cx=\"78\" cy=\"30\" rx=\"6\" ry=\"4\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Pistola<br>de Pintura<\/span>\n <\/div>\n \n <div class=\"tool-card rv d1\" data-n=\"02\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"8\" y=\"14\" width=\"52\" height=\"32\" rx=\"6\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"12\" y=\"18\" width=\"44\" height=\"24\" rx=\"4\" fill=\"#1a1a1a\"\/>\n <rect x=\"12\" y=\"44\" width=\"44\" height=\"10\" rx=\"2\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <rect x=\"8\" y=\"8\" width=\"18\" height=\"10\" rx=\"3\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"60\" cy=\"30\" r=\"12\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"60\" cy=\"30\" r=\"7\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.4)\" stroke-width=\".8\"\/>\n <line x1=\"56\" y1=\"26\" x2=\"64\" y2=\"34\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <line x1=\"64\" y1=\"26\" x2=\"56\" y2=\"34\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Lijadora<br>Orbital<\/span>\n <\/div>\n \n <div class=\"tool-card rv d2\" data-n=\"03\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <path d=\"M10 45 Q12 20 28 18 L50 18 Q55 18 56 22 L58 30 L50 32 L48 28 L28 28 Q22 30 20 45 Z\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"48\" y=\"14\" width=\"24\" height=\"10\" rx=\"3\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M72 16 L78 18 L78 20 L72 22 Z\" fill=\"var(--k)\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <path d=\"M74 14 L80 12\" stroke=\"var(--g2)\" stroke-width=\"1.2\" opacity=\".6\"\/>\n <path d=\"M76 17 L82 16\" stroke=\"var(--g2)\" stroke-width=\"1\" opacity=\".4\"\/>\n <path d=\"M10 46 Q8 52 6 58\" stroke=\"#333\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Soldadura<br>MIG\/TIG<\/span>\n <\/div>\n \n <div class=\"tool-card rv\" data-n=\"04\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"4\" y=\"38\" width=\"72\" height=\"8\" rx=\"2\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"8\" y=\"10\" width=\"64\" height=\"28\" rx=\"2\" fill=\"#1a1a1a\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <line x1=\"8\" y1=\"24\" x2=\"72\" y2=\"24\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"20\" y1=\"10\" x2=\"20\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"40\" y1=\"10\" x2=\"40\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <circle cx=\"20\" cy=\"24\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <circle cx=\"40\" cy=\"17\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <circle cx=\"60\" cy=\"28\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <path d=\"M20 24 L40 17 L60 28\" stroke=\"var(--g)\" stroke-width=\".8\" opacity=\".5\"\/>\n <rect x=\"12\" y=\"46\" width=\"8\" height=\"8\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <rect x=\"60\" y=\"46\" width=\"8\" height=\"8\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Banco de<br>Medici\u00f3n<\/span>\n <\/div>\n \n <div class=\"tool-card rv d1\" data-n=\"05\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"24\" y=\"6\" width=\"32\" height=\"48\" rx=\"4\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"28\" y=\"10\" width=\"24\" height=\"18\" rx=\"2\" fill=\"#1a1a1a\"\/>\n <rect x=\"28\" y=\"32\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.3)\"\/>\n <rect x=\"28\" y=\"38\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.15)\"\/>\n <rect x=\"28\" y=\"44\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.08)\"\/>\n <circle cx=\"40\" cy=\"19\" r=\"6\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.4)\" stroke-width=\".8\"\/>\n <path d=\"M6 30 L18 30\" stroke=\"var(--g)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n <path d=\"M62 30 L74 30\" stroke=\"var(--g)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Colorimetr\u00eda<br>Digital<\/span>\n <\/div>\n \n <div class=\"tool-card rv d2\" data-n=\"06\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"6\" y=\"8\" width=\"68\" height=\"46\" rx=\"3\" fill=\"#1a1a1a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"10\" y=\"12\" width=\"60\" height=\"38\" rx=\"2\" fill=\"#141414\"\/>\n <line x1=\"10\" y1=\"28\" x2=\"70\" y2=\"28\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n \n <path d=\"M16 38 Q22 28 30 26 Q44 24 54 26 Q60 28 64 34 L64 42 L16 42 Z\" fill=\"#222\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".8\"\/>\n <circle cx=\"24\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n <circle cx=\"56\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n \n <circle cx=\"14\" cy=\"18\" r=\"1.5\" fill=\"rgba(200,149,14,.3)\"\/>\n <circle cx=\"18\" cy=\"15\" r=\"1\" fill=\"rgba(200,149,14,.2)\"\/>\n <circle cx=\"22\" cy=\"20\" r=\"1.2\" fill=\"rgba(200,149,14,.25)\"\/>\n <rect x=\"6\" y=\"48\" width=\"68\" height=\"6\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Cabina<br>Presurizada<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-black\" id=\"servicios\">\n <p class=\"eyebrow rv\">Especialidades<\/p>\n <h2 class=\"H rv\">Lo que<br>hacemos.<\/h2>\n <div class=\"srv-list\">\n <div class=\"srv rv\"><span class=\"srv-n\">01<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Chapa y Carrocer\u00eda<\/div><div class=\"srv-desc\">Reparaci\u00f3n artesanal de golpes, abolladuras y da\u00f1os. Respetamos el metal original sin abusar de masilla.<\/div><\/div><span class=\"srv-tag\">\u2192 Golpes \u00b7 \u00d3xido \u00b7 Da\u00f1os<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d1\"><span class=\"srv-n\">02<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Pintura de Alta Gama<\/div><div class=\"srv-desc\">Colores oficiales de f\u00e1brica, perlados, mattes y barnices UV. Cabina presurizada con temperatura controlada.<\/div><\/div><span class=\"srv-tag\">\u2192 Localizada \u00b7 Integral<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d2\"><span class=\"srv-n\">03<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-car-burst\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Restauraci\u00f3n Cl\u00e1sica<\/div><div class=\"srv-desc\">Cl\u00e1sicos y muscle cars devueltos a su esplendor original. Reconstrucci\u00f3n de paneles y tratamientos anti\u00f3xido.<\/div><\/div><span class=\"srv-tag\">\u2192 Pre-1990 \u00b7 Muscle<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv\"><span class=\"srv-n\">04<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-palette\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Custom & Kustom<\/div><div class=\"srv-desc\">Proyectos \u00fanicos sobre metal. Rat Rod, cambios de color radicales, pintura art\u00edstica. Tu idea, nuestra ejecuci\u00f3n.<\/div><\/div><span class=\"srv-tag\">\u2192 Kustom \u00b7 Rat Rod<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d1\"><span class=\"srv-n\">05<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Anticorrosi\u00f3n<\/div><div class=\"srv-desc\">Imprimaciones epoxy, sellado de bajos y cera inyectable en cavidades. Protecci\u00f3n duradera contra el \u00f3xido.<\/div><\/div><span class=\"srv-tag\">\u2192 Bajos \u00b7 Cavidades<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d2\"><span class=\"srv-n\">06<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Gesti\u00f3n de Siniestros<\/div><div class=\"srv-desc\">Tramitamos con todas las aseguradoras. Del parte a la entrega, sin que muevas un dedo.<\/div><\/div><span class=\"srv-tag\">\u2192 Todas compa\u00f1\u00edas<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-dark\" id=\"proceso\">\n <p class=\"eyebrow rv\">Metodolog\u00eda<\/p>\n <h2 class=\"H rv\">As\u00ed trabajamos,<br>sin sorpresas.<\/h2>\n <div class=\"proceso-wrap\">\n <div class=\"paso rv\"><div class=\"paso-n-bg\">01<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div><div class=\"paso-t\">Diagn\u00f3stico<\/div><p class=\"paso-p\">Inspeccionamos contigo. Presupuesto por escrito antes de tocar nada. Sin sorpresas.<\/p><\/div>\n <div class=\"paso rv d1\"><div class=\"paso-n-bg\">02<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i><\/div><div class=\"paso-t\">Desmontaje<\/div><p class=\"paso-p\">Acceso total al metal. Sin parches encima de trabajos anteriores.<\/p><\/div>\n <div class=\"paso rv d2\"><div class=\"paso-n-bg\">03<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div class=\"paso-t\">Chapa y Aparejo<\/div><p class=\"paso-p\">Correcci\u00f3n del metal, imprimaci\u00f3n epoxy y aparejo de alta adherencia.<\/p><\/div>\n <div class=\"paso rv d3\"><div class=\"paso-n-bg\">04<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div><div class=\"paso-t\">Pintura y Entrega<\/div><p class=\"paso-p\">Cabina presurizada, barniz UV, pulido. Garant\u00eda escrita en cada trabajo.<\/p><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"gal-sec S-black\" id=\"galeria\">\n <p class=\"eyebrow rv\">Portfolio<\/p>\n <h2 class=\"H rv\">El taller<br>habla solo.<\/h2>\n <div class=\"gal-grid\">\n <div class=\"gf f1 tall rv\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 400 200\" fill=\"none\"><path d=\"M30 140 Q80 95 130 88 Q200 78 280 80 Q330 82 365 100 L368 140 Z\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".5\"\/><path d=\"M130 88 L148 58 L240 46 L320 48 L355 68 L365 88\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".5\"\/><circle cx=\"95\" cy=\"142\" r=\"30\" stroke=\"#c98a2c\" stroke-width=\"1.2\" fill=\"none\" opacity=\".4\"\/><circle cx=\"320\" cy=\"142\" r=\"30\" stroke=\"#c98a2c\" stroke-width=\"1.2\" fill=\"none\" opacity=\".4\"\/><text x=\"200\" y=\"172\" font-family=\"monospace\" font-size=\"8\" fill=\"#c98a2c\" text-anchor=\"middle\" opacity=\".45\">FORD MUSTANG \u00b7 1968<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Restauraci\u00f3n completa<br>Ford Mustang Fastback ’68<\/span><\/div><\/div>\n <div class=\"gf f2 rv d1\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M20 108 Q52 82 80 76 Q126 66 178 70 Q214 74 246 90 L248 108 Z\" stroke=\"#888\" stroke-width=\"1.5\" fill=\"none\" opacity=\".45\"\/><circle cx=\"55\" cy=\"110\" r=\"20\" stroke=\"#888\" stroke-width=\"1\" fill=\"none\" opacity=\".4\"\/><circle cx=\"210\" cy=\"110\" r=\"20\" stroke=\"#888\" stroke-width=\"1\" fill=\"none\" opacity=\".4\"\/><text x=\"133\" y=\"130\" font-family=\"monospace\" font-size=\"7\" fill=\"#888\" text-anchor=\"middle\" opacity=\".38\">BMW SERIE 3<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Siniestro<br>BMW Serie 3 E46<\/span><\/div><\/div>\n <div class=\"gf f3 rv d2\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M18 106 Q48 80 76 74 Q118 62 172 66 Q208 70 244 88 L246 106 Z\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\" stroke-dasharray=\"5 3\"\/><circle cx=\"52\" cy=\"108\" r=\"20\" stroke=\"#c98a2c\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"208\" cy=\"108\" r=\"20\" stroke=\"#c98a2c\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"130\" y=\"128\" font-family=\"monospace\" font-size=\"7\" fill=\"#c98a2c\" text-anchor=\"middle\" opacity=\".38\">PORSCHE 911<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Custom Rat Look<br>Porsche 911<\/span><\/div><\/div>\n <div class=\"gf f4 rv d1\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M22 108 Q54 82 80 76 Q126 66 178 70 Q214 74 248 90 L250 108 Z\" stroke=\"#6a8a5a\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><circle cx=\"56\" cy=\"110\" r=\"20\" stroke=\"#6a8a5a\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"212\" cy=\"110\" r=\"20\" stroke=\"#6a8a5a\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"133\" y=\"130\" font-family=\"monospace\" font-size=\"7\" fill=\"#6a8a5a\" text-anchor=\"middle\" opacity=\".38\">VW GOLF GTI<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Anticorrosi\u00f3n<br>VW Golf GTI<\/span><\/div><\/div>\n <div class=\"gf f5 rv d2\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M20 106 Q45 80 70 74 Q112 62 172 65 Q210 68 244 88 L246 106 Z\" stroke=\"#5a70a0\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><path d=\"M70 74 L85 48 L175 42 L218 52 L242 72\" stroke=\"#5a70a0\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><circle cx=\"50\" cy=\"108\" r=\"20\" stroke=\"#5a70a0\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"206\" cy=\"108\" r=\"20\" stroke=\"#5a70a0\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"128\" y=\"128\" font-family=\"monospace\" font-size=\"7\" fill=\"#5a70a0\" text-anchor=\"middle\" opacity=\".38\">ALFA ROMEO GTV<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Restauraci\u00f3n<br>Alfa Romeo GTV<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-dark\" id=\"contacto\">\n <p class=\"eyebrow rv\">Contacto<\/p>\n <h2 class=\"H rv\">Cu\u00e9ntanos<br>qu\u00e9 necesitas.<\/h2>\n <div class=\"ct-wrap\">\n <div class=\"rv\">\n <div class=\"info-card\">\n <div class=\"ic-head\">\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ic-logo\">\n <span class=\"ic-title\">CB Project Iron Paint<\/span>\n <\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><div><div class=\"ic-k\">Direcci\u00f3n<\/div><div class=\"ic-v\">Carrer Volta, 220<br>08224 Terrassa, Barcelona<\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-phone\"><\/i><\/div><div><div class=\"ic-k\">Tel\u00e9fono<\/div><div class=\"ic-v\">931 58 18 50<br><small>680 33 37 77<\/small><\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-clock\"><\/i><\/div><div><div class=\"ic-k\">Horario<\/div><div class=\"ic-v\">Lun\u2013Jue: 8:00\u201313:30 \/ 15:00\u201319:30<br>Vie: 8:00\u201313:00 \/ 15:00\u201318:00<br><small>Sab y Dom: cerrado<\/small><\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-star\"><\/i><\/div><div><div class=\"ic-k\">Valoraci\u00f3n<\/div><div class=\"ic-v\">4.5\u2605 \u2014 Rese\u00f1as de clientes<\/div><\/div><\/div>\n <div class=\"ic-foot\">Respondemos en menos de 24h \u00b7 Sin compromiso<\/div>\n <\/div>\n <\/div>\n <div class=\"rv d2\">\n <form class=\"form\" onsubmit=\"enviar(event)\">\n <div class=\"frow\">\n <div class=\"fg\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre\" required><\/div>\n <div class=\"fg\"><label>Tel\u00e9fono<\/label><input type=\"tel\" placeholder=\"6XX XXX XXX\"><\/div>\n <\/div>\n <div class=\"fg\"><label>Veh\u00edculo<\/label><input type=\"text\" placeholder=\"Marca, modelo y a\u00f1o\" required><\/div>\n <div class=\"fg\"><label>Tipo de trabajo<\/label>\n <select required>\n <option value=\"\" disabled selected>\u00bfQu\u00e9 necesita tu coche?<\/option>\n <option>Chapa y Carrocer\u00eda<\/option><option>Pintura Integral<\/option>\n <option>Pintura Localizada<\/option><option>Restauraci\u00f3n Cl\u00e1sica<\/option>\n <option>Custom \/ Kustom<\/option><option>Siniestro \/ Seguro<\/option>\n <option>Anticorrosi\u00f3n<\/option><option>No lo s\u00e9, quiero consultar<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\"><label>Descripci\u00f3n<\/label><textarea placeholder=\"Cu\u00e9ntanos el estado del veh\u00edculo o lo que tienes en mente...\" required><\/textarea><\/div>\n <button type=\"submit\" class=\"btn-sub\"><i class=\"fa-solid fa-paper-plane\"><\/i> Enviar consulta<\/button>\n <p class=\"f-note\">Te contactamos en menos de 24h. Sin compromiso.<\/p>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"ft-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ft-logo\">\n <p class=\"ft-txt\">Taller de chapa y pintura en Terrassa desde 2003. Trabajo artesanal y trato personal.<\/p>\n <\/div>\n <div>\n <p class=\"ft-col-t\">Servicios<\/p>\n <ul class=\"ft-links\">\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Chapa y Carrocer\u00eda<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Pintura Alta Gama<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Restauraci\u00f3n Cl\u00e1sica<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Custom \/ Kustom<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Siniestros<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <p class=\"ft-col-t\">Taller<\/p>\n <ul class=\"ft-links\">\n <li><a href=\"#taller\" onclick=\"ir(event,'taller')\">Qui\u00e9nes somos<\/a><\/li>\n <li><a href=\"#proceso\" onclick=\"ir(event,'proceso')\">C\u00f3mo trabajamos<\/a><\/li>\n <li><a href=\"#galeria\" onclick=\"ir(event,'galeria')\">Portfolio<\/a><\/li>\n <li><a href=\"#contacto\" onclick=\"ir(event,'contacto')\">Presupuesto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ft-bottom\">\n <span class=\"ft-copy\">\u00a9 2026 CB Project Iron Paint \u00b7 Carrer Volta 220, 08224 Terrassa \u00b7 931 58 18 50<\/span>\n <span class=\"ft-hash\">#alocompadre<\/span>\n <\/div>\n<\/footer>\n\n<\/div>\n\n\n<div id=\"tacho\"><canvas id=\"tc\" width=\"312\" height=\"312\"><\/canvas><\/div>\n\n<script>\n\/* \u2550\u2550 PERSIANA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const c=document.getElementById('p-listones');\n const n=Math.ceil((window.innerHeight||800)\/50)+3;\n c.style.cssText='position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden';\n for(let i=0;i<n;i++){\n const d=document.createElement('div');d.className='lst';\n const l=document.createElement('div');l.className='rm-l';\n const r=document.createElement('div');r.className='rm-r';\n d.appendChild(l);d.appendChild(r);\n if(i%4===1){\n const ox=document.createElement('div');\n ox.style.cssText=`position:absolute;top:0;bottom:0;left:${18+Math.random()*64}%;width:${8+Math.random()*18}px;background:radial-gradient(ellipse at 50% 40%,rgba(145,60,8,.3) 0%,transparent 72%);pointer-events:none`;\n d.appendChild(ox);\n }\n c.appendChild(d);\n }\n})();\n\n\/* \u2550\u2550 MOTOR V8 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction sonarMotor(){\n try{\n const A=new(window.AudioContext||window.webkitAudioContext)();\n if(A.state==='suspended')A.resume();\n const sr=A.sampleRate,t0=A.currentTime+.04;\n function brown(s,a){const b=A.createBuffer(1,Math.floor(sr*s),sr),d=b.getChannelData(0);let acc=0;for(let i=0;i<d.length;i++){acc=acc*.997+(Math.random()*2-1)*.018;d[i]=Math.max(-1,Math.min(1,acc*6*a))}return b}\n function piston(a){const b=A.createBuffer(1,Math.floor(sr*.08),sr),d=b.getChannelData(0);for(let i=0;i<d.length;i++)d[i]=(Math.random()*2-1)*Math.exp(-i\/(sr*.018))*a;return b}\n function playBuf(b,t,dur,lp,g){const s=A.createBufferSource(),f=A.createBiquadFilter(),gn=A.createGain();f.type='lowpass';f.frequency.value=lp;f.Q.value=1.4;gn.gain.setValueAtTime(0,t);gn.gain.linearRampToValueAtTime(g,t+.03);gn.gain.setValueAtTime(g,t+dur-.08);gn.gain.linearRampToValueAtTime(0,t+dur);s.buffer=b;s.connect(f);f.connect(gn);gn.connect(A.destination);s.start(t);s.stop(t+dur+.1)}\n function layer(t1,t2,f0,f1,pk){function osc(m,tp,gm,lc){const o=A.createOscillator(),lp=A.createBiquadFilter(),gn=A.createGain();o.type=tp;lp.type='lowpass';lp.frequency.value=lc;lp.Q.value=2;o.frequency.setValueAtTime(f0*m,t1);o.frequency.linearRampToValueAtTime(f1*m,t2);gn.gain.setValueAtTime(0,t1);gn.gain.linearRampToValueAtTime(pk*gm,t1+.05);gn.gain.setValueAtTime(pk*gm,t2-.06);gn.gain.linearRampToValueAtTime(0,t2);o.connect(lp);lp.connect(gn);gn.connect(A.destination);o.start(t1);o.stop(t2+.05)}osc(1,'square',1,280);osc(1,'sawtooth',.45,180);osc(2,'square',.55,420);osc(3,'sawtooth',.28,600);osc(.5,'square',.6,120)}\n function gas(t,fi,fr,d,pw){layer(t,t+d*.65,fi,fr,pw);const ct=t+d*.62,pb=piston(1.2);for(let i=0;i<4;i++){const off=i*.055+Math.random()*.02,s=A.createBufferSource(),bp=A.createBiquadFilter(),gn=A.createGain();bp.type='bandpass';bp.frequency.value=180+i*40;bp.Q.value=1.8;gn.gain.setValueAtTime(pw*(.7-i*.12),ct+off);gn.gain.exponentialRampToValueAtTime(.001,ct+off+.07);s.buffer=pb;s.connect(bp);bp.connect(gn);gn.connect(A.destination);s.start(ct+off);s.stop(ct+off+.1)}layer(t+d*.62,t+d,fr*.7,fi*1.1,pw*.45)}\n const nb=brown(6.5,.9),nb2=brown(6.5,.6);\n playBuf(nb,t0,6.2,160,.42);playBuf(nb2,t0+.1,6.0,340,.22);\n layer(t0,t0+.55,18,44,.5);layer(t0+.5,t0+1.3,42,46,.55);\n gas(t0+1.25,44,125,.65,.72);layer(t0+2.0,t0+2.5,48,44,.5);\n gas(t0+2.45,44,165,.85,.85);layer(t0+3.4,t0+3.8,145,46,.42);\n gas(t0+3.75,46,200,.75,.9);layer(t0+4.55,t0+5.5,190,40,.35);layer(t0+5.3,t0+6.2,40,36,.22);\n const seq=[[0,0],[80,400],[300,750],[700,820],[1250,820],[1300,3800],[1620,1800],[1750,850],[2450,820],[2500,4800],[2900,5400],[3200,1200],[3420,850],[3750,820],[3800,5800],[4050,6600],[4300,7200],[4560,2200],[4750,900],[5000,820],[5500,760],[6000,700],[7000,0]];\n seq.forEach(([d,v])=>setTimeout(()=>{if(window.setRPM)window.setRPM(v)},d));\n }catch(e){}\n}\n\n\/* \u2550\u2550 ABRIR TALLER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction abrirTaller(){\n sonarMotor();\n document.getElementById('tacho').classList.add('show');\n const p=document.getElementById('persiana'),s=document.getElementById('site'),c=document.getElementById('p-c');\n c.style.transition='opacity .3s';c.style.opacity='0';c.style.pointerEvents='none';\n setTimeout(()=>{p.classList.add('up');s.classList.add('on')},200);\n setTimeout(()=>{p.style.display='none';setTimeout(()=>document.getElementById('tacho').classList.remove('show'),3500)},4000);\n}\n\n\/* \u2550\u2550 SPRAY CANVAS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const cv=document.getElementById('spray-canvas');\n if(!cv)return;\n const ctx=cv.getContext('2d');\n function resize(){cv.width=cv.offsetWidth;cv.height=cv.offsetHeight}\n resize();window.addEventListener('resize',resize);\n const particles=[];\n \/\/ Crear manchas de pintura predefinidas (aspecto post-spray)\n function spawnDrop(x,y,color,r){\n for(let i=0;i<Math.floor(r*.8);i++){\n const angle=Math.random()*Math.PI*2;\n const dist=Math.random()*r;\n const size=Math.random()*2.5+.5;\n const life=Math.random()*.4+.05;\n particles.push({x:x+Math.cos(angle)*dist,y:y+Math.sin(angle)*dist,r:size,life,maxLife:life,color,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3});\n }\n }\n \/\/ Manchas fijas decorativas de pintura en el fondo del hero\n const splats=[\n {x:.72,y:.15,r:120,color:'rgba(200,149,14,'},\n {x:.1, y:.55,r:80, color:'rgba(200,149,14,'},\n {x:.85,y:.75,r:100,color:'rgba(200,149,14,'},\n {x:.4, y:.85,r:60, color:'rgba(200,149,14,'},\n ];\n let init=false;\n function initSplats(){\n if(init)return;init=true;\n splats.forEach(s=>spawnDrop(s.x*cv.width,s.y*cv.height,s.color,s.r));\n }\n \/\/ Pintar en canvas al mover rat\u00f3n\n let lastX=-999,lastY=-999;\n document.addEventListener('mousemove',e=>{\n const hero=document.getElementById('inicio');\n if(!hero)return;\n const hr=hero.getBoundingClientRect();\n if(e.clientY<hr.top||e.clientY>hr.bottom)return;\n const x=e.clientX,y=e.clientY-hr.top;\n const dist=Math.hypot(x-lastX,y-lastY);\n if(dist>12){\n for(let i=0;i<3;i++){\n const angle=Math.random()*Math.PI*2,d=Math.random()*8;\n particles.push({x:x+Math.cos(angle)*d,y:y+Math.sin(angle)*d,r:Math.random()*3+1,life:2+Math.random()*2,maxLife:4,color:'rgba(200,149,14,',vx:(Math.random()-.5)*.5,vy:Math.random()*.5+.2});\n }\n lastX=x;lastY=y;\n }\n });\n function draw(){\n initSplats();\n ctx.clearRect(0,0,cv.width,cv.height);\n for(let i=particles.length-1;i>=0;i--){\n const p=particles[i];\n const alpha=Math.min((p.life\/p.maxLife)*.18,.18);\n ctx.beginPath();\n ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n ctx.fillStyle=p.color+alpha+')';\n ctx.fill();\n p.x+=p.vx;p.y+=p.vy;p.vx*=.98;p.vy*=.98;\n p.life-=.008;\n if(p.life<=0)particles.splice(i,1);\n }\n requestAnimationFrame(draw);\n }\n draw();\n})();\n\n\/* \u2550\u2550 CURSOR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n if(window.innerWidth<=900)return;\n const cx=document.getElementById('cx');\n const ring=document.getElementById('cx-outer');\n const dot=document.getElementById('cx-dot');\n let mx=-300,my=-300,rx=-300,ry=-300;\n document.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY});\n (function loop(){\n rx+=(mx-rx)*.12;ry+=(my-ry)*.12;\n cx.style.left=rx+'px';cx.style.top=ry+'px';\n dot.style.left=(mx-rx)+'px';dot.style.top=(my-ry)+'px';\n requestAnimationFrame(loop);\n })();\n document.querySelectorAll('a,button,.srv,.tool-card').forEach(el=>{\n el.addEventListener('mouseenter',()=>document.body.classList.add('hov'));\n el.addEventListener('mouseleave',()=>document.body.classList.remove('hov'));\n });\n})();\n\n\/* \u2550\u2550 SCROLL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction ir(e,id){\n e.preventDefault();\n const el=document.getElementById(id);\n if(!el)return;\n window.scrollTo({top:el.getBoundingClientRect().top+window.pageYOffset-20,behavior:'smooth'});\n}\n\n\/* \u2550\u2550 REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const io=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.1});\n document.querySelectorAll('.rv').forEach(el=>io.observe(el));\n})();\n\n\/* \u2550\u2550 FORM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction enviar(e){\n e.preventDefault();\n const btn=e.target.querySelector('.btn-sub'),orig=btn.innerHTML;\n btn.innerHTML='<i class=\"fa-solid fa-check\"><\/i> \u00a1Enviado! Contactamos en 24h';\n btn.style.background='#1a4e1e';btn.style.borderColor='#1a4e1e';\n setTimeout(()=>{btn.innerHTML=orig;btn.style.background='';btn.style.borderColor=''},4500);\n}\n\n\/* \u2550\u2550 TAC\u00d3METRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const canvas=document.getElementById('tc');\n if(!canvas)return;\n const ctx=canvas.getContext('2d');\n const W=canvas.width,H=canvas.height,CX=W\/2,CY=H\/2,R=W\/2-18;\n let rpm=0,tgt=0,vel=0;\n window.setRPM=v=>{tgt=Math.max(0,Math.min(8200,v))};\n function draw(rpm){\n ctx.clearRect(0,0,W,H);\n \/\/ Carcasa biselada\n const bez=ctx.createRadialGradient(CX-R*.3,CY-R*.3,R*.1,CX,CY,R+18);\n bez.addColorStop(0,'#4a4a4a');bez.addColorStop(.5,'#1a1a1a');bez.addColorStop(1,'#080808');\n ctx.beginPath();ctx.arc(CX,CY,R+18,0,Math.PI*2);ctx.fillStyle=bez;ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,R+18,0,Math.PI*2);ctx.strokeStyle='#a07808';ctx.lineWidth=2.5;ctx.stroke();\n \/\/ Fondo\n const bg=ctx.createRadialGradient(CX,CY-R*.2,2,CX,CY,R+6);\n bg.addColorStop(0,'#161616');bg.addColorStop(.75,'#0c0c0c');bg.addColorStop(1,'#040404');\n ctx.beginPath();ctx.arc(CX,CY,R+12,0,Math.PI*2);ctx.fillStyle=bg;ctx.fill();\n const sa=Math.PI*.75,arc=Math.PI*1.5;\n \/\/ Zona roja\n const rs=sa+arc*(6\/8),re=sa+arc;\n ctx.beginPath();ctx.arc(CX,CY,R-10,rs,re);ctx.arc(CX,CY,R-24,re,rs,true);ctx.closePath();\n ctx.fillStyle='rgba(155,22,8,.5)';ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,R-10,rs,re);ctx.strokeStyle='#a81808';ctx.lineWidth=2;ctx.stroke();\n \/\/ Marcas\n for(let i=0;i<=8;i++){\n const a=sa+arc*(i\/8);\n ctx.beginPath();ctx.moveTo(CX+Math.cos(a)*(R-11),CY+Math.sin(a)*(R-11));ctx.lineTo(CX+Math.cos(a)*(R-26),CY+Math.sin(a)*(R-26));\n ctx.strokeStyle=i>=6?'#c81808':'#c09010';ctx.lineWidth=2.2;ctx.lineCap='round';ctx.stroke();\n const rt=R-40,xt=CX+Math.cos(a)*rt,yt=CY+Math.sin(a)*rt;\n ctx.font=`bold ${W*.062}px 'Black Han Sans',sans-serif`;ctx.textAlign='center';ctx.textBaseline='middle';\n ctx.fillStyle=i>=6?'#c81808':'#c89010';ctx.fillText(i,xt,yt);\n }\n for(let i=1;i<=15;i+=2){\n const a=sa+arc*(i\/16);\n ctx.beginPath();ctx.moveTo(CX+Math.cos(a)*(R-11),CY+Math.sin(a)*(R-11));ctx.lineTo(CX+Math.cos(a)*(R-20),CY+Math.sin(a)*(R-20));\n ctx.strokeStyle=i\/2>=6?'rgba(200,24,8,.4)':'rgba(192,144,16,.38)';ctx.lineWidth=1.2;ctx.stroke();\n }\n ctx.font=`${W*.042}px 'Share Tech Mono',monospace`;ctx.fillStyle='rgba(200,144,16,.42)';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('RPM \u00d71000',CX,CY+R*.4);\n ctx.font=`${W*.042}px 'Black Han Sans',sans-serif`;ctx.fillStyle='rgba(255,255,255,.15)';ctx.fillText('CB PROJECT',CX,CY-R*.2);\n \/\/ Aguja\n const na=sa+arc*(rpm\/8000),nL=R-32,nB=17,pa=na+Math.PI\/2;\n const tx=CX+Math.cos(na)*nL,ty=CY+Math.sin(na)*nL;\n const bl=CX+Math.cos(na)*(-nB)+Math.cos(pa)*5.5,bly=CY+Math.sin(na)*(-nB)+Math.sin(pa)*5.5;\n const br=CX+Math.cos(na)*(-nB)-Math.cos(pa)*5.5,bry=CY+Math.sin(na)*(-nB)-Math.sin(pa)*5.5;\n ctx.save();ctx.shadowColor='rgba(0,0,0,.55)';ctx.shadowBlur=6;ctx.shadowOffsetX=2;ctx.shadowOffsetY=2;\n ctx.beginPath();ctx.moveTo(tx,ty);ctx.lineTo(bl,bly);ctx.lineTo(br,bry);ctx.closePath();\n const ng=ctx.createLinearGradient(CX+Math.cos(na)*(-nB),CY+Math.sin(na)*(-nB),tx,ty);\n const inR=rpm>=6000;\n ng.addColorStop(0,'#908060');ng.addColorStop(.65,inR?'#ff4820':'#f0e8c0');ng.addColorStop(1,inR?'#ff1000':'#ffffff');\n ctx.fillStyle=ng;ctx.fill();ctx.restore();\n const pg=ctx.createRadialGradient(CX-3,CY-3,1,CX,CY,13);\n pg.addColorStop(0,'#777');pg.addColorStop(.5,'#282828');pg.addColorStop(1,'#080808');\n ctx.beginPath();ctx.arc(CX,CY,13,0,Math.PI*2);ctx.fillStyle=pg;ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,13,0,Math.PI*2);ctx.strokeStyle='#c09010';ctx.lineWidth=1.2;ctx.stroke();\n ctx.beginPath();ctx.arc(CX,CY,4,0,Math.PI*2);ctx.fillStyle='#c89010';ctx.fill();\n const gl=ctx.createRadialGradient(CX-R*.35,CY-R*.38,2,CX,CY,R*.8);\n gl.addColorStop(0,'rgba(255,255,255,.055)');gl.addColorStop(.4,'rgba(255,255,255,.018)');gl.addColorStop(1,'rgba(255,255,255,0)');\n ctx.beginPath();ctx.arc(CX,CY,R+12,0,Math.PI*2);ctx.fillStyle=gl;ctx.fill();\n }\n (function loop(){vel=vel*.7+(tgt-rpm)*.18;rpm+=vel;if(rpm<0){rpm=0;vel*=-.2}if(rpm>8300){rpm=8300;vel*=-.15}draw(rpm);requestAnimationFrame(loop)})();\n})();\n\/* \u2550\u2550 CONTADOR ANIMADO DE STATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n let done=false;\n const io=new IntersectionObserver(es=>{\n if(done)return;\n if(!es.some(e=>e.isIntersecting))return;\n done=true;\n const defs=[\n {sel:'.st:nth-child(2) .st-n',final:13,pre:'+',suf:''},\n {sel:'.st:nth-child(3) .st-n',final:2,pre:'',suf:''},\n {sel:'.st:nth-child(4) .st-n',final:100,pre:'',suf:'%'},\n ];\n defs.forEach(d=>{\n const el=document.querySelector(d.sel);if(!el)return;\n let v=0;const inc=d.final\/90;\n const t=setInterval(()=>{v=Math.min(v+inc,d.final);el.textContent=d.pre+Math.round(v)+d.suf;if(v>=d.final)clearInterval(t)},16);\n });\n },{threshold:.3});\n const hs=document.querySelector('.hero-stats');if(hs)io.observe(hs);\n})();\n\n\n\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- CB PROJECT IRON PAINT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cbproject.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- CB PROJECT IRON PAINT\" \/>\n<meta property=\"og:description\" content=\"CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cbproject.es\/\" \/>\n<meta property=\"og:site_name\" content=\"CB PROJECT IRON PAINT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T16:44:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/\",\"url\":\"https:\\\/\\\/cbproject.es\\\/\",\"name\":\"- CB PROJECT IRON PAINT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"datePublished\":\"2026-05-30T21:54:45+00:00\",\"dateModified\":\"2026-06-07T16:44:29+00:00\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cbproject.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"width\":545,\"height\":458},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/#website\",\"url\":\"https:\\\/\\\/cbproject.es\\\/\",\"name\":\"CB PROJECT IRON PAINT\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cbproject.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"- CB PROJECT IRON PAINT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cbproject.es\/","og_locale":"es_ES","og_type":"article","og_title":"- CB PROJECT IRON PAINT","og_description":"CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…","og_url":"https:\/\/cbproject.es\/","og_site_name":"CB PROJECT IRON PAINT","article_modified_time":"2026-06-07T16:44:29+00:00","og_image":[{"url":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cbproject.es\/","url":"https:\/\/cbproject.es\/","name":"- CB PROJECT IRON PAINT","isPartOf":{"@id":"https:\/\/cbproject.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cbproject.es\/#primaryimage"},"image":{"@id":"https:\/\/cbproject.es\/#primaryimage"},"thumbnailUrl":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","datePublished":"2026-05-30T21:54:45+00:00","dateModified":"2026-06-07T16:44:29+00:00","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cbproject.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cbproject.es\/#primaryimage","url":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","contentUrl":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","width":545,"height":458},{"@type":"WebSite","@id":"https:\/\/cbproject.es\/#website","url":"https:\/\/cbproject.es\/","name":"CB PROJECT IRON PAINT","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cbproject.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbproject.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":15,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":19,"date":"2026-05-30T21:54:45","date_gmt":"2026-05-30T21:54:45","guid":{"rendered":"https:\/\/cbproject.es\/?page_id=19"},"modified":"2026-06-07T16:44:29","modified_gmt":"2026-06-07T16:44:29","slug":"inicio","status":"publish","type":"page","link":"https:\/\/cbproject.es\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nCB Project Iron Paint \u2014 Terrassa<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Black+Han+Sans&family=Barlow:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400&family=Share+Tech+Mono&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<style>\n:root{\n --k:#030303; --k1:#0a0a0a; --k2:#121212; --k3:#1c1c1c; --k4:#383838;\n --g:#d4980e; --g2:#f5c832; --g3:#ffe88a; --glow:rgba(212,152,14,.22);\n --cr:#e2dac4; --wh:#f8f2de;\n --red:#c01c08; --red2:#e42818;\n --mono:'Share Tech Mono',monospace;\n --display:'Black Han Sans',sans-serif;\n --body:'Barlow',sans-serif;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}\nbody{\n background:var(--k);color:var(--cr);\n font-family:var(--body);font-weight:400;\n overflow-x:hidden;max-width:100%;-webkit-font-smoothing:antialiased;\n}\nimg{display:block;max-width:100%}\na{color:inherit;text-decoration:none}\nbutton{border:none;background:none;font:inherit;cursor:pointer;color:inherit}\ninput,select,textarea{font:inherit}\n\n\/* \u2500\u2500 GRANO ANAL\u00d3GICO \u2500\u2500 *\/\nbody::after{\n content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;\n background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23f)'\/%3E%3C\/svg%3E\");\n opacity:.03;mix-blend-mode:screen;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CURSOR PERSONALIZADO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cx{position:fixed;z-index:99999;pointer-events:none;top:0;left:0}\n#cx-outer{\n width:40px;height:40px;\n border:1px solid var(--g);border-radius:50%;\n position:absolute;transform:translate(-50%,-50%);\n transition:width .18s,height .18s,opacity .18s;\n}\n\/* Miras del cursor *\/\n#cx-outer::before,#cx-outer::after{\n content:'';position:absolute;background:var(--g);\n}\n#cx-outer::before{top:50%;left:-10px;width:7px;height:1px;margin-top:-.5px}\n#cx-outer::after {left:50%;top:-10px;height:7px;width:1px;margin-left:-.5px}\n#cx-dot{\n width:5px;height:5px;background:var(--g2);border-radius:50%;\n position:absolute;transform:translate(-50%,-50%);\n}\nbody.hov #cx-outer{width:60px;height:60px;opacity:.5}\n@media(min-width:900px){body,a,button,input,select,textarea{cursor:none!important}}\n@media(max-width:899px){#cx{display:none}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PERSIANA MET\u00c1LICA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#persiana{\n position:fixed;inset:0;z-index:8000;\n display:flex;flex-direction:column;overflow:hidden;\n background:var(--k);\n}\n.lst{\n flex-shrink:0;height:50px;position:relative;overflow:hidden;\n background:linear-gradient(180deg,\n #2c2c2c 0%,#222 7%,#181818 20%,#202020 34%,\n #0f0f0f 50%,#1a1a1a 64%,#242424 78%,#141414 90%,#090909 100%);\n border-top:1px solid #2e2e2e;border-bottom:2px solid #040404;\n}\n.lst::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(0,0,0,.22) 100%)}\n.lst::after{content:'';position:absolute;inset:0;pointer-events:none;\n background:radial-gradient(ellipse 20px 100% at 7% 55%,rgba(130,58,8,.28) 0%,transparent 68%),\n radial-gradient(ellipse 16px 100% at 94% 40%,rgba(100,44,5,.2) 0%,transparent 65%)}\n.lst:nth-child(3n){background:linear-gradient(180deg,#242424 0%,#1c1c1c 7%,#131313 20%,#1a1a1a 34%,#0b0b0b 50%,#161616 64%,#1e1e1e 78%,#111 90%,#070707 100%)}\n.lst:nth-child(3n)::after{background:radial-gradient(ellipse 36px 100% at 22% 50%,rgba(144,56,8,.32) 0%,transparent 56%),radial-gradient(ellipse 18px 100% at 76% 65%,rgba(110,45,6,.22) 0%,transparent 60%)}\n.lst:nth-child(5n){background:linear-gradient(180deg,#282828 0%,#202020 7%,#161616 20%,#1e1e1e 34%,#0d0d0d 50%,#181818 64%,#222 78%,#131313 90%,#0a0a0a 100%)}\n.lst:nth-child(5n)::after{background:linear-gradient(108deg,transparent 28%,rgba(120,52,8,.24) 34%,rgba(140,62,10,.3) 39%,transparent 48%)}\n.lst:nth-child(7n){background:linear-gradient(180deg,#1c1c1c 0%,#161616 7%,#0e0e0e 20%,#161616 34%,#090909 50%,#131313 64%,#1a1a1a 78%,#0e0e0e 90%,#060606 100%)}\n.lst:nth-child(7n)::after{background:radial-gradient(ellipse 44px 100% at 42% 50%,rgba(92,40,4,.38) 0%,transparent 54%),radial-gradient(ellipse 22px 100% at 80% 38%,rgba(110,48,7,.26) 0%,transparent 58%)}\n.rm-l,.rm-r{\n position:absolute;top:50%;transform:translateY(-50%);\n width:10px;height:10px;border-radius:50%;z-index:2;\n background:radial-gradient(circle at 30% 28%,#aaa 0%,#444 52%,#111 100%);\n box-shadow:0 1px 2px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.1);\n}\n.rm-l{left:13px}.rm-r{right:13px}\n\n\/* Centro persiana *\/\n#p-c{\n position:absolute;inset:0;z-index:12;\n display:flex;flex-direction:column;align-items:center;justify-content:center;\n padding:20px;text-align:center;gap:12px;\n}\n.p-logo{\n width:clamp(72px,14vw,110px);height:auto;\n filter:drop-shadow(0 0 20px rgba(200,149,14,.22));\n margin-bottom:8px;\n}\n.p-tagline{\n font-family:var(--mono);font-size:clamp(9px,2vw,11px);\n letter-spacing:.4em;color:var(--g);text-transform:uppercase;margin-bottom:4px;\n}\n.p-name{\n font-family:var(--display);font-size:clamp(52px,14vw,108px);\n color:var(--wh);line-height:.9;letter-spacing:.02em;\n text-shadow:0 0 60px rgba(200,149,14,.1);\n}\n.p-name em{color:var(--g2);font-style:normal}\n.p-sub{\n font-family:var(--mono);font-size:clamp(9px,2.2vw,11px);\n letter-spacing:.32em;color:rgba(200,208,180,.55);text-transform:uppercase;\n margin-bottom:8px;\n}\n.p-sep{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--g2),transparent);margin:4px auto;box-shadow:0 0 8px rgba(245,200,50,.3)}\n.p-lema{\n font-family:var(--body);font-style:italic;font-weight:300;\n font-size:clamp(13px,3vw,16px);color:rgba(216,208,184,.7);\n max-width:360px;line-height:1.55;margin-bottom:10px;\n}\n.p-btn{\n display:inline-flex;align-items:center;gap:10px;\n padding:13px 38px;\n border:1px solid var(--g);color:var(--g2);\n font-family:var(--mono);font-size:clamp(11px,2.5vw,13px);letter-spacing:.26em;\n text-transform:uppercase;\n background:transparent;cursor:pointer!important;\n position:relative;overflow:hidden;transition:color .25s;\n}\n.p-btn::before{\n content:'';position:absolute;inset:0;background:var(--g);\n transform:translateX(-101%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:0;\n}\n.p-btn i,.p-btn span{position:relative;z-index:1}\n.p-btn:hover{color:var(--k)}.p-btn:hover::before{transform:translateX(0)}\n\n#persiana.up{animation:shutter 3.4s cubic-bezier(.18,.65,.32,1) forwards}\n@keyframes shutter{\n 0%{transform:translateY(0)} 3.5%{transform:translateY(-1.8%)}\n 7%{transform:translateY(-.9%)} 13%{transform:translateY(-9%)}\n 100%{transform:translateY(-103%)}\n}\n#persiana.up .lst{animation:rattle .16s ease 0s 4}\n@keyframes rattle{\n 0%{transform:scaleX(1)} 25%{transform:scaleX(1.002) skewX(.25deg)}\n 75%{transform:scaleX(.999) skewX(-.2deg)} 100%{transform:scaleX(1)}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SITE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#site{opacity:0;transition:opacity .7s ease .25s;width:100%}\n#site.on{opacity:1}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO \u2014 PINTURA EN AEROSOL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero{\n min-height:100svh;display:flex;flex-direction:column;\n position:relative;overflow:hidden;\n}\n\n\/* Canvas de part\u00edculas de pintura detr\u00e1s *\/\n#spray-canvas{\n position:absolute;inset:0;z-index:0;pointer-events:none;\n width:100%;height:100%;\n}\n\n\/* Suelo cuadriculado *\/\n.hero-floor{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n background:\n linear-gradient(180deg,transparent 55%,rgba(200,149,14,.04) 100%),\n repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.016) 80px),\n repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(255,255,255,.016) 80px);\n}\n\n\/* Degradado lateral *\/\n.hero-vignette{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n background:\n radial-gradient(ellipse 70% 60% at 50% 100%,rgba(200,149,14,.07) 0%,transparent 65%),\n linear-gradient(180deg,transparent 60%,rgba(5,5,5,.85) 100%),\n linear-gradient(90deg,rgba(5,5,5,.6) 0%,transparent 40%,transparent 60%,rgba(5,5,5,.6) 100%);\n}\n\n.hero-inner{\n position:relative;z-index:3;flex:1;\n display:flex;flex-direction:column;justify-content:center;\n padding:clamp(50px,10vw,100px) clamp(20px,6%,100px) clamp(40px,6vw,80px);\n max-width:100%;\n}\n\n\/* Tag *\/\n.tag{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:clamp(10px,1.5vw,12px);\n letter-spacing:.38em;color:var(--g);text-transform:uppercase;\n margin-bottom:clamp(20px,3vw,32px);\n}\n.tag::before{content:'';width:22px;height:1px;background:var(--g);flex-shrink:0}\n\n\/* Titular hero \u2014 letras grandes con spray *\/\n.hero-h1{\n font-family:var(--display);\n font-size:clamp(52px,15vw,180px);\n line-height:.85;color:var(--wh);\n margin-bottom:clamp(20px,3vw,40px);\n position:relative;\n word-break:break-word;\n}\n.hero-h1 .painted{\n display:block;color:var(--g2);\n position:relative;\n text-shadow:\n 0 0 40px rgba(240,192,48,.25),\n 0 0 80px rgba(200,149,14,.12);\n}\n\/* Contorno stencil en la \u00faltima palabra *\/\n.hero-h1 .outline{\n display:block;\n -webkit-text-stroke:2px rgba(240,192,48,.5);\n color:transparent;\n font-size:clamp(56px,14vw,150px);\n}\n\n.hero-copy{\n font-size:clamp(16px,2vw,19px);font-weight:300;\n color:rgba(216,208,184,.85);line-height:1.75;\n max-width:500px;margin-bottom:clamp(28px,4vw,44px);\n}\n\n.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\n.btn-fill{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;\n transition:background .22s,border-color .22s;\n display:inline-flex;align-items:center;gap:9px;\n}\n.btn-fill:hover{background:var(--g2);border-color:var(--g2)}\n.btn-line{\n padding:15px 36px;\n background:transparent;border:1px solid var(--k4);color:var(--cr);\n font-family:var(--mono);font-size:12px;letter-spacing:.22em;\n text-transform:uppercase;\n transition:border-color .22s,color .22s;\n display:inline-flex;align-items:center;gap:9px;\n}\n.btn-line:hover{border-color:var(--g);color:var(--g2)}\n\n\/* Pistola de pintura SVG decorativa *\/\n.spray-gun-deco{\n position:absolute;right:-2%;bottom:8%;z-index:3;\n width:clamp(220px,35vw,520px);\n opacity:.38;\n filter:drop-shadow(0 0 24px rgba(212,152,14,.15)) drop-shadow(0 0 60px rgba(212,152,14,.06));\n transform:scaleX(-1);\n pointer-events:none;\n max-width:55vw;\n}\n@media(max-width:700px){.spray-gun-deco{display:none}}\n\n\/* Barra stats *\/\n.hero-stats{\n position:relative;z-index:3;\n display:grid;grid-template-columns:repeat(4,1fr);\n background:rgba(0,0,0,.75);\n border-top:1px solid var(--k4);\n backdrop-filter:blur(6px);\n}\n.st{\n padding:clamp(14px,2.5vw,22px) 12px;\n text-align:center;border-right:1px solid var(--k4);\n}\n.st:last-child{border-right:none}\n.st-n{\n display:block;\n font-family:var(--display);font-size:clamp(24px,5vw,36px);\n color:var(--g2);line-height:1;margin-bottom:5px;\n}\n.st-l{\n font-family:var(--mono);font-size:clamp(8px,1.2vw,10px);\n letter-spacing:.2em;color:#7a7268;text-transform:uppercase;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TICKER ANIMADO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker{\n height:52px;overflow:hidden;\n border-top:1px solid var(--k4);border-bottom:1px solid var(--k4);\n background:var(--k1);\n display:flex;align-items:center;position:relative;\n}\n.ticker::before,.ticker::after{\n content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;\n}\n.ticker::before{left:0;background:linear-gradient(90deg,var(--k1),transparent)}\n.ticker::after{right:0;background:linear-gradient(270deg,var(--k1),transparent)}\n.ticker-t{\n display:flex;gap:0;animation:marquee 24s linear infinite;\n white-space:nowrap;width:max-content;\n}\n@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n.ti{\n display:inline-flex;align-items:center;gap:14px;\n padding:0 28px;border-right:1px solid var(--k4);\n font-family:var(--mono);font-size:11px;letter-spacing:.25em;\n color:#6a6258;text-transform:uppercase;\n}\n.ti.hi{color:var(--g);text-shadow:0 0 14px rgba(212,152,14,.35)}\n.ti-dot{width:4px;height:4px;background:currentColor;border-radius:50%}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECCIONES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.S{padding:clamp(48px,10vw,120px) clamp(16px,6%,100px);width:100%;}\n.S-dark{background:var(--k1)}\n.S-panel{background:var(--k2)}\n.S-black{background:var(--k)}\n\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:11px;letter-spacing:.36em;\n color:var(--g);text-transform:uppercase;margin-bottom:14px;\n}\n.eyebrow::before{content:'';width:18px;height:1px;background:var(--g);flex-shrink:0}\n\n.H{\n font-family:var(--display);\n font-size:clamp(38px,6vw,68px);\n color:var(--wh);line-height:.95;margin-bottom:18px;\n}\n.P{\n font-size:clamp(15px,2vw,17px);font-weight:400;\n color:rgba(216,208,184,.8);line-height:1.85;max-width:560px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ABOUT \u2014 CON ELEMENTOS DE TALLER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-grid{\n display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px;\n}\n@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}\n\n.about-txt .P{margin-bottom:20px}\n.about-txt blockquote{\n border-left:2px solid var(--g);\n padding:18px 0 18px 24px;\n margin:28px 0;\n font-size:clamp(16px,2.2vw,20px);font-style:italic;\n color:var(--wh);line-height:1.6;\n font-weight:300;\n}\n\n\/* Ficha taller *\/\n.ficha{background:var(--k);border:1px solid var(--k4)}\n.ficha-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(200,149,14,.08),transparent);\n}\n.ficha-head-lbl{\n font-family:var(--mono);font-size:10px;letter-spacing:.3em;\n color:var(--g2);text-transform:uppercase;\n}\n.ficha-logo{height:32px;width:auto}\n.fr{\n display:flex;align-items:flex-start;gap:14px;\n padding:14px 20px;border-bottom:1px solid var(--k4);\n transition:background .2s;\n}\n.fr:last-child{border-bottom:none}\n.fr:hover{background:rgba(200,149,14,.04)}\n.fr-ico{\n width:34px;height:34px;flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:13px;color:var(--g);\n}\n.fr-k{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--g);text-transform:uppercase;margin-bottom:3px}\n.fr-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.5}\n.fr-v small{font-size:12px;color:rgba(216,208,184,.5);font-style:italic}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICIOS \u2014 DISE\u00d1O INNOVADOR\n Tarjetas apiladas con n\u00famero enorme\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.srv-list{margin-top:48px;display:flex;flex-direction:column;gap:2px}\n.srv{\n display:flex;align-items:center;gap:clamp(14px,3vw,32px);\n padding:clamp(20px,3vw,28px) clamp(16px,3vw,28px);\n background:var(--k2);\n border-left:3px solid transparent;\n position:relative;overflow:hidden;\n transition:background .25s,border-color .25s;\n}\n.srv::after{\n content:'';position:absolute;bottom:0;left:0;right:0;\n height:1px;background:var(--g);\n transform:scaleX(0);transform-origin:left;\n transition:transform .32s cubic-bezier(.25,.46,.45,.94);\n}\n.srv:hover{background:#161616;border-left-color:var(--g)}\n.srv:hover::after{transform:scaleX(1)}\n.srv:hover .srv-title{color:var(--g2)}\n.srv:hover .srv-title{color:var(--g2)}\n.srv:hover .srv-arr{opacity:1;transform:translateX(0)}\n.srv-n{\n font-family:var(--display);font-size:clamp(48px,8vw,80px);\n color:transparent;line-height:1;flex-shrink:0;\n -webkit-text-stroke:1px rgba(212,152,14,.18);\n transition:\n -webkit-text-stroke .35s ease,\n color .35s ease,\n text-shadow .35s ease;\n min-width:clamp(50px,8vw,90px);text-align:right;\n pointer-events:none;\n user-select:none;\n}\n.srv:hover .srv-n{\n color:rgba(245,200,50,.07);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:\n 0 0 10px rgba(245,200,50,.85),\n 0 0 28px rgba(212,152,14,.65),\n 0 0 55px rgba(212,152,14,.35),\n 0 0 90px rgba(212,152,14,.15);\n}\n.srv-ico{\n width:clamp(38px,5vw,46px);height:clamp(38px,5vw,46px);flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:clamp(14px,2vw,17px);color:var(--g);\n transition:border-color .25s;\n}\n.srv:hover .srv-ico{border-color:var(--g)}\n.srv-body{flex:1;min-width:0}\n.srv-title{\n font-family:var(--display);\n font-size:clamp(17px,2.5vw,24px);\n color:var(--wh);margin-bottom:5px;transition:color .22s;\n}\n.srv-desc{font-size:clamp(13px,1.6vw,14px);color:rgba(226,218,196,.72);line-height:1.7}\n.srv-tag{\n font-family:var(--mono);font-size:10px;letter-spacing:.2em;\n color:var(--g);text-transform:uppercase;flex-shrink:0;\n display:none;\n}\n@media(min-width:600px){.srv-tag{display:block}}\n.srv-arr{\n font-size:14px;color:var(--g);flex-shrink:0;\n opacity:0;transform:translateX(-8px);\n transition:opacity .22s,transform .22s;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERRAMIENTAS DECORATIVAS \u2014 ICONOS SVG\n Secci\u00f3n visual \u00fanica con herramientas\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tools-visual{\n padding:clamp(36px,7vw,80px) clamp(16px,6%,100px);\n background:var(--k);\n position:relative;overflow:hidden;\n width:100%;\n}\n\/* Fondo degradado especial *\/\n.tools-visual::before{\n content:'';position:absolute;inset:0;\n background:\n radial-gradient(ellipse 50% 80% at 50% 50%,rgba(200,149,14,.05) 0%,transparent 65%);\n}\n.tools-grid{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:2px;\n position:relative;z-index:1;\n}\n@media(min-width:600px){.tools-grid{grid-template-columns:repeat(3,1fr)}}\n@media(min-width:900px){.tools-grid{grid-template-columns:repeat(6,1fr)}}\n\n.tool-card{\n aspect-ratio:1;\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;\n background:var(--k2);\n border:1px solid var(--k4);\n position:relative;overflow:hidden;\n transition:background .3s,border-color .3s;\n padding:20px;\n}\n.tool-card:hover{background:var(--k3);border-color:var(--g)}\n.tool-card:hover .tool-svg{filter:drop-shadow(0 0 12px rgba(200,149,14,.35))}\n.tool-card:hover .tool-lbl{color:var(--g2)}\n\/* N\u00famero de fondo *\/\n.tool-card::before{\n content:attr(data-n);\n position:absolute;top:6px;right:8px;\n font-family:var(--display);font-size:38px;\n color:transparent;line-height:1;\n -webkit-text-stroke:1px rgba(212,152,14,.14);\n transition:-webkit-text-stroke .35s,color .35s,text-shadow .35s;\n pointer-events:none;\n}\n.tool-card:hover::before{\n color:rgba(245,200,50,.07);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:0 0 8px rgba(245,200,50,.9),0 0 22px rgba(212,152,14,.65),0 0 45px rgba(212,152,14,.3);\n}\n.tool-svg{\n width:clamp(36px,6vw,56px);height:auto;\n transition:filter .3s;\n}\n.tool-lbl{\n font-family:var(--mono);font-size:clamp(8px,1vw,10px);\n letter-spacing:.22em;color:#7a7268;text-transform:uppercase;\n text-align:center;transition:color .25s;line-height:1.4;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PROCESO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.proceso-wrap{\n display:grid;grid-template-columns:1fr 1fr;\n gap:2px;margin-top:48px;\n}\n@media(min-width:768px){.proceso-wrap{grid-template-columns:repeat(4,1fr)}}\n.paso{\n background:var(--k2);padding:clamp(24px,3.5vw,36px) clamp(18px,2.5vw,28px);\n border:1px solid var(--k4);position:relative;\n transition:border-color .25s,background .25s;\n}\n.paso:hover{border-color:var(--g);background:#181818}\n.paso-n-bg{\n position:absolute;top:8px;right:12px;\n font-family:var(--display);font-size:72px;\n color:transparent;line-height:1;\n -webkit-text-stroke:1px rgba(212,152,14,.15);\n transition:\n -webkit-text-stroke .35s ease,\n color .35s ease,\n text-shadow .35s ease,\n opacity .35s ease;\n pointer-events:none;\n user-select:none;\n}\n.paso:hover .paso-n-bg{\n color:rgba(245,200,50,.08);\n -webkit-text-stroke:1.5px rgba(245,200,50,.9);\n text-shadow:\n 0 0 12px rgba(245,200,50,.8),\n 0 0 30px rgba(212,152,14,.6),\n 0 0 60px rgba(212,152,14,.35),\n 0 0 100px rgba(212,152,14,.15);\n}\n.paso-ico{\n width:38px;height:38px;border:1px solid var(--g);\n display:flex;align-items:center;justify-content:center;\n font-size:14px;color:var(--g);margin-bottom:16px;\n}\n.paso-t{\n font-family:var(--display);font-size:16px;\n color:var(--wh);text-transform:uppercase;margin-bottom:8px;\n}\n.paso-p{font-size:13px;color:rgba(226,218,196,.72);line-height:1.7;font-style:italic}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n GALER\u00cdA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.gal-sec{\n padding:clamp(48px,10vw,120px) clamp(16px,6%,100px);\n width:100%;\n}\n.gal-grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n grid-template-rows:190px 190px;\n gap:3px;margin-top:40px;\n}\n@media(min-width:600px){\n .gal-grid{grid-template-columns:3fr 2fr 2fr;grid-template-rows:260px 260px}\n .gf.tall{grid-row:span 2}\n .gf.f3,.gf.f4,.gf.f5{display:block}\n}\n@media(min-width:900px){.gal-grid{grid-template-rows:300px 300px}}\n.gf{position:relative;overflow:hidden;background:var(--k2)}\n.gf.f3,.gf.f4,.gf.f5{display:none}\n.gf-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}\n.gf:hover .gf-bg{transform:scale(1.04)}\n.f1 .gf-bg{background:radial-gradient(circle at 25% 65%,#1c0e06 0%,#070605 100%)}\n.f2 .gf-bg{background:radial-gradient(circle at 72% 28%,#0a0c16 0%,#060608 100%)}\n.f3 .gf-bg{background:radial-gradient(circle at 50% 50%,#0d0b09 0%,#060606 100%)}\n.f4 .gf-bg{background:radial-gradient(circle at 28% 68%,#090d06 0%,#060606 100%)}\n.f5 .gf-bg{background:radial-gradient(circle at 68% 35%,#0e0e0c 0%,#060606 100%)}\n.gf-car{width:62%;max-width:220px;opacity:.2}\n.gf-ov{\n position:absolute;inset:0;\n background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82) 100%);\n opacity:0;transition:opacity .3s;\n display:flex;align-items:flex-end;padding:16px 18px;\n}\n.gf:hover .gf-ov{opacity:1}\n.gf-cap{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--g2);text-transform:uppercase;line-height:1.5}\n.pin{\n position:absolute;top:9px;right:9px;z-index:3;\n width:11px;height:11px;border-radius:50%;\n background:radial-gradient(circle at 30% 28%,#f0d060 0%,#988018 55%,#3a3000 100%);\n box-shadow:0 1px 3px rgba(0,0,0,.7);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CONTACTO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ct-wrap{\n display:grid;grid-template-columns:1fr;gap:48px;margin-top:48px;\n}\n@media(min-width:768px){.ct-wrap{grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}}\n\n.info-card{background:var(--k);border:1px solid var(--k4)}\n.ic-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(200,149,14,.07),transparent);\n}\n.ic-logo{height:32px;width:auto}\n.ic-title{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--cr);text-transform:uppercase}\n.ic-row{display:flex;align-items:flex-start;gap:13px;padding:13px 20px;border-bottom:1px solid var(--k4);transition:background .18s}\n.ic-row:last-child{border-bottom:none}\n.ic-row:hover{background:rgba(200,149,14,.04)}\n.ic-ico{width:33px;height:33px;flex-shrink:0;border:1px solid var(--k4);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--g)}\n.ic-k{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--g);text-transform:uppercase;margin-bottom:3px}\n.ic-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.45}\n.ic-v small{font-size:12px;color:rgba(216,208,184,.5)}\n.ic-foot{padding:11px 20px;border-top:1px solid var(--k4);font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:rgba(216,208,184,.35);text-align:center}\n\n\/* Formulario *\/\n.form{display:flex;flex-direction:column;gap:13px}\n.frow{display:grid;grid-template-columns:1fr 1fr;gap:13px}\n@media(max-width:480px){.frow{grid-template-columns:1fr}}\n.fg{display:flex;flex-direction:column;gap:6px}\n.fg label{font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:rgba(216,208,184,.5);text-transform:uppercase}\n.fg input,.fg select,.fg textarea{\n background:var(--k2);border:1px solid var(--k4);color:var(--wh);\n font-family:var(--body);font-size:15px;font-weight:400;\n padding:12px 14px;width:100%;border-radius:0;appearance:none;\n transition:border-color .18s;\n}\n.fg input::placeholder,.fg textarea::placeholder{color:var(--k4)}\n.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--g)}\n.fg select option{background:var(--k2);color:var(--wh)}\n.fg textarea{resize:vertical;min-height:96px}\n.btn-sub{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;cursor:pointer!important;\n transition:background .22s;\n display:flex;align-items:center;justify-content:center;gap:10px;width:100%;\n}\n.btn-sub:hover{background:var(--g2);border-color:var(--g2)}\n.f-note{font-size:12px;font-style:italic;color:rgba(216,208,184,.4);text-align:center;margin-top:2px}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter{\n background:#030303;border-top:1px solid var(--k4);\n padding:clamp(48px,8vw,80px) clamp(24px,7%,100px) 28px;\n}\n.ft-grid{\n display:grid;grid-template-columns:1fr;gap:36px;\n padding-bottom:36px;border-bottom:1px solid var(--k4);\n}\n@media(min-width:600px){.ft-grid{grid-template-columns:2fr 1fr 1fr;gap:52px}}\n.ft-logo{height:44px;width:auto;margin-bottom:12px;display:block}\n.ft-txt{font-size:13px;font-weight:300;color:rgba(226,218,196,.55);line-height:1.8;max-width:280px}\n.ft-col-t{font-family:var(--mono);font-size:9px;letter-spacing:.32em;color:var(--g);text-transform:uppercase;margin-bottom:16px}\n.ft-links{list-style:none;display:flex;flex-direction:column;gap:9px}\n.ft-links a{font-size:13px;font-weight:400;color:rgba(226,218,196,.52);transition:color .18s}\n.ft-links a:hover{color:var(--cr)}\n.ft-bottom{padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}\n.ft-copy{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:#555}\n.ft-hash{font-family:var(--display);font-size:17px;color:var(--g);letter-spacing:.04em}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TAC\u00d3METRO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#tacho{\n position:fixed;bottom:20px;right:20px;z-index:7998;\n opacity:0;transform:scale(.72) translateY(14px);\n transition:opacity .4s,transform .4s;pointer-events:none;\n}\n#tacho.show{opacity:1;transform:scale(1) translateY(0)}\n#tacho canvas{width:156px;height:156px;display:block}\n@media(max-width:480px){#tacho canvas{width:116px;height:116px}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVEAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.rv{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}\n.rv.in{opacity:1;transform:translateY(0)}\n.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n EFECTOS ADICIONALES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\nfooter{\n background:#030303;border-top:3px solid var(--red);\n padding:clamp(40px,8vw,80px) clamp(16px,6%,100px) 28px;\n width:100%;\n}\n\n\/* Hero h1 \u2014 texto outline con brillo *\/\n.hero-h1 .outline{\n display:block;\n -webkit-text-stroke:1.5px rgba(245,200,50,.65);\n color:transparent;\n font-size:clamp(56px,14vw,150px);\n filter:drop-shadow(0 0 22px rgba(212,152,14,.18));\n}\n\n\/* Hero copy \u2014 mejor contraste *\/\n.hero-copy{\n font-size:clamp(16px,2vw,19px);font-weight:300;\n color:rgba(242,234,208,.9);line-height:1.75;\n max-width:500px;margin-bottom:clamp(28px,4vw,44px);\n}\n\n\/* Tag del hero \u2014 m\u00e1s brillante *\/\n.tag{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:clamp(10px,1.5vw,12px);\n letter-spacing:.38em;color:var(--g2);text-transform:uppercase;\n margin-bottom:clamp(20px,3vw,32px);\n}\n.tag::before{content:'';width:22px;height:1px;background:var(--g2);flex-shrink:0}\n\n\/* Icono de servicio \u2014 borde dorado al hover *\/\n.srv-ico{\n width:clamp(38px,5vw,46px);height:clamp(38px,5vw,46px);flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:clamp(15px,2vw,18px);color:var(--g2);\n transition:border-color .25s,background .25s,box-shadow .25s;\n}\n.srv:hover .srv-ico{\n border-color:var(--g);\n background:rgba(212,152,14,.06);\n box-shadow:0 0 14px rgba(212,152,14,.14);\n}\n\n\/* Icono de ficha \u2014 m\u00e1s visible *\/\n.fr-ico{\n width:34px;height:34px;flex-shrink:0;\n border:1px solid var(--k4);\n display:flex;align-items:center;justify-content:center;\n font-size:14px;color:var(--g2);\n}\n.ic-ico{width:33px;height:33px;flex-shrink:0;border:1px solid var(--k4);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--g2)}\n\n\/* Paso del proceso \u2014 icono m\u00e1s visible *\/\n.paso-ico{\n width:38px;height:38px;border:1px solid var(--g);\n display:flex;align-items:center;justify-content:center;\n font-size:15px;color:var(--g2);margin-bottom:16px;\n box-shadow:0 0 10px rgba(212,152,14,.12);\n}\n\n\/* Paso hover \u2014 borde dorado *\/\n.paso:hover{border-color:var(--g);background:#141414;box-shadow:inset 0 0 30px rgba(212,152,14,.04)}\n\n\/* Tool card hover \u2014 glow m\u00e1s intenso *\/\n.tool-card:hover{\n background:var(--k3);border-color:var(--g);\n box-shadow:0 0 20px rgba(212,152,14,.12),inset 0 0 20px rgba(212,152,14,.04);\n}\n.tool-card:hover .tool-svg{filter:drop-shadow(0 0 14px rgba(212,152,14,.5))}\n.tool-card:hover .tool-lbl{color:var(--g2)}\n\n\/* Srv \u2014 flecha m\u00e1s visible *\/\n.srv-arr{\n font-size:15px;color:var(--g2);flex-shrink:0;\n opacity:0;transform:translateX(-8px);\n transition:opacity .22s,transform .22s;\n}\n\n\/* Galer\u00eda \u2014 car m\u00e1s visible *\/\n.gf-car{width:62%;max-width:220px;opacity:.32}\n.gf:hover .gf-car{opacity:.52}\n\n\/* Eyebrow \u2014 m\u00e1s definici\u00f3n *\/\n.eyebrow{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--mono);font-size:11px;letter-spacing:.36em;\n color:var(--g2);text-transform:uppercase;margin-bottom:14px;\n text-shadow:0 0 12px rgba(212,152,14,.3);\n}\n.eyebrow::before{content:'';width:18px;height:1px;background:var(--g2);flex-shrink:0}\n\n\/* P text \u2014 mejor legibilidad *\/\n.P{\n font-size:clamp(15px,2vw,17px);font-weight:400;\n color:rgba(226,218,196,.88);line-height:1.85;max-width:560px;\n}\n\n\/* Blockquote \u2014 borde m\u00e1s brillante *\/\n.about-txt blockquote{\n border-left:2px solid var(--g2);\n padding:18px 0 18px 24px;\n margin:28px 0;\n font-size:clamp(16px,2.2vw,20px);font-style:italic;\n color:var(--wh);line-height:1.6;\n font-weight:300;\n text-shadow:0 0 30px rgba(245,200,50,.06);\n}\n\n\/* Ficha \u2014 l\u00ednea dorada m\u00e1s brillante *\/\n.ficha-head{\n padding:14px 20px;border-bottom:1px solid var(--g2);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(212,152,14,.1),transparent);\n}\n.ic-head{\n padding:14px 20px;border-bottom:1px solid var(--g);\n display:flex;align-items:center;gap:12px;\n background:linear-gradient(90deg,rgba(212,152,14,.1),transparent);\n}\n\n\/* Valores de ficha \u2014 m\u00e1s legibles *\/\n.fr-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.5}\n.fr-v small{font-size:12px;color:rgba(226,218,196,.6);font-style:italic}\n.ic-v{font-size:14px;font-weight:400;color:var(--wh);line-height:1.45}\n.ic-v small{font-size:12px;color:rgba(226,218,196,.6)}\n.ic-foot{padding:11px 20px;border-top:1px solid var(--k4);font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:rgba(226,218,196,.45);text-align:center}\n\n\/* L\u00ednea de luz animada \u2014 decorativa *\/\n@keyframes scanLine{\n 0%{transform:translateY(-100%);opacity:0}\n 10%{opacity:.04}\n 90%{opacity:.04}\n 100%{transform:translateY(2000%);opacity:0}\n}\n.hero::after{\n content:'';\n position:absolute;left:0;right:0;top:0;\n height:2px;\n background:linear-gradient(90deg,transparent,rgba(212,152,14,.4),rgba(245,200,50,.6),rgba(212,152,14,.4),transparent);\n animation:scanLine 6s linear infinite;\n z-index:4;pointer-events:none;\n}\n\n\/* Glow ambiental en botones *\/\n.btn-fill{\n padding:15px 36px;\n background:var(--g);border:1px solid var(--g);color:var(--k);\n font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;\n text-transform:uppercase;\n transition:background .22s,border-color .22s,box-shadow .22s;\n display:inline-flex;align-items:center;gap:9px;\n box-shadow:0 0 20px rgba(212,152,14,.2);\n}\n.btn-fill:hover{background:var(--g2);border-color:var(--g2);box-shadow:0 0 32px rgba(245,200,50,.35)}\n\n\/* Servicios \u2014 tag m\u00e1s visible *\/\n.srv-tag{\n font-family:var(--mono);font-size:10px;letter-spacing:.2em;\n color:var(--g);text-transform:uppercase;flex-shrink:0;\n display:none;\n}\n@media(min-width:600px){.srv-tag{display:block}}\n\n\/* Barra de servicios \u2014 l\u00ednea de fondo m\u00e1s visible *\/\n.srv{\n display:flex;align-items:center;gap:clamp(14px,3vw,32px);\n padding:clamp(20px,3vw,28px) clamp(16px,3vw,28px);\n background:var(--k2);\n border-left:3px solid transparent;\n position:relative;overflow:hidden;\n transition:background .25s,border-color .25s;\n}\n.srv::before{\n content:'';position:absolute;inset:0;\n background:linear-gradient(90deg,rgba(212,152,14,.03) 0%,transparent 40%);\n opacity:0;transition:opacity .3s;\n}\n.srv:hover::before{opacity:1}\n.srv::after{\n content:'';position:absolute;bottom:0;left:0;right:0;\n height:1px;background:linear-gradient(90deg,var(--g),var(--g2));\n transform:scaleX(0);transform-origin:left;\n transition:transform .35s cubic-bezier(.25,.46,.45,.94);\n}\n.srv:hover::after{transform:scaleX(1)}\n\n\/* Scrollbar m\u00e1s visible *\/\n::-webkit-scrollbar{width:4px}\n::-webkit-scrollbar-track{background:var(--k)}\n::-webkit-scrollbar-thumb{background:var(--g);border-radius:2px}\n::-webkit-scrollbar-thumb:hover{background:var(--g2)}\n<\/style>\n<\/head>\n<body>\n\n\n<div id=\"cx\"><div id=\"cx-outer\"><\/div><div id=\"cx-dot\"><\/div><\/div>\n\n\n<div id=\"persiana\">\n <div id=\"p-listones\"><\/div>\n <div id=\"p-c\">\n <img decoding=\"async\" src=\"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\" alt=\"CB Project\" class=\"p-logo\">\n <p class=\"p-tagline\">Terrassa \u00b7 Barcelona \u00b7 Desde 2003<\/p>\n <h1 class=\"p-name\">CB <em>PROJECT<\/em><\/h1>\n <p class=\"p-sub\">Iron & Paint \u2014 Chapa y Pintura<\/p>\n <div class=\"p-sep\"><\/div>\n <p class=\"p-lema\">\u00abLo hacemos como antes,<br>porque antes se hac\u00eda bien.\u00bb<\/p>\n <button class=\"p-btn\" onclick=\"abrirTaller()\">\n <i class=\"fa-solid fa-chevron-up\"><\/i>\n <span>Abrir Taller<\/span>\n <\/button>\n <\/div>\n<\/div>\n\n\n<div id=\"site\">\n\n\n<section class=\"hero\" id=\"inicio\">\n <canvas id=\"spray-canvas\"><\/canvas>\n <div class=\"hero-floor\"><\/div>\n <div class=\"hero-vignette\"><\/div>\n\n \n <svg class=\"spray-gun-deco\" viewBox=\"0 0 520 340\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <rect x=\"80\" y=\"120\" width=\"280\" height=\"70\" rx=\"8\" fill=\"#1a1a1a\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <rect x=\"88\" y=\"128\" width=\"264\" height=\"54\" rx=\"5\" fill=\"#141414\"\/>\n \n <path d=\"M200 190 L180 280 Q178 292 188 294 L220 294 Q230 292 228 280 L210 190 Z\" fill=\"#1c1c1c\" stroke=\"#333\" stroke-width=\"1.5\"\/>\n \n <rect x=\"186\" y=\"210\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"220\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"230\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n <rect x=\"186\" y=\"240\" width=\"28\" height=\"3\" rx=\"1\" fill=\"#2a2a2a\"\/>\n \n <rect x=\"360\" y=\"134\" width=\"100\" height=\"42\" rx=\"4\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <rect x=\"368\" y=\"140\" width=\"84\" height=\"30\" rx=\"2\" fill=\"#1a1a1a\"\/>\n \n <path d=\"M460 140 L490 148 L490 162 L460 170 Z\" fill=\"#282828\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n \n <path d=\"M140 120 L120 60 Q118 50 130 48 L200 48 Q210 50 208 60 L190 120 Z\" fill=\"#1e1e1e\" stroke=\"#333\" stroke-width=\"1.5\"\/>\n <ellipse cx=\"164\" cy=\"48\" rx=\"36\" ry=\"8\" fill=\"#252525\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n \n <ellipse cx=\"164\" cy=\"46\" rx=\"30\" ry=\"5\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.2)\" stroke-width=\"1\"\/>\n \n <circle cx=\"90\" cy=\"155\" r=\"12\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <line x1=\"84\" y1=\"155\" x2=\"96\" y2=\"155\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n <line x1=\"90\" y1=\"149\" x2=\"90\" y2=\"161\" stroke=\"#3a3a3a\" stroke-width=\"1.5\"\/>\n \n <path d=\"M80 175 Q50 200 40 240 Q30 280 20 300\" stroke=\"#2a2a2a\" stroke-width=\"8\" fill=\"none\" stroke-linecap=\"round\"\/>\n <path d=\"M80 175 Q50 200 40 240 Q30 280 20 300\" stroke=\"#333\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\" stroke-dasharray=\"12 8\"\/>\n \n <ellipse cx=\"510\" cy=\"155\" rx=\"18\" ry=\"12\" fill=\"rgba(200,149,14,.08)\"\/>\n <ellipse cx=\"525\" cy=\"152\" rx=\"12\" ry=\"8\" fill=\"rgba(200,149,14,.05)\"\/>\n <circle cx=\"500\" cy=\"148\" r=\"3\" fill=\"rgba(240,192,48,.2)\"\/>\n <circle cx=\"512\" cy=\"162\" r=\"2\" fill=\"rgba(240,192,48,.15)\"\/>\n <circle cx=\"520\" cy=\"145\" r=\"2.5\" fill=\"rgba(240,192,48,.18)\"\/>\n \n <rect x=\"88\" y=\"128\" width=\"264\" height=\"8\" rx=\"5\" fill=\"rgba(255,255,255,.04)\"\/>\n \n <text x=\"200\" y=\"162\" font-family=\"monospace\" font-size=\"9\" fill=\"rgba(200,149,14,.3)\" text-anchor=\"middle\" letter-spacing=\"3\">CB PROJECT<\/text>\n \n <circle cx=\"310\" cy=\"155\" r=\"8\" fill=\"#222\" stroke=\"#3a3a3a\" stroke-width=\"1\"\/>\n <circle cx=\"310\" cy=\"155\" r=\"4\" fill=\"#181818\"\/>\n <\/svg>\n\n <div class=\"hero-inner\">\n <p class=\"tag\">Taller de Chapa y Pintura \u2014 Carrer Volta 220, Terrassa<\/p>\n <h1 class=\"hero-h1\">\n IRON<br>\n <span class=\"painted\">& PAINT<\/span>\n <span class=\"outline\">#alocompadre<\/span>\n <\/h1>\n <div class=\"hero-copy\">Chapa, pintura y restauraci\u00f3n en Terrassa desde 2003. Trato personal, trabajo artesanal y resultados que se ven solos.<\/div>\n <div class=\"hero-actions\">\n <a href=\"#contacto\" onclick=\"ir(event,'contacto')\" class=\"btn-fill\">\n <i class=\"fa-regular fa-comment-dots\"><\/i> Pide Presupuesto\n <\/a>\n <a href=\"#servicios\" onclick=\"ir(event,'servicios')\" class=\"btn-line\">Ver Servicios<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"st\"><span class=\"st-n\">4.5\u2605<\/span><span class=\"st-l\">Valoraci\u00f3n<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">+13<\/span><span class=\"st-l\">A\u00f1os activos<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">2<\/span><span class=\"st-l\">Especialistas<\/span><\/div>\n <div class=\"st\"><span class=\"st-n\">100%<\/span><span class=\"st-l\">Artesanal<\/span><\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"ticker\">\n <div class=\"ticker-t\" id=\"tkr\">\n <span class=\"ti hi\">#alocompadre<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">CB Project Iron Paint<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Carrer Volta 220 \u00b7 Terrassa<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">Chapa & Pintura<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">931 58 18 50<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Restauraci\u00f3n Cl\u00e1sica<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">#alocompadre<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">CB Project Iron Paint<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Carrer Volta 220 \u00b7 Terrassa<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti hi\">Chapa & Pintura<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">931 58 18 50<span class=\"ti-dot\"><\/span><\/span>\n <span class=\"ti\">Restauraci\u00f3n Cl\u00e1sica<span class=\"ti-dot\"><\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"S S-dark\" id=\"taller\">\n <p class=\"eyebrow rv\">El Taller<\/p>\n <h2 class=\"H rv\">CB Project<br>Iron & Paint.<\/h2>\n <div class=\"about-grid\">\n <div class=\"about-txt rv\">\n <p class=\"P\">Somos un taller de chapa y pintura en <strong style=\"color:var(--wh)\">Carrer Volta 220, Terrassa (08224)<\/strong>. Llevamos m\u00e1s de 13 a\u00f1os trabajando con el mismo compromiso: calidad artesanal y trato directo al cliente.<\/p>\n <blockquote>\u00abTrato personal, asesoramiento personalizado y compromiso. As\u00ed es como trabajamos.\u00bb<\/blockquote>\n <p class=\"P\">Solo hacemos chapa y pintura \u2014 sin mec\u00e1nica, sin atajos. Cada trabajo lo firmamos con nuestro nombre.<\/p>\n <p class=\"P\" style=\"margin-top:16px;font-size:clamp(14px,1.8vw,16px);color:rgba(216,208,184,.65)\">Valorados <strong style=\"color:var(--g2)\">4.5\u2605<\/strong> por nuestros clientes: <em>\u00abProfesionales, muy amables\u00bb, \u00abResultado excelente\u00bb, \u00abMe encant\u00f3 volver.\u00bb<\/em><\/p>\n <\/div>\n <div class=\"rv d2\">\n <div class=\"ficha\">\n <div class=\"ficha-head\">\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ficha-logo\">\n <span class=\"ficha-head-lbl\">Datos del Taller<\/span>\n <\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><div><div class=\"fr-k\">Direcci\u00f3n<\/div><div class=\"fr-v\">Carrer Volta, 220 \u00b7 08224<br>Terrassa, Barcelona<\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-phone\"><\/i><\/div><div><div class=\"fr-k\">Tel\u00e9fonos<\/div><div class=\"fr-v\">931 58 18 50 \u00b7 680 33 37 77<\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-clock\"><\/i><\/div><div><div class=\"fr-k\">Horario<\/div><div class=\"fr-v\">Lun\u2013Jue: 8:00\u201313:30 \/ 15:00\u201319:30<br>Viernes: 8:00\u201313:00 \/ 15:00\u201318:00<br><small>S\u00e1bados y domingos: cerrado<\/small><\/div><\/div><\/div>\n <div class=\"fr\"><div class=\"fr-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div><div class=\"fr-k\">Especialidad<\/div><div class=\"fr-v\">Chapa y Pintura<br><small>No realizamos mec\u00e1nica<\/small><\/div><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"tools-visual\">\n <p class=\"eyebrow rv\" style=\"margin-bottom:0\">Equipamiento del Taller<\/p>\n <div class=\"tools-grid\" style=\"margin-top:28px\">\n \n <div class=\"tool-card rv\" data-n=\"01\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"10\" y=\"20\" width=\"46\" height=\"20\" rx=\"3\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M26 40 L22 56 Q21 60 25 60 L33 60 Q37 60 36 56 L32 40 Z\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"56\" y=\"23\" width=\"18\" height=\"14\" rx=\"2\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M74 24 L80 28 L80 32 L74 36 Z\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <path d=\"M18 20 L14 8 Q13 4 18 4 L32 4 Q36 4 35 8 L32 20 Z\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"12\" cy=\"30\" r=\"4\" fill=\"#1a1a1a\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <ellipse cx=\"78\" cy=\"30\" rx=\"6\" ry=\"4\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Pistola<br>de Pintura<\/span>\n <\/div>\n \n <div class=\"tool-card rv d1\" data-n=\"02\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"8\" y=\"14\" width=\"52\" height=\"32\" rx=\"6\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"12\" y=\"18\" width=\"44\" height=\"24\" rx=\"4\" fill=\"#1a1a1a\"\/>\n <rect x=\"12\" y=\"44\" width=\"44\" height=\"10\" rx=\"2\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <rect x=\"8\" y=\"8\" width=\"18\" height=\"10\" rx=\"3\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"60\" cy=\"30\" r=\"12\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <circle cx=\"60\" cy=\"30\" r=\"7\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.4)\" stroke-width=\".8\"\/>\n <line x1=\"56\" y1=\"26\" x2=\"64\" y2=\"34\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <line x1=\"64\" y1=\"26\" x2=\"56\" y2=\"34\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Lijadora<br>Orbital<\/span>\n <\/div>\n \n <div class=\"tool-card rv d2\" data-n=\"03\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <path d=\"M10 45 Q12 20 28 18 L50 18 Q55 18 56 22 L58 30 L50 32 L48 28 L28 28 Q22 30 20 45 Z\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"48\" y=\"14\" width=\"24\" height=\"10\" rx=\"3\" fill=\"#222\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <path d=\"M72 16 L78 18 L78 20 L72 22 Z\" fill=\"var(--k)\" stroke=\"var(--g)\" stroke-width=\".8\"\/>\n <path d=\"M74 14 L80 12\" stroke=\"var(--g2)\" stroke-width=\"1.2\" opacity=\".6\"\/>\n <path d=\"M76 17 L82 16\" stroke=\"var(--g2)\" stroke-width=\"1\" opacity=\".4\"\/>\n <path d=\"M10 46 Q8 52 6 58\" stroke=\"#333\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Soldadura<br>MIG\/TIG<\/span>\n <\/div>\n \n <div class=\"tool-card rv\" data-n=\"04\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"4\" y=\"38\" width=\"72\" height=\"8\" rx=\"2\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"8\" y=\"10\" width=\"64\" height=\"28\" rx=\"2\" fill=\"#1a1a1a\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <line x1=\"8\" y1=\"24\" x2=\"72\" y2=\"24\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"20\" y1=\"10\" x2=\"20\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"40\" y1=\"10\" x2=\"40\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"38\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <circle cx=\"20\" cy=\"24\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <circle cx=\"40\" cy=\"17\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <circle cx=\"60\" cy=\"28\" r=\"3\" fill=\"var(--g)\" opacity=\".7\"\/>\n <path d=\"M20 24 L40 17 L60 28\" stroke=\"var(--g)\" stroke-width=\".8\" opacity=\".5\"\/>\n <rect x=\"12\" y=\"46\" width=\"8\" height=\"8\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <rect x=\"60\" y=\"46\" width=\"8\" height=\"8\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Banco de<br>Medici\u00f3n<\/span>\n <\/div>\n \n <div class=\"tool-card rv d1\" data-n=\"05\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"24\" y=\"6\" width=\"32\" height=\"48\" rx=\"4\" fill=\"#2a2a2a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"28\" y=\"10\" width=\"24\" height=\"18\" rx=\"2\" fill=\"#1a1a1a\"\/>\n <rect x=\"28\" y=\"32\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.3)\"\/>\n <rect x=\"28\" y=\"38\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.15)\"\/>\n <rect x=\"28\" y=\"44\" width=\"24\" height=\"4\" rx=\"1\" fill=\"rgba(200,149,14,.08)\"\/>\n <circle cx=\"40\" cy=\"19\" r=\"6\" fill=\"rgba(200,149,14,.12)\" stroke=\"rgba(200,149,14,.4)\" stroke-width=\".8\"\/>\n <path d=\"M6 30 L18 30\" stroke=\"var(--g)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n <path d=\"M62 30 L74 30\" stroke=\"var(--g)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Colorimetr\u00eda<br>Digital<\/span>\n <\/div>\n \n <div class=\"tool-card rv d2\" data-n=\"06\">\n <svg class=\"tool-svg\" viewBox=\"0 0 80 60\" fill=\"none\">\n <rect x=\"6\" y=\"8\" width=\"68\" height=\"46\" rx=\"3\" fill=\"#1a1a1a\" stroke=\"var(--g)\" stroke-width=\"1\"\/>\n <rect x=\"10\" y=\"12\" width=\"60\" height=\"38\" rx=\"2\" fill=\"#141414\"\/>\n <line x1=\"10\" y1=\"28\" x2=\"70\" y2=\"28\" stroke=\"var(--k4)\" stroke-width=\".8\"\/>\n \n <path d=\"M16 38 Q22 28 30 26 Q44 24 54 26 Q60 28 64 34 L64 42 L16 42 Z\" fill=\"#222\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".8\"\/>\n <circle cx=\"24\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n <circle cx=\"56\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" stroke=\"rgba(200,149,14,.3)\" stroke-width=\".6\"\/>\n \n <circle cx=\"14\" cy=\"18\" r=\"1.5\" fill=\"rgba(200,149,14,.3)\"\/>\n <circle cx=\"18\" cy=\"15\" r=\"1\" fill=\"rgba(200,149,14,.2)\"\/>\n <circle cx=\"22\" cy=\"20\" r=\"1.2\" fill=\"rgba(200,149,14,.25)\"\/>\n <rect x=\"6\" y=\"48\" width=\"68\" height=\"6\" rx=\"1\" fill=\"#222\" stroke=\"var(--k4)\" stroke-width=\".6\"\/>\n <\/svg>\n <span class=\"tool-lbl\">Cabina<br>Presurizada<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-black\" id=\"servicios\">\n <p class=\"eyebrow rv\">Especialidades<\/p>\n <h2 class=\"H rv\">Lo que<br>hacemos.<\/h2>\n <div class=\"srv-list\">\n <div class=\"srv rv\"><span class=\"srv-n\">01<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Chapa y Carrocer\u00eda<\/div><div class=\"srv-desc\">Reparaci\u00f3n artesanal de golpes, abolladuras y da\u00f1os. Respetamos el metal original sin abusar de masilla.<\/div><\/div><span class=\"srv-tag\">\u2192 Golpes \u00b7 \u00d3xido \u00b7 Da\u00f1os<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d1\"><span class=\"srv-n\">02<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Pintura de Alta Gama<\/div><div class=\"srv-desc\">Colores oficiales de f\u00e1brica, perlados, mattes y barnices UV. Cabina presurizada con temperatura controlada.<\/div><\/div><span class=\"srv-tag\">\u2192 Localizada \u00b7 Integral<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d2\"><span class=\"srv-n\">03<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-car-burst\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Restauraci\u00f3n Cl\u00e1sica<\/div><div class=\"srv-desc\">Cl\u00e1sicos y muscle cars devueltos a su esplendor original. Reconstrucci\u00f3n de paneles y tratamientos anti\u00f3xido.<\/div><\/div><span class=\"srv-tag\">\u2192 Pre-1990 \u00b7 Muscle<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv\"><span class=\"srv-n\">04<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-palette\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Custom & Kustom<\/div><div class=\"srv-desc\">Proyectos \u00fanicos sobre metal. Rat Rod, cambios de color radicales, pintura art\u00edstica. Tu idea, nuestra ejecuci\u00f3n.<\/div><\/div><span class=\"srv-tag\">\u2192 Kustom \u00b7 Rat Rod<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d1\"><span class=\"srv-n\">05<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Anticorrosi\u00f3n<\/div><div class=\"srv-desc\">Imprimaciones epoxy, sellado de bajos y cera inyectable en cavidades. Protecci\u00f3n duradera contra el \u00f3xido.<\/div><\/div><span class=\"srv-tag\">\u2192 Bajos \u00b7 Cavidades<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <div class=\"srv rv d2\"><span class=\"srv-n\">06<\/span><div class=\"srv-ico\"><i class=\"fa-solid fa-file-contract\"><\/i><\/div><div class=\"srv-body\"><div class=\"srv-title\">Gesti\u00f3n de Siniestros<\/div><div class=\"srv-desc\">Tramitamos con todas las aseguradoras. Del parte a la entrega, sin que muevas un dedo.<\/div><\/div><span class=\"srv-tag\">\u2192 Todas compa\u00f1\u00edas<\/span><i class=\"fa-solid fa-arrow-right srv-arr\"><\/i><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-dark\" id=\"proceso\">\n <p class=\"eyebrow rv\">Metodolog\u00eda<\/p>\n <h2 class=\"H rv\">As\u00ed trabajamos,<br>sin sorpresas.<\/h2>\n <div class=\"proceso-wrap\">\n <div class=\"paso rv\"><div class=\"paso-n-bg\">01<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div><div class=\"paso-t\">Diagn\u00f3stico<\/div><p class=\"paso-p\">Inspeccionamos contigo. Presupuesto por escrito antes de tocar nada. Sin sorpresas.<\/p><\/div>\n <div class=\"paso rv d1\"><div class=\"paso-n-bg\">02<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i><\/div><div class=\"paso-t\">Desmontaje<\/div><p class=\"paso-p\">Acceso total al metal. Sin parches encima de trabajos anteriores.<\/p><\/div>\n <div class=\"paso rv d2\"><div class=\"paso-n-bg\">03<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-hammer\"><\/i><\/div><div class=\"paso-t\">Chapa y Aparejo<\/div><p class=\"paso-p\">Correcci\u00f3n del metal, imprimaci\u00f3n epoxy y aparejo de alta adherencia.<\/p><\/div>\n <div class=\"paso rv d3\"><div class=\"paso-n-bg\">04<\/div><div class=\"paso-ico\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div><div class=\"paso-t\">Pintura y Entrega<\/div><p class=\"paso-p\">Cabina presurizada, barniz UV, pulido. Garant\u00eda escrita en cada trabajo.<\/p><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"gal-sec S-black\" id=\"galeria\">\n <p class=\"eyebrow rv\">Portfolio<\/p>\n <h2 class=\"H rv\">El taller<br>habla solo.<\/h2>\n <div class=\"gal-grid\">\n <div class=\"gf f1 tall rv\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 400 200\" fill=\"none\"><path d=\"M30 140 Q80 95 130 88 Q200 78 280 80 Q330 82 365 100 L368 140 Z\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".5\"\/><path d=\"M130 88 L148 58 L240 46 L320 48 L355 68 L365 88\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".5\"\/><circle cx=\"95\" cy=\"142\" r=\"30\" stroke=\"#c98a2c\" stroke-width=\"1.2\" fill=\"none\" opacity=\".4\"\/><circle cx=\"320\" cy=\"142\" r=\"30\" stroke=\"#c98a2c\" stroke-width=\"1.2\" fill=\"none\" opacity=\".4\"\/><text x=\"200\" y=\"172\" font-family=\"monospace\" font-size=\"8\" fill=\"#c98a2c\" text-anchor=\"middle\" opacity=\".45\">FORD MUSTANG \u00b7 1968<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Restauraci\u00f3n completa<br>Ford Mustang Fastback ’68<\/span><\/div><\/div>\n <div class=\"gf f2 rv d1\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M20 108 Q52 82 80 76 Q126 66 178 70 Q214 74 246 90 L248 108 Z\" stroke=\"#888\" stroke-width=\"1.5\" fill=\"none\" opacity=\".45\"\/><circle cx=\"55\" cy=\"110\" r=\"20\" stroke=\"#888\" stroke-width=\"1\" fill=\"none\" opacity=\".4\"\/><circle cx=\"210\" cy=\"110\" r=\"20\" stroke=\"#888\" stroke-width=\"1\" fill=\"none\" opacity=\".4\"\/><text x=\"133\" y=\"130\" font-family=\"monospace\" font-size=\"7\" fill=\"#888\" text-anchor=\"middle\" opacity=\".38\">BMW SERIE 3<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Siniestro<br>BMW Serie 3 E46<\/span><\/div><\/div>\n <div class=\"gf f3 rv d2\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M18 106 Q48 80 76 74 Q118 62 172 66 Q208 70 244 88 L246 106 Z\" stroke=\"#c98a2c\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\" stroke-dasharray=\"5 3\"\/><circle cx=\"52\" cy=\"108\" r=\"20\" stroke=\"#c98a2c\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"208\" cy=\"108\" r=\"20\" stroke=\"#c98a2c\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"130\" y=\"128\" font-family=\"monospace\" font-size=\"7\" fill=\"#c98a2c\" text-anchor=\"middle\" opacity=\".38\">PORSCHE 911<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Custom Rat Look<br>Porsche 911<\/span><\/div><\/div>\n <div class=\"gf f4 rv d1\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M22 108 Q54 82 80 76 Q126 66 178 70 Q214 74 248 90 L250 108 Z\" stroke=\"#6a8a5a\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><circle cx=\"56\" cy=\"110\" r=\"20\" stroke=\"#6a8a5a\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"212\" cy=\"110\" r=\"20\" stroke=\"#6a8a5a\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"133\" y=\"130\" font-family=\"monospace\" font-size=\"7\" fill=\"#6a8a5a\" text-anchor=\"middle\" opacity=\".38\">VW GOLF GTI<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Anticorrosi\u00f3n<br>VW Golf GTI<\/span><\/div><\/div>\n <div class=\"gf f5 rv d2\"><div class=\"pin\"><\/div><div class=\"gf-bg\"><svg class=\"gf-car\" viewBox=\"0 0 260 140\" fill=\"none\"><path d=\"M20 106 Q45 80 70 74 Q112 62 172 65 Q210 68 244 88 L246 106 Z\" stroke=\"#5a70a0\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><path d=\"M70 74 L85 48 L175 42 L218 52 L242 72\" stroke=\"#5a70a0\" stroke-width=\"1.5\" fill=\"none\" opacity=\".4\"\/><circle cx=\"50\" cy=\"108\" r=\"20\" stroke=\"#5a70a0\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><circle cx=\"206\" cy=\"108\" r=\"20\" stroke=\"#5a70a0\" stroke-width=\"1\" fill=\"none\" opacity=\".38\"\/><text x=\"128\" y=\"128\" font-family=\"monospace\" font-size=\"7\" fill=\"#5a70a0\" text-anchor=\"middle\" opacity=\".38\">ALFA ROMEO GTV<\/text><\/svg><\/div><div class=\"gf-ov\"><span class=\"gf-cap\">Restauraci\u00f3n<br>Alfa Romeo GTV<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"S S-dark\" id=\"contacto\">\n <p class=\"eyebrow rv\">Contacto<\/p>\n <h2 class=\"H rv\">Cu\u00e9ntanos<br>qu\u00e9 necesitas.<\/h2>\n <div class=\"ct-wrap\">\n <div class=\"rv\">\n <div class=\"info-card\">\n <div class=\"ic-head\">\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ic-logo\">\n <span class=\"ic-title\">CB Project Iron Paint<\/span>\n <\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><div><div class=\"ic-k\">Direcci\u00f3n<\/div><div class=\"ic-v\">Carrer Volta, 220<br>08224 Terrassa, Barcelona<\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-phone\"><\/i><\/div><div><div class=\"ic-k\">Tel\u00e9fono<\/div><div class=\"ic-v\">931 58 18 50<br><small>680 33 37 77<\/small><\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-clock\"><\/i><\/div><div><div class=\"ic-k\">Horario<\/div><div class=\"ic-v\">Lun\u2013Jue: 8:00\u201313:30 \/ 15:00\u201319:30<br>Vie: 8:00\u201313:00 \/ 15:00\u201318:00<br><small>Sab y Dom: cerrado<\/small><\/div><\/div><\/div>\n <div class=\"ic-row\"><div class=\"ic-ico\"><i class=\"fa-solid fa-star\"><\/i><\/div><div><div class=\"ic-k\">Valoraci\u00f3n<\/div><div class=\"ic-v\">4.5\u2605 \u2014 Rese\u00f1as de clientes<\/div><\/div><\/div>\n <div class=\"ic-foot\">Respondemos en menos de 24h \u00b7 Sin compromiso<\/div>\n <\/div>\n <\/div>\n <div class=\"rv d2\">\n <form class=\"form\" onsubmit=\"enviar(event)\">\n <div class=\"frow\">\n <div class=\"fg\"><label>Nombre<\/label><input type=\"text\" placeholder=\"Tu nombre\" required><\/div>\n <div class=\"fg\"><label>Tel\u00e9fono<\/label><input type=\"tel\" placeholder=\"6XX XXX XXX\"><\/div>\n <\/div>\n <div class=\"fg\"><label>Veh\u00edculo<\/label><input type=\"text\" placeholder=\"Marca, modelo y a\u00f1o\" required><\/div>\n <div class=\"fg\"><label>Tipo de trabajo<\/label>\n <select required>\n <option value=\"\" disabled selected>\u00bfQu\u00e9 necesita tu coche?<\/option>\n <option>Chapa y Carrocer\u00eda<\/option><option>Pintura Integral<\/option>\n <option>Pintura Localizada<\/option><option>Restauraci\u00f3n Cl\u00e1sica<\/option>\n <option>Custom \/ Kustom<\/option><option>Siniestro \/ Seguro<\/option>\n <option>Anticorrosi\u00f3n<\/option><option>No lo s\u00e9, quiero consultar<\/option>\n <\/select>\n <\/div>\n <div class=\"fg\"><label>Descripci\u00f3n<\/label><textarea placeholder=\"Cu\u00e9ntanos el estado del veh\u00edculo o lo que tienes en mente...\" required><\/textarea><\/div>\n <button type=\"submit\" class=\"btn-sub\"><i class=\"fa-solid fa-paper-plane\"><\/i> Enviar consulta<\/button>\n <p class=\"f-note\">Te contactamos en menos de 24h. Sin compromiso.<\/p>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"ft-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/castellbell.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-28-at-09.14.35.jpeg\" alt=\"CB Project\" class=\"ft-logo\">\n <p class=\"ft-txt\">Taller de chapa y pintura en Terrassa desde 2003. Trabajo artesanal y trato personal.<\/p>\n <\/div>\n <div>\n <p class=\"ft-col-t\">Servicios<\/p>\n <ul class=\"ft-links\">\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Chapa y Carrocer\u00eda<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Pintura Alta Gama<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Restauraci\u00f3n Cl\u00e1sica<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Custom \/ Kustom<\/a><\/li>\n <li><a href=\"#servicios\" onclick=\"ir(event,'servicios')\">Siniestros<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <p class=\"ft-col-t\">Taller<\/p>\n <ul class=\"ft-links\">\n <li><a href=\"#taller\" onclick=\"ir(event,'taller')\">Qui\u00e9nes somos<\/a><\/li>\n <li><a href=\"#proceso\" onclick=\"ir(event,'proceso')\">C\u00f3mo trabajamos<\/a><\/li>\n <li><a href=\"#galeria\" onclick=\"ir(event,'galeria')\">Portfolio<\/a><\/li>\n <li><a href=\"#contacto\" onclick=\"ir(event,'contacto')\">Presupuesto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"ft-bottom\">\n <span class=\"ft-copy\">\u00a9 2026 CB Project Iron Paint \u00b7 Carrer Volta 220, 08224 Terrassa \u00b7 931 58 18 50<\/span>\n <span class=\"ft-hash\">#alocompadre<\/span>\n <\/div>\n<\/footer>\n\n<\/div>\n\n\n<div id=\"tacho\"><canvas id=\"tc\" width=\"312\" height=\"312\"><\/canvas><\/div>\n\n<script>\n\/* \u2550\u2550 PERSIANA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const c=document.getElementById('p-listones');\n const n=Math.ceil((window.innerHeight||800)\/50)+3;\n c.style.cssText='position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden';\n for(let i=0;i<n;i++){\n const d=document.createElement('div');d.className='lst';\n const l=document.createElement('div');l.className='rm-l';\n const r=document.createElement('div');r.className='rm-r';\n d.appendChild(l);d.appendChild(r);\n if(i%4===1){\n const ox=document.createElement('div');\n ox.style.cssText=`position:absolute;top:0;bottom:0;left:${18+Math.random()*64}%;width:${8+Math.random()*18}px;background:radial-gradient(ellipse at 50% 40%,rgba(145,60,8,.3) 0%,transparent 72%);pointer-events:none`;\n d.appendChild(ox);\n }\n c.appendChild(d);\n }\n})();\n\n\/* \u2550\u2550 MOTOR V8 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction sonarMotor(){\n try{\n const A=new(window.AudioContext||window.webkitAudioContext)();\n if(A.state==='suspended')A.resume();\n const sr=A.sampleRate,t0=A.currentTime+.04;\n function brown(s,a){const b=A.createBuffer(1,Math.floor(sr*s),sr),d=b.getChannelData(0);let acc=0;for(let i=0;i<d.length;i++){acc=acc*.997+(Math.random()*2-1)*.018;d[i]=Math.max(-1,Math.min(1,acc*6*a))}return b}\n function piston(a){const b=A.createBuffer(1,Math.floor(sr*.08),sr),d=b.getChannelData(0);for(let i=0;i<d.length;i++)d[i]=(Math.random()*2-1)*Math.exp(-i\/(sr*.018))*a;return b}\n function playBuf(b,t,dur,lp,g){const s=A.createBufferSource(),f=A.createBiquadFilter(),gn=A.createGain();f.type='lowpass';f.frequency.value=lp;f.Q.value=1.4;gn.gain.setValueAtTime(0,t);gn.gain.linearRampToValueAtTime(g,t+.03);gn.gain.setValueAtTime(g,t+dur-.08);gn.gain.linearRampToValueAtTime(0,t+dur);s.buffer=b;s.connect(f);f.connect(gn);gn.connect(A.destination);s.start(t);s.stop(t+dur+.1)}\n function layer(t1,t2,f0,f1,pk){function osc(m,tp,gm,lc){const o=A.createOscillator(),lp=A.createBiquadFilter(),gn=A.createGain();o.type=tp;lp.type='lowpass';lp.frequency.value=lc;lp.Q.value=2;o.frequency.setValueAtTime(f0*m,t1);o.frequency.linearRampToValueAtTime(f1*m,t2);gn.gain.setValueAtTime(0,t1);gn.gain.linearRampToValueAtTime(pk*gm,t1+.05);gn.gain.setValueAtTime(pk*gm,t2-.06);gn.gain.linearRampToValueAtTime(0,t2);o.connect(lp);lp.connect(gn);gn.connect(A.destination);o.start(t1);o.stop(t2+.05)}osc(1,'square',1,280);osc(1,'sawtooth',.45,180);osc(2,'square',.55,420);osc(3,'sawtooth',.28,600);osc(.5,'square',.6,120)}\n function gas(t,fi,fr,d,pw){layer(t,t+d*.65,fi,fr,pw);const ct=t+d*.62,pb=piston(1.2);for(let i=0;i<4;i++){const off=i*.055+Math.random()*.02,s=A.createBufferSource(),bp=A.createBiquadFilter(),gn=A.createGain();bp.type='bandpass';bp.frequency.value=180+i*40;bp.Q.value=1.8;gn.gain.setValueAtTime(pw*(.7-i*.12),ct+off);gn.gain.exponentialRampToValueAtTime(.001,ct+off+.07);s.buffer=pb;s.connect(bp);bp.connect(gn);gn.connect(A.destination);s.start(ct+off);s.stop(ct+off+.1)}layer(t+d*.62,t+d,fr*.7,fi*1.1,pw*.45)}\n const nb=brown(6.5,.9),nb2=brown(6.5,.6);\n playBuf(nb,t0,6.2,160,.42);playBuf(nb2,t0+.1,6.0,340,.22);\n layer(t0,t0+.55,18,44,.5);layer(t0+.5,t0+1.3,42,46,.55);\n gas(t0+1.25,44,125,.65,.72);layer(t0+2.0,t0+2.5,48,44,.5);\n gas(t0+2.45,44,165,.85,.85);layer(t0+3.4,t0+3.8,145,46,.42);\n gas(t0+3.75,46,200,.75,.9);layer(t0+4.55,t0+5.5,190,40,.35);layer(t0+5.3,t0+6.2,40,36,.22);\n const seq=[[0,0],[80,400],[300,750],[700,820],[1250,820],[1300,3800],[1620,1800],[1750,850],[2450,820],[2500,4800],[2900,5400],[3200,1200],[3420,850],[3750,820],[3800,5800],[4050,6600],[4300,7200],[4560,2200],[4750,900],[5000,820],[5500,760],[6000,700],[7000,0]];\n seq.forEach(([d,v])=>setTimeout(()=>{if(window.setRPM)window.setRPM(v)},d));\n }catch(e){}\n}\n\n\/* \u2550\u2550 ABRIR TALLER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction abrirTaller(){\n sonarMotor();\n document.getElementById('tacho').classList.add('show');\n const p=document.getElementById('persiana'),s=document.getElementById('site'),c=document.getElementById('p-c');\n c.style.transition='opacity .3s';c.style.opacity='0';c.style.pointerEvents='none';\n setTimeout(()=>{p.classList.add('up');s.classList.add('on')},200);\n setTimeout(()=>{p.style.display='none';setTimeout(()=>document.getElementById('tacho').classList.remove('show'),3500)},4000);\n}\n\n\/* \u2550\u2550 SPRAY CANVAS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const cv=document.getElementById('spray-canvas');\n if(!cv)return;\n const ctx=cv.getContext('2d');\n function resize(){cv.width=cv.offsetWidth;cv.height=cv.offsetHeight}\n resize();window.addEventListener('resize',resize);\n const particles=[];\n \/\/ Crear manchas de pintura predefinidas (aspecto post-spray)\n function spawnDrop(x,y,color,r){\n for(let i=0;i<Math.floor(r*.8);i++){\n const angle=Math.random()*Math.PI*2;\n const dist=Math.random()*r;\n const size=Math.random()*2.5+.5;\n const life=Math.random()*.4+.05;\n particles.push({x:x+Math.cos(angle)*dist,y:y+Math.sin(angle)*dist,r:size,life,maxLife:life,color,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3});\n }\n }\n \/\/ Manchas fijas decorativas de pintura en el fondo del hero\n const splats=[\n {x:.72,y:.15,r:120,color:'rgba(200,149,14,'},\n {x:.1, y:.55,r:80, color:'rgba(200,149,14,'},\n {x:.85,y:.75,r:100,color:'rgba(200,149,14,'},\n {x:.4, y:.85,r:60, color:'rgba(200,149,14,'},\n ];\n let init=false;\n function initSplats(){\n if(init)return;init=true;\n splats.forEach(s=>spawnDrop(s.x*cv.width,s.y*cv.height,s.color,s.r));\n }\n \/\/ Pintar en canvas al mover rat\u00f3n\n let lastX=-999,lastY=-999;\n document.addEventListener('mousemove',e=>{\n const hero=document.getElementById('inicio');\n if(!hero)return;\n const hr=hero.getBoundingClientRect();\n if(e.clientY<hr.top||e.clientY>hr.bottom)return;\n const x=e.clientX,y=e.clientY-hr.top;\n const dist=Math.hypot(x-lastX,y-lastY);\n if(dist>12){\n for(let i=0;i<3;i++){\n const angle=Math.random()*Math.PI*2,d=Math.random()*8;\n particles.push({x:x+Math.cos(angle)*d,y:y+Math.sin(angle)*d,r:Math.random()*3+1,life:2+Math.random()*2,maxLife:4,color:'rgba(200,149,14,',vx:(Math.random()-.5)*.5,vy:Math.random()*.5+.2});\n }\n lastX=x;lastY=y;\n }\n });\n function draw(){\n initSplats();\n ctx.clearRect(0,0,cv.width,cv.height);\n for(let i=particles.length-1;i>=0;i--){\n const p=particles[i];\n const alpha=Math.min((p.life\/p.maxLife)*.18,.18);\n ctx.beginPath();\n ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n ctx.fillStyle=p.color+alpha+')';\n ctx.fill();\n p.x+=p.vx;p.y+=p.vy;p.vx*=.98;p.vy*=.98;\n p.life-=.008;\n if(p.life<=0)particles.splice(i,1);\n }\n requestAnimationFrame(draw);\n }\n draw();\n})();\n\n\/* \u2550\u2550 CURSOR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n if(window.innerWidth<=900)return;\n const cx=document.getElementById('cx');\n const ring=document.getElementById('cx-outer');\n const dot=document.getElementById('cx-dot');\n let mx=-300,my=-300,rx=-300,ry=-300;\n document.addEventListener('mousemove',e=>{mx=e.clientX;my=e.clientY});\n (function loop(){\n rx+=(mx-rx)*.12;ry+=(my-ry)*.12;\n cx.style.left=rx+'px';cx.style.top=ry+'px';\n dot.style.left=(mx-rx)+'px';dot.style.top=(my-ry)+'px';\n requestAnimationFrame(loop);\n })();\n document.querySelectorAll('a,button,.srv,.tool-card').forEach(el=>{\n el.addEventListener('mouseenter',()=>document.body.classList.add('hov'));\n el.addEventListener('mouseleave',()=>document.body.classList.remove('hov'));\n });\n})();\n\n\/* \u2550\u2550 SCROLL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction ir(e,id){\n e.preventDefault();\n const el=document.getElementById(id);\n if(!el)return;\n window.scrollTo({top:el.getBoundingClientRect().top+window.pageYOffset-20,behavior:'smooth'});\n}\n\n\/* \u2550\u2550 REVEAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const io=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.1});\n document.querySelectorAll('.rv').forEach(el=>io.observe(el));\n})();\n\n\/* \u2550\u2550 FORM \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction enviar(e){\n e.preventDefault();\n const btn=e.target.querySelector('.btn-sub'),orig=btn.innerHTML;\n btn.innerHTML='<i class=\"fa-solid fa-check\"><\/i> \u00a1Enviado! Contactamos en 24h';\n btn.style.background='#1a4e1e';btn.style.borderColor='#1a4e1e';\n setTimeout(()=>{btn.innerHTML=orig;btn.style.background='';btn.style.borderColor=''},4500);\n}\n\n\/* \u2550\u2550 TAC\u00d3METRO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const canvas=document.getElementById('tc');\n if(!canvas)return;\n const ctx=canvas.getContext('2d');\n const W=canvas.width,H=canvas.height,CX=W\/2,CY=H\/2,R=W\/2-18;\n let rpm=0,tgt=0,vel=0;\n window.setRPM=v=>{tgt=Math.max(0,Math.min(8200,v))};\n function draw(rpm){\n ctx.clearRect(0,0,W,H);\n \/\/ Carcasa biselada\n const bez=ctx.createRadialGradient(CX-R*.3,CY-R*.3,R*.1,CX,CY,R+18);\n bez.addColorStop(0,'#4a4a4a');bez.addColorStop(.5,'#1a1a1a');bez.addColorStop(1,'#080808');\n ctx.beginPath();ctx.arc(CX,CY,R+18,0,Math.PI*2);ctx.fillStyle=bez;ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,R+18,0,Math.PI*2);ctx.strokeStyle='#a07808';ctx.lineWidth=2.5;ctx.stroke();\n \/\/ Fondo\n const bg=ctx.createRadialGradient(CX,CY-R*.2,2,CX,CY,R+6);\n bg.addColorStop(0,'#161616');bg.addColorStop(.75,'#0c0c0c');bg.addColorStop(1,'#040404');\n ctx.beginPath();ctx.arc(CX,CY,R+12,0,Math.PI*2);ctx.fillStyle=bg;ctx.fill();\n const sa=Math.PI*.75,arc=Math.PI*1.5;\n \/\/ Zona roja\n const rs=sa+arc*(6\/8),re=sa+arc;\n ctx.beginPath();ctx.arc(CX,CY,R-10,rs,re);ctx.arc(CX,CY,R-24,re,rs,true);ctx.closePath();\n ctx.fillStyle='rgba(155,22,8,.5)';ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,R-10,rs,re);ctx.strokeStyle='#a81808';ctx.lineWidth=2;ctx.stroke();\n \/\/ Marcas\n for(let i=0;i<=8;i++){\n const a=sa+arc*(i\/8);\n ctx.beginPath();ctx.moveTo(CX+Math.cos(a)*(R-11),CY+Math.sin(a)*(R-11));ctx.lineTo(CX+Math.cos(a)*(R-26),CY+Math.sin(a)*(R-26));\n ctx.strokeStyle=i>=6?'#c81808':'#c09010';ctx.lineWidth=2.2;ctx.lineCap='round';ctx.stroke();\n const rt=R-40,xt=CX+Math.cos(a)*rt,yt=CY+Math.sin(a)*rt;\n ctx.font=`bold ${W*.062}px 'Black Han Sans',sans-serif`;ctx.textAlign='center';ctx.textBaseline='middle';\n ctx.fillStyle=i>=6?'#c81808':'#c89010';ctx.fillText(i,xt,yt);\n }\n for(let i=1;i<=15;i+=2){\n const a=sa+arc*(i\/16);\n ctx.beginPath();ctx.moveTo(CX+Math.cos(a)*(R-11),CY+Math.sin(a)*(R-11));ctx.lineTo(CX+Math.cos(a)*(R-20),CY+Math.sin(a)*(R-20));\n ctx.strokeStyle=i\/2>=6?'rgba(200,24,8,.4)':'rgba(192,144,16,.38)';ctx.lineWidth=1.2;ctx.stroke();\n }\n ctx.font=`${W*.042}px 'Share Tech Mono',monospace`;ctx.fillStyle='rgba(200,144,16,.42)';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText('RPM \u00d71000',CX,CY+R*.4);\n ctx.font=`${W*.042}px 'Black Han Sans',sans-serif`;ctx.fillStyle='rgba(255,255,255,.15)';ctx.fillText('CB PROJECT',CX,CY-R*.2);\n \/\/ Aguja\n const na=sa+arc*(rpm\/8000),nL=R-32,nB=17,pa=na+Math.PI\/2;\n const tx=CX+Math.cos(na)*nL,ty=CY+Math.sin(na)*nL;\n const bl=CX+Math.cos(na)*(-nB)+Math.cos(pa)*5.5,bly=CY+Math.sin(na)*(-nB)+Math.sin(pa)*5.5;\n const br=CX+Math.cos(na)*(-nB)-Math.cos(pa)*5.5,bry=CY+Math.sin(na)*(-nB)-Math.sin(pa)*5.5;\n ctx.save();ctx.shadowColor='rgba(0,0,0,.55)';ctx.shadowBlur=6;ctx.shadowOffsetX=2;ctx.shadowOffsetY=2;\n ctx.beginPath();ctx.moveTo(tx,ty);ctx.lineTo(bl,bly);ctx.lineTo(br,bry);ctx.closePath();\n const ng=ctx.createLinearGradient(CX+Math.cos(na)*(-nB),CY+Math.sin(na)*(-nB),tx,ty);\n const inR=rpm>=6000;\n ng.addColorStop(0,'#908060');ng.addColorStop(.65,inR?'#ff4820':'#f0e8c0');ng.addColorStop(1,inR?'#ff1000':'#ffffff');\n ctx.fillStyle=ng;ctx.fill();ctx.restore();\n const pg=ctx.createRadialGradient(CX-3,CY-3,1,CX,CY,13);\n pg.addColorStop(0,'#777');pg.addColorStop(.5,'#282828');pg.addColorStop(1,'#080808');\n ctx.beginPath();ctx.arc(CX,CY,13,0,Math.PI*2);ctx.fillStyle=pg;ctx.fill();\n ctx.beginPath();ctx.arc(CX,CY,13,0,Math.PI*2);ctx.strokeStyle='#c09010';ctx.lineWidth=1.2;ctx.stroke();\n ctx.beginPath();ctx.arc(CX,CY,4,0,Math.PI*2);ctx.fillStyle='#c89010';ctx.fill();\n const gl=ctx.createRadialGradient(CX-R*.35,CY-R*.38,2,CX,CY,R*.8);\n gl.addColorStop(0,'rgba(255,255,255,.055)');gl.addColorStop(.4,'rgba(255,255,255,.018)');gl.addColorStop(1,'rgba(255,255,255,0)');\n ctx.beginPath();ctx.arc(CX,CY,R+12,0,Math.PI*2);ctx.fillStyle=gl;ctx.fill();\n }\n (function loop(){vel=vel*.7+(tgt-rpm)*.18;rpm+=vel;if(rpm<0){rpm=0;vel*=-.2}if(rpm>8300){rpm=8300;vel*=-.15}draw(rpm);requestAnimationFrame(loop)})();\n})();\n\/* \u2550\u2550 CONTADOR ANIMADO DE STATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n let done=false;\n const io=new IntersectionObserver(es=>{\n if(done)return;\n if(!es.some(e=>e.isIntersecting))return;\n done=true;\n const defs=[\n {sel:'.st:nth-child(2) .st-n',final:13,pre:'+',suf:''},\n {sel:'.st:nth-child(3) .st-n',final:2,pre:'',suf:''},\n {sel:'.st:nth-child(4) .st-n',final:100,pre:'',suf:'%'},\n ];\n defs.forEach(d=>{\n const el=document.querySelector(d.sel);if(!el)return;\n let v=0;const inc=d.final\/90;\n const t=setInterval(()=>{v=Math.min(v+inc,d.final);el.textContent=d.pre+Math.round(v)+d.suf;if(v>=d.final)clearInterval(t)},16);\n });\n },{threshold:.3});\n const hs=document.querySelector('.hero-stats');if(hs)io.observe(hs);\n})();\n\n\n\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- CB PROJECT IRON PAINT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cbproject.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- CB PROJECT IRON PAINT\" \/>\n<meta property=\"og:description\" content=\"CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cbproject.es\/\" \/>\n<meta property=\"og:site_name\" content=\"CB PROJECT IRON PAINT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T16:44:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/\",\"url\":\"https:\\\/\\\/cbproject.es\\\/\",\"name\":\"- CB PROJECT IRON PAINT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"datePublished\":\"2026-05-30T21:54:45+00:00\",\"dateModified\":\"2026-06-07T16:44:29+00:00\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cbproject.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"contentUrl\":\"https:\\\/\\\/cbproject.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png\",\"width\":545,\"height\":458},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cbproject.es\\\/#website\",\"url\":\"https:\\\/\\\/cbproject.es\\\/\",\"name\":\"CB PROJECT IRON PAINT\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cbproject.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"- CB PROJECT IRON PAINT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cbproject.es\/","og_locale":"es_ES","og_type":"article","og_title":"- CB PROJECT IRON PAINT","og_description":"CB Project Iron Paint \u2014 Terrassa Terrassa \u00b7 Barcelona \u00b7 Desde 2003 CB PROJECT Iron & Paint \u2014 Chapa y Pintura \u00abLo hacemos como antes,porque…","og_url":"https:\/\/cbproject.es\/","og_site_name":"CB PROJECT IRON PAINT","article_modified_time":"2026-06-07T16:44:29+00:00","og_image":[{"url":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cbproject.es\/","url":"https:\/\/cbproject.es\/","name":"- CB PROJECT IRON PAINT","isPartOf":{"@id":"https:\/\/cbproject.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cbproject.es\/#primaryimage"},"image":{"@id":"https:\/\/cbproject.es\/#primaryimage"},"thumbnailUrl":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","datePublished":"2026-05-30T21:54:45+00:00","dateModified":"2026-06-07T16:44:29+00:00","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cbproject.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cbproject.es\/#primaryimage","url":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","contentUrl":"https:\/\/cbproject.es\/wp-content\/uploads\/2026\/05\/WhatsApp_Image_2026-05-28_at_09.14.35-removebg-preview.png","width":545,"height":458},{"@type":"WebSite","@id":"https:\/\/cbproject.es\/#website","url":"https:\/\/cbproject.es\/","name":"CB PROJECT IRON PAINT","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cbproject.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbproject.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":15,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/cbproject.es\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/cbproject.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}