Initial commit

2026-05-03 19:27:23 +02:00
commit 70c52339df
41 changed files with 2422 additions and 0 deletions
@@ -0,0 +1,87 @@
+.header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+}
+
+.header-container {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 0 20px;
+    display: flex;
+    align-items: center;
+    height: 140px;
+}
+
+.logo-img{
+    width: 98px;
+    height: 70px;
+    margin-right: auto;
+    transition: opacity 0.2s, transform 0.2s;
+    display: inline-block;
+}
+
+.logo-mask {
+    background-color: var(--text-color);
+    -webkit-mask-image: url('/images/icons/logo-nero.svg');
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    -webkit-mask-size: contain;
+    mask-image: url('/images/icons/logo-nero.svg');
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: contain;
+}
+
+.logo-img:hover {
+    transform: translateY(-1px);
+}
+
+.nav {
+    display: flex;
+    gap: 30px;
+    margin: 0 auto;
+}
+
+.header-actions {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+}
+
+.nav a {
+    text-decoration: none;
+    color: var(--text-color);
+    font-weight: 500;
+    transition: color 0.2s, transform 0.2s;
+    font-size: 1.2rem;
+}
+
+.nav a:hover {
+    transform: translateY(-1px);
+}
+
+.nav a:hover,
+.nav a.active {
+    color: var(--primary-color);
+}
+
+/*Temporaneo*/
+@media (max-width: 768px) {
+    .header-container {
+        flex-direction: column;
+        height: auto;
+        padding: 15px 20px;
+    }
+
+    .nav {
+        gap: 15px;
+        width: 100%;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+
+    .nav a {
+        font-size: 14px;
+    }
+}