/* G-SID · adaptación al sistema liquid glass común (assets/glass.css), con tinte tierra y acento verde */
body.gi-lime .eyebrow, body.gi-lime .soon { font-family: var(--font-data); }
.soon { border-radius: 999px; padding: 6px 14px; background: rgba(157, 196, 83, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); }
.readout, .scope, .rail article, form, .argos .win, .making .frame, .stage, .mvid {
  border-radius: 20px; overflow: hidden;
}
.readout, .scope, .rail article, form {
  background: linear-gradient(160deg, rgba(236, 232, 223, .09) 0%, rgba(236, 232, 223, .035) 60%, rgba(236, 232, 223, .05) 100%) !important;
  border: 1px solid rgba(236, 232, 223, .16) !important;
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 18px 40px -22px rgba(0, 0, 0, .8);
}
form { padding: 26px; }
input, select, textarea { border-radius: 12px; background: rgba(21, 18, 15, .6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .35); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--gi-lime); }
.scope .tabs button { border-radius: 999px; transition: translate .4s var(--gi-ease), background .25s, color .25s; }
@media (hover: hover) { .scope .tabs button:hover { translate: 0 -2px; color: var(--bone); background: rgba(255, 255, 255, .1); } }
.rail { gap: 14px; }
.rail article { margin: 0; }
.specs .side .btn { margin-top: 28px; }
/* el pie común reemplaza al del prototipo */
footer.gi-foot { background: rgba(0, 0, 0, .25); }
.gi-top.scrolled { background: linear-gradient(180deg, rgba(21, 18, 15, .86), rgba(21, 18, 15, .4) 75%, rgba(21, 18, 15, 0)); }
.gi-top .panel { background-color: transparent; }
@media (max-width: 1180px) { .gi-top .panel { background: rgba(28, 24, 19, .97); } }