/* ═══════════════════════════════════════════════════════════
   Ahá Herramientas Digitales · Ideas de palabras clave
   ═══════════════════════════════════════════════════════════ */
.pc-card { max-width: 980px; }
.pc-campos { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; }
.pc-form input[type=text] { min-height: 46px; font-size: 1rem; }
.pc-form .btn-lg { align-self: flex-start; }
.pc-aclara { margin: 12px 0 0; }
.pc-res:empty { display: none; }
.pc-res { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }

.pc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pc-head .tc-tit { margin-bottom: 2px; overflow-wrap: anywhere; }
.pc-head p { margin: 0; }
.pc-acciones { display: flex; gap: 8px; flex-wrap: wrap; }

/* IA */
.pc-ia-box { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding: 14px 16px; border-radius: 16px; background: var(--orange-50); border: 1px solid #f7d2ad; }
.pc-ia-box > div:first-child { flex: 1 1 280px; }
.pc-ia-box b { display: block; color: var(--navy); }
.pc-ia-box .small { color: var(--ink-2); }
.pc-ia-btn { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#pcIaErr { margin-top: 10px; }
.pc-ia-res { margin-top: 14px; }
.pc-ia-resumen { background: var(--blue-50); color: var(--navy); border-radius: 14px; padding: 12px 16px; font-weight: 600; }
.pc-ia-grupos { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.pc-ia-g { border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; background: #fff; min-width: 0; }
.pc-ia-g-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pc-ia-g h3 { font-size: 1rem; color: var(--navy); margin: 0 0 6px; overflow-wrap: anywhere; }
.pc-ia-tit { font-size: .9rem; font-weight: 700; margin: 4px 0 6px; overflow-wrap: anywhere; }
.pc-ia-tit span { display: block; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.pc-ia-tit .btn-copiar { margin-left: 4px; }
.pc-chips { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.pc-chips li { font-size: .78rem; background: var(--bg); border-radius: 999px; padding: 2px 9px; overflow-wrap: anywhere; }
.pc-tag { font-size: .68rem; font-weight: 800; padding: 2px 8px; border-radius: 999px; white-space: nowrap; background: var(--bg); color: var(--ink-2); }
.pc-tag-comprar { background: var(--ok-50); color: var(--ok-700); }
.pc-tag-local { background: var(--orange-50); color: var(--orange-600); }
.pc-tag-zonas { background: var(--bg); color: var(--ink-2); }
.pc-tag-comparar { background: #f1e9ff; color: #6a3fb5; }
.pc-tag-informarse { background: var(--blue-50); color: var(--blue); }

/* Filtros */
.pc-filtros { margin: 18px 0 8px; display: flex; flex-direction: column; gap: 10px; }
.pc-filtros-2 { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pc-buscar { flex: 1 1 220px; max-width: 360px; }
.pc-buscar input { min-height: 40px; }
.pc-preg { font-size: .9rem; margin: 0; }

/* Grupos de ideas */
.pc-grupo { margin-top: 18px; }
.pc-grupo-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 2px solid var(--bg); padding-bottom: 4px; }
.pc-grupo h3 { font-size: 1.02rem; margin: 0; color: var(--navy); }
.pc-n { display: inline-block; font-size: .75rem; background: var(--bg); color: var(--ink-2); padding: 1px 8px; border-radius: 999px; margin-left: 4px; vertical-align: middle; }
.pc-grupo > .small { margin: 6px 0 8px; }
.pc-comprar .pc-grupo-head { border-color: var(--ok-50); }
.pc-local .pc-grupo-head { border-color: var(--orange-50); }
.pc-zonas .pc-grupo-head { border-color: var(--line); }
/* Palabras sueltas dudosas (nombres de comercios): plegadas al final del grupo */
.pc-dudosas { margin-top: 10px; }
.pc-dudosas > summary { cursor: pointer; font-size: .88rem; font-weight: 700; color: var(--blue); padding: 6px 0; list-style-position: inside; }
.pc-dudosas > summary:focus-visible { outline: 3px solid rgba(0, 113, 188, .35); outline-offset: 2px; border-radius: 6px; }
.pc-dudosas > summary .small { font-weight: 500; }
.pc-dudosas[open] > summary { margin-bottom: 6px; }
.pc-ideas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px; }
.pc-ideas li { display: flex; align-items: stretch; border: 1px solid var(--line); border-radius: 10px; background: #fff; min-width: 0; }
.pc-idea { flex: 1; min-width: 0; text-align: left; font: inherit; font-size: .88rem; color: var(--ink); background: none; border: 0; padding: 7px 10px; cursor: pointer; border-radius: 10px 0 0 10px; overflow-wrap: anywhere; }
.pc-idea:hover { background: var(--blue-50); }
.pc-q { display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--blue-50); color: var(--blue); font-size: .7rem; font-weight: 800; margin-right: 6px; vertical-align: 1px; }
.pc-google { display: grid; place-items: center; width: 34px; flex-shrink: 0; color: var(--muted); border-left: 1px solid var(--line); text-decoration: none !important; font-weight: 700; }
.pc-google:hover { color: var(--blue); background: var(--blue-50); border-radius: 0 10px 10px 0; }
.pc-vol { margin-top: 16px; }
.pc-mas { margin-top: 16px; color: var(--ink-2); }

@media (max-width: 640px) {
  .pc-campos { grid-template-columns: 1fr; }
  .pc-form .btn-lg { align-self: stretch; }
  .pc-ideas { grid-template-columns: 1fr; }
  .pc-acciones { width: 100%; }
  .pc-acciones .btn { flex: 1; }
  .pc-ia-btn { width: 100%; }
  .pc-ia-btn .btn { flex: 1; }
  .pc-buscar { max-width: none; }
}