biolink+servicios

style/main.css

@@ -19,6 +19,7 @@
   --bg-base: var(--brand-sage-light);
   --bg-surface: #ffffff;
   --bg-surface-elevated: #f5f9f8;
+  --bg-icon-contrast: var(--brand-teal);
 
   --text-primary: var(--brand-plum);
   --text-secondary: var(--brand-teal);
@@ -37,6 +38,7 @@
   --border: rgba(0, 63, 82, 0.12);
   --shadow: 0 4px 20px -2px rgba(34, 23, 40, 0.08);
   --glow-animation: rgba(186, 18, 77, 0.25);
+  --bg-contraste-teal: rgba(0,63,82, 1);
 
   /* Tipografía de Marca */
   --font-title: 'Literata', serif;
@@ -61,6 +63,7 @@
   --bg-base: var(--bg-dark-web);
   --bg-surface: #170c1d;
   --bg-surface-elevated: #221728;
+  --bg-icon-contrast: var(--brand-sage-light);
 
   --text-primary: var(--brand-sage-light);
   --text-secondary: var(--brand-rose-muted);
@@ -78,6 +81,7 @@
   --border: rgba(234, 240, 238, 0.12);
   --shadow: 0 4px 24px -2px rgba(0, 0, 0, 0.45);
   --glow-animation: rgba(186, 18, 77, 0.45);
+  --bg-contraste-teal: rgba(0,63,82, 0.5);
 }
 
 /* ============================================
@@ -594,12 +598,22 @@ body.menu-open .site-header {
   height: 36px;
   width: auto;
   opacity: 0.95;
-  transition: opacity 0.2s ease;
 }
 
 .menu-brand img:hover {
   opacity: 1;
 }
+.menu-brand a,
+.menu-brand .logo {
+  transform: none !important;
+  transition: none;
+}
+
+.menu-brand a:hover,
+.menu-brand .logo:hover {
+  transform: none !important;
+  color: inherit;
+}
 
 /* ============================================
    KEYFRAMES (ONDAS DE AURORA BOREAL)