portada: reticula a 2px #444, z-index 30 sobre todo, circulo 28px 2px

crates/apps/gioser-web/styles.css

@@ -52,17 +52,18 @@ html, body {
   background: var(--bg);
 }
 
-/* Líneas de retícula */
+/* Líneas de retícula — sobre todo */
 .reticula-v {
   position: absolute;
   top: 0;
   left: 50%;
-  width: 1px;
+  width: 2px;
   height: 100%;
-  background: var(--reticula);
-  z-index: 1;
+  background: #444;
+  z-index: 30;
   pointer-events: none;
   transition: background 0.4s ease, box-shadow 0.4s ease;
+  transform: translateX(-0.5px);
 }
 
 .reticula-v.brighter {
@@ -75,11 +76,12 @@ html, body {
   top: 50%;
   left: 0;
   width: 100%;
-  height: 1px;
-  background: var(--reticula);
-  z-index: 1;
+  height: 2px;
+  background: #444;
+  z-index: 30;
   pointer-events: none;
   transition: background 0.4s ease, box-shadow 0.4s ease;
+  transform: translateY(-0.5px);
 }
 
 .reticula-h.brighter {
@@ -89,13 +91,13 @@ html, body {
 
 .reticula-center {
   position: absolute;
-  top: calc(50% - 12px);
-  left: calc(50% - 12px);
-  width: 24px;
-  height: 24px;
-  border: 1px solid var(--border);
+  top: calc(50% - 14px);
+  left: calc(50% - 14px);
+  width: 28px;
+  height: 28px;
+  border: 2px solid #444;
   border-radius: 50%;
-  z-index: 2;
+  z-index: 30;
   pointer-events: none;
   transition: border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
   background: transparent;