/* Ayuda Proyectos — estilos */
.ayuda-content section { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5e7eb; }
.ayuda-content section:last-child { border-bottom: none; }
.ayuda-content h2 { font-size: 1.3rem; font-weight: 600; color: #1e293b; margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.5rem; }
.ayuda-content h2 i { color: #10b981; }
.ayuda-content h3 { font-size: 1.05rem; font-weight: 600; color: #374151; margin: 1.2rem 0 0.5rem; }
.ayuda-content p { line-height: 1.7; color: #4b5563; margin-bottom: 0.7rem; }
.ayuda-content ul, .ayuda-content ol { margin: 0.4rem 0 0.8rem 1.5rem; line-height: 1.7; color: #4b5563; }
.ayuda-content li { margin-bottom: 0.3rem; }
.ayuda-content code { background: #f1f5f9; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; color: #0f172a; font-family: 'Roboto Mono', monospace; }
.ayuda-content strong { color: #0f172a; font-weight: 600; }
.chip { display: inline-block; background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 4px; font-size: 0.8em; font-weight: 600; margin: 0 2px; }
.chip-code { background: #dbeafe; color: #0047AB; font-family: 'Roboto Mono', monospace; }
.chip-estado-1 { background: #dcfce7; color: #14532d; }
.chip-estado-2 { background: #e2e8f0; color: #334155; }
.chip-estado-3 { background: #fee2e2; color: #b91c1c; }
.note { background: #fef3c7; border-left: 4px solid #f59e0b; padding: 10px 14px; margin: 12px 0; border-radius: 4px; color: #92400e; }
.tip { background: #dcfce7; border-left: 4px solid #15803d; padding: 10px 14px; margin: 12px 0; border-radius: 4px; color: #14532d; }
.warn { background: #fee2e2; border-left: 4px solid #b91c1c; padding: 10px 14px; margin: 12px 0; border-radius: 4px; color: #7f1d1d; }
table.tabla-ejemplo { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 0.9em; }
table.tabla-ejemplo th { background: #10b981; color: #fff; padding: 6px 10px; text-align: left; }
table.tabla-ejemplo td { padding: 5px 10px; border-bottom: 1px solid #e5e7eb; }
table.tabla-ejemplo tr:nth-child(even) td { background: #f8fafc; }
.flujo-pasos { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 14px 0; }
.flujo-paso { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; padding: 12px; }
.flujo-paso-num { display: inline-block; background: #10b981; color: #fff; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; font-weight: 700; font-size: 0.85em; margin-right: 6px; }
.flujo-paso strong { color: #065f46; }