Qui sommes-nous

Un service à 360°

Plus qu’un fournisseur, un partenaire stratégique.

Nous concevons. Nous fabriquons. Nous installons.

Formation continue

Programmes de mise à jour technique et bonnes pratiques opérationnelles pour vos équipes.

Support technique

Assistance spécialisée continue.

Installation

Mise en œuvre professionnelle clé en main.

Conseil global

Dès le premier contact, notre équipe d’experts vous accompagne dans chaque décision stratégique.

Digitalisation

Systèmes intelligents de gestion.

Planification

Analyse détaillée et conception personnalisée.

/* 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;} }