diff --git a/crates/apps/gioser-web/styles.css b/crates/apps/gioser-web/styles.css index e0597e7..1462739 100644 --- a/crates/apps/gioser-web/styles.css +++ b/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;