/* ENERKRON — shared page styles for Galería / Productos / Nosotros */

html, body { margin:0; background:var(--bg-page); }

.ek-hide-mobile { display:block; }
@media (max-width:760px){ .ek-hide-mobile { display:none; } }

.ek-navlink{ text-decoration:none; cursor:pointer; padding:7px 16px; border-radius:999px;
  font-family:var(--font-body); font-weight:600; font-size:14px; color:rgba(255,255,255,.8);
  transition:background .2s, color .2s; }
.ek-navlink:hover{ background:rgba(255,255,255,.16); color:#fff; }
.ek-navlink.active{ background:var(--ek-volt); color:#0A0A0B; }

@keyframes ekFadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }
@keyframes ekScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.ek-h-fade { opacity:0; animation:ekFadeUp 1s cubic-bezier(.16,1,.3,1) forwards; }
@media (prefers-reduced-motion: reduce){ .ek-h-fade { animation:none; opacity:1; } }

.ek-slot { position:relative; border-radius:18px; overflow:hidden; background:var(--surface-card); }
.ek-slot-empty {
  border:1.5px dashed var(--ek-line-2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  text-align:center; padding:24px; transition:border-color .25s, background .25s;
  background:
    repeating-linear-gradient(45deg, rgba(10,10,11,.018) 0 14px, transparent 14px 28px),
    var(--ek-paper-2);
}
.ek-slot-empty:hover { border-color:var(--ek-volt); background:var(--ek-paper-3); }
.ek-slot-empty:hover .ek-slot-frame { border-color:var(--ek-gold); color:var(--ek-gold); }
.ek-slot-frame { width:42px; height:42px; border:2px solid var(--ek-line-2); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--text-faint); font-size:22px; transition:.25s; }
.ek-ratio-chip { font-family:var(--font-mono); font-size:11px; letter-spacing:.04em; color:var(--text-muted); background:rgba(10,10,11,.05); border:1px solid var(--border-subtle); padding:3px 9px; border-radius:999px; }
.ek-slot-label { font-family:var(--font-body); font-weight:600; font-size:13px; color:var(--text-muted); }
.ek-slot-sub { font-family:var(--font-mono); font-size:11px; color:var(--text-faint); }

.ek-zoom img { transition:transform .6s cubic-bezier(.16,1,.3,1); }
.ek-zoom:hover img { transform:scale(1.06); }

::-webkit-scrollbar{ width:10px; } ::-webkit-scrollbar-track{ background:var(--ek-paper-2); } ::-webkit-scrollbar-thumb{ background:var(--ek-line-2); border-radius:10px; }