/* HERRAMIENTAS */
  :root{ --accent:#ff6d40; --ink:#434343; }
  .btn-accent{ background:var(--accent); color:#fff; border:0; }
  .btn-accent:hover{ filter:brightness(.95); color:#fff; }
  .text-bg-accent{ background: var(--accent) !important; }
  .btn-chip{ border:1px solid #e5e7eb; background:#fff; border-radius: 999px; padding:.375rem .75rem; }
  .btn-chip.active, .btn-chip:hover{ border-color: var(--accent); color: var(--accent); }
  .btn-filter{ border:1px solid #e5e7eb; background:#fff; border-radius: 999px; padding:.375rem .75rem; }
  .btn-filter.active, .btn-filter:hover{ border-color: var(--accent); color: var(--accent); }

  .tool-card{ border:1px solid #eee; border-radius:1rem; background:#fff; display:flex; flex-direction:column; transition:transform .15s ease, box-shadow .15s ease; position:relative; overflow:hidden; }
  .tool-card:hover{ transform: translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.06); }
  .tool-card-icon{ font-size: 2rem; /*color: var(--accent);*/ padding:1rem 1rem 0 1rem; }
  .tool-card-body{ padding:1rem; display:flex; flex-direction:column; gap:.25rem; }
  .tool-card-title{ color: var(--ink); font-weight:600; }
  .tool-card-desc{ color:#6b7280; min-height: 3rem; }

  /* Modo compacto en móviles */
  @media (max-width: 576px){
    .tool-card-icon{ font-size:1.5rem; padding: .75rem .75rem 0 .75rem; }
    .tool-card-body{ padding:.75rem; }
  }