/* =====================================================================
   SCRIPTS.CSS — estilos exclusivos de scripts.html
   ===================================================================== */

.scripts-filter{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 36px;}
.filter-chip{
  font-family:var(--font-display);font-size:12.5px;color:var(--text-muted);
  border:1px solid var(--line);border-radius:20px;padding:7px 16px;
  background:transparent;cursor:pointer;transition:border-color .15s ease,color .15s ease;
}
.filter-chip:hover{border-color:var(--secondary);color:var(--text);}
.filter-chip.active{border-color:var(--secondary);color:var(--secondary);background:rgba(8,145,178,0.08);}

.scripts-grid{padding-bottom:80px;display:grid;grid-template-columns:repeat(auto-fill, minmax(320px,1fr));gap:18px;}

.script-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:24px;display:flex;flex-direction:column;gap:14px;
  transition:border-color .2s ease, transform .2s ease;
}
.script-card:hover{border-color:rgba(8,145,178,0.5);transform:translateY(-3px);}
.script-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.script-card h3{font-family:var(--font-body);font-weight:700;font-size:15.5px;}
.script-tags{display:flex;gap:6px;flex-wrap:wrap;}
.script-tag{
  font-family:var(--font-display);font-size:10.5px;color:var(--text-faint);
  border:1px solid var(--line);border-radius:12px;padding:3px 9px;
}
.script-card p.desc{font-size:13.5px;color:var(--text-muted);}

.script-snippet{
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 16px;position:relative;overflow:hidden;
}
.script-snippet pre{
  font-family:var(--font-display);font-size:12.5px;color:var(--text-muted);
  white-space:pre-wrap;word-break:break-word;line-height:1.5;
}
.script-snippet pre .cmt{color:var(--text-faint);}
.copy-btn{
  position:absolute;top:8px;right:8px;
  font-family:var(--font-display);font-size:10.5px;color:var(--text-muted);
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  padding:5px 9px;cursor:pointer;transition:border-color .15s ease,color .15s ease;
}
.copy-btn:hover{border-color:var(--secondary);color:var(--secondary);}
.copy-btn.copied{color:var(--tertiary);border-color:var(--tertiary);}

.script-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:2px;}
.script-card-foot a{font-family:var(--font-display);font-size:12.5px;color:var(--secondary);}
.script-card-foot a:hover{color:var(--primary-glow);}

.script-card.soon{border-style:dashed;opacity:0.75;}

/* ---------- Responsivo ---------- */
@media (max-width:560px){
  .scripts-grid{grid-template-columns:1fr;}
}