/* Panel "Guía del proyecto": detección, recomendaciones y botones para aplicarlas */
.guia-detectado { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; color: var(--text-secondary); font-size: 0.85rem; }
.guia-chip { border-radius: 999px; padding: 0.15rem 0.7rem; font-weight: 700; font-size: 0.78rem; border: 1px solid; }
.guia-pequeno { color: var(--cad-green); border-color: rgba(0, 255, 136, 0.45); }
.guia-mediano { color: var(--cad-cyan); border-color: rgba(0, 229, 255, 0.45); }
.guia-grande { color: var(--cad-orange); border-color: rgba(255, 140, 0, 0.5); }
.guia-lista { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0.75rem; margin-top: 0.9rem; }
.guia-item { background: var(--bg-result); border: 1px solid var(--border-base); border-radius: 8px; padding: 0.75rem 0.85rem;
             display: flex; flex-direction: column; gap: 0.45rem; }
.guia-item-cabeza { display: flex; justify-content: space-between; gap: 0.5rem; align-items: flex-start; }
.guia-item-cabeza strong { color: var(--text-primary); font-size: 0.9rem; }
.guia-item p { color: var(--text-secondary); font-size: 0.8rem; line-height: 1.45; }
.guia-nota { color: var(--cad-yellow) !important; }
.guia-etiqueta { flex-shrink: 0; font-size: 0.68rem; border-radius: 4px; padding: 0.1rem 0.4rem; white-space: nowrap; }
.guia-etiqueta.norma { background: rgba(0, 170, 255, 0.15); color: var(--cad-blue); }
.guia-etiqueta.criterio { background: rgba(255, 215, 0, 0.1); color: var(--cad-yellow); }
.guia-estado { color: var(--cad-green); font-size: 0.8rem; margin-top: auto; }
.guia-boton { margin-top: auto; align-self: flex-start; background: var(--cad-blue-dim); color: #fff; border: 1px solid var(--cad-blue);
              border-radius: 6px; padding: 0.35rem 0.8rem; font: inherit; font-size: 0.8rem; cursor: pointer; }
.guia-boton:hover { background: var(--cad-blue); }
.guia-pie { color: var(--text-muted); font-size: 0.75rem; margin-top: 0.75rem; }