Qui som

Un servei 360º

Més que un proveïdor, un partner estratègic.

Dissenyem. Fabriquem. Instal·lem.

Formació contínua

Programes d’actualització tècnica i millors pràctiques operatives per al teu equip.

Suport tècnic

Assistència especialitzada contínua.

Instal·lació

Implementació professional clau en mà.

Assessorament integral

Des del primer contacte, el nostre equip d’experts t’acompanya en cada decisió estratègica.

Digitalització

Sistemes intel·ligents de gestió.

Planificació

Anàlisi detallada i disseny personalitzat.

/* FUENTES */ @import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@400;600;700;800&display=swap'); /* CONTENEDOR */ .washnet360-circle{ font-family:"LT Wave", system-ui, sans-serif; padding:100px 0; text-align:center; background: radial-gradient(circle at center, (#000D20), #000D20)); } /* HEADER BLANCO */ .w360-head{ max-width:860px; margin:0 auto 70px; color:#ffffff; } .w360-kicker{ font-family:"Readex Pro", sans-serif; font-size:12px; letter-spacing:.24em; font-weight:800; opacity:.85; } .w360-head h2{ font-family:"Readex Pro", sans-serif; font-size:46px; font-weight:900; margin:12px 0; } .w360-head p{ font-size:17px; opacity:.88; } /* WRAPPER */ .w360-wrapper{ position:relative; width:540px; height:540px; margin:0 auto; } /* CENTRO */ .w360-center{ position:absolute; inset:0; margin:auto; width:200px; height:200px; border-radius:50%; background:#000D20; color:#ffffff; display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:3; box-shadow:0 36px 100px rgba(0,0,0,.45); } .w360-center span{ font-family:"Readex Pro", sans-serif; letter-spacing:.28em; font-size:15px; opacity:.75; } .w360-center strong{ font-family:"Readex Pro", sans-serif; font-size:22px; font-weight:900; } .w360-center em{ font-style:normal; font-size:14px; opacity:.75; } /* ÓRBITA */ .w360-ring{ position:absolute; inset:0; border-radius:50%; animation:spin 120s linear infinite; transform-origin:center; } /* ITEMS */ .w360-item{ position:absolute; width:155px; padding:16px; background:#ffffff; border-radius:18px; border:1px solid rgba(15,23,42,.18); box-shadow:0 18px 48px rgba(15,23,42,.12); animation:counterSpin 120s linear infinite; transition:.35s ease; } .w360-item:hover{ transform:scale(1.07); z-index:6; } .w360-item h4{ font-family:"Readex Pro", sans-serif; margin:0; font-size:14px; font-weight:900; } .w360-item p{ margin:6px 0 0; font-size:12px; opacity:.75; } /* POSICIONES */ .i1{top:-14px;left:192px;} .i2{top:96px;right:-14px;} .i3{bottom:96px;right:-14px;} .i4{bottom:-14px;left:192px;} .i5{bottom:96px;left:-14px;} .i6{top:96px;left:-14px;} /* ANIMACIONES */ @keyframes spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} } @keyframes counterSpin{ from{transform:rotate(0deg);} to{transform:rotate(-360deg);} } /* PAUSA AL HOVER */ .w360-wrapper:hover .w360-ring, .w360-wrapper:hover .w360-item{ animation-play-state:paused; } /* RESPONSIVE */ @media(max-width:700px){ .w360-wrapper{width:380px;height:380px;} .w360-center{width:150px;height:150px;} .w360-item{width:118px;} }